/* these styles define what is customizable for a standard implementation */

/* page layout */

body {
	font-family: verdana, Arial, Helvetica, sans-serif;
	}
	
#page-body {
	background-color:#e6e6e6;
	}
	
#navigation-layer {
	background-color:#231f20;
	}
	
#branding-layer {
	background-color:#fff;
	}
	
/* general styles */

a {
	color: #E91D26;
	}

a:hover {
	color: #E91D26;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#a39382;
	}
	
.module h2 {
	color:#fff;
	background-color:#706f6f;
        font-size: 14px;
        text-transform:uppercase;
        font-family: Trebuchet MS;
        line-height: 10px;
		border-bottom:solid 1px #000;
	}
	
.monthly-view .content h3 {
	color:#fff;
}


/* BEGIN MODULE OVERIDE */

.module {
background:#fff;
margin-bottom:5px;
border-bottom: solid 0px #aaa;
}
.module .content{
padding:5px;
}

/* END MODULE OVERRIDE */
	
/* navigation */

table.nav {
	background-color:#231f20;
	border-left:solid 1px #fff;
        font-family: verdana;
	}
	
table.nav td a {
	background-color:#231f20;
	color:#fff;
	font-size:14px;
	border-right:solid 1px #000;
	}

table.nav td a:hover, table.nav td a.hover {
	background-color:#5d5d5d;
	color:#fff;
        background-image: URL(http://tulsapeople.godengo.net/images/tulsa_mainnav_gradient.png);
	}
	
table.nav td a.on {
	color:#fff;
	background-color:#5d5d5d;
	}
	
/* Flyout menu colors should match the hover states indicated above */

table.nav td div.flyout a {
	color:#fff;
	background-color:#333;
	}
	
table.nav td div.flyout a:hover {
	background-color:#555;
	}
	
/* IE6 hack to keep color in hover state consistent */	
	
* html table.nav td div.flyout a:hover {
	color:#fff;
	}

	
/* special article styles */

#article-body h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000;
	}
	
#article-body {
	line-height: 1.5;
	font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
	}
	
h3.article-subtitle {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color:#333;
font-style: italic;
font-size: 10pt;
	}

.sidebar-right {
	float:right;
	margin:0 0 5px 15px;
	padding:15px 0 15px 15px;
	width:225px;
	color:#404040;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:16px;
	border-top:solid 1px #404040;
	border-left:solid 1px #404040;
	background-color:#fff;
	}
	
.sidebar-left {
	float:left;
	margin:0 15px 5px 0;
	padding:15px 15px 15px 0;
	width:225px;
	color:#404040;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:16px;
	border-top:solid 1px #404040;
	border-right:solid 1px #404040;
	background-color:#fff;
	}
	
.pullquote {
	border-bottom:solid 1px #a39382;
	border-top:solid 1px #a39382;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16pt;
	color:#a39382;
}

.dropcap {
	float:left;
	font-size:350%;
	line-height:90%;
	padding-top:2px;
	font-weight:normal;
	margin-right:.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#632f23;
}


/* modules - derived from colors and styles indicated above */

table.articles th {
	border-bottom:solid 1px #a39382;
	}

.on-newsstands-now .price, .on-newsstands-now .duration {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#a39382;
	}
	
.photoFaderMenu div a {
	color:#666;
	}
	
.photoFaderMenu div a:hover {
	color:#666;
	border:solid 1px #666;
	}
	
.photoFaderMenu div.unselected:hover {
	background-color:#666;
}

.photoFaderMenu div.selected, .photoFaderMenu div.selected:hover {
	background-color:#843224;
}

.photoFaderMenu div.selected a, .photoFaderMenu div.selected a:hover{
	border:solid 1px #843224;
	color:#843224;
	}	
	
.photoFaderMenu li a:active, .photoFaderMenu li a:focus, .photoFaderMenu li a.selected, .photoFaderMenu li a.selected:hover {
	color:#fff !important;
	background-color:#843224 !important;
	}
	
.photoFaderMenu li a:hover {
	color:#000 !important;
	background-color:#eee !important;
	}

.mini-fader .photoFaderMenu li a {
	color:#000 !important;
	background-color:#fff !important;
	}
	
.mini-fader .photoFaderMenu li a.selected, .mini-fader .photoFaderMenu li a.selected:hover {
	background-color:#843224 !important;
	color:#fff !important;
	}
	
.mini-fader .photoFaderMenu li a:hover {
	background-color:#eee !important;
	color:#000 !important;
	}
	
td.currentday {
	background-color:#891a1c !important;
	color:#fff !important;
	}
	
table.monthday td a{
	border:solid 1px #bbb !important;
	}
	
table.monthday td a.currentday,  table.monthday td.currentday a{
	border:solid 1px #333 !important;
	}
	
td.eventday a:hover {
	background-color:#eee !important;
	}
	
.splash .sg-splash-right-menu .galleryMenu,  .splash .sg-splash .galleryMenu{
    margin-top: 0;
	margin-right:0;
} 


#branding-layer #branding #logo{position:absolute;top:10px}


#branding-layer {
	height:110px;
	padding-top:0;
}

#leaderboard {
	position:absolute;
	right:10px;
	top:50px;
	text-align: right;
}	

.searchformfield {
	width: 275px;
}

#page-body {
	background-color: #C9C9C9;
}

#navigation-layer {
	background-color: #231f20;
}

table.nav td a {
	border-right:solid 1px #fff;
}

.inner-eyebrow {
	position:relative;
	width:980px;
	margin:auto;
	height:30px;
}

.eyebrow {
	height:30px;
}

div.inner-eyebrow .search-form {
	position:absolute;
	top:3px;
	left:0;
}

.top-links {
	margin-right:0;
	position:absolute;
	right:0;
	top:0;
	line-height:30px;
	height:30px;
}

.top-banner {
	position:absolute;
	right:0;
	top:25px;
}

.monthly-view .calendar-controls{
		white-space:nowrap;
		font-size:11px;
}

.monthly-view .content h3 {
	top:2px;
font-family: Trebuchet MS;
}


.in-the-magazine h2 {
	padding:0;
	margin:0;
	background-color:#fff;
	border-bottom:none;
	text-align:center;
	margin-bottom:2px;
	background:url(/images/blogroll-heading-bg.gif);
	background-repeat:repeat-x;
	background-position:center;
	font-size:22px;
	text-align:center;
	}


table.articles h4 {font-size:14px;font-weight:bold}

.vows h2 {
	padding:0;
	margin:0;
	background-color:#fff;
	border-bottom:none;
	text-align:center;
	margin-bottom:2px;
	background:url(/images/blogroll-heading-bg.gif);
	background-repeat:repeat-x;
	background-position:center;
	font-size:22px;
	text-align:center;
	}

.sponsored{ 
	margin-bottom: 0px; 
	}

/* customizations for new header */
#page-body { background-image:none; }
#branding-layer { width:980px; background-color:#fff; margin:auto; height:140px; }
#branding-layer #branding { padding-left:10px; }
#branding-layer .search-form { float:right; margin-top:50px; margin-right:20px; }
#branding-layer .eyebrow .top-links { float:right; position:relative; right:10px; }
#branding-layer .eyebrow .top-links a { color:#706F6F; text-transform:uppercase; }
#header { position:relative; width:980px; margin:auto auto 5px; background-color:#fff; height:110px; }
#header #weather a { color:#706F6F; }
#weather-date { position:relative; left:10px; top:10px; width:222px; }
#weather-date #weather { height:38px; padding-top:7px; padding-left:30px; text-align:left; vertical-align:middle; }
#weather-date #date { border-top:1px solid #EBEBEB; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; height:30px; padding-top:14px; padding-left:30px; text-align:left; text-transform:uppercase; vertical-align:middle; }
#weather-date #weather img { height:20px; position:relative; top:5px; width:20px; }
#weather-date #weather img { left:auto; top:auto; position:static; vertical-align:middle; }
#header #leaderboard { position: absolute; right:10px; top:10px; }
#navigation-layer { background-color:#C9C9C9; }
#navigation-layer .nav-container { width:1020px; }
#navigation-layer table.nav { background: none repeat scroll 0 0 transparent; border:none; height:35px; }
#navigation-layer table.nav tr td:first-child a { border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; }
#navigation-layer table.nav tr td:last-child a { border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; }
body { background-color:#C9C9C9; }