/* wireframe layout */
body {
	margin: 0;
	padding: 0;
	text-align: center;
}
#page {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 960px;
}
#header {
	width: 960px;
	height: 230px;
	position: relative;
}
#main {
}
#content {
	width: 574px;
	float: left;
	padding-right: 50px;
}
#sidebar {
	width: 336px;
	float: left;
}
#footer {
	clear: left;
}

/* backgrounds */
body {
	background: #000 url(images/bg.jpg) no-repeat center top;
}
#nav li a, #nav {
	background: url(images/nav.png) no-repeat;
}
#rss {
	background: url(images/rss.gif) right center no-repeat;
}
#gwd {
	background: url(images/groovy_web_design.gif) left center no-repeat;
}


/* fonts/colors */
body {
	font: normal normal 100% 'Trebuchet MS', Trebuchet, Arial;
	color: #fff;
}
a, a:link, a:visited {
	color: #ffad41;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color:#00FFFF;
	text-decoration: none;
}
#main a, #main a:link, #main a:visited {
	color: #ffad41;
}
#main a:hover, #main a:active, #main a:focus {
	border-bottom: dotted 1px #00FFFF;
	color:#00FFFF;
}
.title {
	font-size: 2.4em;
	font-weight: normal;
	font-family: "Georgia";
}
#footer {
	font-size: .8em;
	color: #999;
}
.post {
	border-bottom: dotted 1px #C22617;
}
.whowhen, .commentedit {
	font-size: 0.8em;
	color: #999999;
}

/* nav */
#nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
	width: 960px;
}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
}
#nav li a {
	position: absolute;
	display: block;
	height: 30px;
}
li#nav_Hom a {width: 71px; left:  0  ; background-position:    0  0;}
li#nav_Pho a {width: 76px; left: 71px; background-position: -71px 0;}
li#nav_Web a {width:101px; left:147px; background-position:-147px 0;}
li#nav_Psd a {width:192px; left:248px; background-position:-248px 0;}
li#nav_WDe a {width:203px; left:440px; background-position:-440px 0;}
li#nav_Art a {width: 58px; left:643px; background-position:-643px 0;}
li#nav_Box a {width: 85px; left:701px; background-position:-701px 0;}
li#nav_Abo a {width: 75px; left:786px; background-position:-786px 0;}
li#nav_Con a {width: 99px; left:861px; background-position:-861px 0;}
li#nav_Hom a:hover {background-position:    0  -30px;}
li#nav_Pho a:hover {background-position: -71px -30px;}
li#nav_Web a:hover {background-position:-147px -30px;}
li#nav_Psd a:hover {background-position:-248px -30px;}
li#nav_WDe a:hover {background-position:-440px -30px;}
li#nav_Art a:hover {background-position:-643px -30px;}
li#nav_Box a:hover {background-position:-701px -30px;}
li#nav_Abo a:hover {background-position:-786px -30px;}
li#nav_Con a:hover {background-position:-861px -30px;}

/* header specific */
#header h1, #nav  {
	text-indent: -9999px; 
	overflow: hidden;
	font-size: 1%;
}
#header h1 {
	margin: 0;
	padding: 0;
}
#header h1 a {
	position: absolute;
	top: 120px;
	left: 210px;
	width: 540px;
	height: 60px;
}

/*
 * this will ensure that any <a>s in #header will have no border when mouseover
*/
#header a:hover {
	border: none;
}

#gwd, #rss {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
#gwd {
	top: 10px;
	left: 10px;
	color: #9c0;
	padding: 25px 0 25px 70px;
	text-decoration:none;
}
#rss {
	padding: 25px 70px 25px 0;
	top: 10px;
	right: 10px;
}

/* footer specific */
#footer {
	text-align: center;
	padding-top: 50px;
	margin-bottom: 30px;
}
#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer ul li {
	display: inline;
	padding: 0;
	margin: 0 0.6em;
}

/* content */
#content .inner {
	margin: 10px;
}
.more a, .more a:visited {
	color:#00FFFF;
}
#content h2.title {
	line-height: 0.9;
	font-family: Georgia, sans-serif;
	font-size: 2.6em;
	letter-spacing: 0.01em;
}
h3 {
	font-family: Georgia, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #c6a881;
}
.post {
	line-height: 1.4;
	color: #e8e8e8;
	font-size: .9em;
/*	font-family: Arial;*/
}
#commentlist, .postcomment {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: .9em;
	line-height: 1.4;	
}
.author, .comments, .tags {
	text-decoration:none;
}
#comments {
	font-family: Georgia, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #c6a881;
}
.commentedit {
	border-bottom: dotted 1px #900;
}
/*.avatar {
	float: right;
	padding: 0 10px 5px 0;
	clear: both;
}*/
.date {
	color:#E0ECFF;
}
.navigation p {
	font-size: 1.8em;
}
.breadcrumb {
	font-size: 0.7em;
	margin-top: 20px;
}
.wp-caption {
	background: #111;
	font-size: 0.85em;
	color: #999;
	padding: 10px;
}

/* sidebar */
#sidebar {
	text-align: left;
	padding-top: 15px;
}
#sidebar .inner {
	margin: 10px;
}
#sidebar h3 {
	font: bold 0.8em "Trebuchet MS", Trebuchet, sans-serif;
	text-transform: uppercase;
	background-color: #1F0000;
	letter-spacing: 0.3em;
	padding: 8px;
	border-top: 1px dotted #900;
}
#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	margin: 0;
	padding: 0;
}
#sidebar ul li ul {
	list-style-type: none;
	font-size: .8em;
	line-height: 2em;
}


.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	text-align: center;
}

/* ads */
.adAbovePost, .adBeneathPost {
	padding: 25px 0 5px 0;
}