/* 
Theme Name: UDPAC Summer Stage
Description: Summer Stage Wordpress Theme
Version: 1.5
Author: Kelly Anne T. Martin
Tags: theater, grid
The CSS, XHTML and design under 960 Grid System:
*/

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

General

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

body{
	font:normal 12px/20px "Lucida Grande","Lucida Sans Unicode", Arial, sans-serif;
	color:#666666;
	margin:0;
	background:#010103 url(images/site-bg.jpg) no-repeat scroll center top;
	}

.featured 	{	
	background:#fbf2dd !important;
	border:1px solid #d6c59c !important;
	}


a 	{
	color:#5b5b5b;
	text-decoration:none;	
	}

a:hover	{
	color:#278baf;
	text-decoration:underline;	
	}

.clear{
	clear: both;
	margin: 0px;
	padding: 0px;
	}


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

Typography

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

h1, h2, h3, h4, h5, h6 { 
	color:#f5f5f5;
	}
	
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	color:#262D5D;
	}

.ssmain h1, .ssmain h2, .ssmain h3, .ssmain h4, .ssmain h5, .ssmain h6{
	color:#262D5D;
	}
h3 span {
	margin:0;
	color:#747474;
	font: normal 10px Tahoma;
	text-transform: uppercase;
	display: block;
	letter-spacing: normal;
	}	

small {
	font-size:1em;
	}
	
h3 {font-size:16px;}
.entry h3{color:#000;}
.entry h1, .entry h2, .sidebar h2 {color: #400080;}
.show-dates-title{ color: #400080; font-weight: bold;}
.introtext{
	color: black;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 18px;
	line-height: 24px;
}
.introtextpad span{
	color:#ea3;
	font-weight:bold;
}

	
	
/***********************************************************
Header
************************************************************/

.header	{
	height:200px;
	}

h1 a.logo {
	background:URL(images/sslogo-web.png) no-repeat;
	width:380px;
	display:block;
	text-indent:-9999px;
	height:200px;
	padding:0px 0 0 0px;
	margin:10px 0 0 0px;
	}

/***********************************************************
Top Menu
************************************************************/

.navi-bar{
	margin-top:20px;
	background-color:#FC3;
	height:35px;
	}
.top-menu{
	padding:2px 5px 2px;
	}
#social-media-menu{
	float:right;
	padding-right:20px;
	padding-top:10px;
	height: 125px;
	}
#social-media-menu h1{
	margin-top: -40px;
	font-variant: small-caps;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-style: italic;
	font-size:20px;
	color:#ffc000;
	}
#social-media-menu img{
	border:0;
	}
	
.top-menu-banner{ float: left;}
.tmb-l { background: transparent url(images/ribbon-left.png) no-repeat bottom left; padding-left:42px; height:54px; margin-left:-42px;}
.tmb-r { background: transparent url(images/ribbon-right.png) no-repeat bottom right; padding-right: 32px; height:54px; width:960px; }

/***********************************************************
Sub Header
************************************************************/
	
.subheader{
	width:960px;
	height:72px;
	background-color: #fff;
	border-bottom: 3px solid #fc3;
	}

.subheader-index{
	width:960px;
	}
	
.subheader h2, .subheader p {
	padding-top:22px;
	padding-left:10px;
	}
.subheader h2, .subheader a	{
	color:#400080;
	}

.subheader p{
	color:#400080;
	font:bold 16px/18px "Trebuchet MS", Sans-serif;
	}
		
	
/* 
SHOW SUB-HEADER

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

.show-subheader_bg	{
	height:130px;
	background-color: white;
	border-bottom:30px solid #7d88de;
	}
	
.show-subheader_bg img.show-logo{
	padding-left:10px;	}
	
.show-subheader_bg-index	{
	padding:10px;
	background-color: white;
	border-bottom:30px solid #7d88de;
	}
.on-stage-subheader	{
	height:50px;
	padding:10px;
	background-color: white;
	border-bottom:3px solid #7d88de;
	}
	
	
.show-sub-menu{ margin-top:-25px; padding-bottom:10px;}
	
.show-sub-menu-list {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:			relative; 
		text-align:			center; 
		height: 			30px; 
		width: 				700px; 
		margin: 			0; 
}
.show-sub-menu-list ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
		/* position absolute so that z-index can be defined */
		position:absolute; 
		/* right the menu, depend on the width of you menu*/
		left:0;
		top:0; 
		/* should be higher than #box */
		z-index:100;
	}
.show-sub-menu-list ul li {
		margin:				0 10px; 
		float:				left;
	}
.show-sub-menu-list ul li a, .show-sub-menu-list ul li a:visited{
		z-index: 			10;
		display: 			block;
		height: 			35px;
		overflow: 			hidden;
		color:				#fff;
		font-size:			12px;
		position: 			relative;
	}
.show-sub-menu-list ul li a:hover{
		color:				#fc3;
		text-decoration: 	none;
	}

		

/***********************************************************
Layout Columns
************************************************************/


.middlepart	{

	overflow:hidden;
	height:100%;
	/*border-top: 5px solid #FC3;*/
}

.middlepart-index	{
	overflow:hidden;
	height:100%;
	/*border-top: 5px solid #FC3;*/
}


.video {
width:359px; height:274px; 
	}
		
.middlepart	.container_16{
	background-color:#fff;
	}
.indexcontent {
	background-color:#FFFFFF;
	background:url(images/slider_bg.png) no-repeat;
	}

.sidebar {
	margin:0;
	padding: 20px 20px;
	overflow:hidden;
	height:100%;
	background-color: #fff;
	}
	
.bottompart .grid_4{
	background-color:white;
}
.bottompart .grid_4 .bottom-content{
	padding:10px;
}
.bottompart h3{
	color:#7D88DE;
	text-align:center;
	font-family: Georgia, 'Times New Roman', Times, serif;
}


.show-details {
	background-color: white;
	padding: 8px;
	color: #333;
}



/***********************************************************
Footer
************************************************************/


.sitefooter	{
	width:			100%;
	background: 	none;
	border-top:		5px solid #fc3;
	color:			#eeca6c;
	height:			70px;
	text-align:		center;
	margin-top:		20px;
	padding-top:	10px;
	padding-bottom:	30px;
}

.sitefooter hr{
	margin-top: 	-20px;
}

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

Content

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

.content {
	padding: 20px;
	color: #333;
	background-color: white;
}

.index-content {
	color: #333;
	background-color: white;
}
.content a, .content-show a{
	color: #400080;
}

.index-feature{
	padding: 10px;
	color: black;
	background-color: #97b0fb

}
/***********************************************************

Blog Page

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


.post	{ 
		padding:0px 0px 0px 0;
		position:relative;
		clear:left;		
        }

.excerpt {			
		padding:10px 0;
		margin-bottom:25px;
		}
						
		.excerpt p	{margin: 10px 0 10px 0px;}			

		.excerpt ul, .excerpt ol	{
			margin:0;
			padding:10px 0 20px 20px;
			list-style-position:inside;	
			}	

		.excerpt ul	{	list-style-type:square;		}
		.excerpt ol	{	list-style-type:decimal;	}
	

		.post-info	{
					overflow:hidden;
					height:100%;
					}
		.post-info	span{
					padding:0px 0;
					color:#aaa;
					}

		.post-info h2 {			
					margin:0;
					}

	.date   {
			border-right:1px solid #ccc;
			width:50px;
			float:left;
			margin-right:10px;
			text-align:center;
			height:50px;
			text-transform:uppercase;
			font-size:10px;
			}

		.date  b{
				font:normal 30px/30px Georgia, Helvetica, sans-serif;
				display:block;
				}


/***********************************************************
Contact Us Form Styles
/***********************************************************/
#contactform {
	margin-left:auto;
	margin-right:auto;
}
#contactform form {
	font:normal 11px/18px Verdana,Tahoma;
	margin:0 0;
	padding:0;
	margin-top:20px;
	width:100%;
}
#contactform fieldset {
	padding:10px 0;
	margin:0 0 15px 0;
	background:#fff;
	border:1px solid #ddd;
}


#contactform fieldset legend {
	font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma;
	padding:3px 25px;
	margin-left:30px;
	text-transform:uppercase;
	border:0px solid #ddd;
}
#contactform fieldset legend span {
	font:normal 10px/18px Arial,Verdana,Tahoma;
	text-transform:uppercase;
	display:block;
}
#contactform form label {
	display:block;
	float:left;
	width:150px;
	padding:6px 10px 0 0;
	margin:0px;
	text-align:right;
}
#contactform input.inpt, #contactform textarea, #contactform select {
	width:260px;
	font:normal 11px/18px Verdana,Tahoma;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #ddd;
}

form br {
	clear:left;
}

#contactform input.required {
	background:#f5f5f5 url('images/required.gif') center right no-repeat;
	
}

#contactform .select select:focus {
	border-color: #9b9b9b;
}
#contactform form input.btn
	{
		background:none;
		border:none;
	}

form.c1 input:hover, form.c1 textarea:hover
	{
		border:1px solid #d8d8d8;
	}

/***********************************************************
Contact Form Styles - Errors and Notices
***********************************************************/

.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#ccfcd1; border:1px solid #60a400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }

.notes,.notice,.success,.error
			{
				padding:10px;
				font-size:10px;
				color:#000;
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1.2em;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;
			}

#note {width:90%;margin:0 auto; }



/* ADDED STYLES
------------------------------------------------------------- */

.entry .featured_img { border: 1px solid #151515; border-color: #151515 #474747 #474747 #151515; background: #222222; padding: 8px; }
.entry .featured_png { padding: 8px; }

.sponsor-box{ padding:15px 0px; margin: 0px 0px 15px 0px;}
.dates-box{ padding:15px 15px; margin: 0px 0px 15px 0px;}
.dates-box h2{ color: #400080;}

.sponsor-box h3 {color: #050505; font-size:12px;}



/***********************************************************
GLOBAL NAVIGATION
************************************************************/

#global_nav{
	margin-top:			50px;
	margin-bottom:		0px;
}
#lava {
   /* you must set it to relative, so that you can use absolute position for children elements */
   position:			relative; 
   text-align:			center; 
   float:				right; 
   height: 				36px; 
   width: 				580px; 
   padding: 			14px 0 0 0; 
   margin: 				0; 
}
#lava ul {
   /* remove the list style and spaces*/
   margin:				0; 
   padding:				0; 
   list-style:			none; 
   display:				inline;
   /* position absolute so that z-index can be defined */
   position:			absolute; 
   /* right the menu, depend on the width of you menu*/
   right:				0;
   top:					0; 
   /* should be higher than #box */
   z-index:				100;
}
#lava ul li {
   margin:				0 8px; 
   float:				left;
}
#lava ul li a, #lava ul li a:visited{
   z-index: 			10;
   display: 			block;
   height: 				35px;
   overflow: 			hidden;
   color:				#fff;
   font-size:			14px;
   position: 			relative;
}
#lava ul li a:hover{
   color:				#fefefe;
   text-decoration: 	none;
}
#lava #box {
   /* position absolute so that z-index can be defined and able to move this item using javascript */
   position:			absolute; 
   left:				0; 
   top:					0; 
   /* should be lower than the list menu */
   z-index:				50;
   /* image of the right rounded corner */
   background: 			url('images/bg_menu_right-out.png') no-repeat top right;
   height:				35px;
   /* add padding 8px so that the tail would appear */
   padding-right:		7px;
   /* self-adjust negative margin to make sure the box display in the center of the item */
   margin-left:			-8px;
   margin-top:			-4px;
}
#lava #box .head {
   /* image of the left rounded corner */
   background: 			url('images/bg_menu-round-out.png') no-repeat top left;
   height:				36px;
   /* self-adjust left padding to make sure the box display in the center of the item */
   padding-left:		7px;
}

/*------------------------------------------------------------
MENU SIDEBAR 
--------------------------------------------------------------*/
#sidebar-menu .current_page_item a{color:#fc3; background-color:#9097c9;}
#sidebar-menu li a{
background:transparent url(images/bullet_white.png) no-repeat scroll 5px center;
border-bottom:1px solid #d6d6d6;
}

#sidebar-menu li li a{
background:transparent url(images/bullet_yellow.png) no-repeat scroll 10px center;
padding:5px 10px 5px 20px;
}
#sidebar-menu ul ul ul a{
background:transparent url(images/bullet_yellow.png) no-repeat scroll 20px center;
}
#sidebar-menu ul ul ul ul a{
background:transparent url(images/bullet_yellow.png) no-repeat scroll 30px center;
}
#sidebar-menu{position:relative; float:left;}
#sidebar-menu h3{ padding:20px 0 4px; }
#sidebar-menu a{ display:block; line-height:12px; padding:5px 10px;}
#sidebar-menu ul ul ul a{padding:5px 10px 5px 30px;}
#sidebar-menu a, #sidebar-menu a:visited{color:#161b38; font-size:1em;}
#sidebar-menu li a:hover{color:#fc3;}
#sidebar-menu li li a:hover{color:#fc3;}
#sidebar-menu li li a, #sidebar-menu li li a:visited{color:#161b38; font-size:1em;}


.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.wp-caption-text{font: italic normal normal 95% inherited-value; }

.newssidebar{
font-size:11px;
line-height:12px;
}



a.videopreview{
	display: block;
	width: 200px;
	height: 151px;
	text-decoration: none;
	background: url("http://www.udpac.org/images/videoblock.png");
	}
 
a.videopreview:hover {
	background-position: 0 -151px;
	}
 
.displace {
	position: absolute;
	left: -5000px;
	}
	
a.videopreview2{
	display: block;
	width: 207px;
	height: 225px;
	text-decoration: none;
	background: url(images/feature-captainlouie.png);
	}
 
a.videopreview2:hover {
	background-position: 0 -225px;
	}
	
	a.videopreview3{
	display: block;
	width: 207px;
	height: 160px;
	text-decoration: none;
	background: url("http://udpac.org/images/feature-wss.png");
	}
 
a.videopreview3:hover {
	background-position: 0 -162px;
	}
 
.displace {
	position: absolute;
	left: -5000px;
	}