/*
	Ambient Trash CSS Document
	Author: Jeno
*/

*
{
	border: 0;
	margin: 0;
	padding: 0;
}
/* =Basic HTML
----------------------------------------------------------------------*/

a
{
	text-decoration: none;
}

acronym
{
	background: url(acronym.gif) repeat-x bottom left;
	cursor: help;
	padding: 0 0 1px;
}

body
{
	background: url(body.gif) repeat-y top center;
	margin: 0;
	auto;

}

body.search #content strong
{
	background: #ff0;
	color: #000;
	font-weight: normal;
}

code
{
	color: #333;
	font: bold 12px "Courier New", monospace;
}

h1
{
	background: url(h1.gif) no-repeat center left;
	color: #933;
	font: 17px Georgia, serif;
	margin: 0 10px 5px 20px;
	text-align: right;
}

h2
{
	border-bottom: 1px solid #ddc;
	border-top: 1px solid #ccb;
	clear: both;
	color: #443;
	font: 12px Tahoma, sans-serif;
	font-variant: small-caps;
	margin: 0 0 10px 10px;
	text-align: center;
}

h2#discuss
{
	margin-top: 20px;
}

h3, dt
{
	color: #933;
	font: 14px "Trebuchet MS", sans-serif;
}

#content h3.overline,
#content p.overline
{
	border-top: 1px dashed #ddc;
	margin: 10px 0 10px 10px;
	padding: 10px 20px 0 20px;
}

hr
{
	background: #ddc;
	color: #ddc;
	height: 1px;
	margin: 0 0 10px 10px;
}

li, p, dd
{
	line-height: 150%;
}

object
{
	height: 364px;
	width: 450px;
}

object span
{
	display: none;
}

ol, ul
{
	list-style: none;
}

small
{
	font: 10px Verdana, sans-serif;
}


/* =Container, container2
-------------------------------------------------------------------------------------------------------*/

#container
{
	border-top: 4px solid #bba;
	margin: 0 auto;
	width: 760px;
}

.container2
{
	background: #fff url(container2.gif) repeat-y;
}

#container2
{
	width: 755px;
	margin: 0 auto;
}


/* =Header, Logo and Topper
----------------------------------------------------------------------------------------------------------*/

#header
{
	background: url(guitar.jpg) no-repeat center center;
	border-bottom: 1px solid #fff;
	clear: both;
	text-align: right;
	width: 760px;
}

.header2
{	
	height: 80px;
}

#logo
{
	background: url(logotemplate.gif) no-repeat bottom center;
	width: 720px;
}

.logo2
{
	height: 80px;
}

.logo2 a
{
	display: block;
	height: 80px;
	width: 760px;
}

.logo2 span
{
	display: none;
}

#topper
{
	clear: both;
	font-size: 0;
	height: 32px;
}

.topper2
{
	background: url(topper2.gif) no-repeat;
}
/* =Navigation
-------------------------------------------------------------------------------------------------------*/

#nav a
{
	border-bottom: 4px solid #aa9;
	border-top: 4px solid #cc9;
	color: #776;
	display: block;
	width: 93px;
}

#nav a:hover 
{
	border-bottom-color: blue;
	border-top-color: blue;
	color: blue;
}

#nav a:active
{
	border-bottom-color: #00ff00;
	border-top-color: #00ff00;
	color: #00ff00;
}

#nav li
{
	background: #ccb url(nav.gif) repeat-x;
	border-bottom: 1px solid #663;
	border-left: 1px solid #eed;
	border-right: 1px solid #996;
	border-top: 1px solid #fff;
	display: inline;
	float: left;
	font: 14px Verdana, sans-serif;
	text-align: center;
}

body.overview #nav a.n3		
{
	background: url(arrow.gif) no-repeat top center;
	border-top-color: #996;
}

/* =Main Content
-------------------------------------------------------------------------------------------------------*/
#contentcontainer
{
	width: 751px;
}

#content
{
	color: #554;
	float: left;
	font: 11px Verdana, sans-serif;
	overflow: hidden;
	width: 500px;
}
 
#content a
{
	color: #33f;
}

#content a:hover
{
	color: #f90;
}

#content blockquote
{
	background: url(blockquote.gif) no-repeat;
	margin: 0 30px;
}

#content blockquote p
{
	font: 12px Georgia, serif;
	line-height: 150%;
	text-align: justify;
}

#content li
{
	background: url(content_li.gif) no-repeat 0 5px;
	padding: 0 0 0 15px;
}

#content li.error
{
	color: #c33;
}

#content ol, #content ul, #content p, h3
{
	margin: 0 20px 10px 30px;
}

p.announcement
{
	color: #963;
}

.picture
{
	border: 1px solid #ccb;
	float: left;
	margin: 0 10px 0 0;
	padding: 1px;
}

.video
{	
	border: 2px solid #ccb;
	/*float: left;*/
	margin: 0 10px 0 0;
	padding: 2px;
}


.previews img
{
	height: 150px;
	margin: 0 0 10px 15px;
	width: 200px;
}

.verified
{
	float: left;
	margin: 0 10px 10px 0;
}

/* =Comments Display
----------------------------------------------------------------------*/

big
{
	border-bottom: 1px solid #ddc;
	font-size: 13px;
	text-transform: capitalize;
}

#content ol.comments
{
	margin: 0 0 0 10px;
	padding: 0;
}

#content ol.comments li
{
	background: none;
	border-bottom: 1px dashed #ddc;
	margin: 0 0 10px;
	padding: 10px 20px 20px;
}

.comment_num
{
	border-left: 1px solid #ddc;
	border-top: 1px solid #ddc;
	float: right;
	font: 13px Georgia, serif;
	text-align: right;
}

#content .comment_num a
{
	background: url(chatter.gif) no-repeat center right;
	color: #998;
	padding: 0 15px 0 5px;
}

#cpreview
{
	background: url(cpreview.gif) no-repeat bottom center;
	line-height: 150%;
	margin: 0 0 10px 10px;
	padding: 10px 20px 40px;
}

/* =Footer
----------------------------------------------------------------------*/

#footer
{
	clear: both;
	color: #996;
	width: 760px;
}

.footer1
{
	background: url(footer1.gif) no-repeat;
}

.footer2
{
	background: url(footer2.gif) no-repeat;
}

#footer a
{
	color: #996;
}

#footer a:hover
{
	color: #330;
}

#footer p
{
	background: url(footer_p.gif) repeat-x bottom left;
	font: 10px Verdana, sans-serif;
	margin: 0 20px;
	padding: 40px 0 10px;
	text-align: center;
}

/* =Columns + Sidebar
----------------------------------------------------------------------*/

.col
{
	color: #887;
	float: left;
	font: 11px Tahoma, sans-serif;
	width: 250px;
}

.col a
{
	color: #33f;
}

.col a:hover
{
	color: #f93;
}

.col li
{
	background: url(col_li.gif) no-repeat 0 6px;
	padding: 0 0 0 20px;
}

.col p
{
	margin: 0 15px 10px 25px;
}

p.featured
{
	text-align: center;
}

p.featured img
{
	border: 1px solid #ccb;
	height: 100px;
	padding: 1px;
	width: 200px;
}

.col ul
{
	margin: 0 15px 10px 25px;
}

#flickr
{
	font: 9px Tahoma, sans-serif;
	margin: 0 15px 0 25px;
}

#flickr img
{
	border: 1px solid #ccb;
	height: 60px;
	margin: 0 3px 4px;
	padding: 1px;
	width: 60px;
}

.people
{
	background: url(people.gif) no-repeat center right;
}

#side a
{
	color: #c66;
}

#side a:hover
{
	color: #000;
}

.search_field
{
	background: #fff;
	border: 1px solid #ccb;
	color: #665;
	font: 10px Verdana, sans-serif;
	padding: 3px 0;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	width: 208px;
}

.search_field:focus
{
	background: #efe;
}