/*  
Theme Name: Blake's 7
Theme URI: http://www.blakes7.com
Description: Created for use for B7 Media for http://www.blakes7.com
Version: 0.1
Author: Jason Cranford Teague
Author URI: http://www.brighteyemedia.com
Created: 07.31.2008
*/


/* Colors
White: rgb(235,235,255) #
Pale White: rgb(204,204,255);
Light Gray: rgb(102,102,112);
Gray: rgb(51,51,61);
Dark Gray: rgb(25,25,35);
Black: rgb(0,0,10) #

Dark Blue: rgb(0,0,35); #00001E
Blue: rgb(51,51,102);
Medium Blue: rgb(153,153,204); #9999cc;
Light Blue: rgb(204,204,255); #ccccff;

Orange: rgb(255,153,0); #ff9900
Dark Orange: rgb(204,102,0) #ff0000
Red: rgb(255,0,0); #cc0000
Yellow/Orange: rgb(255,204,0); #990000

Fonts
Default: "Helvetica neue",helvetica,arial,sans-serif;
Headlines: "Bank Gothic","Century Gothic","Gill sans MT","arial black", sans-serif;

*/


/*----------------------------------- STRUCTURE ----------------------------------*/


* {margin: 0; padding: 0;}

html {
	min-height: 100%;
	height: auto;
}

body {
	font-family: "Helvetica neue",helvetica,arial,sans-serif;
	margin-top: 45px;
	font-size: 65.5%; /* Resets 1em to 10px */
	text-align: left !important;
	background-color: rgb(0,0,35);
	color: rgb(235,235,255);
}

table {
	text-align: left !important;
	font-size: 1.5em;
}

table.entries {
	width: 540px !important;
}


p, ul {
	padding: .625em 0; 
	text-align: left; 
	line-height: 1.5; 
	font-size: 1em;
	text-align: left !important; 
}

p, p br {
	margin-bottom: 15px;
}

a {
	text-decoration: none;
	border: 0px;
	text-align: left !important;
}


a:link {
	color: rgb(255,153,0);
}

a:visited {
	color: rgb(255,153,0);
}


a:hover {
	color: rgb(255,0,0);
}

a:active {
	color: rgb(255,204,0);
}

a.stbutton {
	display: block;
	clear: both;
}

blockquote {
	padding: 20px 40px 5px 40px;
	height: 70px;
	font-size: 1.25em;
	line-height: 1.2;
	font-style: italic;
	opacity: .8;
	background: transparent url(images/quotes.png) 0 0 no-repeat;
}

br.both {
clear: both;
}

br.twenty {
height: 20px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Bank Gothic","Century Gothic","Gill sans MT","arial black", sans-serif;
	font-weight: normal ;
	text-align: left !important;
	line-height: 1.1;
	margin: 0;
	padding: 0;
	color: rgb(204,204,255);
	text-shadow:  rgb(0,0,10) 1px 1px 4px;
}

h1.title {
	font-weight: normal;
	font-size: 2em;
	text-transform: capitalize;
	margin-left: 1em !important;
	padding-top: 1em;
 }

h2 {
	font-size: 1.75em;
}

h2.widgettitle {
	margin: 0;
	padding: 0;
	color: rgb(235,235,255);
}

h3 {
	font-size: 1.5em;
	margin-top: 5px;
}

ul li.widget:hover {
	background-color: rgb(0,0,35)
}

li {
	text-align: left !important;
	font-size: 1em;
}

center {
	_text-align: left;
}

table {
	font-size: 1em;
}


td.title {
	border-bottom: 2px solid rgb(153,153,204);
	padding-bottom: 10px;
}


div.wpcf7-response-output {
clear:both;
padding: 15px;
font-size: 1.5em;
}

/*------ ID SELECTORS -------*/


#zoneHead { 
	width: 100%; height: 45px; 
	background: rgb(235,235,255) url(images/bg-header-1b.jpg) repeat-x center center; 
	position: fixed; top: 0; left: 0; z-index: 9999; 
	border-bottom: 1px solid RGB(0,0,51);
}

#zoneHead #logo h1 {
	opacity: 1;
	height: 45px;
	width: 270px;
	float: left;
	line-height: 135px;
	font-size: 2em;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	display: block;
	background: transparent url(images/logo_blakes7c.png) no-repeat 0 0;
}


#topContent {
	display: block;
	margin: 0 auto;
	width: 900px;
}

#zone1 { 
	width: 100%; 
	background: rgb(0,0,35) url(images/bg-white-grad-25-top.png) repeat-x top left;
	margin: 46px auto 0 auto;
	padding: 0;
	border-top: 1px solid RGB(255,153,0);
}

.audio .trans0 {
	left: 100px;
}

.audio .advertisement {
	left: 85px;
}


#zone1 h1 {
	clear: both;
	font-size: 4em;
	padding: 0;
	text-align: left;
	padding: 0;
	margin: 30px 0 10px 60px;
}



#zone1 h2 {
	clear: both;
	font-size: 2em;
	line-height: 1.1;
	margin: 20px 0 0 0;
}


#zone1 h3 {
	clear: both;
	font-size: 1.5em;
	line-height: 1.25;
	padding: 0;
	margin: 10px 0 0 0;
}


#zone1 h4 {
	text-align: left !important;
	font-size: 1.2em;
	padding: 0;
}



#zone1 td.title h3 {
	font-size: 2.5em;
}

 #zone1 .entry p,  #zone1 .entry ul,  #zone1 .entry ol {
 	margin: 0;
	margin: 0 0 0 2em; 
	font-size: 1.2em; 
 }

#zone1 table.entries tbody {
	width: 200px;
}

#zone1 .date0 {
	margin-top: 6px;
}

#zone1 a.promo1 {
	display: block;
	width: 120px;
	height: 310px;
	padding: 20px;
	margin: 15px;
	float: left;
	border: 1px solid rgb(102,102,112);
	background: transparent url(images/bg-white-grad-25-top.png) repeat-x center -100px;
}

#zone1 a.promo1:hover {
	background: transparent url(images/bg-white-grad-25-top.png) repeat-x center top;
}

#zone1 a.promo1 img {
	border: 1px solid rgb(225,153,0) !important;
}

#zone1 a.promo1 h3 {
	font-size: 1.75em;
	margin-bottom: 8px;
}

#zone1 a.promo1 p {
	padding: 0;
	margin: 0;
}

#zone1 h2.sideBar {
	margin-top: 20px;
}


#zone2 { 
	width: 100%; 
	background: transparent url() repeat top left;
	padding: 0;
	margin: 0 auto 0 auto;
}

#zone2 h2 {
	color: rgb(235,235,255);
	font-size: 2.5em;
	padding: 20px 10px;
	background: transparent url(images/bg-header-2.png) repeat-x center center;
	opacity: .7;
}

#zone2 .entry h2 {
	background: none;
	font-size: 1.5em;
	line-height: 1.1;
	margin: 20px 0 0 -20px;
	opacity: 1;
}

#zone2 a.promo1 {
	display: block;
	float: left;
	width: 342px;
	height: 130px;
	padding: 5px;
	margin: 0;
	background: rgb(0,0,10) url(images/bg-promo-02.png) repeat-x -50px center;
	border: 4px solid rgb(25,25,35);
	border-bottom: none;
	clear: both;
	opacity: .7;
}

#zone2 a.promo1:hover {
	opacity: 1;
}

#zone2 a.promo1 img {
	border: 1px solid rgb(153,102,0);
	float: left;
}

#zone2 a.promo1 .content {
	width: 195px;
	position: relative;
	float: left;
	display: block;
	margin: 0 5px 0 15px;
	padding: 0;
	background: none;
}

#zone2 a.promo1 h3 {
	margin-top: 10px;
	font-size: 1.75em;
}

#zone2 a.promo1 p {
	color: rgb(235,235,255);
	margin: 0;
}

#zone2 a.promo1 p.smallprint {
	margin: 8px 0 0 0 !important;	
	padding: 0;
	line-height: 1em;
}



#zone2 a.promo1 .more {
	float: left;
	margin-right: 10px;
}

#zone2 td.title {
	border-bottom: 2px solid rgb(153,153,204);
	padding-bottom: 10px;
}

#zone2 .entries {
	display: block;
	width: 400px;
	margin-top: 20px;
}


#zone2 .title h3 a {
	opacity: 1;
	font-size: 1.25em;
	line-height: 1.2;
}


#zone2 .title h3 a:hover {
	opacity: 1;
}

#zone2 div.trans2 {
	border:1px solid rgb(51,51,102);
	border-bottom: none;
	width: 918px;
}

#zone2 .contentArea {
	display: none;
}

#zone1 .sideBar {
	display: none;
}


#zone1 .contentArea {
	margin-top: 40px;
}


#zone3 { 
	width: 100%; 
	height: auto; 
	background: rgb(25,25,35) url(images/bg-white-grad-25-top.png) repeat-x top left;
	font-size: 1.2em;
}

#zone3 .widget {
	width: 230px;
	padding: 10px;
	display: block;
	position: relative;
	font-size: .9em;
	color: rgb(235,235,255);
	background: transparent url(images/bg-black-10.png);
	min-height: 400px;
	margin-right: 10px;
}

#zone4 { 
	width: 100%; 
	height: auto;
	background: RGB(25,25,35) url(images/bg-white-grad-25-top.png) repeat-x top left;
	clear: both;
	font-size: 1em;z-index: 100;
}

#zone4 ul { list-style-type: none; width: auto;  }
#zone4 li { display: block; color: rgb(235,235,255); 
	font-size: 12px; }

#zone4 ul li.widget {
	float: left;
	width: 175px;
	padding: 10px;
	margin: 0;
	border-right: dotted 1px rgb(0,0,10);
	min-height: 500px;

	_width: 195px;
}

#zoneFooter { width: 100%; min-height: 45px;line-height: 40px; color: rgb(204,204,255);  position: relative; background: rgb(0,0,10) url(images/top.png) repeat-x top left;  z-index: 9999; border-top: 1px solid RGB(255,153,0);
}

#ad02 {
	display: block;
	float: right;
	position: relative;
	top: 60px;
	width: 160px;
	height: 600px;border: 3px solid rgb(51,51,102); 
	padding: 5px !important;
	background: transparent url(images/bg-black-50.png) repeat 0 0;
	color: rgb(153,153,204);
	margin: 20px 0;
	padding: 5px;
}



#bg_blake, #bg_van {
	display: block;
	float: left;
	top: 60px;
	width: 130px;
	height: 400px;
}

#bg_blake {
	background: transparent url(images/bg-blake.png) no-repeat;
	left: 0;
}

#bg_van {
	right: 0;
}


#rememberme{
	margin-top: 4px;
	margin-left: 10px;
	height: 18px;
	width: 20px;
	overflow: hidden;
	display: inline;
}



#commentblock { display: none; }


#sidebar { display: block; position:relative; width: 980px; margin: auto 0; }

#sidebar2 p {
	min-height: 100px;
	width: 200px;
}

/*
 * Widget List Calendar OPTIONAL
 */
#events-calendar-list li, .widget li {
 font-size: x-small;
 font-stretch: normal;
 list-style-image: none;
 line-height: normal;
 text-align: left;
 background: none !important;
 border-bottom: 1px solid rgb(102,102,112);
 padding: 5px 0;
 list-style-type: none;
 font-size: 10px;
}

#recent .widget li {
	padding: 5px 10px;
	font-size: 1.5em;
	border-bottom-color: rgb(51,51,102)
}

#events-calendar-list li:hover, #events-calendar-list li a:hover { 
 background: none !important;
 border: none !important;
 padding: 0;
}

#events-calendar-list li:hover{ 
 border-bottom: 1px solid rgb(102,102,112) !important;;
 padding: 5px 0 !important;
 
}


#events-calendar-list li a {
 font-family: "Helvetica neue",helvetica,arial,sans-serif;
 background: none !important;
 background-color: transparent !important;
 text-decoration: none !important;
}

#events-calendar-list strong a {
	color: rgb(235,235,255) !important;
}

.credits {
	text-align: left;
	line-height: 100% !important;
	font-size: 1em;
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid rgb(153,153,204);
	border-bottom: 1px solid rgb(153,153,204);
	
}

.credits h3 {
	margin-top: 10px;
}

.credits p {
	margin: 0 0 0 10px;
}

.credits strong {
	color: rgb(153,153,204);
	font-weight: normal;
	font-size: 1.1em;
}


/*----- CLASS SELECTORS -----*/

.advertisement img {
	border: none;
}

.alignleft {
	float: left;
	margin: 0 20px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 20px;
}

.aligncenter {
	text-align: center;
}

.secnav {

	position: fixed;
	_position: absolute;
	top: 40px;
	left: -10px;
 width: 180px;
 margin: 0px;
 padding: 10px;
 font-size: 115%;
 z-index: 0;

}


.secnav .mainnav {
	margin: 0;
	padding: 0 0 20px 0;
	width: 195px;
	font-weight: bold;
	background: url(images/bg-black-25.png) repeat bottom left;
	/* background: transparent url(images/side-bar_middle.png) repeat-y -40px 0; */
}

.secnav .mainnav strong {
	font-size: 12px;
	text-align: left;
	color: rgb(204,204,255);
	opacity: .7;
filter:alpha(opacity=80);
}

.secnav .mainnav .subnav {
	margin: 8px 0 0 10px;
	font-weight: normal;
}


.secnav .mainnav a {
	display: block;
	width: 140px;
	padding: 15px 0 5px 0;
	border: none;
}

.secnav .mainnav .subnav a {
	padding: 0 0 10px 0;
	line-height: 105%;
}



.mediastagewide {
	display: block;
	width: 480px;
	text-align: center;
	padding: 10px;
	background: transparent url(images/bg-white-grad-25-top.png) repeat-x 0 0;
}



.mediastagenarrow {
	width: 290px;
	height: 275px;
	margin-left: -40px;
	text-align: center;
	padding: 32px 0 0 8px;
	background: transparent url(images/bg-media-narrow.png) no-repeat 0 0;
}

p.audioplayer_container {
	width: 230px;
	margin: 5px 0 10px 0 !important;
	float: left;
}

.trans0 {  
	position: relative; 
	width: 600px;
	float: left;
	min-height: 620px;
	padding: 0 40px 20px 60px; 
	background: url(images/bg-black-10.png) repeat bottom left;
}

.trans0 .entry p { color: #ddd; line-height: 1.75;  }
.trans0 .entry ul { padding-left: 13px; }
.trans0 .entry ol { padding-left: 20px; }
.trans0 .entry a, .trans0 .entry a:link, .trans0 .entry a:visited { text-decoration: none; }

.trans1 { 
	position: relative; 
	width: 800px;
	min-height: 358px;
	padding: 0 80px 20px 60px;
	background: url(images/bg-white-10.png) repeat bottom left;
}

.trans1 .entries {
	width: 100%;
}

.trans2 { 
	position: relative; 
	width: 800px;
	min-height: 358px;
	padding: 0 60px;
	background: url(images/bg-black-25.png) repeat bottom left;
}

.trans2 #sidebar2 {
	margin-left: 15px;
}

.main .trans2 {
	padding: 0;
	width: 920px;
}


.main {
	padding-left: 22px;
}

.main .trans1 {
	float: left;
	background: none;
	position: relative;
	padding: 0;
	padding-top: 85px;
	width: 950px;
	height: 565px;
	background: transparent url(images/bg-main-C-16_9C.png) no-repeat 0 0;
	right: 15px;
}

.main #topContent {
	width: 950px;
}


.main center { text-align: left; }

.main #swfDiv {
	position: relative;
	width: 470px;
	height: 240px;
	left: 45px;
	padding: 20px;
	/* background: transparent url(images/bg-screen.png) no-repeat -15px -20px; */
}

.main #topContent #ad02 {
	position: absolute;
	right: 0px;
	top: -10px;
}


.header { position: relative; top: 5px;  width: 100%; }

.header ul { min-width: 700px; margin: 0; padding: 0; 
	white-space: nowrap; }

.header ul li { 
	padding: 0; 
	margin: 0;	background-color: transparent; height: 45px; position: relative;
	list-style-type: none; display: inline; position: relative; width: 100%; 
}

.header li a, .header li a:link, .header li a:visited { 
	font: bold 1.1em/33px "Century Gothic","Gill sans MT","arial black", sans-serif;
	text-transform: uppercase;
	padding: 16px 15px;
	border-right: 1px solid rgb(51,51,61);
	border-left: 1px solid rgb(0,0,10);
	margin: 0 -1px !important;
	background: rgb(25,0,0) url(images/top.png) repeat-x center center;
	color: rgb(235,204,204); 
	text-decoration: none;
}

.header li a:hover { 
	background: rgb(153,0,0) url(images/top.png) repeat-x top left; 
	text-decoration: none; 
	color: rgb(235,235,255);
}
	
.header li a:active { 
	background-color: rgb(204,0,0); 
}

.header li.current_page_item a {
	background-color: rgb(102,0,0);
	color: rgb(235,235,255);
}

.footer { 
	float: left;  
	font-size: 1.3em;
	position: relative; 
	top: 0px; 
	height: 100%; 
	margin: 0 2em;
}
.main .entry {
	font-size: 1.2em;
	line-height: 1.5;
}

.main #zone2 {
	
}

.entry {
	margin: 0 20px 0 50px !important;
}

.entry table {
	margin: 0 25px;
	text-align: left;
	width: 100%;
}


.entry table td:first-child {
	width: 120px;
}


.entry table td strong {
	padding-top: 5px;
}

.entry h4 {	
	min-width: 200px;
	clear: both;
	margin: 10px 25px;
	padding: 0;
}

table.entries .entry h4 {
	font-size: 1.2em;
	margin: 10px 0;
}

.entry img { border: 3px solid rgb(0,0,35); background-color: transparent; padding: 3px !important; 
	padding: 10px;
	background: transparent url(images/bg-white-grad-50-top.png) repeat-x 0 0; }

.entry a img { 
	border: 1px solid rgb(225,153,0);
}

.entry a img:hover { 
	border-color: rgb(255,0,0);
}

.entry a img:active { 
	border-color: rgb(255,204,0);
}


.entry ul, .left ul { padding-left: 13px; }
.entry ol, .left ol { padding-left: 20px; }

.entry form {
	float: left;
	width: 200px !important;
}

.entry input, .entry textarea {
	color: rgb(102,102,153);
    border: 1px solid rgb(204,102,0);
    background-color: rgb(0,0,35);
    font-size: 12px;
    font-family: "Helvetica neue",helvetica,arial,sans-serif;
    padding: 5px;
	cursor: pointer;
}

.entry input:hover, .entry textarea:hover {
	color: rgb(204,204,255);
    border-color: rgb(225,0,0);
}

.entry input:focus, .entry textarea:focus {
	color: rgb(235,235,255);
    border-color: rgb(255,153,0);
}


.entry input {
}


.entry input.moreButton {
	text-align: left !important;
	margin: 5px 0;
	height: 40px;
	padding-left: 130px;
	border: none;
	color: rgb(225,153,0);
	font-size: 1.25em;
	font-family:  "Bank Gothic","Century Gothic","Gill sans MT","arial black", sans-serif;
	background: transparent url(images/button-buy.png) no-repeat 0 0;
	width: 330px;
	cursor: pointer;
}


.entry input.moreButton:hover {
	background-position: 0 -63px;
	color: rgb(255,0,0);
	border: none;
}

.entry input.moreButton:active {
	background-position: 0 -126px;
	color: rgb(255,204,0);
	border: none;
}


.readon { 
	display: block;
	width: 200px;
	font-size: 1.5em;
	font-family: "Bank Gothic","Century Gothic","Gill sans MT","arial black", sans-serif;
	text-align: left;
	margin: 10px 0 5px 0 !important;
 }
 
 
 
.downloadButton {
	text-align: left !important;
	float: left;
	display: block;
	margin: 5px 0 40px 0;
	height: 40px !important;
	padding-left: 135px;
	border: none;
	font-size: 1.25em;
	font-family:  "Bank Gothic","Century Gothic","Gill sans MT","arial black", sans-serif;
	background: transparent url(images/button-download.png) no-repeat 0 0;
	width: 110px;
	
	cursor: pointer;
}

.downloadButton:hover {
	background-position: 0 -63px;
	color: rgb(255,0,0);
	border: none;
}

.downloadButton:active {
	background-position: 0 -126px;
	color: rgb(255,204,0);
	border: none;
}


.date { 
	vertical-align: top;
	float: left;
	color: rgb(51,51,102);
	line-height:2.1em;
	margin: 7px 0 0 1px;
	padding-top: 18px;
	padding-left:2px;
	padding-right: 15px;
	text-align: right;
	width: 100px;
}

.date_day {
	display:block;
	font-size:2.367em;
	text-align:right;
}

.date_month {
	display:block;
	font-size:2.367em;
	text-align:right;
	font-weight:bold;
}

.date_comment {
	display:block;
	padding-left: 2px;
	font-size:3.667em;
	text-align:right;
	font-weight:bold;
}

.date_year {
	display:block;
	font-size: 1.2em;
	line-height:.9em;
}

.date0 { 
	vertical-align: top;
	color: rgb(51,51,102);
	line-height:2.1em;
	padding: 10px 10px 0 0;
	font-size:1.5em;
	text-align: right;
	float: left;
	width: 30px;
}


.zone3 {text-align: right; position: absolute;right: 5px;top: 3px;color: rgb(235,235,255); z-index: 100;}

.shop_productpic {
	text-align: right;
	float: right;
	padding: 0;
	position: relative;
	top: 15px;
}

.shop_productpic img {
	text-align: right;
	margin: 0;
	padding: 0;
	position: relative;
}

.productbox {
	clear: both;
	margin: 10px 0;
}

.navigation {
	font-size: 1.5em;
	padding-top: 10px;
}

.widget_polls strong,.widget_polls li  {
	font-size: 1.2em;
	line-height: 1.3;
}

.widget_polls li  {
	margin-top: 10px;
}

.button {
	background: transparent url(images/bg_button-90x30.png) no-repeat 0 0;
	text-align: center !important;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	width: 90px;
	height: 30px;
	display: block;
	position: relative;
	cursor: pointer;
}

.button:link,.button:visited {
	color: rgb(51,51,102);
}


.button:hover {
	background-position: 0 -35px;
	_background-image: url(images/bg_button-90x30-hover.png);
	color: rgb(255,0,0);
}
.button:active {
	background-position: 0 -70px;
	_background-image: url(images/bg_button-90x30-active.png);
	color: rgb(255,204,0);
}

.ad02:visited {
	color: rgb(51,51,102);
}

.widget h2{
	font-size: 1.75em;
	margin-bottom: 10px;
}

.more {
	font-size: 2.25em;
	font-family:  "Bank Gothic","Century Gothic","Gill sans MT","arial black", sans-serif;
}


.moreButton a, a.moreButton, .entry input[value="Send"] {
	background: rgb(0,0,10)  url(images/top.png) repeat-x center center;
	color: rgb(225,153,0);
	border: 1px solid rgb(51,51,102);
	display: block;
	padding: 5px 30px;
	margin-top: 25px;
	font-size: 1.5em;
	text-align: center !important;
	font-family:  "Bank Gothic","Century Gothic","Gill sans MT","arial black", sans-serif;
}


.moreButton a:hover,  a.moreButton:hover, .entry input[value="Send"]:hover {	
	color: rgb(255,0,0);
	background-color: rgb(0,0,35);
	border-color: rgb(225,153,0);
}


.moreButton a:active,  a.moreButton:active, .entry input[value="Send"]:acitve {	
	color: rgb(255,204,0);
	background-color: rgb(0,0,35);
	border-color: rgb(225,204,0);
}


.hidden {
	visibility: hidden;
}

.clearboth {
	clear: both;
}

p.smallprint {
	font-size: smaller !important;
	margin-top: 0px !important;
	margin-bottom: 10px !important;
	padding: 0;
}



.reversecolours {
	background-color: rgb(235,235,255);
	color: rgb(0,0,10);
	padding: 1px 5px;
	opacity: .5;
	filter:alpha(opacity=50);;
}

.wp-caption { 
	margin: 0 10px 10px 0;
	padding: 5px;
	line-height: 100% !important;
	font-size: .9em;
	width: 100%;
	font-weight: bold;
	background: transparent url(images/bg-white-grad-25-top.png) repeat-x top left;
}

.wp-caption p { 
	margin: 0 10px !important;
}

.interview {
	margin-top: -20px;
}

.interview h2 {
	background: transparent url(images/label-qa.png) no-repeat 0 bottom;
	padding-bottom: 60px;
}

.interview strong {
	line-height: 1.2;
	color: rgb(204,204,255) !important;
}


#recent {
	float: right;
	width: 360px;
}

#news {
	background: rgb(0,0,35) url(images/bg-white-grad-25-top.png) repeat-x top left;
	padding-bottom: 40px;
	float: left;
	width: 558px;
	min-height: 710px
}

strong.dramatic {
	font-size: x-large;
	color: rgb(255,0,0);
}

strong.subtle {
	font-family: "Bank Gothic","Century Gothic","Gill sans MT","arial black", sans-serif;
	color: rgb(204,204,255) !important; }

.sociable_tagline {
	margin-bottom: 5px;
	text-align: center;
}

.sociable a, .sociable img { border: none !important; }

#f-html5audio-0 {
	width: 90px;
	margin-bottom: 10px;
}


/*----- Hidden Elements ------*/

#low, .date_comment, .trans2 #news .sociable { display: none; }


/*--------------------------------- END STRUCTURE --------------------------------*/





/*------------------------------------ VISUAL -----------------------------------*/


/*----- HTML SELECTORS ------*/


/*------ ID SELECTORS -------*/


/*----- CLASS SELECTORS -----*/

div#shoppingcart{
	background: transparent url(images/bg-white-grad-25-top.png) repeat-x 0 0;
	position: fixed;
	top: 200px;
	left: 50px;
 width: 160px;
 margin: 0px;
 padding: 10px;
 }


/*---------------------------------- END VISUAL ---------------------------------*/