/*
Theme Name: Grayland
Theme URI: http://dandyland.org/index.php/goodies/
Version: 1.0
Author: Dandyna
Author URI: http://dandyland.org
*/

/*#############################################################
Name: Shades of grey
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:#7E8DA8;}

body {
	background: #191919 url(img/bgx.png) top left repeat-x;
	color: #ccc;
	font: normal 13px "Lucida Sans Unicode",sans-serif;
}

p,ul {
	font-size: 13px;
line-height: 19pt;
	padding-bottom: 1.2em;
}

blockquote { padding: 12px 0px 0px 40px; color: #9b9b9b; background-image: url('http://www.vee-strom.com/blog/wp-content/themes/grayland-10/img/blockquote.gif'); background-repeat: no-repeat; }

code {
	background: #222;
	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: bold italic 1.8em Georgia,sans-serif;}
h2 { color: #C5F777;
	font: bold italic 1.6em Georgia,Verdana,sans-serif;
	padding-bottom: 4px;
}
h3{ padding-top: 10px; color: #eda92c; font: bold italic 1.5em Georgia,Verdana,sans-serif; font-weight: bold; }
h4{ color: #5db4ae; }

/* misc */
.clearer {clear: both;}
.stripes {
	background: #333 url(img/bg2.gif);
	height: 6px;
}
/* header */
.header {
	background: #111;
	border-bottom: 1px solid #333;
	font: bold 3em Georgia, sans-serif;
	height: 219px;
min-width: 947px;
background-image: url('http://www.vee-strom.com/blog/wp-content/themes/grayland-10/img/v-strom-header.jpg');
background-repeat: no-repeat;
}


a.normal {
	color: #888;
	text-decoration: underline;
	font: bold 1em arial, sans-serif;
	width: 100%;
}

a.normal:hover {
	text-decoration: none;
	font: bold 1em arial, sans-serif;
	width: 100%;
}

/* structure */
.container {
	border: 6px solid #393939;
	border-top: none;
width: 947px;
margin: 0px auto;
}

.main {
	background: #2a2a2a;
	border-bottom: 1px solid #191919;
	border-left: 1px solid #191919;
}
.main .left {width: 70%;}
.main .right {width: 30%;}

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

.entry img{ border: 2px solid #d69a2b; }


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

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

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

.post h1 a :visited{
	background: url(img/bgh1.gif) repeat-x left bottom;
	color: #C5F777;
font-weight:bold;
	margin-bottom: 10px;
	padding: 6px 0 4px;
	text-decoration:none;
}
.content a {
	text-decoration: underline;
color:#7E8DA8;

}
.content a:hover {text-decoration: none;
color:#666;}

/* 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: normal 11px "Lucida Sans Unicode",sans-serif;
	line-height: 51px;
	padding: 0 20px;
}
.nav ul li {
	background: #191919 url(img/nav.gif);
	color: #CCC;
	float: left;
	font: normal 11px "Lucida Sans Unicode",sans-serif;
	line-height: 51px;
display:inline;
list-style:none;
}
.nav ul li a {
	background: #191919 url(img/nav.gif);
	border-right: 1px solid #161616;
	color: #CCC;
	float: left;
	font: normal 11px "Lucida Sans Unicode",sans-serif;
	line-height: 51px;
	padding: 0 20px;
display:inline;
list-style:none;
}
.nav a:hover {
	background: #191919 url(img/nav_hover.gif);
}

/* sub-navigation */
.subnav {
	background: #222222;
	border: 1px solid #191919;
	border-top-color: #3C3C3C;	
	padding: 12px;
}
.subnav h1 {padding-top: 8px;
color:#C5F777;font-weight:bold;}
.subnav ul {margin: 0;}
.subnav li {
	background: url(img/li.gif) no-repeat left center;
	list-style: none;
	margin: 0;
padding-left: 18px;
}


.subnav li a {
text-decoration: underline;
color:#7E8DA8;
	line-height: 18px;
	
}
.subnav li a:hover {text-decoration: none;
color:#666;}

/* 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: 18px;
	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: 11px;
}
.bottom a {color: #888;}


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

.post .info{
padding:2px 3px 3px 8px;
border-bottom:1px solid #3c3c3c;
border-right:1px solid #3c3c3c;
border-top:1px solid #191919;
border-left:1px solid #191919;
background: #222222 url(img/bg3.gif);
font-size:11px;
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: 11px;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 11px;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 11px;
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;


}

dt{ padding-left: 5px; font-weight: bold; color: #7E8DA8; }
dd{ display: block; padding: 0px 0px 5px 25px; }

.normal{ font: normal 11px "Lucida Sans Unicode",sans-serif; }
.bigger{ font: bold 12pt/14pt lucida sans unicode, sans-serif; }
.big{ font: bold italic 20pt/22pt Georgia,sans-serif;color: #C5F777; }

.caps{ text-transform: uppercase; }
.spaced{ letter-spacing: 12px; font-size: 16pt; }

.center{ text-align: center; }
.aLeft{ text-align: left; }

.left{ float: left; }
.right{ float: right; }

.rightThumb{ width: 200px; border: 2px solid #000000; margin: 0px 0px 10px 15px; }
.leftThumb{ width: 200px; border: 2px solid #000000; margin: 0px 15px 10px 0px; }
.no{ border: none; }
.wPic{ width: 210px; border: 2px solid #c4c4c4; } 
.bigThumb{ width: 500px; border: 6px solid #c4c4c4; margin: 15px auto; }

ol.bigNumberList { margin-left: 30px; }
ol.bigNumberList li{ font: 33pt/36pt "Times New Roman"; color: #d69a2b; }
ol.bigNumberList li.item{ font: normal 11px "Lucida Sans Unicode",sans-serif; }

.green{ color: #C5F777; }
.orange{ color: #d69a2b; }