/*  
Theme Name: Global Nanpa
Theme URI: http://www.globalnanpa.com/
Author: Sergio Ordóñez
Author URI: http://www.sosfactory.com/
*/

/*----------------- Generic tags ----------------*/

body{
	background: #000; 
	margin:0;
	padding:0;
	font:12px Tahoma, Arial, Verdana;
	color:#5b5b5b;
	}
	
p {
    margin: 13px 0 0;
	line-height: 1.25;
	text-align:justify;
}	
	
img {
	border:0;
}
	
a,a:visited {
	color: #24b2ff;
	text-decoration: none;
}
	
a:hover {
	color: #fff;
	text-decoration: none;
}

strong {
	color: #848484;
	font-weight:bold;
}

blockquote {
  background: url(../images/quoteleft.jpg) left top no-repeat;
}
blockquote div {
	padding: 0 48px;
	background: url(../images/quoteright.jpg) right bottom no-repeat;
	text-align: justify;
}


/*-----------------Specific divs----------------*/

#container {
	width:940px;
	height:auto;
	margin:0 auto;
	padding: 0 10px;
	background: url(../images/bg-content.jpg) repeat-y 10px 0px;
}

/* Header */

#headerleft {
	width:581px;
	height: 241px;
	background: url(../images/header.jpg) no-repeat;
	float: left;
}

	#top {
		width: auto;
		height: auto;
	
	}
	
		#logo {
			display:block;
			text-indent:-9999px;
			cursor:pointer;
			width:320px;
			height:130px;
			padding:10px 0 0 40px;
			}
		
		#navbar {
			margin: 0;
			padding: 0 0 0 50px;
			height: 85px;
			width: 531px;
		
		}
		
		
		#navbar ul{
			width:auto;
			height:auto;
			padding:16px 0 0 0;
			list-style:none;
			margin: 0;
			}
			
		#navbar li{
			display:block;
			padding:0;
			margin:0 0 0 15px;
			float: left;
			}
			
		#navbar  a	{
			display:block;
			background-repeat:no-repeat;
			padding:0;
			margin:0;
			height:85px;
			text-indent: -9000px;
		}
		
		#navbar #home a:link,#navbar #home a:visited {
		background:url(../images/home.jpg) no-repeat top;
		width: 68px;
		}
		#navbar #home a:hover	{background-position:bottom;}	
		#navbar #archive a:link,#navbar #archive a:visited {
		background:url(../images/archive.jpg) no-repeat top;
		width: 75px;
		}
		#navbar #archive a:hover	{background-position: bottom;}	
		#navbar #advertise a:link,#navbar #advertise a:visited {
		background:url(../images/advertise.jpg)  no-repeat top;
		width: 83px;
		}
		#navbar #advertise a:hover	{background-position:bottom;}
		#navbar #about a:link,#navbar #about a:visited {
		background:url(../images/about.jpg) no-repeat top;
		width: 67px;
		}
		#navbar #about a:hover	{background-position:bottom;}
		#navbar #contact a:link,#navbar #contact a:visited {
		background:url(../images/contact.jpg) no-repeat top;
		width: 73px;
		}
		#navbar #contact a:hover	{background-position:bottom;}


#headerright {
	width: 321px;
	height: 190px;
	float: right;
	padding: 50px 0 0 38px;
	}

	#subscribe  {
		float: left;
	}
	
		#subscribe ul{
	width:auto;
	height:auto;
	list-style:none;
	margin: 0;
	padding: 0;
		}
			
		#subscribe li{
	display:block;
	float: left;
	margin: 0;
	padding: 0;
		}
		
	#search_box {
		width: 304px;
		height: 22px;
		background: url(../images/search.jpg) no-repeat;
		float: left;
	}
		#search_box #s {
			float: left;
			border: 0;
			width: 260px;
			background: none;
			padding: 3px 0 0 8px;
		}
		#search_box #go {
			float: right;
			margin: 0;
			width: 36px;
			height: 22px;
		}

/* Header end */	
/* Content */

#wraper {
	width: 940px;
	height: auto;
}

#content {
	width: 581px;
	float: left;
	height: auto;
}

	/* Featured posts */
	
	#featuredposts {
		background: url(../images/bg-featured-posts.jpg) no-repeat;
		height: 214px;
		padding-bottom: 35px;
	}
	
		#featuredposts ul{
			padding:0 0 0 30px;
			margin:0;
			list-style:none;
			}
		
		#featuredposts ul li a{
			font-size: 11px;
			display:block;
			width:228px;
			height:17px;
			background:url(../images/bullet1.gif) no-repeat 0px 9px;
			padding:5px 0 0 10px;
			margin:0 0 2px 0;
			}
			
			.featuredpoststitle {
						background:url(../images/bullet2.gif) no-repeat 20px 16px;
						font-weight: bold;
						color: #b4b4b4;
						padding: 20px 0 18px 45px;
					}
	
				#favposts {
					width: 289px;
					height: 214px;
					float: left;
				}
				
					
				
				#mostcommentedposts {
					width: 292px;
					height: 214px;
					float: left;
				}
			
	
	/* Featured posts end */
	/* Posts */
	.post {
		background:url(../images/bg-post.jpg) no-repeat;
		width: 581px;
		height: auto;
		padding: 0 0 20px 0;
		float:left;
	}
	
		.postheading {
		height: 80px;
		float: left;
		padding: 0 0 15px 0;
		}
			.postheading h1 {
			font-weight:bold;
			display:block;
			width:auto;
			padding:13px 0 0;
			font-size:20px;
			margin: 0;
			}
	
			.postdate {
				height: 50px;
				float: left;
				width: 50px;
				padding: 0px 10px 0px 20px;
			}
					.month {
						font-size:9px;
						color: #fff;
						padding: 24px 0 0 17px;
						margin: 0;
						line-height: 1;
					}
					
					.day {
						color: #000;
						padding: 2px 0 0 10px;
						margin: 0;
						font-size: 25px;
						font-weight: bold;
						line-height: 1;
					}
			
			.posttitle {
				float: left;
				padding: 12px 0 0 0;
			}
					.author {
						margin: 0;
						padding: 0;
					}
						
					.categorie {
						font-size: 11px;
						margin: 0;
					}
						
					.categorie a, .categorie a:visited{
						color:#ff3366;
					}
						
					.categorie a:hover{
						color:#fff;
					}
						
			.postcomment {
				float:right;
				font-size: 11px;
				padding: 47px 27px 0 20px;
				background:url(../images/icon-comment.gif) no-repeat 2px 45px;
			}
			
				.postcomment a, .postcomment a:visited{
				text-decoration: underline;
				color: #ff3366;
				}
				.postcomment a:hover{
				text-decoration: underline;
				color: #fff;
				}
				
		.postcontent {
		float: left;
		width: 534px;
		padding: 0 27px 15px 20px;
		}
		
		.postcontent img {
		padding: 10px;
		background-color: #000;
		border: 1px solid #242424;
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
		
		.readmore {
		float:left;
		width: 541px;
		background:url(../images/read-more.jpg) no-repeat 10px 0px;
		height: 35px;
		padding: 10px 40px 0 0;
		}
			.readmore a, .readmore a:visited {
			float:right;
			background:url(../images/bullet4.gif) no-repeat 0px 4px;
			padding: 0 0 0 11px;
			color: #ff3366;
			}
			
			.readmore a:hover {
			color: #fff;
			}
	
	/* Posts end*/
/* Sidebar */

#sidebar {
	width: 358px;
	float: right;
	height: auto;
}

	#sidebar a, #sidebar a:visited {
	color: #5b5b5b;
	}
	
	#sidebar a:hover {
	color: #ff3366;
	}

		.sidebarbox {
		background:url(../images/sidebar-box.jpg) no-repeat;
		height: auto;
		padding: 17px 34px 30px 42px;
		}
			.sidebarboxtitle {
			padding: 0 0 30px 0;
			}
			
				#banners {
				padding: 0 0 0 13px;
				height: auto;
				}
				
					.banner{
					padding: 2px;
					float: left;
					border: 1px solid #fff;
					margin: 2px;
					}
				.sidebarboxonecolumn {
				float: left;
				height: auto;
				padding: 0 0 0 13px;
				}
				
					.sidebarboxonecolumn ul{
					padding:0;
					margin:0;
					list-style:none;
					}
				
					.sidebarboxonecolumn ul li a, .sidebarboxonecolumn ul li a:visited{
					display:block;
					width:245px;
					height:auto;
					background:url(../images/bullet3.gif) no-repeat 0px 11px;
					padding:5px 0 9px 20px;
					margin:2px 0 0 0;
					border-bottom: 1px solid #000;
					}
				
				.sidebarboxtwocolumns {
				height: auto;
				padding: 0;
				}
				
					.sidebarboxtwocolumns ul{
					padding:0 0 0 22px;
					margin:0;
					list-style:none;
					float: left;
					}
				
					.sidebarboxtwocolumns ul li a, #sidebarboxtwocolumns ul li a:visited{
					display:block;
					width:95px;
					height:auto;
					background:url(../images/bullet3.gif) no-repeat 0px 5px;
					padding:5px 0 9px 20px;
					margin:2px 0 0 0;
					border-bottom: 1px solid #000;
					}
/* Sidebar end*/
/* Footer */

#footer {
	background:url(../images/footer.jpg) no-repeat 0px -20px;
	width: 660px;
	height: 107px;
	float: left;
	padding: 58px 0 0 280px;
	font-size: 11px;
}

	#copyright {
	padding: 0;
	width: 400px;
	float: left;
	}
		
		#copyright a, copyright a:visited{
		color:#ff0066;
		}
		#copyright a:hover{
		color:#fff;
		}
		
	#footerbar {
	float: right;
	width: 250px;
	height: 50px;
	padding: 0 0 0 10px;
	}
	
	
		#footerbar ul{
			width:auto;
			height:auto;
			padding:13px 0 0 0;
			list-style:none;
			margin: 0;
			}
			
		#footerbar li{
			display:block;
			padding:0;
			margin:0 0 0 15px;
			float: left;
			}
			
		#footerbar a, footerbar a:visited{
		background-repeat:no-repeat;
		padding:0 0 0 15px;
		margin:0;
		height:85px;
		background:url(../images/bullet3.gif) no-repeat 0px 0px;
		color: #5B5B5B;
		}
		
		#footerbar a:hover{
		color: #ff0066;
		}
	
/* Footer end*/
/*----------------- Final specific divs----------------*/
	
/*----------------- Alignments----------------*/

.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}

/*----------------- Reseting ----------------*/
html, div, span,
applet, object, iframe, 
pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}