@charset "utf-8";

/* Bernal Media website CSS */
 
 /* ====== global styles ======*/
 
 body {
	font-family: Georgia, serif;
	background: #293A90 url(../images/bkgdPattern.png) repeat-x;
	margin: 0;
	padding:0;
 }
 
 p, h1, h2, h3, h4, h5, h6, li {
	margin: 1ex 1em;
}

div#outerDiv {
	width: 1000px;
	margin: 0 auto;
	background: #13162e url(../images/logobn.png) no-repeat;
	/* height for logobn.png is in the header div below */
}

#outerDiv a:link, #outerDiv a:visited {
	text-decoration: none;
	color: #bbbfe7;
}

#outerDiv a:hover, #outerDiv a:active {
	color: #f1bf1e;
	/* border-bottom: 1px dashed */
}


/* ==== header ===*/

div#header {
	height: 80px;
	position: relative;
	/* this is the height for the logobn.png banner and position: relative;
	makes this div qualify as a containing block so we can do positioning
	on its fixed position for other elements on the page. 
	
	div#header inherits the width from div#outer above */
}

/* ==== main menu ==== */
#header #mainMenu {
	position: absolute;
	left: 508px;
	bottom: 0;
}

#mainMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainMenu li {
	float: left;
	margin: 0;
	padding: 0;
}

#mainMenu li a:link, #mainMenu li a:visited {
	font-family: "Trebuchet MS", sans-serif;
	display: block;
	color: #f1bf1e;
	text-decoration: none;
	padding: 0 15px 0 15px;
	margin-right: 10px;
	line-height: 25px;
	background: url(../images/mainMenuBn.gif) no-repeat left bottom;
	border: none;
}

#mainMenu li a:active, #mainMenu li a:hover {
	color: #000;
	background-position: left top;
}

#mainMenu li a.current {
	margin-top: -5px;
	height; 30px;
	background: url(../images/mainMenuCurrentBn.gif) no-repeat;
	color: #fff;
	line-height: 30px;
}

#mainMenu li a.current:hover {
	cursor: default;
}

/* ======================*/
/* ==== main content ====*/
/* ======================*/

#content div#mainContent {
	float: left;
	width: 760px;
	
	font-family: "Trebuchet MS", sans-serif;
	font-size: .8em;
	line-height: 1.3em;
	color: #898ec5;
		
	background-color:#10101e;
	padding: 0 10px;
	margin: 0;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
	font-family: "Trebuchet MS", sans-serif;
}

#mainContent h2 {
	font-size: 1.2em;
	color: #898ec5;
	margin: 2ex 0 .4ex 0;
}

/* ======================*/
/* ====== sideBar ====== */
/* ======================*/

#content div#sideBar {
	float: left;
	width: 200px;
	height: 480px;
	
	font-family: "Trebuchet MS", sans-serif;
	font-size: .9em;
	line-height: 1.4em;
	color: #898ec5;
	
	margin: 0;
	padding: 0 10px;
}


#sideBar p {

	margin: 1ex 0;
}

#sideBar h1, #sideBar h2, #sideBar h3, #sideBar h4 {
	font-family: "Trebuchet MS", sans-serif;
}

#sideBar h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #898ec5;
	margin: 0 0 .4ex 0;
}

#sideBar h2 {
	font-size: 1.2em;
	color: #898ec5;
	margin: 2ex 0 .4ex 0;
}

#sideBar h4 {
	font-size: 1.1em;
	color: #646675;
	margin: 1ex 0 -.2ex 0;
}

#sideBar ul {
	font-family: Georgia, serif;
	font-size: .9em;
	color: #898ec5;
	margin: 0 0 1.4ex 1em;
}

/* ==== productPicture ===*/
#productPicture {
float: left;
}

/* ==== productText ===*/
#productPicture {
float: left;
	font-family: Verdana, sans-serif;
	font-size: .9em;
	line-height: 1.4em;
	color: #898ec5;
}

/* ==== payPalButton ===*/
#payPalButton {
float: left;
width: 250px;

padding: 0 0 8px 0px;
}

/* ==== productSpecifications ===*/
#productSpecifications {
float: left;
width: 300px;
margin: 0;
padding: 0 0px;
}

/* ==== featureBar ===*/
#featureBar p {
	font-family: Georgia, serif;
	font-size: .9em;
	line-height: 1.4em;
	color: #898ec5;
	margin: 1ex 0;
}
#content div#featureBar {
	float: left;
	width: 200px;
	padding: 0 10px;
	margin: 0;
	/* border-left: solid #898ec5 3; */
}

/* ==== prints ===*/

#content div#printsMainMessage{
	float: left;
	width: 650px;
	font-family: Georgia, serif;
	font-size: .9em;
	line-height: 1.4em;
	color: #898ec5;
}
#content div#prints {
	float: left;
	width: 980px;
	/*margin: 0 auto;*/
	font-family: Georgia, serif;
	font-size: .9em;
	line-height: 1.4em;
	color: #898ec5;
	margin: 1ex 0;
}
.printContainer {
	float: left;
	margin: 0px;
	padding: 10px;
	border: 1px solid #898ec5
}
#content div#cartButton {
	float: right;
	width: 150px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
.addthis_button {
float: right;
}

/* ==== footer ==== */

div#footer {
	clear: both;
	background: transparent;
	margin: 0 auto;
	padding: 5px;
}

#footer p {
	font-family: "Trebuchet MS", sans-serif;
	font-size: .75em;
	color: #8f95cc;
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer a {
	color: #8f95cc;
	text-decoration: none;
}



/* ==== miscellaneous styles ==== */

.clear { clear: both }

div#youtubeVideo {
	margin: 20px 0;
}