/* Screen stylesheet for Cy4or website, Flame Digital all rights reserved 2009 */



body {

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: Helvetica, Arial, serif;

	color: #1e2435;

	padding: 0;

	margin: 0;

	border-top: 6px solid #111;

    background-color: #fff;

    line-height: 16px;

}



#wrapper {

	width: 900px;

	margin: 0 auto;

}



#headContent {

	width: 900px;

	height: 105px;

	border-bottom: 1px dotted #d1d1d1;

	margin-bottom: 20px;

}



h1#branding, h2#branding {

	margin: 25px 0 0;

	width: 189px;

	height: 61px;

	background: url(_images/branding.jpg) no-repeat;

	float: left;

}

h1#branding a, h2#branding a {

	display: block;

	height: 61px;

}

h1#branding span, h2#branding span { display: none; }







/* Content styles */



.content { width: 900px; clear: both; overflow: hidden; }

.content.borderTop { 

	border-top: 1px dotted #d1d1d1; 

	margin-top: 25px;

	padding-top: 25px;

}



.mainContent {

	width: 590px;

	float: right;

font-size:1.2em;

line-height:1.6em;

}



.mainContent img {

	border: 5px solid #eeeae0;

	display: inline;

}



.mainContent img[align=left] { margin: 5px 6px 5px 0; }

.mainContent img[align=right] { margin: 5px 0 5px 6px; }



.wp-caption { 

    padding: 5px;

    background-color: #fafafa;

}

.wp-caption p { margin: 5px 2px; }

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

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





.subContent {

	width: 280px;

	margin-right: 30px;

}





/*** Top main navigation ***/



ul#mainNav {

	height: 30px;

	margin: 40px 0;

	overflow: hidden;

	padding: 0;

	float: right;

}

ul#mainNav li {

	float: left;

	padding: 0 0 0 8px;

	height: 30px;

	line-height: 30px !important;

	font-size: 1.2em;

}

ul#mainNav a { text-decoration: none; padding: 5px 8px; cursor: pointer; }

ul#mainNav a:hover, ul#mainNav a.active { color: #e52526; }

ul#mainNav li:hover a, ul#mainNav li.active a { background-color: #f4f1e9; }

ul#mainNav li:hover ul { display: block; }

ul#mainNav li:hover ul a { background-color: none; }

ul#mainNav ul { 

	display: none;

	list-style-type:none;

	padding: 4px 8px 10px;

	position:absolute;

	margin-top: -3px;

	background-color: #f4f1e9;

	opacity:0.8;

}

ul#mainNav ul li {

	font-size: 0.9em;

	height: 23px;

	padding: 0;

	line-height: 23px;

	text-transform: none;

	float: none;

}





/*** General Content styles ***/



.mainContent .content {

	font-size: 1.2em;

	line-height: 1.6em;

	width: 100% !important;

}



ul.triangles {

	padding: 0;

	font-size: 1.1em;

	list-style-image: none !important;

}

ul.triangles li {

	background: url(_images/blackBullet.gif) no-repeat center left;

	padding: 1px 0 1px 10px;

	font-size: 1.1em;

}





/* Block List */



ul.blockList {

	width: 100%;

	padding: 0;

	margin: 0 0 15px;

	border-top: 1px dotted #d1d1d1;

	font-size: 1.1em;

	list-style-image: none !important;

}

ul.blockList li {

	padding: 11px 13px 10px;

	border-bottom: 1px dotted #d1d1d1;

}

ul.blockList li:hover { background-color: #f4f1e9; }

ul.blockList li:hover h3 a { color: #0482c0; }

ul.blockList h3 { margin-bottom: 5px; }

ul.blockList p { margin: 0; color: #555; }

ul.blockList a:hover { color: #1e2435; }



.subContent ul li, .subContent ul li a {

	font: normal bold 1.1em Helvetica;

	color: #1e2435;

}

.subContent ul li:hover, .subContent ul li a:hover { color: #0482c0; }



h2 a.rsswidget { text-decoration: none; color: #E52526; text-indent: -15px !important; }

li.widget_rss { list-style: none !important; margin: 30px 0; }

span.rss-date {

     display: block;

     color: #888;

     font: italic normal 1em "Trebuchet MS";

}



/*** Footer styles ***/



#footer {

	height: 80px;

	width: 870px;

	clear: both;

	margin-top: 25px;

	padding: 30px 15px 0;

	background: url(_images/footerBg.jpg) no-repeat;

	border-bottom: 1px solid #ddd;

}

ul.footerNav {

	height: 25px;

	margin: 0 0 5px;

	overflow: hidden;

	padding: 0;

}

ul.footerNav li {

	float: left;

	padding: 0 22px 0 0;

	height: 25px;

	line-height: 25px !important;

	font-size: 1.2em;

}

ul.footerNav a { text-decoration: none; }

ul.footerNav a:hover {

	color: #e52526;

	background-color: #f4f1e9;

}

ul.footerSubNav { clear: left; padding: 0; height: 15px; margin: 5px 0; }

ul.footerSubNav li {

	color: #808080;

	float: left;

	font: normal normal 1.1em "Trebuchet MS";

	padding-left: 24px;

	background: url(_images/footerSubDivider.gif) no-repeat 10px 3px;

}

ul.footerSubNav li:first-child { background: none; padding-left: 0; }

ul.footerSubNav li a { color: #808080; }

ul.footerSubNav li a:hover { color: #e52526; }





/** Contact page styles **/



form#contactForm {

	background-color: #f9f8f0;

	padding: 30px 40px;

	margin: 10px 0;

}

.contactFormBlock {

	width: 255px;

	float: left;

}

.contactFormBlock input { width: 225px !important; }

form#contactForm p { padding: 7px 0; }

#contactForm label {

	display: block;

	font: normal bold 1.2em Helvetica;

	color: #333;

	padding-bottom: 3px;

}

#contactForm input[type=text], #contactForm textarea {

	background-color: #fff;

	border: 1px solid #a8a49b;

	border-bottom-color: #ddd;

	border-right-color: #ddd;

	padding: 5px;

	width: 300px;

	font: normal normal 1.2em Helvetica;

}

#contactForm input[type=checkbox] {

	float: left;

	margin: -2px 5px 0 0;

}





/*** Global styles ***/



ul { list-style-type: none; }

ul a { text-decoration: none; }

.content ul { list-style-image: url(_images/redBullet.gif); }



a { color: #1e2435; }

.mainContent p a { border-bottom: 1px dotted; }

a img { border: none; }

a:hover { color: #e52526; }



blockquote {

	font: italic normal 1.3em Georgia;

	line-height: 18px;

	color: #8c7f5d;

	margin: 15px;

	padding: 15px;

	float: right;

	background-color: #f4f1e9;

}

cite {

	font: normal bold 1.1em Helvetica;

	float: right;

}



h1, h2, h3, h4, h5, h6 {

  margin: 0;

  padding: 0;

}

h2, h1 {

	font: normal bold 2.1em "Bookman Old Style", "Courier New", Courier, Georgia, serif;

	color: #e52526;

	letter-spacing: -0.01em;

	margin-bottom: 10px;

}

h3 {

	font: normal bold 1.5em Helvetica;

	margin-bottom: 10px;	

}

.mainContent h2 {

	padding-bottom: 12px;

	border-bottom: 1px dotted #d1d1d1; 

}

h4 { font-size: 1.4em; }

h5 { font-size: 1.2em; }



hr {

	height: 1px;

	margin: 10px 0;

	border: none;

	border-top: 1px dotted #d1d1d1;

}



span.blue { color: #0482c0; font-size: 1.2em; }

span.grey { color: #555; font-size: 1.2em; }

span.red { color: #e52526; }



.alignLeft { float: left; }

.alignRight { float: right; }

.alignLeftMargin { float: left; margin: 10px; }

.alignRightMargin { float: right; margin: 10px; }



input.smallTextbox {

	border: 1px solid #d7dcd8;

	height: 15px;

	width: 122px;

	padding: 3px;

	vertical-align: top;

	color: #777;	

}

input.mediumTextbox {

	border: 1px solid #d7dcd8;

	height: 15px;

	width: 165px;

	padding: 3px;

	vertical-align: top;

	color: #777;	

}



.greyBlock {

	width: auto;

	border: 1px solid #d1d1d1;

	padding: 18px 14px;

	background: url(_images/greyBlockBg.jpg) repeat-x top;

	margin: 20px 0;

	overflow: hidden;

}

.greyBlockSection {

	width: 200px;

	float: left;

}

.greyBlockSection.blockLeft { margin-right: 20px; }

.beigeBlock {

	width: auto;

	padding: 15px 15px 35px;

	background: #e8e2d5 url(_images/beigeBlockBg.gif) no-repeat bottom right;

	color: #4d4b45;

}

.beigeBlock p { font-size: 1.2em; }



.homeBanner { margin-bottom: 20px; }





/* UNIQUE BLOG STYLES */







.post {

	margin-bottom: 20px;

	padding-bottom: 30px;

	border-bottom: 1px dotted #d1d1d1;

}



.post h2, .post h1 {

	padding-bottom: 4px;

	border-bottom: none;

}

.post h2 a, .post h1 a {

	color: #E52526;

	text-decoration: none;

}

.post h2 a:hover, .post h1 a:hover { text-decoration: underline; }



.postcontent { margin-top: 20px; }

/** social networking link changes October 2010 by Matt Keeble **/

.postlinks {
	width: 100%;
}
.postlinks div {	
	line-height: 19px !important;
	padding: 0;
	display: inline;
}

.postlinkReadMore {
	width: 25%;
}
.socialLinks {
	float: right;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	
	color: #686868;
	
}
.socialLinks a {
	position: relative;
	top: -6px;
	margin: 0 !important;
	padding: 0 !important;
}
.socialLinks a img {
	vertical-align: middle;
	border: none;
}


/** end social networking link changes **/


ul.post-meta {

	list-style: none;

}



ul.post-meta span.post-meta-key {

	font-weight: bold;

}



.credit {

	background: #90a090;

	border-top: 3px double #aba;

	color: #fff;

	font-size: 11px;

	margin: 10px 0 0 0;

	padding: 3px;

	text-align: center;

}



.credit a:link, .credit a:hover {

	color: #fff;

}



.feedback {

	color: #ccc;

	text-align: right;

	clear: both;

}



.meta {

	padding: 5px 6px;

	background-color: #f4f1e9;

}



.meta li, ul.post-meta li {

	display: inline;

}



.meta ul {

	display: inline;

	list-style: none;

	margin: 0;

	padding: 0;

}



.meta, .meta a {

	color: #555;

	font-weight: normal;

	letter-spacing: 0;

}



.storytitle {

	margin: 0;

}



.storytitle a {

	text-decoration: none;

}



form#commentform {

	background-color: #f9f8f0;

	padding: 30px 40px;

	margin: 10px 0;

}



#commentform #author, #commentform #email, #commentform #url, #commentform textarea {

	background-color: #fff;

	border: 1px solid #a8a49b;

	border-bottom-color: #ddd;

	border-right-color: #ddd;

	padding: 5px;

	width: 300px;

	font: normal normal 1.2em Helvetica;

}



#commentform textarea {

	width: 80%;

}



#commentlist li {

     padding: 15px 0;

     border-bottom: 1px dotted #d1d1d1;

}

#commentlist cite { float: left; width: 100%; height: 30px; }



#commentlist li ul {

	border-left: 1px solid #dcdcdc;

	font-size: 110%;

	list-style-type: none;

}



#commentlist li .avatar {

	float: right;

	margin-right: 25px;

	border: 1px dotted #ccc;

	padding: 2px;

}