/*  This is the style sheet for nytheatre.com v. 5.0 */
/*  Created December 22, 2012 by Martin Denton */

body
{
    font-family: "Segoe UI", Helvetica, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 14px;
    background-color: #FFFFFF;
    color: #000000;
}

/*  Global formatting rules for tags */

a:hover, a:focus
{
    color: #ba632e;
}

a
{
    color: #46468c;
}

    a img
    {
        border: none;
    }

h1
{
    text-align: center;
    line-height: 1.5em;
    background-color: #264d56;
    color: #fafafa;
    margin: 0;
    font-size: 180%;
}

    h1.top, h4.top
    {
        margin-top: 6px;
    }

h2
{
    text-align: center;
    font-size: 175%;
}

    h2.left
    {
        text-align: left;
    }

h4
{
    text-align: center;
    line-height: 1.5em;
    background-color: #ba632e;
    color: #fafafa;
    margin: 0;
    font-size: 125%;
}


blockquote
{
    margin: 6px 1em;
    font-style: italic;
}

    blockquote i
    {
        font-style: normal;
    }

td
{
    vertical-align: top;
}

/*  Page structure -- used on every page (on _Layout.cshtml) */

#page-container
{
     width: 932px;
     margin: 6px auto 0 auto;
	 
}

#masthead
{
    float: left;
    width: 100%;
    padding: 6px 0 6px 6px;
    color: #ddffff;
    background-color: #251aad;
}

#logo
{
    float: left;
}

#logon
{
    float: right;
    padding-right:6px;
    font-size: 89%;
    text-align: right;
}
    #logon a
    {
        color: #fae158;
        text-decoration:none;
    }

#subhead
{
    clear:both;
    padding: 6px;
    background-color: #ffffff;
    color: #0d0d0d;
    text-align: left;
    font-family: Georgia, 'Times New Roman', serif;
    font-style: italic;
}

#subright
{
    float: right;
    font-size: 89%;
}

#mainnav { 
	clear: both;
	border-top: solid thin #3e3b61;
	border-bottom: solid thin #3e3b61;
	background-color: #fae158;
	margin:0 0 2px 0;
	padding:0;
	text-align: left;
}

#content
{
    clear:both;
    margin: 0;
    padding: 0;
}

#footer
{
    clear:both;
    font-size: 80%;
	background-color: #ffffff;
	padding-top: 6px;
	text-align: center;
}

/*  Formatting for basic structure elements */

#mainnav ul, #footer ul
{
	background-color: #fff9e5;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
    font-size: 105%;
}

#mainnav ul li, #footer ul li
{
	display: inline;
}

#mainnav ul a, #footer ul a
{
	padding: 0 1.2em;
	line-height: 1.8em;
	text-decoration: none; 
	color: #251aad;
	font-weight: bold;
}

#mainnav ul a:hover, #footer ul a:hover
{
	color: #ba632e;
}

/* Div/class elements providing structure */

#pagecontent
{
    font-size: 95%;
    text-align: left;
    margin-top: 2px;
    float:left;
    width: 100%;
}

.article  /* main page content, floated left */
{
    width: 60%;
    margin: 0;
    float:left;
    padding: 0;   
}

.sidebar
{
    font-size: 95%;
    width: 35%;
    margin: 0 0 0 0;
    float:right;
    padding: 0 0.5em;
    clear: right;
}

p.sidebarpar
{
	margin-left: -0.5em;
}

#page-main    /* wider content area, used with narrowed page-sidebar */
{
    float:left;
    text-align: left;
    width: 660px;
    padding: 2px 0 0 0;
    margin: 6px 1em 1em 0;
    background: #ffffff;
}

#page-sidebar  /* pale yellow background */
{
    float: right;
    text-align: left;
    padding: 2px .5em;
    width: 232px;
    background: #fff9e5;
    border: 1px solid #fae158;
    margin-top: 6px;
    font-size: 90%;
}

.mainstory
{
    clear:both;
}

.story
{
	clear:both;
	border-top: thin solid #fae158;
	padding-bottom: 2px;
	margin-bottom: 0;
    margin-top: 3px;
}

.story h2
{
	text-align: left;
	margin-bottom: 3px;
	margin-top:3px;
}

.bigstory
{
    clear:both;
    font-size: 120%;
    text-align: left;
}

.floatleft
{
    float:left;
    margin: 0 2px 4px 2px;
	padding: 0 4px 0 0;
	border: none;
}

.floatright
{
    float: right;
    margin: 0 0 6px 2px;
}

/* Image formatting */

.mainstory img, .bigstory img
{
    float:left;
    margin: 0 2px 4px 2px;
	padding: 4px 4px 0 0;
	border: none;
}

img.icon
{
    padding: 3px;
}

.imgcentered
{
    margin: 10px auto;
    display: block;
    text-align: center;    
    font-size: 80%;
}

.sidebar img
{
	margin-left: 0;
	padding-left:0;
}
/*  Classes that provide special formatting */

.fineprint
{
    font-size: 85%;
    text-align: left;
}

.shortmargin
{
    margin-top: 6px;
}

.centered
{
    text-align: center;
}

.notopmargin, .notopmargin p
{
    margin-top: 0;
}

.shaded
{
     background: #fff9e5;
     border: 1px solid #fae158;
     margin-top: 6px;
}

.darkshaded
{
     background: #251aad;
     margin: 2px 0;
     color: #fae158;
}

.notification
{
    background-color: #fbfbfb;
    border: dotted thin #e73e3a;
    min-height: 80px;
    padding: 0 3px 3px 3px;
    margin: 6px 0;
    
}

.gallimage 
{   
	float: right;
	padding-left: 8px;
	text-align: center;
	max-width: 350px;
	font-size: 78%;
}

/*  Table formatting  */

#nytable
{
   margin: 8px auto;
}

#nytable table, #nytable tr, #nytable td, #nytable th
{
    border: thin solid #251aad;
    border-collapse: collapse;
}

#nytable th
{
    font-weight: bold;
    background-color: #fff9e5;   
}

#nytable td
{
    padding: 4px;
    text-align: left;
}

/* styles for DIY pages */

.invisible
{
    display:none;
}

#answers 
{
    float: right;
    background-color: #fff9e5;
    width: 50%;
    padding: 1em;
}

#answers img
{
    float: left;
    margin: 2px 3px 0 0;
}

#questions
{
    float: left;
    width: 45%;
    font-size: 80%;
}

#diypreview
{
    float: left;
    width: 45%;
}

#diypreview a:hover
{
    color:#46468c;
}

/*  Styles for forms */

.editor-label
{
    font-size: 105%;
    font-weight: bold;
}

.editor-field
{
    margin: 1em;
}

input[type="text"], input[type="password"]
{
    width: 15em;
}

input[type="search"]
{
	width: 30em;
}
.browse select
{
    width: 18em;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*  Styles for Content Views  */

.whatshere {
	font-size: x-small;
	padding: 6px 12px 6px 12px;
	border: dotted thin #ababff;
	margin-top: 6px;
	margin-bottom: 6px;
}

/*  Styles for validation helpers */

.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}