/* -- START CSS --

Author: DZNROKR
Author URI: http://dznrokr-fansites.com
Theme Name: Ultimate Rihanna (Yellow & Black)
Theme URI: http://dznrokr-fansites.com
Version: 2.0
Description:  Designed by <a href="http://dznrokr-fansites.com">DZNROKR</a>


/* ------------------------------------------------------ Body and Globals 
----------------------------------------------------------------------------------------*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  

body {font-family:Arial, helvetica, sans-serif;font-size:11px;text-align:justify;color:#fff;padding:0;margin:0;background:#f0f0f0 url(images/mainbg.jpg) no-repeat center top;}

p {padding:0 0 15px 0;}
tr, td {vertical-align:top}
.fix {clear:both; height:0px; padding:0; margin:0;}

img {border:0; padding:0; margin:0;}

textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 1px solid #797c9a; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }

img.alignleft{margin: 0 10px 2px 0;}
img.alignright{margin: 0 0 2px 10px;}
img.centered{display:block;margin:5px auto;}

.alignleft{float: left;}
.alignright{float: right;}

blockquote {
	background-color: #232323;
	border: 1px solid #fff200;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	padding: 16px;
margin: 5px;
}

textarea {
font-family: Arial;
font-size: 15px;
border: 1px solid #fff200;
padding: 5px;
color: #fff;
background: #232323;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
input.reply  {
font-family: Arial;
font-size: 15px;
border: 1px solid #fff200;
padding: 5px;
color: #fff200c;
background: #232323;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
button
{
font-family: Arial;
font-size: 14px;
border: 1px solid #fff200;
padding: 6px;
color: #2c2c2c;
background: #232323;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}


a{color:#fffb2b;text-decoration:underline;}
a:hover{color:#666666;text-decoration:none;}

h1, h2, h3 {font-weight:100;padding:4px 0;}

h1 {color:#fffb2b;font-size:24px;font-family:Georgia, "Times New Roman", Times, serif;}
h2 {color:#fffb2b;font-size:20px;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;}
h3 {color:#676767;font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;}

ul, ul li, li {list-style-type:none;list-style-position:inside;padding:0;margin:0;border:none;background:none;text-transform:none;}
ol, ol li, li {list-style-type:decimal;list-style-position:inside;padding:4px;margin:4px;border:none;background:none;text-transform:none;}

/* ------------------------------------------------------ Layout 
----------------------------------------------------------------------------------------*/
.topwrapper {width:1170px;margin:0 auto;}
#top {background:url(images/top-bg.png) repeat-x;width:100%;height:172px;}
#wrapper {width:1042px;margin:0 auto;}

#title {float:left;width:346px;}
#ad {float:left;padding-top:12px;}
#ad a img {padding:3px; margin:3px; background:#f3f3f3;-moz-border-radius: 4px;}
#ad a:hover img{background: #F3EE00;}
#rihanna {float:left;}
#featured-posts {float:left;text-align:center;padding-left:20px;}

#main {margin-top:75px;}
#sidebar {width:343px;float:left;}
#content {width:641px;float:left;padding-left:30px;}
/* ----------------------------- Featured Posts ----------------------------- */

#featured-posts li {width:480px;height:185px;}

.carousel-wrap{width:480px;height:185px;text-align:center;vertical-align:top;}

.featured-title h2{color:#fffb2b;font-family:Georgia, "Times New Roman", Times, serif;font-size:20px;padding:3px 0 3px 0;}
.featured-title h2 a{color:#fffb2b;text-decoration:none;font-weight:100;}
.featured-title h2 a:hover{color:#666666;text-decoration:none;}

.featured-meta {color:#c1c1c1;font-size:11px;}
.featured-meta a{color:#676767;text-decoration:none;}
.featured-meta a:hover{border-bottom:1px dotted #7d7d7d;}

.featured-image {
	background:#fff;
	padding:16px;
	width:437px;
	margin:88px auto 8px auto;
}
.carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:52px;height:52px;cursor:pointer;line-height:999px;zoom:1;}
.carousel-next{background:url(images/down.png) 0 0 no-repeat;margin:4px 0 0 420px;}
.carousel-previous{background:url(images/up.png) 0 0 no-repeat;margin:8px 0 22px 420px;}

/* ----------------------------- Post Body ----------------------------- */

.post-title h1{color:#181417;font-family:Georgia, "Times New Roman", Times, serif;font-size:20px;padding:30px 0 3px 16px;}
.post-title h1 a{color:#181417;text-decoration:none;font-weight:100;}
.post-title h1 a:hover{color:#2c2c2c;text-decoration:none;}

.image {padding:3px; margin:2px; border:1px solid #999999;-moz-border-radius: 4px;}
.image:hover {padding:3px; margin:2px; border:1px solid #F3EE00;-moz-border-radius: 4px;}

.post-meta {color:#646464;font-size:11px;padding:0 0 3px 16px;}
.post-meta a{color:#282828;text-decoration:none;}
.post-meta a:hover{border-bottom:1px dotted #7d7d7d;}

.post-body img {
padding:3px; margin:2px; border:1px solid #999999;-moz-border-radius: 9px;}
.post-body img:hover {
padding:3px; margin:2px; border:1px solid #F3EE00;-moz-border-radius: 9px;}

.post-body {
	line-height:22px;
	font-size:11px;
	color:#ffffff;
	width:580px;
	margin:0 auto;
	font-family:Arial, helvetica, sans-serif;
}

.postfooter {font-size:14px;text-align:right;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;margin-top:10px;}
.postfooter a {text-decoration:none;color:#932c39;background:url(images/post-continue.jpg) no-repeat right;padding:5px 25px 3px 0;}
.postfooter a:hover {color:#132025;}

.postdivider {background:url(images/post-sep.jpg) no-repeat center;width:285px;height:50px;padding:15px;}

.post-top {background:url(images/post-top.jpg) no-repeat;width:639px;height:91px;}
.post-mid {background:url(images/post-mid.jpg) repeat-y;width:639px;}
.post-bot {background:url(images/post-bot.jpg) no-repeat;width:639px;height:9px;margin-bottom:30px;}

.post-archive {
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#fff;
	padding:16px;
	float:left;
	width:100px;
	height:100px;
	margin:0 14px 8px 0;
	line-height:20px;
}

.read-more {height:33px; background:url(images/read-more.png) no-repeat top left;float:right;padding:0 0 8px 0; }
.read-more { width:104px; background-position: -17px -17px; }
.read-more:hover { background-position: -17px -83px; }

.post-meta-single {border-top:1px dashed #666666;padding:8px 0;}
.post-meta-single a {padding:6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background:#333;color:#fffb2b;text-decoration:none;}
.post-meta-single a:hover {background:#fffb2b;color:#333;}

.post-navigation {border-top:1px dashed #666666;padding:8px 0;text-align:center;}
.post-navigation a {padding:6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background:#333;color:#fffb2b;text-decoration:none;}
.post-navigation a:hover {background:#fffb2b;color:#333;}

/* ----------------------------- Content  ----------------------------- */
#page {background:#232323;width:639px;padding:15px;color:#ffffff;}
#page h1 {line-height:2px;}

#content ul {padding:4px 0 8px 0;}
#content ul li {list-style:none;border-bottom:1px dashed #666666;padding:8px 4px 8px 24px;background:url(images/sb-bullet.png) left no-repeat;line-height:16px;}
#content ul li a {text-decoration:none;color:#fffb2b;}
#content ul li a:hover {text-decoration:none;color:#fefc94;}

#breadcrumb {font-size:10px;text-transform:uppercase;padding:0 0 10px 0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#666;line-height:10px;}
#breadcrumb a {text-decoration:none;}

/* ----------------------------- Page-Navi Plugin  ----------------------------- */
#pagenavi {float:right;padding:12px 15px;color:#cacaca;width:639px;}
#pagenavi li {
	background: #232323;
	padding:6px;
	border:1px solid #fbfbde;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
	display:block;
	margin:2px;
}

/* ------------------------------------------------------ Sidebar
----------------------------------------------------------------------------------------*/

.sidebar-content {width:280px;margin:0 auto;padding-bottom:10px;color:#ffffff;line-height:20px;font-size:11px;}
.sidebar-content ul {padding:4px 0 8px 0;}
.sidebar-content ul li {list-style:none;border-bottom:1px dashed #666666;padding:8px 4px 8px 24px;background:url(images/sb-bullet.png) left no-repeat;line-height:16px;}
.sidebar-content ul li a {text-decoration:none;color:#fffb2b;}
.sidebar-content ul li a:hover {text-decoration:none;color:#fefc94;}
.sidebar-content ul li:hover {text-decoration:none;background:url(images/sb-bullet.png) left no-repeat #454545;}

.ads {text-align:center;padding:10px 0;background:#232323;width:320px;margin:0 0 15px 13px;}
.ad-divider {border-bottom:1px solid #c5b8a1;margin:4px 2px 14px 2px;padding-left:2px;}

.sidebar-top h1 {
	color:#2b2b2b;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:25px 10px 6px 14px;
	margin:12px 0;
	text-transform:uppercase;
	font-weight:800;
	letter-spacing:-1px;
	}

.sidebar-top {background:url(images/sidebar-top.jpg) no-repeat;width:343px;height:64px;}
.sidebar-mid {background:url(images/sidebar-mid.jpg) repeat-y;width:343px;}
.sidebar-bot {background:url(images/sidebar-bot.jpg) no-repeat;width:343px;height:9px;}
/* ------------------------------------------------------ Footer
----------------------------------------------------------------------------------------*/
#footer {background:url(images/footer.jpg) repeat-x bottom;width:100%;height:136px;margin:20px auto 0 auto;color:#fefefe;font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;line-height:22px;}
#footer a {color:#c86f75;text-decoration:none;padding:1px;}
#footer a:hover{color:#de8a8f;border-bottom:none;}

.footer-content {width:1000px;margin:0 auto;}
.footer-info {float:left;margin-top:55px;width:850px;}
.footer-credits {float:left;margin-top:60px;}

/* ------------------------------------------------------ Comments
----------------------------------------------------------------------------------------*/


#comments {margin-left:50px;margin-right:50px;padding:24px;color:#ffffff;background:#232323;}

#comments ul {padding:0;}
#comments ul li {list-style:none;border-bottom:none;padding:8px;background:none;line-height:16px;}
#comments ul li a {text-decoration:none;color:#fffb2b;}
#comments ul li a:hover {text-decoration:none;color:#fefc94;}

h3.comments {color:#ccc;padding-bottom:10px;}

.comment-navigation {border-top:1px dashed #666666;border-bottom:1px dashed #666666;margin:5px 0;padding:12px 0;text-align:center;}
.comment-navigation a {padding:6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background:#333;color:#fffb2b;text-decoration:none;}
.comment-navigation a:hover {background:#fffb2b;color:#333;}

.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	padding: 4px;
	background: #676767;
	-webkit-border-radius: 5px;	-khtml-border-radius: 5px;	-moz-border-radius: 5px;border-radius: 5px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	padding:10px;
	margin:5px 0;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding:10px;
	list-style: none;
	border-bottom:none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	border-top:1px dashed #666666;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0;margin:10px 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */