/*   
Theme Name: Sequim this week
Theme URI: www.sequimthisweek.com
Description: This is a theme exclusively for Sequim this week, a small feature magazine in Sequim Washington
Author: Christopher Waterman
Author URI: www.rustydogink.com
Version: 0.9
.
General comments/License Statement if any.
.
*/

body {
	background: #f5e292 url(images/footerColor.png) repeat-x 0 bottom;
	margin: 0;
	font-family: Verdana;
}

/* ID's */

#canvas {
	width: 100%;
	background: url(images/sequim-this-week.png) no-repeat -645px top;
}

#nav, #flag {
	margin: 0;
	height: 50px;
	width: 1250px;
}

#nav a {
	display: block;
	float: right;
	width: 314px;
	text-align: center;
	font-size: 21px;
	color: #764a22;
	border-right: solid 2px #764a22;
	padding-top: 10px;
}

#nav a.first {
	width: 200px;
}

#nav a.last {
	border-right: none;
}

#nav a:hover {
	color: black;
	padding-top: 5px;
	border-top: 5px double black;
}

#clicksLink img {
	position: absolute;
	border: none;
	padding: 0 0 0 80px;
	margin-top: -10px;
}


#flag {
	margin-left: 30px;
	height: 200px;
	background: url(images/sequim-this-week.png) no-repeat center 0;
}

#topStories, #pullStories, #ads, #events, #eventControls {
	display: table;
}

#topStories, #events {
	width: 621px;
	clear: left;
}

#topStories p {
	color: #8B5C29;
	font-size: 18px;
	font-weight: normal;
	margin: 10px 20px 10px 60px;
}

#topStories span {
	display: none;
}

#topStories img {
	float: right;
	margin: 0 40px 20px 20px;
}

#photoLableHolder p {
	color: #666;
	font-size: 10px;
	width: 245px;
	margin: 3px 0 0 15px;
	padding-right: 5px;
	padding-left: 30px;
}

#photoLableHolder #photoLable {
	float: right;
	margin-right: 40px;
}

#pullStories, #eventControls {
	width: 291px;
}

#pullStories p {
	margin: 5px 20px 0 10px;
	padding-bottom: 10px;
	color: #666;
	font-size: 12px;
}

#pullStories img {
	float: left;
	margin: 5px 10px 20px 0;
}

#pullStories {
	padding-top: 60px;
}

#aboveFold, #single {
	clear: both;
	display: table;
	width: 1250px;
	margin-left: 30px;
	border-color: #fc931f;
	border-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	background: #fef9e7 url(images/adSpage.png) repeat-y right;
}

#belowFold {
	clear: both;
	display: table;
	width: 100%;
	margin: 0;
	padding: 25px 0;
	background-color: #E3EEF1;
	border-top: 2px solid #8cafbe;
	color: #5C92A9;
}

#belowFoldContent {
	width: 1250px;
	display: table;
	margin-left: 30px;
}

#belowFoldContent div.column {
	width: 311px;
	min-height: 600px;
	border-left: 2px solid #8cafbe;
}

#belowFoldContent div.first {
	border: none;
}

#belowFoldContent p.heading {
	font-size: 20px;
	margin: 10px 0;
	padding: 8px 20px 8px 40px !important;
	background: url(images/heading.png) no-repeat center center;
}

#belowFoldContent p, #belowFoldContent p.title, #belowFoldContent ul.ec3_events {
	font-size: 15px;
	margin: 3px 10px;
	padding: 0 10px;
	font-style: normal;

}

#belowFoldContent p {
	font-size: 12px;
	padding-bottom: 10px;
/*	font-style: italic;*/
}

#belowFoldContent a {
	display: block;
	color: #5C92A9;
	padding-top: 5px;
}

#belowFoldContent a:hover {
	background-color: #D4E5E9;
}


/* Info Column - far right below the fold */

#infoColumn span {
	display: block;
	width: 142px;
	float: left;
	clear: left;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}

#infoColumn a, #infoColumn a > p, #infoColumn span.contact {
	margin: 0;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 10px;
	
}

#infoColumn a > p {
	padding-left: 147px;
}

#infoColumn p.name, #infoColumn span.name {
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 0;
}

#infoColumn a {
	padding-top: 3px;
	padding-bottom: 3px;
}

#infoColumn a:hover p.emailMe, #infoColumn a.rep {
	color: #666;
	font-style: normal;
	background-color: #D4E5E9;
}

#infoColumn a.rep {
	color: #5C92A9;
}

a#businessCard1 {
	padding-top: 10px;
	padding-bottom: 10px;	
}


#businessCard1 div {
	width: 275px;
	margin: auto auto;
	padding-top: 5px;
	background-color: #D4E5E9;
	border: 1px solid #8cafbe;
}

#businessCard1 img {
	float: left;
	height: 110px;
	width: 95px;
	margin: 5px 10px;
	border: 1px solid black;
	z-index: 900;
}

#businessCard1 p {
	font-size: .85em;
	margin: 5px 10px;
	padding: 0;
}

#card1 p.first, #card2 p.first {
	margin-top: 20px !important;
	border-top: 1px solid #5C92A9;
	padding-top: 10px;
}

#card1 p.last, #card2 p.last {
	border-bottom:1px solid #5C92A9;
	padding-bottom: 10px;
}

#card1 #email, #card2 #email { font-size: .8em;}

a#rateCard {
	margin-top: 10px;
	padding: 5px 0px
}

#aboutSTW p {
	font-weight: normal;
	font-style: normal;
}

#aboutSTW a {
	display: inline;
	text-decoration: underline;
}

#aboutSTW a:hover {
	background-color: transparent;
}

/* Todays Events  */

ul.ec3_events {
	color: #5C92A9;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 20px !important;
}

ul.ec3_events a, ul.ec3_events li {
	color: #5C92A9;
	font-style: italic;
	padding: 0;
	padding-bottom: 5px;
	list-style: none;
	}
	
ul.ec3_events span	{
	font-weight: bold;
}

/* Advertising Styles */



#ads {
	width: 330px;
	padding-bottom: 50px;
}

#bannerAd {
	position: relative;
	top: 12px;
	margin-right: 20px;
	border-width: 1px;
}

/* by line and date on single pages */

#byLine {
	float: left;
	width: 140px;
}

#byLine p {
	position: relative;
	color: #a3a3a3;
	font-size: 10px;
	text-align: right;
	margin: 0;
	margin-left: 10px;
	top: 27px;
}

#day, #month, #year, #author {
	color: #535353 !important;
}

#day, #month, #year {
	text-align: center !important;
	font-size: 15px !important;
	left: 40px;
}

#month {
	color: #5C92A9 !important;
	letter-spacing: .3em;
}

#year {
	letter-spacing: .1em;
}

#day {
	letter-spacing: .2em;
}

p#description {
	margin-top: 5px;
	text-align: left;
	border-right: 1px solid #a3a3a3;
	padding: 5px 5px 5px 0px;
}

#description a {
	color: #5C92A9;
}

/* event styles */

#events {
	padding-left: 20px;
	margin-bottom: 40px;
	background: url(images/eventsBG.png) repeat-y left;
}

.event a, .entry a {
	color: #5C92A9;
}

.event a:hover, .entry a:hover {
	text-decoration: underline;
}

.event p {
	margin: 5px 5px 10px 40px;
	color: #764a22;
	font-size: 14px;
}

.event p.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #463833;
	margin-bottom: 5px;
}

.event p.date {
	display: block;
	height: 17px;
	padding: 8px 0px 8px 20px;
	margin-left: 0px;
	margin-bottom: 5px;
	color: #6d7f3f;
	background: url(images/dayTag.png) no-repeat left;
}

.event .badDate {
	display: none;
}

.dayDivider, .textwidget p {
	padding: 10px 0px;
	font-size: 12px;
	color: gray;
}

.dayDivider div {
	height: 2px;
	border-bottom: 1px solid gray;
	margin-right: 20px;
}



#flag #stwleaderadvertising img {
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}

#ads #stwmedrectadvertising img {
	margin-left: 10px;
	margin-bottom: 30px;	
}



#spacer {
	height: 200px
}

#eventHeaderWrapper {
	position: absolute;
	left: 30px;
}

#eventHeader {
	width: 600px;
	height: 185px;
	position: absolute;
	margin-left: 20px;
	background: url(images/eventsHeader.png) no-repeat center center;

}

#eventHeader.fixed {
	position: fixed;
	top: 0;
}

#eventNav {
	height: 47px;
	margin-top: 116px;
	padding:0 22px 0 23px;
}

#eventNav a {
	width: 77px;
	height: 43px;
	display: block;
	padding: 5px 0 0;
	margin: 0;
	color: #80944c;
	text-align: center;
	float: left;
	border-right: 1px solid #80944c;
	border-left: 1px solid #80944c;
}

#eventNav a:hover {
	background-color: #9bad72;
	color: #798c47;
}


#eventNav a span {
	font-size: .75em;
}

#eventNav a span.weekDay {
	display: block;
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	line-height: .75em;
	color: #6d7f3f;
}

#eventSpacer {
	height: 48px;
	float: right;
	margin: 0;
	border-right: 1px solid #80944c;
	border-left: 1px solid #80944c;
	background: #9bad72 url(images/missingDays.png) repeat-x center center;
}

#eventControls {
	width: 280px;
	padding-left: 20px;
}

#eventControls div {
	width: 250px;
	margin: 0;
}

#eventControls li, .widgettitle {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}

#eventControls input, #eventControls textarea {
	width: 250px;
}

.textwidget p {
	padding: 2px 0;
}

h2.widgettitle, #rules h2 {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

#rules p {
	font-size: .75em;
	color: gray;
}

/*Form submission styles*/

div.wpcf7-response-output {
	width: 230px !important; 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom:20px !important;
	font-size: .75em;
	border-top-style: none;
	border-top-width: 2px;
}

div.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
	color: #6d7f3f;
	border-top-style: solid;
	border-top-color: #6d7f3f;
	background-color: #9bad72;
}

div.wpcf7-validation-errors.wpcf7-mail-sent-ng {
	color: darkred;
	border-top-style: solid;
	border-top-color: darkred;
	background-color: lightsalmon;
}

span.wpcf7-not-valid-tip {
	color: darkred;
}

form p { margin:1px 0; !important }

input, textarea { border-width:1px; }

.eventButton {
	background-color: lightgrey;
	border: 1px solid gray ;
	font-size: 12px;
	color: gray;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	
}

.eventButton:hover {
	background-color: gray;
	color: lightgrey;
}

.eventButton:active {
	background-color: #5b5b5b;
}
/*tags*/


h2, h3 {
	clear: both;
	margin: 20px 40px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	font-weight: normal;
	color: #463833;
}


h4, h5, h6 {
	
	color: #463832;
	font-size: 18px;
	font-weight: normal;
	margin: 0 20px 0 0;
}

ul {
	margin: 0;
	padding: 0;
}

img {
	border: 1px solid #463833;
}

a {
	text-decoration: none;	
}


/* Classes */

.hide {
	display: none;
}

.hr {
	clear: both;
	height: 2px;
	background-color: #D7C5A2;
	margin: 0px 20px 10px 0;
}

.hrHide {
	clear: both;
	height: 2px;
	background-color: #fef9e7;
	margin: 0px 20px 10px 0;
	}

#topStories .hr {
	clear: left;
	width: 243px;
	margin-left: 40px;
}

.ads {
	float: right;
	margin: 0;
	border-color: white;
	border-width: 10px;
	border-right-width: 10px;	
}

.column {
	float: left;
}

.headline:hover h2, .headline:hover h3, .pullStoriesAnchor:hover { 
	color: #000000; 
	background-color: #FEF2DB;
}

.pullStoriesAnchor {
	display: block;
}

.pullStoriesAnchor:hover p{
	color: black !important;
}

/* Text Style Classes */

.byLine {
	color: #666 !important;
	font-size: 11px !important;
	margin-left: 40px !important;
}

.bold {
	font-weight: bold !important;
}

.twoX {
	font-size: 2em;
	line-height: 2px;
	white-space: pre;
	vertical-align: sub;
}


#todaysEvents .twoX {
	font-size: 1.5em;
	font-weight: normal;
	line-height: 2px;
	white-space: pre;
	vertical-align: sub;
}

.noWrap {
	white-space: nowrap;
}

.blue {
	color: #5C92A9 !important;
}

.italic {
	font-style: italic;
}

.red {
	color: #8B5C29;
}

.required {
	font-size: .8em;
	color: #a6000b;
}

.highlightGrey {
	color: white !important;
	background-color: #666 !important;
}

.highlightGrey p {
	border-color: white !important;
}

/* single post styles */

div.post {
	background: no-repeat left bottom url();
}

.post {
	width: 910px;
	margin: 0 !important;
	clear: none;
}

.post .wp-caption  {
	margin-left: 20px;
	margin-right: 125px;
	padding: 10px;
	color: #666;
	text-align: left;
	font-size: 12px;
	float: right;
}

p.wp-caption-text, .pull, #photoLable, blockquote {
	margin: 0;
	display: block;
	background-color: white !important;
	border: 1px solid #d7c5a2;
	border-right: none;
	border-left: none;
}

#photoLable, p.wp-caption-text {
	background: url(images/cam.gif) no-repeat 10px 10px;
	padding: 10px 10px 10px 30px;
}

.pull, blockquote {
	padding: 10px 30px;
}

.post img {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	display: block;
}

.entry > p, .entry > ul, .entry blockquote {
	color: #764a22;
	font-size: 14px;
	margin: 10px 125px 10px 150px;
}

.entry li {
	margin-left: 20px;
	list-style-type: disc;
}

div.entry {
	margin-bottom: 100px;
}


.entry .hr {
	width: 600px;
	margin-left: 160px;
}

/*Browser fixes*/

.gecko #aboveFold, .gecko #single { width: 1246px !important; }

.gecko #events { width: 600px;}

.gecko #eventControls, .ie7 #eventControls { width: 265px; }

.ie #aboveFold, #single { width: 1246px; }
										
.ie #photoLable { font-size: 11px; }
										
.ie #businessCard1 img { 
	margin: 5px;
}

.ie7 #businessCard1 p {border: none;}

.ie #todaysEvents .twoX, .twoX {
	font-size: 1.3em;
	line-height: 1px;
	white-space: nowrap;
	vertical-align: baseline;
}

.ie #belowFoldContent div.column { width: 310px; }

.ie .dayDivider div {
	height: 2px;
	border-bottom: 1px solid gray;
	margin-right: 20px;
}

.ie .dayControls a{
	color: #80944c;
	padding-right: 20px;
}

.ie .dayControls a:hover {
	color: #535353;
	text-decoration: overline;
}

.ie .dayControls {
	display: block;
	float: right;
	position: relative;
	bottom: 15px;
}

.ie #clicksLink img {
	position: absolute;
	border: none;
	padding-left: 30px;
	margin-top: -10px;
}

.ie7 #photoLable, ie6 #photoLable { width: 237px; }

.ie7 #photoLableHolder {
	width: 350px;
	clear: right;
	float: right;
}

.ie #eventControls { padding-left: 0; }

.ie8 #eventControls { width: 270px; }

.ie7 .widgettitle{ list-style-position:outside; }

.ie7 #rules p { padding:10px 0; }

.ie8 #topStories .hr { clear: none; }

.ie8 #ads {
	display: block;
	float: right;
}

.ie8 #belowFoldContent a:hover { color: #54879c; }

.ie8 .pullStoriesAnchor:hover { color: #000; }