/*  
Theme Name: Sexy Zone
Theme URI: http://sexy-babes-zone.com/
Description: A simple theme from <a href="http://sexy-babes-zone.com/">Sexy Zone</a>.
Version: 0.2
Author: Sexy Zone
*/
/* Begin Typography & Colors */

body {width:760px; font:75%/150% "Arial", Tahoma; 
color: #ccc; text-align: center; margin: 0 auto; background: #000;}

/* Set Layout Section */
#page,#header,#content,#sidebar,#footer,#footer-index { overflow:hidden; display:inline-block }
#page,#header,#footer,#footer-index {width:100%} /* safari and opera need this */
#header {height:310px; background:#000 url(images/header.jpg) no-repeat top;}
#page {background:#000; text-align: left;}

#content {margin:0; padding: 10px 10px 30px 10px; float: left; width: 495px;}
#sidebar {float: right; margin:0; padding: 10px 10px 30px 10px; width: 185px;}
#footer-index {clear:both; height: 390px; background:#000 url(images/footer-index.jpg) no-repeat top; color: #999;font-size: 95%;line-height: 130%; border-top:1px dotted #900; padding: 0; margin:0; text-align: left;}
#footer {clear:both; height: 150px; background:#000 url(images/footer.jpg) no-repeat top; color: #ccc;font-size: 95%;line-height: 130%; padding: 0; margin:0; text-align: center;}

/* General */

form {margin:0;padding:0;} /* IE need this */
input, textarea {font:11px/16px Tahoma; letter-spacing:1px; padding:2px 5px;}



/* Header Section */
#header h1, h1 a, h1 a:visited{margin:0; height:60px; font:bold 20px/100% "Arial"; color:#000; text-decoration:none; text-transform:uppercase;}
#header h1 a:hover{color:#ccc;text-decoration:none;}

#headerimg {text-align: left; width: 720px; margin: 20px;}



/* Content Section */

#content a {color:#fff; text-decoration:none; }
#content a:hover {color: #ff0000;text-decoration: none;}
#content h2{color:#900;margin:0 0 2px;border-bottom:1px dotted #ccc;letter-spacing:-1px; font:normal 190%/100% "Arial", Tahoma;padding-bottom:3px;}
#content h2 a, h2 a:visited {color: #900;text-decoration: none;} 
#content h2 a:hover {color: #ff0000;text-decoration: none;}
#content h3 a, h3 a:visited {color: #bb0000;text-decoration: none;} 
#content h3 a:hover {color: #ff0000;text-decoration: none;}
#content h3 {font: normal 140%/100% "Arial", Tahoma;color: #900;margin: 10px 0 5px;}
#content h4 {font: normal 130%/100% "Arial", Tahoma;color: #333;margin: 10px 0 5px;}
form {margin:0;padding:0;}
#content .desc {margin-bottom:40px;}
#content .entry {text-align:justify;}
#content .ent {margin-left:45px; margin-bottom:30px;}


#content .post-date {width: 45px; float: left; height: 49px; background: url(images/date.gif) no-repeat;}

#content .postmetadata {font-size: 95%; color: #777;}
#content .postmetadata a {color: #900;text-decoration: none;}
#content .postmetadata a:hover {color: #ff0000;text-decoration: none;}

#content .navigation {color:#900; font-size: 11px; padding: 10px 0 30px 0; }
#content .navigation a{color:#900; text-decoration:none; }
#content .navigation a:hover { color: #dd0000; text-decoration:none;}



/* SideBar Section */

#sidebar h3 {font: normal 140%/100% "Arial", Tahoma;color: #900;margin: 10px 0 5px;}
#sidebar .ul-cat {list-style: none;margin:0 0 15px;padding:0;border-bottom: 1px solid #777;}
#sidebar .ul-cat li{margin: 0;padding: 2px 0 2px 20px;border-top: 1px solid #777; background: url(images/cat.gif) no-repeat left center;}
#sidebar .ul-cat li a, #sidebar .ul-cat li a:visited{color: #ccc;text-decoration: none;}
#sidebar .ul-cat li a:hover{color: #fff;text-decoration: none;}


#sidebar .ul-archives {list-style: none;margin:0 0 15px;padding:0;border-bottom: 1px solid #777;}
#sidebar .ul-archives li{margin: 0;padding: 2px 0 2px 20px;border-top: 1px solid #777; background: url(images/arc.gif) no-repeat left center;}
#sidebar .ul-archives li a, #sidebar .ul-archives li a:visited{color: #ccc;text-decoration: none;}
#sidebar .ul-archives li a:hover{color: #fff;text-decoration: none;}



/* Footer Section */
#footer-index h4 {font: normal 146%/100% "Arial", Tahoma;color: #999;margin: 10px 0 5px;}
#footer-index a, #footer-index a:visited{color: #ccc; text-decoration: none;}

#footer-index a:hover{color: #900; text-decoration: none;}


#footer-index .left-col{width: 200px; float: left; padding:20px 0 20px 220px; }

#footer-index .right-col{width: 180px; float: right; padding:20px 100px 20px 40px; }

#footer-index .ul-roll {list-style: none;margin:0 0 15px;padding:0;font-size: 115%;line-height: 150%;font-weight: bold;}

#footer-index .ul-roll li{margin: 0;padding: 2px 0 2px 20px;background: url(images/li.gif) no-repeat left center;}

#footer-index .ul-roll li a, .ul-roll li a:visited{color: #ccc;text-decoration: none;}
#footer-index .ul-roll li a:hover{color: #fff; text-decoration: none;}

#footer-index .ul-rol {list-style: none;margin:0;padding:0;font-size: 115%;}

#footer-index .ul-rol li{margin: 0;padding: 2px 0 2px 20px;background: url(images/li.gif) no-repeat left center;}

#footer-index .ul-rol li a, .ul-roll li a:visited{color: #ccc;text-decoration: none;}
#footer-index .ul-rol li a:hover{color: #fff; text-decoration: none;}



/* Search */
#searchform {background: transparent; width: 190px;padding: 5px 0 5px 5px;}

#searchform #s {border:1px solid #333; width: 135px; height: 22 px; padding: 2px 5px; background: transparent; font: 12px Arial, Helvetica, sans-serif; color: #777; vertical-align: middle;}
#searchform #searchsubmit {background: url(images/search.gif) no-repeat; border: none; width: 22px; height: 22px; font:  12px Arial, Helvetica, sans-serif;color: #777;vertical-align: middle;cursor: pointer;}


/* Comment Stuffs */
#comments, #respond {border-bottom: 1px dotted #ccc;padding-bottom: 5px;}

.commentlist {margin: 10px 0;padding-left: 20px;line-height: 130%;}

.commentlist li{padding: 5px 10px;}.commentlist .alt {background: #131313;}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {font-weight: bold;font-style: normal;

color: #555;}.commentlist small {margin-bottom: 5px;display: block;font-size: 87%;}

#commentform {margin-top: 10px;font: Arial, Helvetica, sans-serif;}

#commentform p {padding: 6px 0;margin: 0;}#commentform label{color: #787878;font-size: 87%;}

#commentform input{width: 200px;background:#f4f4f4;border: 1px solid #ccc;padding: 3px;margin-top: 3px;}

#commentform textarea{width: 487px;height: 115px;background:#f4f4f4;border: 1px solid #ccc;

padding: 2px;margin-top: 3px;}#commentform textarea:focus, #commentform input[type="text"]:focus {background: #f4f4f4;}#commentform #submit{background: url(images/bg.gif) no-repeat;font:normal 12px Arial, Helvetica, sans-serif;color: #f4f4f4;border: none; float:right; width: 144px; height: 28px; cursor: pointer;}




/* Other Parts */
img {padding:0; border: 0; margin:0;}

a img:hover {filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7}
p {

 padding:0 0 15px;margin:0; text-indent: 3px; 
}

#copy {wight:100%; color: #555; font: 11px "Arial", Tahoma; text-align: center; margin:-20px 0 10px 0;}
#copy a { color: #555; text-decoration:none;}
#copy a:hover { color: #777; text-decoration:none;}



.alignleft {float: left;text-align: left;}
.alignright {float: right;margin-top: -1px;	text-align: right;}
.center {text-align: center;}



small {color:#555}
.wp-smiley {border:none}



