@charset "utf-8";
/*
This design incorporates CSS from the open source Surreal template by Roshan Ravi (www.ramblingsoul.com)
*/

* {	margin: 0px; padding: 0px;}
body {background: #f8f7e5 url(images/bg.jpg) no-repeat center top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
.clear {clear:both;}
#wrap {background:url(images/wrapbg.jpg) repeat-y; width:927px; margin: auto;}
#header {background:url(images/header.jpg) no-repeat; height:341px;}

#page {padding:0px 10px 0px 10px;}
#page #menu {float:left; background:url(images/sidemenu.jpg) no-repeat; width:269px;}

#page #promos {float: left; width: 269px;
	padding-bottom: 20px;
}

#page #content {margin:0px 0px 0px 275px; padding:0px 20px 0px 5px;}
#content p {line-height:22px; margin:0px 0px 10px 0px;}
#content h2 {font: 26px sans-serif, "Lucida Grande", Arial; color:#ff6600; display:block; background: url(images/postbar.jpg) no-repeat 0 7px; margin-top: 60px; margin-bottom: 10px;}

#content a {color:#999900;}
#content a:link {color: #ff6600; text-decoration:none;}
#content a:visited {color:#99cc00;
	text-decoration: none;
}
#content a:active { color:#ff6600;}
#content a:hover {color:#99cc00; text-decoration:none;}

#content h2 .seo {display:block; text-align:right; font-size:10px; color:#999999; background:url(images/datebar.jpg) no-repeat; padding:3px;
	height: 18px;
}
#content .postmetadata {display:block; padding:3px; background:url(images/metatagbar.jpg) no-repeat; margin-bottom: 30px;}

#content .podcast {
	font-size: x-small;
}

#content .podcast img {
	background-color: transparent;
	margin: 0 7px 0 0;
	padding: 0;
	border-style: none;
	vertical-align: middle;
}

#content blockquote {display:block; padding:5px; margin:10px; color:#996600; background: #f6f5df url(images/twitter.jpg) no-repeat; border: 1px solid #917858; padding: 54px 5px 0;}
#content blockquote ul {margin:0px;
	list-style-type: none;
	text-align: left;
	font-family: Verdana, Arial;
	color: #917858;}

#content img {background:#efefef; margin:5px; padding:5px; border:solid 1px #999999;}
#content .alignleft {float:left;}
#content .alignright {float:right;}
#content h1,#content h3,#content h4,#content h5,#content h6 {color: #cccccc;
	text-align: center;
	font: 30px "Century Gothic", Verdana, sans-serif;}
#content ul {list-style:square;  padding:5px; margin:10px 10px 10px 20px;}
#content li {padding:5px; margin-bottom:10px;}
#content ol {padding:5px; margin:10px 10px 10px 20px;}

#browse { background:url(images/postbottombg.jpg) no-repeat; padding:	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;}

#browse .divider{ font-size:26px; display:block;
	margin-bottom: 20px;
	padding-left: 435px;
}
	
#browse .categoryhead {
	height: 78px;
	background: url(images/categoriesheader.jpg) no-repeat;
	width: 285px;
}

#browse .bottom {
	height: 4px;
	background: url(images/browsemenu.jpg) no-repeat;
	width: 285px;
}

#browse .topposthead {
	height: 78px;
	background: url(images/topheader.jpg) no-repeat;
	width: 285px;
}

#browse .abouthead {
	height: 78px;
	background: url(images/aboutheader.jpg) no-repeat;
	width: 285px;
}

#browse p {display:block; list-style:none;
	background-image: url(images/aboutbg.jpg);
	color: black;
	padding: 3px 15px;
	text-decoration: none;
}

#browse p a {color:#999900;
}
#browse p a:link {color: #ff6600; text-decoration:none;
}
#browse p a:visited {color:#99cc00;
	text-decoration: none;
}
#browse p a:active { color:#ff6600;
}
#browse p a:hover {color:#99cc00; text-decoration:none;
	background-color: transparent;
}
	
#browse ul {list-style:none;
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(images/browsemenu.jpg);
}
#browse li {display:block; height:25px;
	
	background-color: #f7f6e4;
	border-bottom: 1px solid #917858;
}
#browse ul a {display:block; height:20px; padding:5px 5px 0px 5px; text-decoration:none; color:#000000;}
#browse a:visited,active{display:block; height:20px; padding:5px 5px 0px 5px; text-decoration:none; color:#000000;border-bottom:solid 1px #D7C479;}
#browse a:hover {background:#eddece; color:#000000;}

.browsecat {float:left; width: 285px; margin-left:10px; background-color: #eddece; border-bottom: 1px solid #917858;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

#wrap #page #menu #sidemenu { padding: 75px 45px 0px 40px;	display: block;}
#sidemenu ul { display:block;list-style:none;}
#sidemenu li {display:block; height:26px;}
#sidemenu a, #sidemenu a:visited, #sidemenu a:active {display:block; height:20px; padding:5px 5px 0px 5px; color:#000; text-decoration:none; background: white url(images/ipod-off.jpg); font-family: arial, helvetica, sans-serif; font-weight: bold;}
#sidemenu a:hover{background: #0099cc url(images/ipod-on.jpg); color: #fff; font-family: arial, helvetica, sans-serif; text-decoration:none;
	font-weight: bold;
}
#sidemenu .active a,#sidemenu .active a:visited, #sidemenu .active a:active, #sidemenu .active a:hover { color: #fff; font-family: arial, helvetica, sans-serif; text-decoration:none;
	font-weight: bold;
	background-image: url(images/ipod-on.jpg);
}

#promos {
	padding: 170px 0px 0px 22px;
}

#footer {background:url(images/footer.jpg) no-repeat; background-position:bottom; height:100px; text-align:center;}
#footercontent {
	font-size: 10px; color: #996633;
	line-height: 14px;
	margin-right: 15px;
	margin-bottom: 0;
	padding-left: 420px;
	padding-right: 80px;
	padding-top: 40px;
}
#footer a, #footer a:visited, #footer a:active {color: #ff6600; text-decoration:none;}
#footer #credit {font-size:10px;}