
/*
Theme Name: Drenched
Theme URI: http://www.wpthemedesigner.com/
Description: 2 Columns Magazine Style Theme with Featured Post
Version: 1.0
Author: Design by ChiQ Montes
Author URI: http://www.wpthemedesigner.com/
*/

* {margin:0; padding:0;}

body { background:#ffffff url(images/bg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; }

.c {clear:both;}
a { text-decoration:none; color:#333333;}
a:hover {  color:#545422;}
a img {border:none;}


#wrap {width:1000px; margin:0 auto;}

#top-menu {  height:45px; }
#top-menu ul {float:left; list-style-type:none;}
#top-menu ul li { float:left;  font-size:11px; text-transform:uppercase; font-weight:bold; padding:0 10px 0 10px; margin:15px 0 0 0; border-left:1px solid #e8e7e2;}
#top-menu ul li a { color:#e8e7e2; }
#top-menu ul li a:hover  {color:#FFFFFF; }
#top-menu .subscribe {float:right; width:75px; font-size:11px; text-transform:uppercase; font-weight:bold; padding:15px 0 0 25px; background:url(images/icon_rss.gif) no-repeat; background-position:0px 16px;}
#top-menu .subscribe a {color:#FFFFFF; }




#header { height:130px; position:relative;}
#header h1 { position:absolute; top:34px; left:38px; font-size:36px; }
#header h1 a {color:#d4cda4;}
#header h1 a:hover { text-decoration:none;}
#header h2 {position:absolute; top:75px; left:47px; color:#fdfdfd; font-size:12px;}

#menu {height:36px; background:url(images/menu_bg.gif) repeat-x;}
#menu ul { list-style-type:none;}
#menu ul li { float:left; margin:7px 0; background:url(images/menu_divider.gif) no-repeat right; padding:2px 15px; font-size:12px; font-weight:bold;  }
#menu ul li a {color:#1a1a1a;}


#featured { width:935px; margin:24px auto; height:250px; }
#featured .post { height:250px; width:617px; float:left; background:#1a1a1a; color:#FFFFFF; }
#featured .post .content {width:190px; float:left; padding:10px;}
#featured .post h3 { font-size:18px; line-height:14px; text-indent:5px;  margin:0 0 10px 0;}
#featured .post .text { font-size:11px;}
#featured .post .text p { line-height:13px; margin-bottom:1em;}
#featured .post a {color:#FFFFFF; font-weight:bold;}
#featured .post .image {width:400px; height:250px; float:right; background:#333333;}
#featured .post img {width:400px; height:250px;}

#featured .ad { width:300px; height:250px; float:right; background:#FFFFFF;}


#contentwrap { margin:0 auto; width:945px;}
#content {float:left; width:619px;}
#sidebar { width:319px; float:right;}

.warning { font-size:13px; font-weight:bold; padding:4em; text-align:center}
.navigation { text-align:center; font-weight:bold; padding:2em;}

#contentwrap { padding:30px 0 0 0;}
#content .post { border:1px solid #c3c3bb; margin:0 0 10px 0; padding:10px 5px;}
#content .post .image {float:left; background:#f1f1f1;width:200px; height:180px; }
#content .post .image img {width:200px; height:180px; }

#content .post .content {float:right; width:390px;}
#content .post h3 { font-size:18px; padding:0 0 5px 0;} #content .post h3 a:hover { text-decoration:none;}
#content .post .meta { font-size:11px; color:#808080; padding:0 0 5px 0;}
#content .post .text { font-size:11px; padding:0 0 5px 0;}
#content .post .text p { text-align:justify; margin:0 0 1em 0;}
#content .post .underpost {border-top:1px solid #c3c3bb; font-size:11px; text-align:right; padding:5px 0 0 0 ; }
#content .post .text img { border:1px solid #c3c3bb; padding:5px;}

#content .post.single {padding:16px;}
#content .post.single .underpost { text-align:left;}

#content .post blockquote { padding:20px; background:#eeeeee; width:480px; margin:0 auto; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-weight:bold; font-style:italic; font-size:12px;}
#content .post code { padding:15px; background:#eeeeee; display:block; width:480px; margin:0 auto; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:12px; }




.widget { border:1px solid #c3c3bb; margin:0 0 10px 0; padding:10px;}
.widget h4 { background:#000000; color:#FFFFFF; text-transform:uppercase; padding:5px; font-size:11px;}
.widget .photo { width:75px; height:75px; padding:5px; border:1px solid #1a1a1a; float:left; margin:10px 15px 0 0;}
.widget ul { list-style-type:none; margin:5px 0 5px 8px;}
.widget ul li { font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:11px; padding:4px 0 4px 15px; background:url(images/bullet.gif) no-repeat left;}

#sidebar .left {width:150px; float:left;}
#sidebar .right {width:150px; float:right;}
.left .widget, .right .widget { padding:5px;}


#footer {background:#1c1b1a; color:#FFFFFF; font-size:11px; padding:10px 0;}
#footer a {color:#FFFFFF;}
#footer .center {width:1000px; margin:0 auto;}
#footer .left {float:left;}
#footer .right {float:right;}


#comment_wrap {padding:16px; border:1px solid #c3c3bb; margin:0 0 10px 0;}
#comments h4 { font-size:14px; font-weight:bold; color:#1a1a1a; padding: 0 0 10px 0;}

.comment {border-bottom:1px solid #cccccc;}
.comment .avatar {float:left; padding:25px 20px; width:45px; height:45px;}
.comment .content {float:left; padding:25px 20px 25px 0; width:470px; float:right; }
.comment .author {color:#545422;} .comment .author span {font-weight:bold;}
.comment .date {font-size:11px; color:#808080; padding:0 0 5px 0;}
.comment .text { font-size:11px; padding:0 0 5px 0;}
.comment .text p { text-align:justify; margin:0 0 1em 0;}

#commentform { margin:0 auto 3em auto; width:500px;}
#commentform td  {  color:#333333; font-weight:bold; font-size:10px;}
#commentform input { background:#FFFFFF; border:1px solid #cccccc; color:#666666; padding:4px; width:125px;}
#commentform input.submit {  border:1px solid #cccccc; background:#FFFFF; width:120px; color:#333333; font-size:10px; margin:5px auto 0 auto; font-weight:bold;}
#commentform textarea { background:#FFFFF; border:1px solid #cccccc; color:#333333;  width:350px; height:110px; font-family:Arial, Helvetica, sans-serif;}

