/*

Brian K. James Dot Com ¥ Version 3.0
CSS File: page.css

This file is for SITE DECORATION ONLY.
Navigation rules of the pages to this site
are found in nav.css, and site layout is found
using layout.css

*/

/* **********************************
		PAGE DECORATION CODE
   **********************************
*/

* {
	margin-bottom: 0px;
}

.content {
	padding-top: 2px;
	font-family: "News Gothic MT", Arial, sans-serif;
	font-size: 14px;
	line-height: 19px;
	color: #787878;
}

#rightSide {
	margin-left: 220px;
	line-height: 170%;
}

#rightSide img, div.photobox {
	padding: 1px;
	border: 4px solid #c8def1;
}

.caption {
	text-transform: uppercase;
	text-align: right;
	font-weight: bold;
	font-size: 10px;
	color: black;
}

.caption span {
	color: red;
}


p {
	font-family: "News Gothic MT", Arial, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 0px;
}

p a, p a:visited {
	text-decoration: none;
	color: blue;
}

p a:hover {
	text-decoration: underline;
	color: #0B5792;
}

p a:active {
	text-decoration: none;
	background-color: #0B5792;
	color: white;

}

h1 {
	font-family: "News Gothic MT", Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #81BEF3;
}

h2 {
	font-family: "News Gothic MT", Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #244D84;
}

h3 {
	font-family: "News Gothic MT", Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	background-color: #0b5792;
	border: 4px solid #c8def1;
	color: white;
	width: 100%;
}

h4 {
	
	font-family: "News Gothic MT", Arial, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: black;
}

h4 strong{
	text-transform: uppercase;
	font-family: "News Gothic MT", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0B5792;
}


h5 {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	color: #0B5792;
	width: 100%
	padding: 30px;
	background-color: #c8def1;
	line-height: 1.5em;
}

h6 {
	width: 100%;
	padding: 0.5em 0em;
	background-color: #81BEF3;
	text-transform: uppercase;
	text-align: center;
	color: #244D84;
	font-size: 2em;
}

h6 a, h6 a:visited {
	text-decoration: none;
	color: #244D84;
}

h6 a:hover {
	color: white;
}

h6 a:active {
	color: lime;
}

ol li
{
	line-height: 2.5em;
}

.hideme {
	display: none;
}

.cdlist {
	height: 170px;
	width: 100%;
	margin-bottom: 10px;
	padding: 0.6em;
	border-bottom: 1px dotted #C8DEF1;
}

.cdlist img {
	float: left;
	margin-right: 20px;
	vertical-align: top;
}

.cdtext {
	// float: left;
	margin-left: 180px;
}

.footerStyle {
	font-family: sans-serif;
	font-size: 13px;
	text-align: center;
	color: #244D84;
}

.creditsStyle {
	font-family: sans-serif;
	font-size: 13px;
	text-align: left;
	color: #81BEF3;
}

.creditsStyle ul {
	list-style-image: none;
	margin: 0px;
	text-align: center;
	padding: 0px;
}

.creditsStyle ul li {
	display: inline;
	padding: 0px 25px;
}

.creditsStyle a {
	color: black;
	text-decoration: none;
}

.dvdsplash
{
	min-width: 550px;
	min-height: 300px;
	background-color: #eeeeee;
}

#dvdListSmall {
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	color: black;
}

#dvdListSmall ul {
	list-style-image: none;
	margin: 0px;
	width: 550px;
	text-align: center;
	padding: 0px;
}

#dvdListSmall ul li {
	display: inline;
	padding: 0.2em;
}

#dvdListSmall ul li a img, #dvdListSmall ul li a:visited img {
	padding: 1px;
	width: 159px;
	height: 220px;
	border: 2px solid white;
}

#dvdListSmall ul li a:hover img {
	border: 2px solid #81BEF3;
}

#dvdListSmall ul li a:active img {
	border: 2px solid #244D84;
}



#dvdListTiny {
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	color: black;
}

#dvdListTiny ul {
	list-style-image: none;
	margin: 0px;
	width: 550px;
	text-align: center;
	padding: 0px;
}

#dvdListTiny ul li {
	display: inline;
	padding: 0.2em;
}

#dvdListTiny ul li a img, #dvdListTiny ul li a:visited img {
	padding: 2px;
	width: 100px;
	height: 141px;
	border: 3px solid white;
}

#dvdListTiny ul li a:hover img {
	border: 3px solid red;
}

#dvdListTiny ul li a:active img {
	border: 3px solid #244D84;
}

.dvdcase {
	min-height: 165px;
}

.dvdcase img {
	float: left;
	border: 3px solid white;
}

#rightSide img, .dvdcase {
	border: 3px solid white;
}

.dvdoverall {
	margin-left: 20px;
	float: left;
}

.dvdscore {
	font-size: 50px;
	text-transform: uppercase;
	color: #81BEF3;
}

#dvdreviewPhotos ul {
	list-style-image: none;
	margin: 0px;
	text-align: center;
}

#dvdreviewPhotos ul li {
	display: inline;
	text-align: center;
}

#dvdreviewPhotos ul li a img, #dvdreviewPhotos ul li a:visited img {
	list-style-image: none;
	text-align:  center;
	margin: 5px;
	padding: 2px;
	width: 200px;
	border: 3px solid white;
}

#dvdreviewPhotos ul li a:hover img {
	border: 3px solid red;
}

#dvdreviewPhotos ul li a:active img {
	border: 3px solid #244D84;
}


/*
*************************************
    DVD STATS TABLE CODE
*************************************
*/


table.dvdstats {
	width: 100%;
	border-collapse: collapse;
	font-size: larger;
	font-weight: bold;
	color: black;
}

table.dvdstats td {
	padding: 0.5em 0px;
	font-size: 2em;
}

table.dvdstats td, table.dvdstats th {
	text-align: center;
	border: 1px solid black;
	width: 25%;
}

table.dvdstats caption {
	margin-bottom: 0.5em;
}

table.dvdstats th {
	background-color: #81BEF3;
	color: white;
}


/*
*************************************
    MUST-SEE MOVIES CODE
*************************************
*/

#rightSide table {
	width: 100%;
}

#rightSide table td {
	width: 20%;
	text-align: center;
	color: black;
}

#rightSide table caption {
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 0.5em;
	color: black;
}

#rightSide table p {
	font-size: 0.7em;
	text-transform: uppercase;
	color: black;
}

#rightSide table td img {
	margin: 0px;
	padding: 0px;
	width: 100px;
	height: 141px;
	text-align: right;
	border: 3px solid white;
}

#rightSide table p.listTitle {
	padding: 0px;
	margin: 0px;
	font-family: "News Gothic MT", Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #81BEF3;
}

#rightSide table th {
	background-color: #81BEF3;
	color: white;
}

/*
**********************

    DJs LIST CODE  
 
*********************
*/
.djlist ul {
	font-weight: bold;
	font-size:16px;
	color: black;
}

.djlist ul li {
	margin: 10px;
	padding: 10px;
	list-style-type: none;
	text-align: left;
	text-transform: uppercase;
	font-family: "News Gothic MT", Arial, sans-serif;	font-size: 10px;
	font-weight: bold;
	color: black;
}


/*  
**********************

MUST-HAVE TRACKS CODE 

**********************
*/

.mhList ul li {
	margin: 0px;
	padding: 5px;
	list-style-type: none;
	text-align: left;
	text-transform: uppercase;
	font-family: "News Gothic MT", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

h1.mhList {
	text-transform: uppercase;
	text-align: left;
	font-family: "News Gothic MT", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #81BEF3;
}

/*
*************************************
    MISC. CODES
*************************************
*/



.clear {
	clear: both;
}

.trailerpark a, .trailerpark a:visited {
	text-decoration: none;
	color: blue;
}

/*
*************************************
    DOWNLOAD ICON LIST/ITEM CODE
*************************************
*/

#rightSide div.iconItem img.icon {
	border: 4px solid white;
}

.iconList {
	float: left;
	width: 39.5em;
}

.iconItem {
	float: left;
	width: 150px;
	text-align: center;
	clear: left;
}

#rightSide div.primerIcon img.icon {
	border: 4px solid white;
}

.primerIcon {
	float: left;
	width: 48px;
	text-align: left;
}

#rightSide div.iconItem a img.icon, #rightSide div.iconItem a:visited img.icon {
	width: 150px;
	height: 150px;
	border: 2px solid white;
}

#rightSide div.iconItem a:hover img.icon {
	border: 2px solid #81BEF3;
}

#rightSide div.iconItem a:active img.icon {
	border: 2px solid #244D84;
}

/*

div.iconList.iconItem a img, div.iconList.iconItem a:visited img {
	border: 2px solid red;
}

*/

.desc {
	margin-left: 180px;
	padding-bottom: 10px;
}

.teaDesc {
	margin-left: 175px;
	padding-bottom: 10px;
}

.primerDesc {
	margin-left: 90px;
	padding-bottom: 10px;
}

/*  ************ iTUNES LIST CODES ************  */

.itunes li {
	list-style-image: none;
	margin: 0px;
	text-align: left;
	padding: 0px;
	display: inline;
}

.itunes li h1 {
	font-weight: normal;
	color: #81BEF3;
}

/*
*********************************
EATERIES CODE
*********************************
*/

.foodIcon {
	float: left;
	width: 48px;
	text-align: left;
}

.foodDesc {
	margin-left: 90px;
	padding-bottom: 10px;
}

#rightSide div.foodIcon img.icon {
	border: 4px solid white;
}