/*-------------------------------------------
	TITLE: www.dangerdog.com
	CREATED: 2/1/2010

--
	CSS RESET
	LAYOUT
	- BODY
	- NAVIGATION BAR
	- LEFT COLUMN
	- MIDDLE COLUMN
	- RIGHT COLUMN
	- FOOTER
--

-------------------------------------------*/

/*-------------------------------------------
	- CSS RESET
-------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-------------------------------------------
	CSS STARTS HERE - BODY
-------------------------------------------*/

body {background:url(../images/bodybg01.jpg) no-repeat #000000; margin:0px; padding:0px;}

.highlight {color:#330000; font-weight:bold;}

#pagewidth {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	overflow:hidden;
	}
	
#header {
	margin:0px;
	padding:0px;
	float:none;
	width:960px;
	height:398px;
	}

h1 {
	margin-top:38px;
	padding:0px;
	width:960px;
	height:323px;
	background:url(../images/headerbg01.png) no-repeat top center;
	text-indent: -9999px;
	}

/*-------------------------------------------
	- NAVIGATION BAR
-------------------------------------------*/

#navigation {
	width: 960px;
	height:35px;
	margin-left:48px;
	}

#navigation ul {
	margin:0px;
	padding: 40px 0px 0px 0px;
}

#navigation li {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	list-style-type: none;
	float:left;
	text-transform:uppercase;
	letter-spacing:.5px;
	font-size: 19px;
	font-weight:bold;
	padding: 2px 3px 3px 3px;
}

#navigation li.divider {
	font-family:Arial, Helvetica, sans-serif;
	color: #8B2610;
	list-style-type: none;
	float:left;
	font-size: 19px;
	font-weight:bolder;
}

#navigation li a {color:#FFFFFF; text-decoration: none;}
#navigation li a:hover {text-decoration:underline; color: #adacac;}

/*-------------------------------------------
	- COLUMN CONTAINER
-------------------------------------------*/

#container {
	background:url(../images/contentbg01.jpg) repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	overflow:hidden;
	}

/*-------------------------------------------
	- LEFT COLUMN
-------------------------------------------*/

#left_column {
	width:220px;
	margin-top:10px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	}

#left_column .header {
	width:220px;
	height:30px;
	padding:11px 0px 0px 0px;
	background:url(../images/columnheader02c.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	text-indent:5px;
	font-weight:bold;
	color:#f9f9f9;
	}

#left_column img {
	margin:0px 0px 5px 0px;
	border:1px #171717 solid;
	width:218px;
	height:218px;
	}
	
#left_column p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#080808;
	font-weight:normal;
	margin:0px 0px 12px 0px;
	}
	
#left_column p a {text-decoration:none;	color:#080808;}
#left_column p a:hover {text-decoration:none; color:#8B2610;}

#left_column p.links {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#080808;
	font-weight:normal;
	margin:0px 0px 12px 0px;
	}

#left_column p.links a {text-decoration:none; color:#080808;}
#left_column p.links a:hover {text-decoration:underline; color:#8B2610;}

#left_column .bullet {
	color:#8B2610;
	font-size:10px;
	}

#left_column h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	}

#left_column h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#080808;
	font-weight:bold;
	margin:5px 0px 5px 0px;
	}

#left_column .underline {
	border-bottom:1px #8B2610 dotted;
	margin:-5px 0px 5px 0px;
	}
#left_column ul {margin:0px 0px 10px 35px; padding:0px;}

#left_column li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#080808;
	font-weight:normal;
	margin-left:-40px;
	padding:3px 0px 0px 20px;
	list-style-type:none;
	list-style-position:outside;
    background-image:url(../images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:8px 9px;
	}

#left_column li a {
	text-decoration:none;
	color:#080808;
	}
	
#left_column li a:hover {
	text-decoration:underline;
	color:#8B2610;
	}

#left_column .search {
	width:220px;
	background-color:#FFFFFF;
	margin: 0px 0px 20px 0px;
	}

/*-------------------------------------------
	- MIDDLE COLUMN
-------------------------------------------*/
#middle_column {
	width:458px;
	height:inherit;
	min-height:1000px;
	margin-top:10px;
	margin-bottom:10px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	border-left:1px dotted #8B2610;
	border-right:1px dotted #8B2610;
	background-color:#fffefe;
	}

#middle_column .header {
	width:458px;
	height:35px;
	padding:11px 0px 0px 0px;
	margin-bottom:-5px;
	background:url(../images/columnheader02c.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	text-indent:5px;
	font-weight:bold;
	color:#ffffff;
	}

#middle_column .fineprint {
	font-size:11px;
	text-align:left;
	}

.adbanner {
	width:458px;
	height:55px;
	display:inline;
	float:none;
	}

#middle_column .albuminfo {
	width:458px;
	float:left;
	margin-bottom:5px;
	clear:both;
	}

#middle_column .albumcover {
	width:105px;
	height:105px;
	}

#middle_column img.reviewcover {
	width:150px;
	height:150px;
	}

#middle_column img {
	float:left;
	margin:0px 8px 0px 0px;
	border: 1px #333333 solid;
	}

#middle_column img.adbanner {
	width:458px;
	height:55px;
	}

#middle_column img a {
	border: 1px #333333 solid;
	}

#middle_column img a:hover {
	border: 1px #8B2610 solid;
	}

#middle_column table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#080808;
	font-weight:normal;
	text-align:left;
	border: 1px solid #040404;
	}

#middle_column table a {
	text-decoration:none;
	color:#080808;
	}
	
#middle_column table a:hover {
	text-decoration:underline;
	color:#8B2610;
	}

#middle_column p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	line-height:19px;
	color:#080808;
	font-weight: normal;
	margin:0px 0px 5px 0px;
	}
	
#middle_column p a {text-decoration:none; color:#8B2610;}
#middle_column p a:hover {text-decoration:underline; color:#8B2610;}

#middle_column p.links {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#080808;
	font-weight:normal;
	margin:0px 0px 12px 0px;
	}

#middle_column p.links a {text-decoration:none; color:#080808;}
#middle_column p.links a:hover {text-decoration:underline; color:#8B2610;}

#middle_column p.bandlinks {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#080808;
	font-weight:normal;
	margin:3px 5px 12px 5px;
	}

#middle_column p.bandlinks a {
	text-decoration:none;
	color:#080808;
	}
	
#middle_column p.bandlinks a:hover {
	text-decoration:none;
	color:#8B2610;
	}

#middle_column blockquote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#080808;
	font-weight:normal;
	text-align:justify;
	margin:0px 5px 12px 15px;
	}

#middle_column h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CC0000;
	font-weight:bold;
	margin:0px 5px 5px 5px;
	}

#middle_column h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#080808;
	font-weight:bold;
	margin:5px 5px 5px 0px;
	}

#middle_column h3 a {
	text-decoration:none;
	color:#080808;
	}

#middle_column h3 a:hover {
	text-decoration:none;
	color:#8B2610;
	}

#middle_column .underline {
	border-bottom:1px #8B2610 dotted;
	margin:0px 5px 10px 0px;
	*margin:-5px 5px 10px 0px;
	}

#middle_column .clear {
	clear:both;
	margin:5px 0 5px 0;
	}

#middle_column ul {margin-bottom:15px;}

#middle_column li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#080808;
	font-weight:normal;
	margin-left:-8px;
	padding:3px 0px 0px 20px;
	list-style-type:none;
	list-style-position:outside;
    background-image:url(../images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:8px 9px;
	}

#middle_column li a {
	text-decoration:none;
	color:#8B2610;
	}
	
#middle_column li a:hover {
	text-decoration:underline;
	color:#8B2610;
	}

#middle_column #mininav {
	width:458px;
	margin: 0px 0px 10px 0px;
	padding: 0 0 10px 0;
	border-top:1px #8B2610 dotted;
	border-bottom:1px #8B2610 dotted;
	}

#middle_column li.mininav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#080808;
	font-weight:normal;
	text-transform:uppercase;
	float:left;
	margin-right:15px;
	list-style-type:none;
	list-style-position:outside;
    background-image:url(../images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:8px 9px;
	}

/*-------------------------------------------
	- Social Media Nav: experiment in the album info area
	HTML in social-media-nav.php in Includes folder
-------------------------------------------*/

#middle_column #socialmedia {
	width:458px;
	margin: -10px 0px 0px 0px;
	padding: 0px 0px;
	}

#middle_column li.socialmedia {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#080808;
	font-weight:normal;
	text-transform:uppercase;
	float:left;
	margin: 0px 10px 0px -5px;
	padding:3px 0px 0px 20px;
	list-style-type:none;
	list-style-position:outside;
    background-image:url(../images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:8px 8px;
	}

/*-------------------------------------------
	- FORMS
-------------------------------------------*/
#middle_column input {background-color:#fafafa;}
#middle_column textarea {background-color:#fafafa;}

/*-------------------------------------------
	- REVIEW HEADERS
-------------------------------------------*/
#middle_column h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#080808;
	font-weight:bold;
	margin:0px 5px 4px 0px;
	}

#middle_column h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#444444;
	font-weight:bold;
	margin:0px 5px 4px 0px;
	}

#middle_column h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#CC0000;
	font-weight:bold;
	margin:0px 5px 4px 0px;
	}

/*-------------------------------------------
	- RIGHT COLUMN
-------------------------------------------*/

#right_column {
	width:220px;
	margin-top:10px;
	display:inline;
	/*
	position:absolute; removing this fixes problem in Opera
	*/
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	}

#right_column .header {
	width:220px;
	height:30px;
	padding:11px 0px 0px 0px;
	background:url(../images/columnheader02c.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	text-indent:5px;
	font-weight:bold;
	color:#f9f9f9;
	}

#right_column img.aom {
	margin:0px 0px 5px 0px;
	border:1px #171717 solid;
	width:218px;
	height:218px;
	}

#right_column img.aom a {
	border:1px #171717 solid;
	}

#right_column img.aom a:hover {
	border:1px #8B2610 solid;
	}
	
#right_column p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#080808;
	font-weight:normal;
	text-align:left;
	margin:0px 5px 12px 0px;
	}

#right_column p a {text-decoration:none; color:#080808;}
#right_column p a:hover {text-decoration:underline; color:#8B2610;}

#right_column p.links {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#080808;
	font-weight:normal;
	margin:0px 5px 12px 5px;
	}

#right_column p.links a {text-decoration:none; color:#080808;}
#right_column p.links a:hover {text-decoration:underline; color:#8B2610;}

#right_column .bullet {
	color:#8B2610;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}

#right_column h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	color:#8B2610;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	}

#right_column h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#080808;
	font-weight:bold;
	margin:5px 5px 5px 0px;
	}

#right_column .underline {
	border-bottom:1px #8B2610 dotted;
	margin:-5px 5px 5px 0px;
	}
	
#right_column td {
	color:#080808;
	font-size:11px;
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:-35px;
	_margin-left:0px;
	list-style-type:none;
	list-style-position:outside;}
	
#right_column ul {margin:0px 0 15px 0;}

#right_column li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#080808;
	font-weight:normal;
	padding:3px 0px 0px 20px;
	list-style-type:none;
	list-style-position:outside;
    background-image:url(../images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:8px 9px;
	}

#right_column li a {
	text-decoration:none;
	color:#080808;
	}
	
#right_column li a:hover {
	text-decoration:underline;
	color:#8B2610;
	}

/*-------------------------------------------
	- REVIEW TABLE
-------------------------------------------*/
#review_table {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-transform: none;
	color: #CFCFCF;
	background-color: #000000;
	text-align: left;
	vertical-align:middle;
	width: 430px;
	margin-left:5px;
	margin-top: 5px;
	margin-bottom: 50px;
}

#review_table td {height:18px;}

/*-------------------------------------------
	- ARCHIVES ALPHABETICAL INDEX
-------------------------------------------*/

#alpha_table {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-transform: uppercase;
	font-weight:bold;
	color: #080808;
	background-color: #FFFFFF;
	text-align: center;
	height: 40px;
	width: 220px;
	margin: 5px 0px 30px 0px;
	padding:0px;
}

#alpha_table td {padding:0 8px 5px 0;}

#alpha_table a {
	text-decoration:none;
	color:#080808;
	}
	
#alpha_table a:hover {
	text-decoration:underline;
	color:#8B2610;
	}

/*-------------------------------------------
	- FOOTER
-------------------------------------------*/
#footer {
	background:url(../images/footerbg03.jpg) repeat-x;
	height:200px;
	margin-bottom:-18px;
	padding:0;
	}

#footer .content {
	margin-left: auto;
	margin-right: auto;
	width:960px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	color:#666666;
	text-align:center;
	padding: 10px 0 0 0;
	}

#footer .content a { text-decoration:none; color:#666666;}
#footer .content a:hover { text-decoration:underline; color:#8B2610;}


#footer .nav {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	clear:right;
	}

#footer .nav ul {
	margin:0px;
	padding: 15px 0px 0px 32px;
}

#footer .nav li {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	list-style-type: none;
	float:left;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size: 12px;
	font-weight:bold;
	padding: 2px 3px 0px 3px;
}

#footer .nav li.divider {
	font-family:Arial, Helvetica, sans-serif;
	color: #8B2610;
	list-style-type: none;
	float:left;
	font-size: 12px;
	font-weight:bolder;
}

#footer .nav li a {color:#FFFFFF; text-decoration: none;}
#footer .nav li a:hover {text-decoration:underline; color: #bdbdbd;}