/*
Theme Name: OurVanity Main Theme
Theme URI: http://ourvanity.com/
Description: The default Ourvanity theme.
Version: 1.0
*/


* {
   margin:0;	
   padding:0; 
   list-style: none;
}

html,body { 
   font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #000;
   background: #2a2a2a;
}
 
/* General tags */
a { 
   text-decoration: underline; 
   color: #8f0030;
}

a:hover { 
   text-decoration: none;
}

table { 
   border-collapse: collapse; 
}

a img {
	border: none;
}

h4 {
	font-size: 12px;
}

/* Layout
-------------------------- */
#site {
   position: relative;
   width: 978px;
   margin: 0 auto;
	border-left: 1px solid #6a6a6a;
	border-right: 1px solid #6a6a6a;
	overflow: hidden;
}

#header,
#top,
#container,
#leftcol,
#maincol,
#footer{
	float: left;
}


/* Header
-------------------------- */
#top { width: 978px; background: url(images/topbg.gif); height: 47px; }
.topmenu { float: left;} 
.topmenu li { float: left; position: relative; }
.topmenu li a { color: #fff; font-size: 17px; padding: 8px 13px 16px; text-transform: lowercase; text-decoration: none; border-top: 3px solid #ea7101; float: left;  background: url(images/top-line.gif) no-repeat right 12px; }
.topmenu li.no a { background: none; } 
.topmenu a:hover { border-top: 3px solid #fff; }

.topmenu ul li ul { display: none; position: absolute; top: 47px; left: 0; background: #ff9735; width: 140px; z-index: 99999; padding: 0 15px 15px; }
.topmenu ul li ul li { padding: 7px 0; float: none; background: none; border-bottom: 1px solid #ffb978; }
.topmenu ul li ul li a { padding: 0; border: none !important; color: #fff; float: none !important; font-size: 14px  !important; }
.topmenu ul li ul li a:hover { text-decoration: underline; }

.topmenu ul li:hover ul { display: block; }


.search-box { float: right; margin: 11px 7px 0 0; }
.search-box input { border: none; }
.search-box .text { background: url(images/i-search.gif);width: 166px; height: 19px; padding: 2px 0 0 18px; float: left;  margin: 2px 4px 0; }
.search-box .button { float: left; }
		
/* Header
-------------------------- */

#header { 
   width: 978px;
	background: url(images/header-bg.jpg);
   height: 267px; 
}

/* Container
-------------------------- */

#container { 
   width: 970px;
	background: #000;
	padding: 10px 4px 30px 4px;
}

#wrapper {}
.top-ads {
	float:left;
	margin:0 0 16px 14px;
	width:726px;
}
/* Maincol
-------------------------- */
#maincol {
	width: 482px;
	padding: 0 0 0 14px;
}


.head-post {
	background: #009ADA url(images/slogan-bg.gif) no-repeat right;
	height: 	30px;
	position: relative;
	top: -30px;
	width: 558px;
	display: block;
}

.head-post h3 {
	font-weight: normal;
	font-size: 16px;
	padding: 6px 14px;
}

/*  Post */
.post {
	background: #fff;
	margin: 0 0 20px;
	overflow: hidden;
}

.post .intro{
	padding: 0 7px 15px 7px;
}

.post .title { background: #ea7202 url(images/post-tittle.gif) no-repeat top;; margin-bottom: 6px; }
.post .title h2 { font-size: 19px; font-weight: normal; padding: 10px 0 10px 17px; }
.post .title h2 a { color: #800029; text-decoration: none; }
.post .title h2 a:hover { color: #53001b; }

	.post .extra {
		color: #800029;
		padding: 3px 0 0 15px;
		overflow: hidden;
		background: #e5e5e5 url(images/expert-bg.gif) no-repeat right;
		height: 43px;
		font-size: 11px;
	}
	
		.post .extra img {
			float: left; 
			margin-right: 8px;
		}
		
		.post .extra .user-box  {
			float: left; 
			color: #000;
			padding: 3px 0 0;
			line-height: 16px;
		}
	
			.post .extra strong {
				font-weight: normal;
				display: block;
			}
			
		.post .extra .word-box {
			float: right; 
			color: #000;
			padding: 3px 15px 0 0;
			line-height: 16px;
		}
		
			.post .extra .word-box .b-category {
				display: block;
			}

			.post .b-category a {
				font-weight: bolder;
				text-decoration: none;
			}
		
	.post .entry {
		padding: 10px 5px;
	}

		.post .entry ul {
			margin: 8px;
		}
		
		.post .entry ul li {
			list-style: disc;
			margin-left: 15px;
		}
	
		.post .entry ol li {
			list-style: decimal;
		}
	
	.social-rait {
		overflow: hidden;
	}
	
		.social-rait div.sociable { 
			float: left;
		}
	
		.social-rait .raiting-box {
			float: right; 
		}
		
		.social-rait strong {
			margin-bottom: 3px;
			display: block;
		}
	
	.post .bottom {
		background: url(images/post-bottom.gif);
		height: 44px;
		padding: 6px 15px 0 15px;
	}
	
/* Options	*/

/*#comments {
	margin: 5px 0 15px;
}

.commentlist cite {
	color: #BF1F44;
}

.commentmetadata {
	padding: 10px 0;
}
*/

.commentlist{	padding: 0 10px;	color: Black;	text-align: left; float: left; width: 100%; 
   padding-bottom: 20px;   
}
.commentlist li{margin: 8px 10px 8px 0;padding: 7px;list-style: none;background: #F4F4F4;margin-bottom: 2px;border: 1px dashed #DEDED8; width: 400px;}
.commentlist cite{padding: 2px 3px 0 3px;color: #d96b00;font-weight: bold; padding: 0 0 5px 5px;}
.commentlist i{	color: #638092;	font-size: 10px;	padding-left: 5px;	font-style: normal;}
.commentlist .com_body{	padding-left: 20px;}
.commentmetadata b{	color: #d96b00;	font-weight: normal;}
.commentlist p { 	padding-bottom: 10px;}
.linklove {
	display: none;
}

.post .entry img {
	margin: 8px 0;
/*	border: 1px solid #313131;*/
}

.post img.photo {
	background: url(images/picture-bg.jpg);
/*	padding: 20px 21px 40px 13px;*/
	margin: 3px;
	border: none;
}

a.more-link {  padding: 10px 5px;  font-size: 15px;  text-align: center;  color: #fff;  text-decoration: none;  background: url(images/read-more.gif) repeat-x top; line-height: 37px;  font-weight: bolder;  }

a.more-link:hover { 
	color: #dddddd; 
}

.post .entry {
	text-align: justify;
}

.post .entry p {
	padding-bottom: 15px;
}

.wp-pagenavi {
	text-align: center;
}

/*.entry ul {
	margin: 7px;
}
	.entry li {
		margin-left: 15px;
		display: inline;
	}
	
	.entry ul li {
		list-style: disc;
	}

	.entry ol li {
		list-style: decimal;
	}*/

/*LeftCol
-------------------------- */
#leftcol { 
   width: 230px;
	background: url(images/l-inner-bg.gif);
	color: #fff;
}

	#leftcol .module {
		background: url(images/l-inner-bottom.gif) no-repeat bottom;
		padding-bottom: 10px;
	}
	
	#leftcol .module h2 {
		height: 76px;
		background: url(images/leftcol-topbg.gif);
	}
	
		#leftcol dl {
			background: url(images/l-inner-top.gif) no-repeat top;
			padding: 10px 1px 0 1px;
		}
			#leftcol dt {
				padding: 7px 0 7px 16px;
				color: #fff;
				font-size: 14px;
				background: #733350; 
				margin-bottom: 15px;
				font-weight: bold;
			}

			#leftcol dd {
				padding: 0 16px 5px 16px;
				margin-bottom: 20px;
				font-size: 11px;
			}
			
				#leftcol dd p {
					padding: 4px 0 2px;
				}

				#leftcol a.readmore {
					font-size: 9px;
					color: #fff;
				}

		#leftcol .menu {
			margin-top: -7px;
		}
		
		#leftcol li {
			padding: 12px 0;
			background: url(images/l-pixel-line.gif) repeat-x bottom;
			display: block;
		}				

		#leftcol .menu a {
			display: block;
			font-size: 12px;
			text-decoration: none;
		}

		#leftcol .menu a:hover {
			text-decoration: underline;
		}		
/*	leftcol tags */
#leftcol span {
	display: none;
}

#leftcol a {
	color: #fff;
}

/* Comment */
.comment {
	margin-bottom: 10px;
	background: url(images/l-pixel-line.gif) repeat-x bottom;
	padding:5px 0 20px;
}
		
/*RightCol
-------------------------- */
#rightcol { 
   width: 230px;
	text-align: justify;
	float: right;
}

	#rightcol .r-box { 
	   width: 230px;
		background: #f4f4f4;
		margin-bottom: 15px;
	}

	#rightcol .module {
		background: url(images/r-inner-bottom.gif) no-repeat bottom;
		padding-bottom: 20px;
	}
	
	#rightcol .module h2 {
		height: 41px;
		background: url(images/r-module-top.gif);
		color: #fff; 
		font-size: 16px;
		text-transform: uppercase;
		line-height: 41px;
		padding-left: 15px;
	}
	
		#rightcol dl {
			background: url(images/r-inner-top.gif) no-repeat top;
			padding: 10px 7px 0 17px;
		}
			#rightcol dt {
				font-size: 18px;
				margin-bottom: 5px;
				text-align: left;
			}

			#rightcol dd {
				background: url(images/r-pixel-line.gif) repeat-x bottom;
				padding: 0 0 10px 0;
				margin-bottom: 10px;
			}
			
			.lists li { background: url(images/r-pixel-line.gif) repeat-x bottom; padding:6px 10px 10px 15px; text-align:left; }
			.lilinks { font-weight: bold; }
			
				#rightcol dd p {
					padding: 4px 0 2px;
				}

				#rightcol a.readmore {
					font-size: 9px;
				}

		#rightcol .menu li {
			padding: 4px 0 4px 17px;
		}				

		#rightcol .menu dd a {
			font-size: 12px;
			color: #b2023c;
			background: url(images/m-arrow.jpg) no-repeat left;
			padding-left: 17px;
		}
		
		#rightcol .menu dd a:hover {
			background: url(images/m-arrow_.jpg) no-repeat left;
		}

#rightcol .read-more {
	display: block;
	font-size: 11px;
}
				
/* Footer
----------------------- */
#footer { 
   width: 978px; 
   height: 225px;
	background: url(images/footer-bg.jpg);
	position: relative;
}
	#footer ul {
		margin: 14px 0 16px;
	}

		#footer li {
			display: inline;		
			border-right: 1px solid #C9C9C9;
			padding: 0 17px;
		}
	
		#footer li.no {
			border: none;
		}
		
		#footer li a {
			color: #fff;
			font-size: 12px;
			text-decoration: none;
		}

		#footer li a:hover {
			text-decoration: underline;
		}		
	
	#footer .disclaimer {
	position: absolute;
	font-size: 12px;
	color: #fff;
	width: 599px;
	height: 159px;
	left: 346px;
	top: 70px;
	}

		#footer .disclaimer p {
			padding: 0 18px 16px 18px;
		}

		
.wp-polls p {
	padding-bottom: 18px;
}

.error404 h2 {
	color: #fff;
}

.categoryMain {
	font-size: 11px;
}

	.categoryMain dt {
		font-size: 13px !important;
		font-weight: bold;
	}
	
	.categoryMain .read-more {
		font-weight: bold;
	}
/* Related Post */
.st-related-posts li {
	display: block;
	clear: both;
	padding: 1px 0;
}

blockquote {
	background: url(images/bg_blockquote.gif) no-repeat top left;	
	padding: 3px 15px 10px 28px;	
}

.post-in { background: #733350; clear: both; margin: 0 2px 10px 3px; padding: 5px; }
.bottom-in { float: left; margin-top: 15px; text-align: center; width: 970px }
.aligncenter { text-align: center; }
#maincol .ads { margin-bottom: 10px; }
#rightcol .ads { padding-top: 15px; }

.addthis { padding-bottom: 10px; }
.socialus { margin: 10px 0; overflow: hidden; }
.socialus span { float: left; }
.socialus .followus { padding-right: 34px; }
.socialline { padding: 0 10px 10px 10px; }
.socialline .fblikebutton { float: left; width: 100px; }
.socialline .addthis { float: right; }

.joinforum { line-height: 50px; font-weight: bold; font-size: 17px !important; }