/* 
	Theme Name: OnStage
	Theme URL: http://www.mikevanwinkle.com/themes/onstage-theme-for-actors/
	Description: OnStage is a Wordpress theme built specifically for Actors
	Author: Mike Van Winkle
	Author URI: http://www.mikevanwinkle.com/
	Tags: black, white, fixed-width, two-columns, right-sidebar, theme-options
Version: 2.0
			
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/

html{ 
	height: 100%;
	margin: 0;	
}

 body {
 	background: #333333;
	color: #eeeeee;
	height: 100%;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	margin: 0px auto 0px;
	padding: 0px;
	
}
	
#imgwrap{
	width:900px;
	background-image:url('images/bg2.png'); 
	background-repeat:repeat-y;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;	
	min-height: 100%;		
}



#wrap { 		
	min-height: 100%;
	width: 690px;
	color: #eeeeee;
	font-size: 12px;
	margin: 0px auto 0px;
	padding: 5px;
	z-index:15;	
}


textarea{ font-family:Arial, Helvetica, sans-serif; }


/************************************************
*	Form Styles    								*
************************************************/

.frm_form_fields{ padding-left: 110px; }

.frm-show-form .submit{margin: 15px 0 0 110px; }
	


/************************************************
*	Hyperlinks									*
************************************************/

hr{ margin-top: 15px; }

a, a:visited{
	color: #cccc99;
	text-decoration: none;
	}
	
a:hover{
	text-decoration: underline;
	}

p{ margin:0; }

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

#header {
	width: 680px;
	margin: 0px auto 0px;
	padding: 10px 0px 10px 0px;
	text-align: right;
	border-top: 0px solid #03B2C8;
    text-transform: uppercase;
	}
	
#header a {
	font-family: Century Gothic, Verdana, Tahoma;
	font-size: 36px;
	color: #eeeeee;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	}

#header a:hover{
	color: #999999;
	}

/************************************************
*	Navbar      								*
************************************************/

#navbar {
	width: 680px;
	margin: 0px auto 0px;
	padding: 5px 0px 10px 0px;
	}
	
#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#navbar ul {
	margin: 0px;
	padding: 0px;
	}
	
#navbar ul li a {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
	}

#navbar ul li a:hover {
	background: #eeeeee;
	color: #333333;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/

#frontright {
       float:left;
       Width:400px;
       margin:10px;
}

#frontleft {
      float:left;
      margin:10px;
      width:250px;
}

#frontleft h2, #frontright h2 {color:#999;}

#frontleft h4, #frontright h4 {color:#999;margin-bottom:5px;}


#frontleft p, #frontright p {margin:5px 10px;}

#content {
	width: 660px;
	margin: 20px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
	min-height:200px;
	}
	
#post {float:left; width:460px; margin: 0 10px 0 0;}


#content p{
	padding: 0px 0px 15px 0px;
	margin-bottom: 0px;
	line-height: 20px;
	}
	
#content p img{
	background:#CCCCCC none repeat scroll 0 0;
        border:1px solid #333333;
        margin:0 5px 0 0;
        padding:1px;
	}
	
#content h1 {
	color: #999;
	font-size: 22px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 15px 0px 0px 0px;
	margin: 0px;
	}
	
#content h1 a  {
	color: #ccc;
	text-decoration: none;
	}

#content h1 a:hover {
	color: #eeeeee;
	text-decoration: none;
	}

#content blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	}
	
blockquote{
	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
	background: #333333;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	color:#cccccc;
	}
	
#content ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#content ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#content ul{
	list-style-type: square;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	}
	
#content ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	

.meta {
	color: #666666;
	font-size:10px;
	padding: 5px 0 10px 0;
	display:block;
	}	

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

#footer {
	max-width: 600px;
	color: #eeeeee;
	margin: 0;
	padding: 0px 0px 10px 0px;
	text-align: center;
	line-height: 17px;
	background: transparent;
	clear:both;
}
	
#footer p {
	color: #eee;
	padding: 3px 0px 0px 0px;
	list-style-type: none;
	margin: 0px;	
	font-size: 10px;
	}
	
#footer h2 {
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 2px solid #03B2C8;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
	}

#footer a, #footer a:visited{
	color: #cccccc;
	text-decoration: none;
	}
	
#footer a:hover{
	text-decoration: underline;
	}

#footer ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background:#eeeeee;
	}

#footer ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footer ul li a, #footer ul li a:visited {
	display: block;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #666666;
	}

#footer ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
.footerleft {
	background:#eeeeee;
	float: left;
	width: 215px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 20px 0px;
	display: block;
	}
	
.footermiddle {
	background:#eeeeee;
	float: left;
	width: 210px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	display: inline;
	}
	
.footerright {
	background:#eeeeee;
	float: right;
	width: 215px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	display: inline;
	}	

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	width: 190px;
	background: #EFEFEF url(images/search.gif);
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 3px;
	margin: 8px 0px 0px 0px;
	border: 1px solid #C0C0C0;
	}

/************************************************
*	Comments									*
************************************************/
	#content ol.commentlist li {
           margin:10px;
           list-style-type:none;
            }

        ol.commentlist li.depth-1 {
           width:525px; 
           padding:20px;
           background:#333;
           border:5px solid #ccc;
           margin:20px;
                  }

        ol.commentlist li p { 
           margin-bottom:5px;
           }

       .comment-body {
           padding:20px;
           }

       .commentlist li ul li {
          border:1px solid #CCCCCC;
          color:#333333;
          list-style-type:none;
          margin:0 0 0 20px;
          padding:0 0 5px;
          width:450px;
          background:#eee;
                   }

.commentlist li ul.children li li { 
          list-style-type:none;
          background-color: white;
          width:inherit;
          margin: 10px;
                  }
img.avatar {float:left;margin:0 5px 5px 0;}

#commentform textarea#comment {
         width:600px;
         margin: 10px;
         padding:10px;
         }

/************************************************
*	Caption Classes								*
************************************************/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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 p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/****************
* Gravatars *
****************/

.List .LGrav { position: absolute; right: 0px; top: 10px;}
.List .LGrav img { border: solid 1px #ccc; padding: 2px; background: #fff;}


/************************************************
*	Blog Sidebar    								*
************************************************/

#sidebar {float:right; width:165px; padding:5px 0px 0px 0px;text-align:right; background:#333333 url('images/side-bg-top.png') no-repeat;}
#sidebar h2 {font-size:14px; color:#cccccc; text-align:center; text-transform:uppercase;}
#sidebar ul {padding:0 5px 0 5px; list-style:none;}
#sidebar ul li {list-style:none;}
#sidebar-foot {background: url('images/side-bg-bottom.png') no-repeat bottom; height:20px; z-index:9;}
#wp-calendar {padding-left:0px; width:160px; font-size:12px;}

ul#video-list {margin:10px;list-style:none;}

ul#video-list li.video {margin:10px;float:left;padding:5px;background:#333;border:1px solid #999;list-style-type:none;}

	ul#video-list li.video object,ul#video-list li.video embed {background:#000;}

	ul#video-list .video-links {color:#999;clear:both;}