/* global anchor style */
/* unvisited link */
a:link {
color: #01e9ff;
text-decoration: none;
}     
a:visited {color: #01e9ff;
text-decoration: none;
}  /* visited link */
a:hover {color: #01e9ff;
text-decoration: underline;
}   /* mouse over link */
a:active {
color: #01e9ff;
text-decoration: none;
}   /* selected link */


#html, body {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  min-width: 1000px;
  width:100%;
  min-height: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
  background-color: #111111;
  padding: 0px 0px 20px 0px;
}


#topBar,#top1pxBar, #top2pxBar {
	
	width: 100% auto;
	height: 150px;
	background-position: left bottom;
	background-color:#000000;
	margin: 0 0 0 0;
	position: relative;
}

#top2pxBar {
	width: 100% auto;
	height: .3125em;
	background-color:#01e9ff;
	/*background-color:#01d2ff;*/
}

#topBar {
	width: 100%;
	clear: both;
}

#fulldecal {
	position: absolute; 
	/*top:-380px; */
	/*min-width: 1050px;*/
	width: 100%;
	height:187px; 
	background: black;
	/*background: #111111 url('../img/gui/eepmon-sakurabg-grad.gif') repeat-x;*/
	z-index: 0;
}

#nav-social {
list-style: none;
width: auto;
height: 48px;
margin-right: 30px;
}

#nav-social li {
float: right;
width: 24px;
height: 48px;
}

/*
#pxPattern {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 7px;
	background: #000 url('../img/gui/nav-banner-gradient.gif') repeat-x top;
	clear: left;
}
*/


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

/*
body {
	height: 100%;
	margin: 0;
	padding: 20px 0px 20px 0px;
	background-color: #121212;
	*/
	/*background: #333333 url(../gui/bg.gif) left top;*/
/*}*/

#container {
	width: 1000px;
	height: 406px;
	margin: 0 auto;
}

#master {
	/*width:1100px;*/
	width: 100% auto;
	padding-left: 3.125em;
	padding-right:3.125em;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

#master-header {
	width: 100% auto;
	padding-left: 3.125em;
	padding-right:3.125em;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

p#categoryTitle{
	text-align: left;
	vertical-align: middle;
	font: 1.875em Georgia;
	color: #FFFFFF;
	float: left;
	padding-right: 1.5625em;
}

.h1-title {
	min-width: 75px;
	text-align: left;
	vertical-align: middle;
	font: 1.875em Georgia;
	color: #FFFFFF;
	float: left;
	padding-right: 25px;
}

#contact, .profileHead, .hilight {
	color:#01e9ff;
}

.emphasis {
	text-decoration: underline;
}

p#categoryText{
   	 text-align: right;
	 font: 10px Verdana;
	 color: #999999;
	 float: right;
	 padding-left: 15px;
	 padding-top: 2px;
}




p.contentText, p.contentTitle{
	text-align: left;
	font: 12px Verdana;
	color: #EFEFEF;
	position:relative;
	left:10px;
	top:3px;
}


p.contentTitle { font-weight: bold; }

p.pnlHeader{
	text-align: left;
	vertical-align: middle;
	font: 16px Verdana;
	color: #CCCCCC;
}



p.captionText, p.captionTextLarge, p.profileText {
	text-align: left;
	font: .75em Arial, Helvetica, sans-serif; 
	color: #ddd;
}

p.captionText {
	width: 440px;
}

p.captionTextLarge {
	font-size: 1em;
}

p.captionText2 {
	text-align: left;
	font: 10px Verdana;
	color: #999999;
	padding-top:10px;
	padding-left:15px;
}

p.profileText {
	color: #CCCCCC;
}

span.artInfoText {
	color: #FFF;
}

p.artInfo {
	text-align: left;
	font: 12px Verdana;
	color: #01e9ff;
}



#header, #contentMaster { width: 100% auto; }

#headercontent {
}

.panelContent {
	margin-left: 50px;
}

#logo {
	float: left;
	padding-top: 68px;
	padding-right:100px;
}

#navmenu {
	min-width:600px;
	clear: both;
	display: block;
	float: left;
	background: #000;
	z-index: 13;
	white-space: nowrap;
	/*
	margin: auto 0 0 0;
	position: relative;
	*/
}

#navmenu ul {
	width: 100%;
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0 0 0 0;
	text-align: left;
}

#navmenu ul li {	
	display: block;
	color: #FFF;
	display: inline;
	padding: 0 23px 37px 23px;
	/*margin: 4.375em 0 0 0;*/
	margin: 0;
	font-size: 1em;
	float: left;
}


#navmenu ul li:first-child {
	margin: -50px 0 0 0;
	padding: 0 3.1875em 0 30px;
}

#navmenu a {
	font: 17px "Oswald", Arial;
	letter-spacing: .0625em;
	text-transform:uppercase;
}

#navmenu .nav-focus {
	width: 7px;
	height: 8px;
	margin-top: 12px;
	position: relative;
	left: 40%;
	background: url(../img/gui/nav-focus.gif) no-repeat;;
}

#category {
	
  width: 960px;
  height: 100%;
}

/* use to create column left and right */
#column1 {
	width:200px;
	height:100%;
	float:left;
	background-color: aqua;
}

#column2 {
	width:800px;
	height:100%;
	float:left;
	background-color: green;
}

#categoryTitle {
	vertical-align: top;
	/*background-color: fuchsia;*/
}

.rightLinks {
	height:25px;
}

.divider {
	width:auto;
	height: 1px;
	background: url(../img/gui/1pxGrey.gif) repeat-x center;
}

.v_divider {
	width:1px;
	height: 50px;
	background: #717171 repeat-y center;
	text-align: left;
	float: left;
}

.dotteddivider, .soliddivider {
	height: 1px;
	color: #01e9ff;
	/*color: #444;*/
	padding-top:.625em;
	border-bottom: 1px solid;
	clear: left;
}

.soliddivider {
	color: #01e9ff;
	border-bottom: 1px solid;
}

/* panel */

.panel {
	width: 760px;
	height:auto;
	margin-top: 2px;
	overflow: hidden;
	clear: left;
}

.series {
	width: 100%;
	overflow: hidden;
	clear: left;
	text-align: center;
	margin-top: 16px;
	border-top:2px solid #01e9ff;
}

.seriesTitle, .schedTitle {
	text-align: left;
	vertical-align: middle;
	font: 16px Verdana;
	color: #CCCCCC;
	float: left;
	padding:6px 0px 0px 0px;
}

.schedTitle{
	color: #f545a9;
}

p.title {
	float:left;
}

.backtop {
	font: 10px Verdana;
	color: #00CCFF;
	vertical-align:  middle;
	padding-left:10px;
}
/*
.backtop {
	vertical-align: middle;
}*/

.imageMaster, .contentMaster {
	/*padding-left: 1.5625em;*/
	padding-left: 0em;
	float: left;
}

.imageContainer, .contentDescription {
	margin: 0px 10px 10px 0px;
	float: left;
	/*border: 0px solid white;*/
}

.contentDescription {
	width: 440px;
	text-align: justify;
	border: 0;
}

.contentDescription p.title, .contentDescription p {
	font-family: Arial;
	font-size: 0.75em;
	text-align: left;
	color: #fff;
	padding: 0 1.2em 0 0;
	font-weight: 800;
	margin: 0 0 0.75em 0;
}

.contentDescription p {
font-weight: normal;
color: #ccc;
}

p.imageInfo {
	font: 12px Verdana;
	color: #CCCCCC;
	text-align: left;
}

p.title {
	font-size: 1.125em;
	color: #fff;
}



/*

.seriesPanel, .seriesPanel6Grid, .seriesPanelHN, .seriesPanelSml, .seriesPanelSml2 {
	width: 2500px;
	margin-top: 2px;
	overflow: hidden;
	clear: left;
}

.seriesPanel6Grid {
	width: 1500px;
}

.seriesPanelSml {
	padding-top:25px;
	width: 1000px;
}

.seriesPanelSml2 {
	padding-top:25px;
	width: 700px;
}

.seriesPanelHN{
	width: 650px;
}

*/

.panelTopFrame {
	width: 760px;
	height: 10px;
	background: url('../img/pnlTopFrame.gif');
}

.panelBody {
	width: 760px;
	height: 200px;
	background: url('../img/pnlBody.gif') repeat-y;
}

.panelBottomFrame {
	width: 760px;
	height: 10px;
	background: url('../img/pnlBottomFrame.gif');
}

.seriesCaption{
	float:left;
	/*width:760px;*/
	width:100% auto;
	clear:left;
}

.singleArtCaptionInSeries {
	float: left;
}

.captionSmall {
	float: left;
	width: 450px;
	clear:left;
}

.profilecaption {
	float:left;
	width: 420px;
	clear: left;
}

/* thumb */

.imgHolder, .imgHolderSeries {
	margin: 0px 10px 0px 0px;
	float: left;
}

.imgHolderSeries{
   margin: 0px 10px 10px 0px;
	 float: left;
}

.thumbImg {
	position:relative;
	top:10px;
}

span.caption {
	font-size:11px;
	color:#999999;
	padding-top:5px;
}

span.links {
	font-size: .75em;
	font-family:Arial, Helvetica, sans-serif;
	color:#33CCFF;
	padding:3px;
}

/* content */

.content {
	width: 530px;
	height: 200px;
	float: left;
	background: url('../img/content.gif');
}

/* subsection */
.subsection, .subsection-vert {
	/*width:400px;*/
	padding-right:.75em;
	padding-top:11px;
	float: left;
	text-align: left;
	/*background-color: fuchsia;*/
}

.subsection-vert {
	padding: 0;
	clear:both;
}

.subsection-vert ul {
	padding: 0;
}

#press-category {
	overflow: hidden;
	width: 100%;
	clear: left;
}

.row {
	clear: left;
}

.col-20, .col-25, .col-35, .col-50, .col-75 {
  padding: 0;
  overflow:auto; /* This will add a scroll when required */
  width:20%;
  float:left;
  height: 100%;
  display: block;
}

.col-pad { padding-right: 1.25em; }

.col-25 { width: 35%; }
.col-35 { width: 35%; }
.col-50 { width: 50%; }
.col-75 { width: 75%; }

.col-75-pad { padding: 0 0 0 0; }
/*.col-75-pad:first-child { padding-top: 3.125em; }*/


.h2-title {
	color:#fff;
	float:left;
	
	font-size: 1em;
	font-family: Palatino;
}

ul { 
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	
}

li.title {
	list-style-type: square;
	color:#eee;
	font-family: Palatino;
	font-size:1em;
	padding-bottom: .375em;
}

li.names {
	color:#aaa;	
	/*font-family: Palatino;*/
	font-size: .75em;
	line-height: 1.25em;
}

.subsection a:link, .subsection-vert a:link {
color: #aaa;
text-decoration: none;
}     /* unvisited link */
.subsection a:visited, .subsection-vert a:visited {
	color: #aaa;
	text-decoration: none;
}  /* visited link */
.subsection a:hover, .subsection-vert a:hover {
	color: #01e9ff;
	text-decoration: none;
}   /* mouse over link */
.subsection a:active, .subsection-vert a:active {
	color: #aaa;
	text-decoration: none;
}   /* selected link */


.genre {
	font-size: .625em;
	font-style: italic;
	margin-left: .625em;
}

.keyitem {
	text-decoration: underline;
}

/* schedule styles */

.schedTitle{
}

.schedCaptionBox {
	width: 400px;
	float:left;
	padding: 0 0 0 .625em;
}

.schedCaptionText {
	font-size: .75em;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ddd;
}

.captionBox {
	padding-right: 10px;
	margin: 0;
}

.caption {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color: #888;
	margin: 0;
	padding: 0;
	float: right;
}

.info-caption {
	display:block;
	text-align: left;
	color:#ccc;
	clear: left;
	font: 0.625em "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
}

.emphasize {
	font-style: italic;
}

#about-info {
	font: .875em Arial, Helvetica, sans-serif;
	line-height: 1.25em;
	color: #CCCCCC;
	text-align: left;
	width: 500px;
	margin:0.125em 0.125em 0.125em 0;
	text-align: justify;
}


/* carousel */

#carousel{
	width:960px;
    height:406px; /* 487px */
	margin: 0 auto;
}

#slides {
    overflow:hidden;
    /* fix ie overflow issue */
    position:relative;
    width:960px;
    height:406px;
    /*background: green;*/
}

/* remove the list styles, width : item width * total items */    
#slides ul {
    position:relative;
    left:0;
    top:0;
    list-style:none;
    margin:0;
    padding:0;    
    width:2880px;            
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
    width:960px;
    height:406px;    
    float:left;
}

#slides li img {
    padding:0px;
}

#buttons {
	position: absolute;
	width:960px;
    height:45px;
	margin-top: 286px;
	padding:0 0 5px 0;
	z-index: 2;
}

#buttons a {
    display:block; 
    width:19px; 
    height:46px;
    text-indent:-999em;
    outline:0;
    /*background: red;*/
}

a#prev { 
	float: left; 
	background:url('../img/carousel/prev.gif') no-repeat; 
	border-top: 1px solid #333;
    border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

a#next { 
	float: right;
	background:url('../img/carousel/next.gif') no-repeat; 
	border-top: 1px solid #333;
    border-left: 1px solid #333;
	border-bottom: 1px solid #333;
}

/*
.preload {
	position: absolute;
	width: 25px;
	height:25px;
	background:url('../img/gui/preload.gif') no-repeat;
	background-color: #111;
	z-index: 10;
}
*/
/* Styling for prev and next buttons */
.clear {clear:both;}

#footer {
	position: relative;
	bottom: 0;
	width: 960px;
	height: 150px auto;
	padding-top: 30px;
}

#footer #footernav {
	margin: 0 0 0 35px;
	padding: 15px 24px 0px 0;
	border-top:5px solid #01e9ff;
	float: right;
	height: 100px;
}

#footer #footernav ul {
	margin: 0 auto;
	padding: 0 0 0 0px;
	list-style-type: none;
	list-style-image: none;
	text-align: left;
}

#footer #footernav li.title {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
 	color: #ccc;
 	padding-bottom: 5px;
}

#footer #footernav ul li {
	display: block;
	font-family: Georgia;
	font-size: 0.9em;
	color: #888;
	padding-left: 0px;
	padding-right: 0px;
}

#footer #footernav ul li a {
	display: block;
	text-decoration:none;
	padding-left: 0px;
	padding-right: 0px;
}


#footer #footernav ul li a:link{ color: #888;}
#footer #footernav ul li a:visited{ color: #888;}
#footer #footernav ul li a:hover{ color: #01e9ff;}
#footer #footernav ul li a:active{ color: #888;}