/*
Theme Name: Gray
Theme URI: http://www.kaushalsheth.com
Version: 1.0
Description: Monochrome, lightweight and totally liquid. Comes with three different layouts
Author: Kaushal Sheth
Author URI: http://www.kaushalsheth.com
*/




/*#############################################################
Name: Shades of Gray
Date: 2006-10-27
Description: Monochrome, lightweight and totally liquid. Comes with three different layouts.
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/



/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {text-decoration: none; color: yellow;}

body {
	background: #111 url(img/bg.jpg) repeat-y center top;
	color: #BBB;
	font: normal 80% "Lucida Sans Unicode",sans-serif;
}

p,blockquote,ul {
	padding: 2px 0 2px 0;
        margin-bottom: 5px;
}

blockquote {
     font-family: sans-serif; 
     border: dashed yellow 2px; 
     padding: 2px;
     margin: 5px;
     padding-left: 5px; 
     background-Color: #D3D3D3; 
     color: black;
     -moz-border-radius: 10px;
}

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;
}

/* misc */
.clearer {clear: both;}
.stripes {
	background: #333 url(img/stripe.gif);
	height: 6px;
}
.left {float: left;}
.right {float: right;}

/* header */
.header {
        background: url(img/soldiers_background.png) no-repeat left top;
	border-bottom: 1px solid #333;
	font: normal 2em sans-serif;
	height: 282px;
}
.header a {
	color: black;
	display: block;
	line-height: 120px;
	text-decoration: none;
}
.header span {padding-left: 32px;}
.header a:hover {
}

/* structure */
.container {
	border: 3px solid #444;
	border-top: none;
}

.main {
	background: #303030;
	border-bottom: 1px solid #2A2A2A;
	border-left: 1px solid #2A2A2A;
}
.main .left {width: 74%;}
.main .right {width: 26%;}

.content {
	border-left: 1px solid #444;
	border-top: 1px solid #444;
	padding: 16px;
}


/* content elements */
.content h1 {
	background: url(img/bgh1.gif) repeat-x left bottom;
	color: #EEE;
	margin-bottom: 8px;
	padding: 6px 0 4px;
}

.post h1 a {
	background: url(img/bgh1.gif) repeat-x left bottom;
	color: #EEE;
	margin-bottom: 10px;
	padding: 6px 0 4px;
	text-decoration: none;
}

.post h1 a:hover {
	background: url(img/bgh1.gif) repeat-x left bottom;
	color: green;
	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: #FFFF66;
	text-decoration: none;
}
.content a:hover {color: green;}
.content a:visited {color: #FFC0CB;}

/* 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);
}

/* sub-navigation */
.subnav {
	background: #2A2A2A;
        background: url(img/flag_sidebar.png) no-repeat top left;
	border: 1px solid #1E1E1E;
	border-top-color: #444;	
	padding: 3px;
        padding-top: 60px;

}
.subnav h1 {padding-top: 10px; font-size: 12pt; font-weight: bold;}
.subnav ul {margin: 0;}
.subnav li {
	background: url(img/li_mod.gif) no-repeat left top;
	list-style: none;
	margin: 0;
}
.subnav li a {
	color: #777;
	padding-left: 18px;
        padding-top: 1px;
	text-decoration: none;
}
/*	line-height: 1.2em;*/


.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 {color: #888;}


.post{margin:0 0 25px 0;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #272727;
background-color:#222222;
font-size:0.9em;
color:#505050;
}


/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #303030;
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;


}

.descr {
   font-size: 80%;
   margin: 0 0 10px 0;
}



/*******************************************************************************

Bookmarkify Theme Name: Subdued Buttons
Description: Contains settings to make link images appears as subdued buttons. When the user hovers over the button, they brighten.
Author: Gary Keorkunian
Author URI: http://www.gara.com/

This theme is licensed under a 
Creative Commons Attribution-Share Alike License 3.0
http://creativecommons.org/licenses/by-sa/3.0/us/

You are free to use, copy, and distribute this theme and you are free to modify 
this theme under the condition that attribute the work to the original author
and you distribute any modification of this theme under the same license.
 
*******************************************************************************/

div.bookmarkify
{
	margin: 0px;
	border: none;
	padding: 0px;

	height: 1%;

	background: transparent;
	
	text-align: left;
	vertical-align: middle;
	
	font-family: verdana, arial;
	font-size: 12px;
}

div.bookmarkify a
{
	text-decoration: none;
	
	font-family: verdana, arial;
}

div.bookmarkify a:hover
{
	text-decoration: underline;
}

div.bookmarkify div.title
{
	margin: 0px;
	border: none;
	padding: 0px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;

	font-weight: bold;
}

div.bookmarkify div.linkbuttons
{
	margin: 0px;
	border: none;
	padding: 2px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;
}

div.bookmarkify div.linkbuttons a
{
	margin: 0px;
	border: none;
	padding: 2px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;
}

div.bookmarkify div.linkbuttons a:hover
{

}

div.bookmarkify div.linkbuttons a img
{
	margin: 0px;
	border: 1px outset silver;
	padding: 2px;

	display: inline;

	background: #FFFFFF;
	opacity: 0.5;
	filter:alpha(opacity=50); 
	
	vertical-align: auto;

        height: 10px;
}

div.bookmarkify div.linkbuttons a:hover img
{
	opacity: 1;
	filter:alpha(opacity=100); 


}

div.bookmarkify div.brand
{
	margin: 0px;
	border: none;
	padding: 2px;

	height: 1%;

	background: transparent;

        -moz-border-radius: 5px;
	
	vertical-align: auto;
}

div.bookmarkify div.brand a
{
	margin: 0px;
	border: none;
	padding: 0px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;

	color: gray;
	font-weight: normal;
}

div.bookmarkify div.brand a:hover
{
}