/*
Theme Name: fnblog

*/



/* Begin Typography & Colors */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, Tahoma;
	color: #252525;
	font-size: 13px;
	background: #E6DACC url(images/bg_websi.jpg) repeat-x top left;
	line-height: 18px;
}

/* MAIN SITE CODES HERE */

a, a:visited { color: #C94200; text-decoration: none; outline: none; }
a:hover { color: #252525; text-decoration: none; }

img { border: 0; margin: 0; padding: 0; }

.alignleft { float: left; margin: 0 10px 10px 0; }

h1 { color: #C94200; font-size: 24px; margin: 0; line-height: 24px; padding: 0 0 10px 0; } 
h2 { color: #C94200; font-size: 24px; line-height: 24px; margin: 0; padding: 0 0 10px 0; }
h3 { color: #C94200; font-size: 18px; margin: 0; line-height: 18px; padding: 0 0 10px 0; }
h4 { color: #252525; font-size: 18px; margin: 0; line-height: 18px; padding: 0 0 10px 0; }
h5 { color: #252525; font-size: 12px; margin: 0; line-height: 14px; padding: 0 0 10px 0; }

p { margin: 0; padding: 0 0 10px 0; }

.imgborder img { border: 4px solid #E6DACC; }
.imgborder:hover img { border: 4px solid #E6CDB0; }
.imgborder:hover { color: red; /* irrelevant definition to overcome IE bug */ }

form { margin: 0; padding: 0; }
.text_input { width: 154px; padding: 3px 5px 4px 5px; margin: 0; background: #FE6800; border: 1px solid #C94200; color: #C94200; }

ol { margin: 0 0 10px 0;}
ol li { margin: 0 0 5px 0; padding: 0; }

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 980px;
}

#sitewrapper {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	background: #FFF url(images/bg_sitew.jpg) repeat-y top center;

}

blockquote { background: #E6DACC; padding: 10px; }

/* HEADER WRAP CODES */

.headerwrap {
	position: relative;
	float: left;
	width: 980px;
	padding: 0;
	height: 90px;
	background: #252525 url(images/bg_heade.jpg) repeat-x top center;
}

.logowrap {
	position: relative;
	float: left;
	width: 247px;
	padding: 0;
}

.navigationwrap {
	position: relative;
	float: left;
	width: 733px;
	padding: 0;
	line-height: 90px;
}

.navigationwrap ul {
margin: 0;
padding: 0;
white-space: nowrap;
float: right;
}

.navigationwrap ul li {
display: inline;
list-style-type: none;
float: left;
}

.navigationwrap ul li a { padding: 5px 10px; position: relative; }

.navigationwrap ul li a:link, .navigationwrap ul li a:visited {
color: #7C7C78;
text-decoration: none;
text-transform: uppercase;
}

.navigationwrap ul li a:hover {
color: #7C7C78;
background-color: #373633;
text-decoration: none;
}

/* BIG BOX WRAP CODES */

.bigboxwrap {
	position: relative;
	float: right;
	margin: 0;
	padding: 40px 0 0 150px;
	width: 830px;
	height: 120px;
	background: url(images/img_buil.jpg) no-repeat;
	border-bottom: 5px solid #D5C4B2;
}

/* CONTENT WRAP CODES HERE */

.contentwrap {
	position: relative;
	float: left;
	width: 614px;
	margin: 0;
	padding: 22px;
}

.postwrap { 
	position: relative;
	float: left;
	margin: 0 0 20px 0;
	padding: 10px;
	width: 592px;
	background: #F4EFE9;
	border: 1px solid #E6CDB0;
}

.postinfo { color: #C94200; width: 606px; padding: 10px; margin: 0; border-top: 1px solid #C94200; }

.postinfo a, .postinfo a:visited { color: #C94200; text-decoration: none; }
.postinfo a:hover { color: #C94200; text-decoration: none; }

.relatedarticles {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 313px;
}

.relatedarticles ul {
padding: 0;
margin: 0;
width: 293px;
}

.relatedarticles ul li {
list-style: none;
margin: 0;
padding: 0 0 5px 0px;
}

.relatedarticles ul li a { font-size: 11px; text-decoration: none; }

.socialmediaicons {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 313px;
}

.socialmediaicons img { margin: 0 10px 20px 10px; }

.homecomments { margin: 0; text-align: right; }

/* RIGHT SIDEBOX WRAP CODES */

.rightsidewrap {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 322px;
}

.subscribebox {
	position: relative;
	float: right;
	margin: 0;
	padding: 20px 11px 0px 11px;
	width: 266px;
	height: 68px;
	font-size: 11px;
	line-height: 15px;
	color: #FFF;
	background: url(images/bg_subsc.jpg) no-repeat top center;
}

.subscribebox a, .subscribebox a:visited { color: #FFF; text-decoration: underline; }
.subscribebox a:hover { color: #FFF; text-decoration: none; }

.adbox125 {
	position: relative;
	float: right;
	margin: 0;
	padding: 10px 11px;
	width: 266px;
	text-align: center;
}

.adbox125 img { margin: 3px; }

.sidepolltitle { 
font-size: 14px;
padding: 5px;
width: 254px;
margin: 0 0 2px 0;
background: #D5C4B2;
border: 1px solid #C6B39F;
text-transform: uppercase;
color: #252525;
}

.sidepollbox { 
padding: 5px;
width: 254px;
margin: 0 0 2px 0;
background: #EFE9E1;
border: 1px solid #E6CDB0;
}


.sidelinks { 
	position: relative;
	float: left;
	margin: 0;
	padding: 11px;
	width: 300px;
	text-align: left;
}

.sidelinks ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.sidelinks ul li { margin: 0 0 2px 0; }

.sidelinks ul li a {
display: block;
padding: 5px;
width: 290px;
margin: 0 0 2px 0;
background: #EFE9E1;
border: 1px solid #E6CDB0;
	text-align: left;
}

.sidelinks ul li a:link, .sidelinks ul li a:visited {
color: #252525;
text-decoration: none;
}

.sidelinks ul li a:hover {
background: #E6DACC;
color: #252525;
}

.sidelinks ul li.tags a {
display: inline;
padding: auto;
width: auto;
margin: auto;
background: none;
border: 0;
	text-align: left;
}

.sidelinks ul li.tags a:hover {
color: #ff0000;
}

.sidelinks h2 {
display: block;
font-size: 14px;
padding: 5px;
width: 290px;
margin: 0 0 2px 0;
background: #D5C4B2;
border: 1px solid #C6B39F;
text-transform: uppercase;
color: #252525;
	text-align: left;
}

/* FOOTER WRAP CODES */

.footerwide { 
	position: relative;
	float: left;
	width: 100%;
	background: url(images/bg_foote.jpg) repeat-x top left;
	height: 98px;
	border-top: 5px solid #2E2C2B;
}

.footerwrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: 98px;
	color: #FFF;
}

.footerlogo {
	position: relative;
	float: left;
	width: 241px;
	padding: 0;
}

.footertext {
	position: relative;
	float: left;
	width: 719px;
	padding: 10px 10px 10px 10px;
	line-height: 18px;
}

.footerwrap a, .footerwrap a:visited { color: #FFF; text-decoration: none; }
.footerwrap a:hover { color: #FFF; text-decoration: underline; }

/* COMMENT WRAP CODES HERE */

ul.commentlist { list-style-type: none; position: relative; margin: 0; padding: 0; }

ul.commentlist li { margin: 0; padding: 0; display: inline; clear: both; position: relative; }

.commentwrapper {
        position: relative;
        margin: 10px 0;
        float: left;
        clear: both;
        padding: 0;
        width: 624px;
        background: #E9E1D8;
}

.commentbottom {
        position: relative;
        margin: 0;
        float: left;
        height: 31px;
        line-height: 31px;
        padding: 0 10px 0 80px;
        width: 534px;
        color: #252525;
        background: #E9E1D8 url(images/bg_comme.jpg) no-repeat bottom left;
        clear: both;
}

.gravatarwrapper {
        position: relative;
        float: left;
        margin: 0;
        padding: 10px;
        width: 50px;
        text-align: center;
        background: #E9E1D8;
}

.gravatarwrapper img { width: 50px; height: 50px; }

.commenttext { position: relative; float: left; margin: 0; padding: 10px 10px 10px 0; width: 464px; }
.commenttext p { padding: 0 0 10px 0; margin: 0; }

.textinput { padding: 5px; width: 614px; background: #E9E1D8; border: 1px solid #E6CDB0; }

.submitbutton { padding: 5px; width: 626px; background: #E9E1D8; border: 1px solid #E6CDB0; }

.contactselect { width: 206px; }


.trackbacklinks ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.trackbacklinks ul li { margin: 0 0 2px 0; }

.trackbacklinks ul li a {
display: block;
padding: 5px;
width: 614px;
margin: 0 0 2px 0;
background: #EFE9E1;
border: 1px solid #E6CDB0;
}

.trackbacklinks ul li a:link, .trackbacklinks ul li a:visited {
color: #252525;
text-decoration: none;
}

.trackbacklinks ul li a:hover {
background: #E6DACC;
color: #252525;
}

.trackbacklinks h3 {
display: block;
font-size: 14px;
padding: 5px;
width: 614px;
margin: 0 0 2px 0;
background: #D5C4B2;
border: 1px solid #C6B39F;
text-transform: uppercase;
color: #252525;
}

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}