/* GENERIC STYLES */

body, html {
	height: 100%;
	margin: 0;
	padding: 0;
}

h1 {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1.5px;
	margin: 0;
	padding: 0;
}

h2 {
	color: white;
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	margin: 0 0 4px 0;
	border-bottom: 1px solid white;
}
	
h3 {	
	margin: 0 0 18px 0;
	color: black;
}
	
h4 {	
	margin: 0 0 8px 0;
}

h5 {	
	margin: 0 0 8px 0;
}

h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 18px;
}

h5, h6 {
	font-size: 14px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 20px;
}

h4.dvdtitle {
	margin: 0 10px 10px 10px;
}

h4.comparison {
	text-align: center;
}

h3, h5 {
	border-top: 2px solid #363636;
	border-bottom: 1px solid #898989;
	padding: 8px 0 8px 0;
	text-transform: uppercase;
}

h6 {
	margin: 0 0 8px 0;
	letter-spacing: 1px;
}

p {
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 18px 0;
}

p.caption {
	font-size: 12px;
	text-align: center;
	font-style: italic;
	margin: -12px 0 18px 0;
}

p.mid, p.center {
	text-align: center;
}

p.nomargins {
	margin: 0; padding: 0;
}

p.indent {
	margin-left: 12px;
}

p.sitepath {
	font-size: 12px;
	text-transform: lowercase;
	letter-spacing: 1px;
	color: #e1e1e1;
}

p.update {
	font-size: 12px;
	border: 1px solid #898989;
	background-color: #fff9e7;
	padding: 5px;
}

.data {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

.deadlink
{
text-decoration: line-through;
}

.sitepath a:link {
	color: #e1e1e1;
	text-decoration: underline;
}

.sitepath a:visited {
	color: #e1e1e1;
	text-decoration: underline;
}

.sitepath a:hover {
	color: #e1e1e1;
	text-decoration: none;
}

.sitepath a:active {
	color: #e1e1e1;
	text-decoration: none;
}

.small {
	font-size: 12px;
}

ul, ol {
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 18px 0;
}

ul {
	padding: 0;
}

ol {
	padding-left: 60px;
}

ul.small li {
	margin: 0;
}

.leftcolumn ul li, .rightcolumn ul li, .singlecolumn ul li, .tablefloat ul li, .menutable ul li, .blogs ul li, .otherlinks ul li, .col1 ul li, .col2 ul li, .col3 ul li {
	list-style: none;
	padding-left: 12px;
	background: url(images/bullet.gif) no-repeat 0 6px;
}

.rightblock ul {
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 18px 10px;
}

.menutable {
	margin-left: 28px;
}

ul.small {
	font-size: 12px;
}

a img {
	border: 0;
}

a:hover img.float, a:hover img.left, a:hover img.mid {
	border: 2px solid #646465;
}

img.left, img.float, img.collection, img.mid {
	border: 2px solid #dcdcdc;
}

img.capsule {
	float: right;
	margin: 10px 20px 8px 15px;
}

img.collection {
	border: 2px solid #dcdcdc;
	text-align: center;
	margin: 10px;
	background-color: #FFF;
}

.legendmain {
	width: 200px;
	padding: 2px;
	background-color: #dcdcdc;
	float: right;
	margin: 0 0 5px 15px;
}

p.legend {
	margin: 0; padding: 5px;
	font-size: 12px;
	line-height: 18px;
}

img.float {
	border: 2px solid #dcdcdc;
	float: right;
	margin: 0 0 8px 15px;
}

img.floathead {
	border: 2px solid #dcdcdc;
	float: left;
	margin: 0 7px 4px 0;
}

img.floatnoborder {
	float: right;
	margin: 0 0 8px 15px;
}

img.cat {
	padding: 2px;
	text-align: right;
	margin: 0;
	padding: 0 0 5px 0;
}

blockquote {
	background-color: #fff9e7;
	border: 1px solid #646465;
	margin: 28px;
	padding: 10px 0 0 40px;
}

blockquote:before {
	color: #646465;
	content: '\201C';
	font-family: 'Georgia', 'Garamond', Times, Serif, serif;
	font-size: 70px;
	font-weight: bold;
	line-height: 0px;
	margin: 0 0 0 -35px;
	vertical-align: bottom;
}

blockquote p {
	font-size: 13px;
	line-height: 18px;
	margin: 10px 18px 18px 18px;
}

pre {
	font-size: 12px;
	line-height: 18px;
	padding: 18px;
	margin: 18px 24px;
	white-space: pre-wrap;
}

#breaker {
	padding: 0;
	font-size: 18px;
}

.catfloat {
	float: right;
	padding: 0;
	margin: 0 0 8px 8px;
	width: 128px;
	text-align: center;
}

.number {
	font-size: 12px;
	color: #898989;
}

.dvddata {
	font-size: 12px;
	color: #363636;
}

.spoiler {
	background-color: #363636;
}

p:hover .spoiler {
	background-color: #FFF;
}


/* HEADER STYLES */

#header {
	width: 100%;
	height: 140px;
}


/* MENU STYLES */

#menu {
	width: 100%;
	height: 70px;
}

.menucontainer {
	width: 920px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.menucontainer a:link {
	text-decoration: none;
}

.menucontainer a:visited {
	text-decoration: none;
}

.menucontainer a:hover {
	text-decoration: none;
}

.menucontainer a:active {
	text-decoration: none;
}

.selectedmenu {
	text-align: left;
	width: 110px;
	height: 54px;
	margin: 0;
	padding: 8px 12px;
	float: left;
}

.betweenmenu {
	text-align: left;
	width: 62px;
	height: 54px;
	margin: 0;
	padding: 0;
	float: left;
}

.unselectedmenu {
	text-align: left;
	width: 110px;
	height: 54px;
	margin: 0;
	padding: 8px 12px;
	float: left;
}

.selectedmenu p, .unselectedmenu p {
	color: #c2c2c2;
	text-align: left;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 12px;
	margin: 8px 0 0 0;
	padding: 0;
}

.selectedmenu h1 {
	color: white;
}

.unselectedmenu h1 {
	color: #fbf2cb;
}

a:hover .selectedmenu {
	background: url('images/menuoverlay.png') no-repeat;
}

a:active .selectedmenu {
	background: url('images/menuoverlay.png') no-repeat;
}

a:hover .unselectedmenu {
	background: url('images/menuoverlay.png') no-repeat;
}

a:active .unselectedmenu {
	background: url('images/menuoverlay.png') no-repeat;
}

.preload
{
	display:none;
}


/* PAGEHEAD STYLES */

#pagehead {
	width: 920px;
	height: 60px;
	padding: 20px 0 20px 0;
	margin: 0;
}


/* BODY STYLES */

#main {
	width: 100%;
}
	
#maincontainer {
	width: 920px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.searchform {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 18px 0;
}

.leftcolumn a:link, .rightcolumn a:link, .tablefloat a:link, .menutable a:link, .textcolumn a:link, .column920 a:link, .column1024 a:link {
	color: #2b6e92;
	text-decoration: none;
	font-weight: bold;
}

.leftcolumn a:visited, .rightcolumn a:visited, .tablefloat a:visited, .menutable a:visited, .textcolumn a:visited, .column920 a:visited, .column1024 a:visited {
	color: #2b6e92;
	text-decoration: none;
	font-weight: bold;
}

.leftcolumn a:hover, .rightcolumn a:hover, .tablefloat a:hover, .menutable a:hover, .textcolumn a:hover, .column920 a:hover, .column1024 a:hover {
	color: #930c08;
	text-decoration: none;
	font-weight: bold;
}

.leftcolumn a:active, .rightcolumn a:active, .tablefloat a:active , .menutable a:active, .textcolumn a:active, .column920 a:active, .column1024 a:active {
	color: #930c08;
	text-decoration: none;
	font-weight: bold;
}

.archivecontainer {
	width: 604px;
	margin: 0;
	overflow: hidden;
}

.archiveleft {
	width: 240px;
	float: left;
}

.archiveright {
	width: 346px;
	float: left;
	margin-left: 18px;
}

#pages, #pagesindex {
	width: 100%;
	margin: 0;
	overflow: hidden;
}

#pages .numbers {
	width: 75%;
	float: left;
	text-align: left;
	padding-top: 15px;
}

#pages .count {
	width: 25%;
	float: right;
	text-align: right;
	padding-top: 15px;
}

#pages h5 {
	margin-bottom: 0;
}

#pages a:link {
	color: #000;
	border: 1px solid #898989;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}

#pages a:visited {
	color: #000;
	border: 1px solid #898989;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}

#pages a:hover {
	background-color: #fff9e7;
	color: #000;
	border: 1px solid black;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}

#pages a:active {
	background-color: #fff9e7;
	color: #000;
	border: 1px solid black;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}

.commentindent {
	margin: 0;
}

.commentform {
	font-size: 13px;
	line-height: 18px;
	margin: 8px 0 8px 0;
}

.comments-content {
	font-size: 13px;
	line-height: 18px;
}

.notauthor  {
	padding: 13px 12px 2px 12px;
}

.author {
	background-color: #fff9e7;
	padding: 14px 11px 1px 11px;
	border: 1px solid #898989;
	margin: 17px 0 20px 0;
}

.commentheader {
	font-size: 14px;
	text-transform: uppercase;
}

#comment-form-name, #comment-form-email, #comment-form-url, #comment-form-remember-me, #comment-form-reply, #comments-open-text {
	padding: 4px 0 4px 0;
}

.blockcontainer {
	background: url('images/leftblock.gif') repeat-y;
	width: 604px;
	margin: 0 0 18px 0;
	overflow: hidden;
	border: 1px solid #898989;
}

.leftblock {
	width: 181px;
	float: left;
	text-align: center;
}

.leftblock h4 {
	font-size: 30px;
	text-align: right;
	padding: 0;
	margin: 5px;
	color: #898989;
}

.leftblock p {
	text-align: right;
	margin: -5px 5px 5px 5px;
	padding: 0;
	color: #898989;
}

.rightblock {
	width: 403px;
	float: left;
	padding: 10px;
}

.rightblock p {
	padding: 0 5px 0 0;
	margin: 5px -10px 15px 10px;
}

.tablefloat {
	padding: 0;
	margin: 0;
}

tr.off {
	background-color: #FFF;
	font-size: 12px;
	line-height: 18px;
}

tr.on {
	background-color: #fff9e7;
	font-size: 12px;
	line-height: 18px;
}

#ratingcolumns {
	width: 604px;
	margin: 0; padding: 0;
	overflow: hidden;
}

.column {
	width: 200px;
	float: left;
}


/* FOOTER STYLES */

#footer, #footerlarge {
	background-position: top;
	width: 100%;
	clear: both;
	letter-spacing: 0.2px;
}

#footer {
	background: url('images/bgfooter.jpg') repeat-x black;
}

#footerlarge {
	background: url('images/bgfooterlarge.jpg') repeat-x black;
}

#footer .container, #footerlarge .container {
	width: 864px;
	margin-left: auto;
	margin-right: auto;
	padding: 18px 18px 0 18px;
	clear: both;
}

#columncontainer .col1 {
	float: left;
	width: 276px;
	padding: 0 18px 0 0;
}

#columncontainer .col2 {
	float: left;
	width: 276px;
	padding: 0 18px 0 0;
}

#columncontainer .col3 {
	float: left;
	width: 276px;
	padding: 0;
}

#columncontainer .about {
	float: left;
	width: 480px;
	padding: 0 18px 0 0;
}

#columncontainer .blogs {
	float: left;
	width: 162px;
	padding: 0 18px 0 0;
}

#columncontainer .otherlinks {
	float: left;
	width: 186px;
	padding: 0;
}

#footer p, #footerlarge p {
	color: #898989;
}

#footer h6, #footerlarge h6 {
	color: #aeaeae;
}

#footer a:link, #footerlarge a:link {
	color: #898989;
	text-decoration: underline;
}

#footer a:visited, #footerlarge a:visited {
	color: #898989;
	text-decoration: underline;
}

#footer a:hover, #footerlarge a:hover {
	color: #898989;
	text-decoration: none;
}

#footer a:active, #footerlarge a:active {
	color: #898989;
	text-decoration: none;
}

#footer ul, #footerlarge ul {
	color: #898989;
}

#footer li, #footerlarge li {	
	background: url('images/bulletfooter.gif') no-repeat 0 6px;
	padding-left: 12px;
}


/* RESET */

applet, object, iframe,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd,
fieldset, form, label,
tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}


/* remember to define focus styles! */

:focus {
	outline: 0;
}


/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/*
Formatting Buttons
------------------------------------------------------ */

.buttonMode {
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 10px;
color: #73769D;
background-color: transparent;
white-space: nowrap;
}

.htmlButtonOuter, .htmlButtonOuterL {
background-color: #f6f6f6;
padding: 0;
border-top: #333 1px solid;
border-right: #333 1px solid;
border-bottom: #333 1px solid;
}
.htmlButtonOuterL {
border-left: #333 1px solid;
}
.htmlButtonInner {
background-color: transparent;
text-align: center;
padding: 0 3px 0 3px;
border-left: #fff 1px solid;
border-top: #fff 1px solid;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}
.htmlButtonOff {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
font-size: 11px;
font-weight: bold;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOff a:link {
color: #000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOff a:visited {
text-decoration: none;
}
.htmlButtonOff a:active {
text-decoration: none;
color: #999;
}
.htmlButtonOff a:hover {
background-color: #fff;
text-decoration: none;
color: #999;
}
.htmlButtonOn {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size: 11px;
font-weight: bold;
background: #f6f6f6;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOn a:link {
color: #990000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOn a:visited {
text-decoration: none;
}
.htmlButtonOn a:active {
text-decoration: none;
color: #999;
}
.htmlButtonOn a:hover {
background-color: #fff;
color: #999;
text-decoration: none;
}
