/*  
Theme Name:Stevesonian 1.0
Author:JT
Version:1.0
Date:2008.10.12
*/

body {
	font-size:62.5%; /* Resets 1 em to 10px */
	font-size:12px;
	font-family:Arial, Helvetica, Sans-Serif;
	color:#555;
	margin:0;
	padding:0;
	line-height:19px;
	background-color:#CCC;

}
#page {
	position:relative;
	background-color:white;
	text-align:left;
	margin:0 auto 0 auto;
	width:auto;
}
#page_theatre {
	position:relative;
	background-color:#CCC;
	text-align:left;
	margin:0 auto 0 auto;
	width:auto;
}
#page_960 {
	position:relative;
	background-color:white;
	margin:0 auto 0 auto;
	width:960px;
}

/* IMAGE */

img { 
	border:0px;
	vertical-align:middle;
}


/* Columns */

#column_160 {
	background-color:#dedede;
	width:160px;
	float:left;
	position:relative;
	vertical-align:top;
	margin:0 15px 0 0;
	padding:0;
	text-align:left;
}
#column_175 {
	background-color:#f2f2f2;
	width:175px;
	float:left;
	position:relative;
	vertical-align:top;
	margin:0;
	padding:0;
	text-align:right;
}
#column_470 {
	background-color:#dedede;
	width:470px;
	float:left;
	position:relative;
	vertical-align:top;
	margin:0 15px 0 0;
	padding:0;
}
#column_300 {
	background-color:#f2f2f2;
	width:300px;
	float:left;
	position:relative;
	vertical-align:top;
	margin:0;
	padding:0;
	text-align:left;
}
#column_300_theatre {
	width:300px;
	float:left;
	position:relative;
	vertical-align:top;
	margin:0;
	padding:0;
	text-align:left;
}
#column_785 {
	background-color:#dedede;
	width:785px;
	float:left;
	position:relative;
	vertical-align:top;
	margin:0;
	padding:0;
	text-align:left;
}
#column_960 {
	clear:both;
	/*width:958px;*/
	width:960px;
	position:relative;
	vertical-align:top;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
}
#column_640 {
	width:640px;
	float:left;
	position:relative;
	vertical-align:top;
	margin:0 20px 0 0;
	padding:0;
	text-align:left;
}
#column_content {
	vertical-align:top;
	margin:0;
	padding:15px;
}
#column_left_addon {
	background-color:#FFFFFF;
	vertical-align:top;
	margin:0;
	padding:15px 15px 0 0;
}
#column_module {
	background-color:#000000;
	vertical-align:top;
	margin:0;
	padding:15px;
	text-align:left;
}
/* Modules */

#recover_sitemap {
	position:relative;
	clear:both;
	margin:0 auto 0 auto;
	position:relative;
	width:960px;
}
#showcase {
	background-color:#FFF;
	height:380px;
	vertical-align:middle;
}
#museum {
	background-color:#333333;
	width:auto;
}

/* Gutters */

#horizontal_gutter {
	height:15px;
	clear:both;
}


/* Fonts */
p {
	margin:0 0 15px 0;
	padding:0;
}
p.last {
	margin:0 0 0 0;
	padding:0;
}
a { 
	color:#3366FF;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.spacer_text {
	clear:none;
	margin:0 8px;
}
/*
a:visited, {
	color:#999;
	text-decoration:none;
}
*/

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:normal;
	color:#black;
}

h1 {
	font-size:28px;
	line-height:26px;
	margin:0;
	padding:0;
}
h2 {
	font-size:22px;
	line-height:26px;
	margin:0;
	padding:0;
}
h3 {
	font-size:18px;
	line-height:20px;
	margin:0;
	padding:0;
}
h4 {
	font-size:16px;
	line-height:20px;
	margin:0;
	padding:0;
}
h5 {
	font-size:14px;
	margin:0;
	padding:0;
}
h6 {
	font-size:10px;
	margin:0;
	padding:0;
	color:#666666;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#666;
	text-decoration:none
}

/*
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
}
*/

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {
	color:#3366FF;
	text-decoration:underline;
}

small {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:9px;
	line-height:1.5em;
}
.headline {
	margin:0 0 15px 0;
}
.sub_headline {
	margin:0 0 5px 0;
	color:#000000;
}
.breadcrumb {
    margin:-5px 0 0 0;
}

/* 
Begin Header
==========================================
*/	
#header {
	position:relative;
/*	background-image:url(../img/header/img_bg_1x36.gif); */
	background-repeat:repeat-x;
	background-color:#999999;
	/*
	border-bottom:1px solid #ccc; 
	*/
	z-index:99;
	height:auto;
	width:auto;
}
/* 
Begin Footer 
==========================================
*/	
#footer {
	color:#808080;
	border:none;
	border-top:1px solid #ccc;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	clear:both;
	font-size:12px;
	position:relative;
	width:960px;
}
#footer p.copyright {
	position:absolute;
	top:0px;
	right:0;
	color:#ccc;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	text-align:right;
}
#footer.border_none {
	border:none;
}
#footer ul {
	margin:10px auto;
	text-align:left;
	padding:0;
	list-style-type:none;
}
#footer ul li {
	display:inline;
	padding:0 18px 0 18px;
	font-size:12px;
}
#footer ul li a {
	font-size:12px;
	text-decoration:none;
	color:#808080;
}
#footer ul li a:hover {
	color:#3366FF;
	text-decoration:underline;
}
#footer ul li.first {
	padding-left:0;
}
#footer ul li.last {
	padding-right:0;
}


/* === Left Navi === */
.left_page_nav ul {
	list-style:none; 
	width:175px;
	margin:0;
	padding:0;
}
.left_page_nav ul li {
	background-color:#f2f2f2;
	text-indent:0;
	border-bottom:1px solid #dedede; 
	margin:0;
	padding:0 0 0 0;
}
.left_page_nav ul li a {
	display:block;
	text-decoration:none;
	margin:0;
	padding:10px 15px 10px 0;
}
.left_page_nav ul li a:hover {
	background-color:#bbccff;
	color:#3366FF;
	text-decoration:underline;
	margin:0;
	padding:10px 15px 10px 0;
}
.left_page_nav ul li.selected a, .left_page_nav ul li.selected a:hover, .left_page_nav ul li.selected {
	background-color:#dedede;
	color:black!important;
	font-weight:bold;
	cursor:default;
	text-decoration:none;
}

/* 
CODA GALLERY SLIDER CSS FOR MUSEUM PRODUCT PAGES
===============================================
===============================================
===============================================
===============================================
*/
#coda_wrapper {
/*	width:auto;*/
	width:960px;
	margin:0 auto;
}
#coda_slider {
/*	width:auto;*/
	width:960px;
	margin:0 auto;
	position:relative;
}
.coda_scroll {
/*	width:auto;*/
	width:auto;
	height:350px;
	overflow:auto;
	overflow-x:hidden;
	position:relative;
	clear:left;
/*	background-color:#FFFFFF;*/
}
.coda_scrollContainer div.panel {
/*	padding:20px;
	height:260px;*/
	padding:0;
	height:350px;
	width:960px;
}
ul.coda_navigation {
	list-style:none;
	width:960px;
	margin:0 auto 0 auto;
	padding:0;
	display:block;
	vertical-align:middle;
}
ul.coda_navigation li {
	display:inline;
	margin:0;
	padding:0;
}
ul.coda_navigation a {
	padding:5px 10px 5px 10px;
	color:#444;
	text-decoration:none;
}
ul.coda_navigation a:hover {
	background-color:#bbccff;
	color:#3366FF !important;
}
ul.coda_navigation a.selected {
	background-color:#dedede;
	color:#444;
	font-weight:bold;
}
ul.coda_navigation a:focus {
	outline:none;
}
.coda_scrollButtons {
	position:absolute;
	bottom:0px;
	cursor:pointer;
}
.coda_scrollButtons.left {
	right:21px;
	z-index:200;
}
.coda_scrollButtons.right {
	right:0px;
	z-index:200;
}

/*
CSS FOR MUSEUM ADS & IMAGE PLACEMENTS
===============================================
===============================================
===============================================
===============================================
*/
.placement {
	margin: 0 17px 0 0;
	float:left;
}
.placement_last {
	margin: 0 0 0 0;
	float:left;
}


/* 
CSS FOR STEVESONIAN THEATRE
===============================================
===============================================
===============================================
===============================================
*/

#movie_clip {
	width:640px;
	height:auto;
}

#movie_info {
	width:640px;
	height:auto;
	background-color:#F2F2F2;
	margin: 15px 0 0 0;
}


/* 
DIV SWAP CSS FOR MUSEUM PRODUCT PAGES
===============================================
===============================================
===============================================
===============================================
*/
#overview { display:block; }
#media { display:none; }
#downloads { display:none; }
#collateral { display:none; }
#specs { display:none; }
#contribute { display:none; }
#recognition { display:none; }

#tab_1 { display:block; }
#tab_2 { display:none; }
#tab_3 { display:none; }
#tab_4 { display:none; }
#tab_5 { display:none; }
#tab_6 { display:none; }
#tab_7 { display:none; }

/* 
CSS FOR ADS
===============================================
===============================================
===============================================
===============================================
*/
#ad_300x250_shell {
	margin: 0 0 10px 0;
}

#ad_300x250 {
}


/* 
CSS FOR PIROBOX JQUERY PICTURE GALLERY
===============================================
===============================================
===============================================
===============================================
*/


/*:::: DEMO PAGE, LIST IMAGES rules (REMOVE OR CHANGE) ::::*/

.thumbs_all {float:left;list-style-type:none;margin:0;padding:0;}
.thumbs_all img {padding:0; margin:0 17px 15px 0;}
.thumbs_all img.last {padding:0 0 15px 0; margin:0;}
.thumbs_all li {float:left;}
.thumbs_all  a {float:left; height:auto; width:auto; cursor:url(http://www.stevesonian.com/img/pirobox/cursor/zoomin.cur), pointer;}
.thumbs_all  a:hover {float:left;}

/*::::: PIROBOX RULES::::::::*/

/*::::: BACK GROUND OVERLAY::::::::*/

.bg_thumbs{
background:black;/*::::: you can change overlay background-color here ::::::::*/
position:fixed!important;
position:absolute;
top:0;
left:0!important;
left:-17px;
width:100%;
margin:0;
padding:0;
visibility:hidden;
z-index:1001;
display:none;
}


.unloader, .img_box,.middle_l, .middle_r{
background:#fff;/*::::: you can change img_box background-color here ::::::::*/
}

/*:::: YOU DON'T NEED TO CHANGE NOTHING ELSE IN THE CSS :::*/

/*:::: PREV/NEXT inside rules ::::*/
.box_next_in{position:absolute;top:2px;height:90%;width:74px;right:2px!important;right:2px;overflow:hidden;z-index:1010;background:none;display:block;}
a.next_in{position:absolute;z-index:1011;height:100%;width:74px;right:-74px;text-indent:-999em;display:block;background:url(../img/pirobox/next_in_w.png) top right no-repeat!important;background:url(../img/pirobox/next_in_w.gif) top right no-repeat;}
.box_previous_in{position:absolute;top:2px;z-index:100012;height:90%;left:2px!important;left:2px;width:74px;overflow:hidden;background:none;display:block;}
a.previous_in{position:absolute;z-index:100013;left:-74px;height:100%;width:74px;text-indent:-999em;display:block;background:url(../img/pirobox/prev_in_w.png) top left no-repeat!important;background:url(../img/pirobox/prev_in_w.gif) top left no-repeat;}

/*:::: PREV/NEXT outside rules ::::*/

.box_next{position:fixed!important;position:absolute;top:0;height:100%;width:81px;right:0px!important;right:16px;overflow:hidden;z-index:1006; visibility:hidden}
a.next{position:fixed!important;position:absolute;text-indent:-999em;display:block;height:100%;width:81px;right:-81px;z-index:1007;background:url(../img/pirobox/next_i_w.gif) center right no-repeat;}
a:hover.next{background:url(../img/pirobox/next_i_w_h.gif) center right no-repeat;}
.box_previous{position:fixed!important;position:absolute;top:0;height:100%;left:0;width:81px;overflow:hidden;z-index:1008;visibility:hidden}
a.previous{z-index:1009;position:fixed!important;position:absolute;width:81px;left:-81px;text-indent:-999em;display:block;height:100%;background:url(../img/pirobox/prev_i_w.gif) center left no-repeat;}
a:hover.previous{background:url(../img/pirobox/prev_i_w_h.gif) center left no-repeat;}

/*:::: END PREV/NEXT rules ::::*/


/*:::: IMG_BOX rules ::::*/

.img_box{position:absolute;margin-top:-2px;margin-left:-2px;width:50px;height:50px;visibility:hidden; overflow:hidden;z-index:1002;}
.img_box img{float:left;position:relative; z-index:1100;border:none;padding:0;z-index:1003; cursor:url(http://www.stevesonian.com/img/pirobox/cursor/zoomout.cur), pointer;}

/*:::: END IMG_BOX rules ::::*/

/*:::: CLOSE, LOADING rules ::::*/

.thumbs_close{position:absolute;bottom:0;right:0;height:18px;width:81px;color:#fff;cursor:pointer;margin:0 10px 10px 0!important;margin:0 12px 10px 0;z-index:100014;background:url(../img/pirobox/close_w.gif) center right no-repeat;visibility:hidden;}
.loader{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-33px;width:80px;height:80px;display:block;z-index:1007; background:url(../img/pirobox/bg_loader_w.png) center no-repeat!important; background:url(../img/pirobox/bg_loader_w.gif) center no-repeat;}
.loader span{position:absolute;width:80px;height:80px;}
.unloader{visibility:visible;}
.thumbs{visibility:hidden;}

.caption{position:absolute;bottom:0;left:0;margin:0 0 8px 5px!important;margin:0 0 8px 5px; color:#000;visibility:hidden;display:block; padding:3px; z-index:100013; cursor:text;}
.caption p{ display:block; margin:0;padding:0; margin-right:88px;}
.pre{visibility:hidden;display:none;}
.end{display:none;}
.begin{display:none;}

/*:::: DEMO PAGE, ROUDED CORNERS ::::*/

.all{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-45px;width:80px;height:80px;padding:10px;z-index:1002;}
.t_l{position:absolute; height:30%; width:91%;padding:0!important;padding:10px; top:0; left:0; background:url(../img/pirobox/bg_w.png) top left no-repeat!important;background:url(../img/pirobox/bg_w.gif) top left no-repeat;}
.t_r{position:absolute; height:30%; width:10%; top:0; right:0; background:url(../img/pirobox/bg_w.png) top right no-repeat!important;background:url(../img/pirobox/bg_w.gif) top right no-repeat;}
.middle_l{ position:absolute;width:50%;height:80%;left:0; top:10px;z-index:998;}
.middle_r{ position:absolute;width:50%;height:80%;right:0; top:10px;z-index:999;}
.t_l_b{position:absolute; height:80%; width:91%;padding:0!important;padding:10px; bottom:0; left:0; background:url(../img/pirobox/bg_w.png) bottom left no-repeat!important;background:url(../img/pirobox/bg_w.gif) bottom left no-repeat;}
.t_r_b{position:absolute; height:80%; width:10%; bottom:0; right:0; background:url(../img/pirobox/bg_w.png) bottom right no-repeat!important;background:url(../img/pirobox/bg_w.gif) bottom right no-repeat;}


/*:::: STEVESONIAN THEATRE ::::*/
/*:::: STEVESONIAN THEATRE ::::*/
/*:::: STEVESONIAN THEATRE ::::*/

.inc_navi_theatre_links {
color:#3366FF;
}

.theatre_thumbnail {
width:122px;
height:70px; 
margin:0 10px 15px 0;
float:left;
background-color:#ccc;
}

.theatre_thumbnail:hover {
background-color:#3366FF;
}

.theatre_thumbnail_last {
width:122px; 
height:70px;
margin:0 10px 0 0;
float:left;
}

.theatre_thumbnail_img {
margin:1px 0 0 1px;
}

.theatre_thumbnail_detail {
width:138px;
height:77px;
margin:0;
float:left;
}

.theatre_now_playing {
display:none;
color:red;
}