/* 
Theme Name: The Tulsa Project
Theme URL: http://tulsaproject.com/
Description: The Tulsa Project Wordpress implimentation v1.0.
Author: Michael J. Champlin
Author URI: http://mjchamplin.com
Version: 1.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

/* html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
*/

/* Universal Declarations */
body { background: /*url('/flakes.gif') no-repeat top left*/ #1a1a1a; padding: 0; margin: 0; font-size: 100%; line-height:1.3125em; font-family: Arial, Helvetica, sans-serif; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 2.5em; font-weight: bold; text-decoration: none; }
h1 a, h1 a:visited { text-decoration: none; color: #fff; }
h2 { font-family: Arial, Helvetica, Sans-serif; font-size: 1.8em; font-weight: bold; }
h2 a, h2 a:visited { color: #111; text-decoration: none; }
h3 a, h3 a:visited { color: #3399ff; }
img { border: none; }
img a { border: none; }
a, a:active, a:visited { color: #336699; text-decoration: none; border: none; }
a:hover { color: #666; }
sup { font-size: 0.6875em; line-height: .5em; }
blockquote { border-left: 5px solid #c07d3b; background-color: #eee; padding: 1px 10px; }
.right { float: right; }
/*Structural Elements*/
#container { padding: 15px; width: 900px; margin: 2em auto 0 auto; background-color: #fff; }

/*Top Styles*/
#title_bar { width: 900px; margin: 2em auto 0 auto; padding: 15px; background-color: #fff; /*-moz-border-radius: 8px; */}
#title_bar img { float: left; clear: both; }
#title_bar_description { float: left; clear: both; }
#title_bar h4 { font-family:"Lucida Grande", Geneva, Helvetica, sans-serif; font-size: 0.75em; font-weight: normal; /*text-transform: uppercase;*/font-style: italic; color:#666; letter-spacing: .1em; margin: 1em 0 0 0; padding: 0; line-height: .75em; }
 .logo { width: 500px; margin:0;padding:0; float: left;} 

#special_wrap { width: 880px; background-color: #111; padding: 10px; margin: 0; margin-bottom: 1em; position: relative; }
#special { width: 880px; background-color: #fff; margin: 0 auto; }
h2#special_title { color: #dedede; text-transform: uppercase; padding: 0 0 0.3125em 0; margin: 0; font-size: 1em; }
#special_blurb { width: 130px; padding: 10px; color: #e5e5e5; position: absolute; right: 62px; top: 75px;} 
#special_blurb p { font: .75em Georgia, "Times New Roman", serif; padding-top: 0;  }
#special_blurb h2 { font-size: 1.5em; }


 #blurb { float: left; width: 340px; margin-top: 2em; background-image: url(/images/bg/bg.png); background-repeat:repeat; padding: 10px; color: #e5e5e5; } 
 #blurb h2 { padding: 0; margin: 0; line-height: 1.25em; color: #fff; }
 #blurb h2 a { color: #3399ff; }
 #blurb h2 a:hover { color: #999; }
 #blurb p { font: .75em Georgia, "Times New Roman", serif; padding-top: 0;  }
 #blurb ul { list-style: square; padding: 0 0 0 2em; margin: 0; font: .75em Georgia, "Times New Roman", serif; line-height: 150%; }


/* Here is a list of all the <DIV>s in Whiteboard. */

/* Post Styles */
#issue_wrap { width: 880px; background-color: #111; padding: 10px; margin: 0; margin-bottom: 1em; }
h2#current_issue { color: #dedede; text-transform: uppercase; padding: 0 0 0.3125em 0; margin: 0; font-size: 1em; }
#issue { width: 880px; background-color: #fff; margin: 0 auto; }

.post{ font-family: Georgia, "Times New Roman", serif; width: 560px; margin-left: 0; float: left; padding-right: 20px;}
.post h2 { font-family:Skolar, Georgia, "Times New Roman", Times, serif; font-size: 1.6em; margin: 5px 0 0 0; font-weight: bold; }
.post img { margin-top: 15px; margin-bottom: 15px;}
.post img a { border: none; }

.post .wp-caption { margin-bottom: 15px; }
.post .wp-caption img { margin-bottom: 5px; }
.post .wp-caption p { font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin:0; line-height: 15px; }

h2.snippet { font-family:Skolar, Georgia, "Times New Roman", Times, serif; font-size: 1.5em; margin: 1em 0 0 0; font-weight: normal; }
.body_copy { font-size: 0.8125em; color: #1d1d1d; }
.body_copy a { color: #000; text-decoration: underline; }
.body_copy a:hover { color: #006699; }
.body_copy img a, .body_copy img a:link, .body_copy img a:visited, .body_copy img a:active, .body_copy img a:hover { border-bottom: none; }
p.posttags { font-family: Arial, Helvetica, Sans-serif; font-size: 0.75em; text-transform: uppercase; padding: 0; margin: 0; }
p.postcategory { font: bold 1em Arial, Helvetica, Sans-serif; color: #060; text-transform: uppercase; padding: 0; margin: 0 0 .5em 0; }
p.postcategory a { color: #060; }
p.posted { font-family:"Lucida Grande", Geneva, Helvetica, sans-serif; font-size: 0.625em; text-transform:uppercase; color:#666; letter-spacing:0.3em; margin:0; padding:0 0 1em 0; border-bottom: 1px dotted #ccc; }
.postmeta{ font-family:"Lucida Grande", Geneva, Helvetica, sans-serif; font-size: 0.75em; color:#666; letter-spacing: .1em; margin-bottom:20px; padding:0; }

/*Feature Article*/
.post-feature { font-family: Georgia, "Times New Roman", serif; width: 560px;margin-left: 0; float: left; padding-right: 20px;}
.post-feature h2 { font-family:Skolar, Georgia, "Times New Roman", Times, serif; font-size: 2.1em; margin: 5px 0 0 0; font-weight: bold; }
.post-feature img { }
.post-feature img a { border: none; }
#author-bio { border: 1px solid #999; border-left: none; border-right: 8px solid #c07d3b; padding-right: 15px; background: #ebebeb; margin-left: -15px; padding-left: 15px; font-size: 0.8125em; color: #1d1d1d;}

/*Photo Feature Article */
div.post-photo-feature { width: 900px; }
.post-photo-feature img { padding: 10px; background-color: #000; margin-bottom: 45px; }
.post-photo-feature h2 { font-family:Skolar, Georgia, "Times New Roman", Times, serif; font-size: 2.1em; margin: 5px 0 0 0; font-weight: bold; }
.post-photo-feature p { font-family: Georgia, "Times New Roman", serif; }

p.caption { font-family:"Lucida Grande", Geneva, Helvetica, sans-serif; font-size: 11px; line-height:13px; text-align: right; margin-top: 3px; }

.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }

.postnavigation{}
#searchform{}

/* Sidebar */
#sidebar{ width: 280px; float: left; border: 1px solid #cecece; margin: 0; padding: 19px 19px 0 19px; background: #eee; }
#sidebar ul{ list-style: none; margin: 0; padding: 0; font-size: 14px; }
.widget { padding: 0; margin: 0 0 15px 0;}
.widget li { padding: 0; margin: 0; line-height: 18px; }
h2.widgettitle { font-size: 20px; color: #111; font-weight: bold; margin: 0;}
#sidebar a { text-decoration: none; padding: 2px 0; }
#sidebar a:hover { background-color: #3399ff; color: #fff; }

/*Archives*/
#archive_title { width: 530px; }

/*Footer*/
#footer {clear:both; text-align: center; font-size: 0.75em; border-top: 1px solid #666; }

/*Advertising*/
/*.ad_side { width: 300px; height: 250px; padding: 0; margin: 1em 0 0 0; background-color: #333; }*/
#ad_leader { width: 728px; height: 90px; margin: 0 auto; background-color: #333; }
#adrotate-3 { margin: 0; margin-left: -10px; }

/*Comments*/
#comment{  width: 500px; }
#comments{}
.comments_navigation{}
.comments_navigation{}
.comments_reply{ background-color: #98b3ce; padding: 1px 10px; margin-bottom: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.comments_reply h3 { color: #fff; font-size: 1.5em; }
.comments_reply p { font-size: 12px; line-height: 16px; color:#fff;}
.comments_text{}

.comments_meta{}
.comments_meta p{ margin:0; }
h3.comments_author { font-size: 1.5em; font-weight: bold; margin:0; }
#comments_list li { border-left: 3px #ccc solid; padding-left: 25px; margin-bottom: 20px; font-size: 0.8125em;}

/*Image Galleries*/
.gallery-caption { color: #333; text-align: left; padding-left: 15px; font-size: 11px; line-height: 14px; }


/* Overlay Styles */
#gaga {

		/* overlay is hidden before loading */
		display:none;

		/* standard decorations */
		width:500px;
		border:10px solid #666;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);

		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}

	#gaga div#inner {
		padding:10px;
		border:1px solid #111;
		background-color:#fff;
		font-size: 13px;
		line-height: 19px;
	}

	#gaga h2 {
		margin:-11px;
		margin-bottom:0px;
		color:#fff;
		background-color:#222222;
		padding:5px 10px;
		border:1px solid #111;
		font-size:20px;
	}
  #gaga p { font-size: 14px; line-height: 20px;  }
  #gaga p.bigger { font-size: 18px; }
  #gaga a { text-decoration: underline; }
  #gaga img.close { position: absolute; top: 0; right: 0; margin-top: -3px; cursor:pointer; }

   /*Newsletter Signup*/
    #mc_embed_signup { padding: 10px; background-color: #e1edf2; border: solid 1px #c2dde9; }
    #mc_embed_signup input {	padding: 5px;	width: 350px;	font-family: Helvetica, sans-serif;	font-size: 1.4em;	margin: 0px 10px 0px 0px;	border: 2px solid #ccc; float: left; color: #666; }
    #mc_embed_signup input:focus {	border: 2px solid #006699; }
    #contact-area input.submit-button {	width: 100px;	float: right; }
    #mc_embed_signup label {	width: 100%; font-size: 1.4em; display: block; margin-bottom: 10px; }
    
    input#mc-embedded-subscribe { width: 80px; margin: 0; background-color: #fff; border: 2px solid #ccc; color: #666; height: 36px; font-weight: bold; cursor:pointer; }
    input#mc-embedded-subscribe:hover { border: solid 2px #336699; }
    #mc_embed_signup .response, #mce-error-response, #mce-success-response { clear: both; display: block; width: 100%; color: #333; }