/*
Theme Name: Fluid Solution
Theme URI: http://www.kaushalsheth.com/
Description:  Totally liquid three-column layout, clean and simple.
Author: Kaushal Sheth
Author URI: http://www.kaushalsheth.com/
*/
/* standard elements */
*{margin:0; padding:0}
a{text-decoration:none}
a img{border:none}
body{background:#FFF url('img/bg.gif') repeat-x; color:#444; font:normal 62.5% "Lucida Sans Unicode",Verdana,sans-serif; padding-top:40px}
p, code, ul{font-size:12px; padding-bottom:1.2em}
li{list-style:none}
h1{font-size:1.4em}
code{background:url('img/bgcode.gif'); border:1px solid #F0F0F0; border-left:6px solid #06F; color:#444; display:block; font:normal 12px "Lucida Sans Unicode",serif; margin-bottom:12px; padding:8px 10px; white-space:inherit}
pre{width:95%; font-size:12px; font-weight:bold; overflow:auto}
blockquote{background:#FBFCF5; border-bottom:1px solid #EED; border-top:1px solid #EED; color:#444; display:block; font:normal 12px Verdana,sans-serif; margin-bottom:12px; padding:12px}
h1, h2, h3, h4{font:normal 1.2em "Trebuchet MS",sans-serif; color:#06F}
/* misc */
.clearer{clear:both}
/* header */
.header{background:url('img/stripes.gif') no-repeat; border-bottom:1px solid #EEE; height:160px; margin-bottom:24px}
.header h3{color:#000; font:normal 4em sans-serif; margin-top:40px; text-align:center}
.header h3 a{color:#000; text-decoration:none}
.header h3 a:visited{color:#000; text-decoration:none}
.header h2{border-top:1px solid #EEE; color:#666; text-align:right}
.header h2 span{background:#222; color:#EEE; padding:0 6px}
/* left side (main content) */
.left{margin:0 53% 0px 2%}
.content .descr{color:#06F; font-size:12px; margin-bottom:6px}
.descr a, .descr a:visited{color:#06F}
.content li{list-style:url('img/li.gif'); margin-left:18px; font-size:12px}
.content h3 a{font-size:2.4em; margin-bottom:4px; color:#000}
.content h1 a{font-size:2.4em; margin-bottom:4px; color:#000}
.content a, .footer a{color:#06F; text-decoration:none}
.content a:hover, .footer a:hover{color:#444; border-bottom:1px solid #06F}
.content p img, img a{ display:block}
/* nav &subnavigation */
.nav, .right{margin-bottom:20px; position:absolute; top:40px}
/* navigation */
.nav{right:23%; text-align:center; width:24%}
.nav .logo{background:url('img/logo.gif') no-repeat center top; border-bottom:1px solid #EEE; border-top:1px solid #EEE; height:159px}
.nav h1{color:#06F; margin:12px 0}
.nav li{border-bottom:1px solid #EEE}
.nav li a{color:#666; display:block; font-size:12px; padding:8px 0}
.nav li a:hover{background:#FAFAFA; color:#06F}
/* subnav */
.right{background:#222; right:3%; width:18%}
.subnav{padding:12px 12px 0}
.subnav h3{color:#fff; font-size:1.4em; height:20px; margin-left:8px}
.subnav ul{margin:0 0 12px; padding:0}
.subnav li{list-style:none; margin:0; border-bottom:1px solid #333}
 .subnav h1, h2, h3 a{ color:#fff;  padding:0 0 0 8px}
.subnav li a{color:#999; display:block; font-size:0.9em; padding:3px 6px 3px 8px; text-decoration:none}
.subnav li a:hover{color:#DDD}
/* round edges */
.roundtl, .roundtr, .roundbl, .roundbr{background:url('img/round.gif'); height:16px; width:14px}
.roundtl, .roundbl{float:left}
.roundtr, .roundbr{float:right}
.roundtr{background-position:right top}
.roundbr{background-position:right bottom}
.roundbl{background-position:left bottom}
/* footer */
.footer{color:#666; border-top:1px solid #EEE; font:normal 1em Verdana,sans-serif; margin:0 49% 0 3%; padding:8px 6px}
/*post stylng*/
.post{margin:0 0 25px 0}
.post .info{padding:2px 3px 3px 8px; border:1px solid #e3e4e4; background-color:#f5f5f5; font-size:0.9em; color:#505050}
/* Comments Styling */
#commentlist li{margin-bottom:1.6em; padding-bottom:1em; border-bottom:1px solid #700000}
#commentform{margin:1em 0; background:#fff; width:280px}
#commentform textarea{background:#f8f7f6; border:1px solid #d6d3d3; width:280px}
#commentform textarea:hover{background:#FFF; border:1px solid #d6d3d3}
#commentform textarea:focus{background:#fff; border:1px solid #939793}
#commentform #email, #commentform #author, #commentform #url{font-size:1.13em; background:#f8f7f6; border:1px solid #d6d3d3; width:280px}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover{font-size:1.3em; background:#fff; border:1px solid #d6d3d3; width:280px}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus{font-size:1.3em; background:#fff; border:1px solid #939793; width:280px}
#commentform input{margin-bottom:3px}
#wp-calendar{empty-cells:show; margin:0 auto; width:159px}
#wp-calendar #prev a, #wp-calendar #next a{font-size:9pt}
#wp-calendar caption{font:10px "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:center}
#wp-calendar th{font-size:11px;  background-color:#CCC;  color:#57471B;  font-style:normal; text-transform:capitalize}
#wp-calendar td{font-size:10px; padding:2px 0; text-align:center;  color:#C5B284}
#wp-calendar #next a{padding-right:10px; text-align:right}
#wp-calendar #prev a{padding-left:10px; text-align:left}
#wp-calendar a{text-decoration:none; display:block;  color:White;  font-weight:bold;  background-color:#CCC}
#wp-calendar a:hover{background-color:#06F}
#wp-calendar caption{text-align:center; width:100%;  font-size:12px}
