/*Theme Name: Shades of GrayTheme URI: http://templates.arcsin.se/Version: 1.0Description: Monochrome,  lightweight and totally liquid. Comes with three different layouts. Based on the <a href="http://templates.arcsin.se/shades-of-gray-website-template/">Shades of Gray website template</a>.Author: Viktor PerssonAuthor URI: http://arcsin.se/Last updated: 2009-05-27*/
HTML { overflow: -moz-scrollbars-vertical; }
/* standard elements */
* {margin: 0;padding: 0;}
a {text-decoration: none;}
body {background-color:#000000;color: #BBB;font: normal 62.5% "Lucida Sans Unicode", sans-serif;}
p, blockquote, ul {font-size: 1.2em;padding-bottom: 1.2em;}
blockquote {font: bold 1.2em sans-serif;}
code {background: #444;display: block;font-size: 12px;margin: 0 10px 12px;overflow: auto;padding: 8px 10px;white-space: pre;}
img {border: none;}
ul {margin-left: 2em;}
h1 {font: normal 2.4em sans-serif;}
h2 {font: bold 1.6em Verdana, sans-serif;padding-bottom: 4px;}
h3 {font: normal 1.6em Verdana, sans-serif; color:#FF1A00;}
h4 {font: normal 1.6em Verdana, sans-serif;}
/* misc */
.clearer,  .clear {clear: both; overflow:hidden; height:0px;}
.left {float: left;}
.right {float: right;}
/* header */
.header {margin:10px 0;background: #000000;border: 1px solid #ffffff;font: normal 2em sans-serif;}
#header_left {width:330px;float:left;}
#header_left p {font-size:12px;padding-top:16px;	padding-left:18px;color:#FFFFFF;}
#header_left img {margin-left:15px;margin-top:15px;}
#header_right {width:500px;background-color:#333333;float:right;margin-top:20px;margin-right:18px;}
#container #icons img {display:block; float:left; margin-right:20px; background-color:#000000}
#contactform { float:right; width:100px}
#contactform th {font-size:12px;color:#FFFFFF;font-weight:normal;text-align:right;padding-right:5px;padding-bottom:5px}
#contactform td { padding-bottom:5px }
#header_right p {	font-size:12px;color:#FFFFFF;float:left;width:270px;padding:0;margin:0;}
#header_right #icons {background-color:#000000; margin-top:-10px;}
#header_right #form_lower {background-color:#000000; height:25px;padding-top:5px;}
#header_right #form_lower input {float:right;margin-right:30px;}
#header_right #form_upper {padding:10px 15px 15px 15px;}
/* structure */
.container {	border-top: none;	width:950px;	margin:10px auto;}
.main {background: #000000;border-bottom: 1px solid #2A2A2A;border-left: 1px solid #2A2A2A;}
.main .left {width: 64%;}
.main .right {width: 36%;}
.main_kumar .left {width: 100%;}
.main_kumar .right {width: 36%;}
.main_home .left {width: 75%;}
.main_home .right {width: 25%;}
.content {border-left: 1px solid #000000;border-top: 1px solid #000000;padding: 16px;}
/* content elements */
.content h1 {background: url(img/bgh1.gif) repeat-x left bottom;color: #EEE;margin-bottom: 10px;padding: 6px 0 4px;}
.post h1 a {color: #EEE;text-decoration:none;}
.post h1 a:hover {background: url(img/bgh1.gif) repeat-x left bottom;color: #EEE;margin-bottom: 10px;padding: 6px 0 4px;text-decoration:none;}
.post h1 a :visited{background: url(img/bgh1.gif) repeat-x left bottom;color: #EEE;margin-bottom: 10px;padding: 6px 0 4px;text-decoration:none;}
.content a {color: #999;text-decoration: underline;}
.content a:hover {color: #CCC;}
/* navigation */
.nav {background: #191919 url(img/nav.gif);}
.nav a {background: #191919 url(img/nav.gif);border-right: 1px solid #161616;color: #CCC;float: left;font: bold 1em Verdana, sans-serif;line-height: 51px;padding: 0 20px;}
.nav a:hover {background: #191919 url(img/nav_hover.gif);}
.nav ul {display: inline;}
.nav li {list-style: none; float: left;}
/* sub-navigation */
.subnav {background: #2A2A2A;border: 1px solid #1E1E1E;border-top-color: #444;	padding: 12px;	min-height:450px;}
.subnav h1 {padding-top: 8px;}
.subnav ul {margin: 0;}
.subnav li {background: url(img/li.gif) no-repeat left bottom;list-style: none;margin: 0;}
.subnav li a {color: #777;line-height: 2.4em;padding-left: 18px;text-decoration: none;}
.subnav li a:hover {color: #BBB;}
/* footer */
.footer {background: #191919;border-top: 1px solid #444;color: #999;padding: 3% 3% 1%;}
.footer ul {border-top: 1px solid #262626;margin: 0;}
.footer li {border-bottom: 1px solid #262626;list-style: none;}
.footer li a {display: block;line-height: 2em;padding-left: 4%;width: 96%;}
.footer a {color: #666;}
.footer a:hover {color: #BBB;background: #222;}
.col3, .col3center {float: left;width: 31%;}
.col3center {margin: 0 3%;}
/* bottom */
.bottom {color: #666;clear: both;font-size: 1.1em;}
.bottom a,  .bottom .right a:hover {color: #888;}
.bottom .right,  .bottom .right a {color: #555;}
.post {margin:0 0 25px 0;}
.post .info{padding: 4px 6px;border:1px solid #272727;background-color: #222;color: #777;}
/* Comments Styling */
#commentlist li {margin-bottom: 1.5em;padding-bottom: 1em;border-bottom: 1px solid #700000;}
#commentform {margin: 1em 0;background: #000000;width: 280px;}
#commentform textarea {background: #f8f7f6;border: 1px solid #d6d3d3;width: 280px;}
#commentform textarea:hover {background: #FFFFFF;border: 1px solid #d6d3d3;}
#commentform textarea:focus {background: #ffffff;border: 1px solid #939793;}
#commentform #email,  #commentform #author,  #commentform #url {font-size: 1.1em;background: #f8f7f6;border: 1px solid #d6d3d3;width: 280px;}
#commentform #email:hover,  #commentform #author:hover,  #commentform #url:hover {font-size: 1.1em;background: #ffffff;border: 1px solid #d6d3d3;width: 280px;}
#commentform #email:focus,  #commentform #author:focus,  #commentform #url:focus {font-size: 1.1em;background: #ffffff;border: 1px solid #939793;width: 280px;}
#commentform input{margin-bottom: 3px;}
.content ul li{margin-left:10px;}
.content ol li{margin-left:20px;padding-bottom:5px;}

.page .pleft {float:left; width:500px;}
.page .pright {float:left; width:400px;}