/*   
Theme Name: fr5
Theme URI: 
Description: 
Author: 
Author URI: 
Version: 
.
This theme can be used for commercial or non-commercial use so long as it is not redistributed or resold in any way.
.
*/

/* 
	Background-Styles 
*/

body {
	margin:0px; padding:0px;
	background-color:#282727;
	font-family: Helvetica, Arial, sans-serif;
	color:#4f4f4f;
	font-size:14px;
	line-height:20px;
}
#main {
	background-color: #FEFCF1; }

#sleepingwrap {
	width: 100%;
	background-color: #fff;
}

img.portfolioimg {border:3px solid #4F4F4F; text-align:center; margin-bottom: 6px;}

#sleepingftr {
	background: #fff url(images/ssc-sleepingftr.png) no-repeat left ;
	overflow: visible;
	color: #999898;
	height: 111px;
	width: 860px;
	margin: auto;
	font-style: italic;
	}
	
#sleepingftr .rquote {height: 70px; padding: 40px 100px 0 200px;}

#footer {
    background: url(images/fr5-stamp.png) no-repeat left ;
	padding:38px 0 20px 0 ;
	height: 140px;
        margin:auto;
        width:900px;
        
}

.container {
	width:860px;
	margin:0 auto;
}

hr {height:2px; border-top:1px solid #c4c4c3; border-bottom: none; border-left: none; border-right: none;}

#ftrrepeat {width:100%;}

.ftrcontainer {
	width:400px;
	margin:30px 0 0 140px;
	padding: 0;
        text-align:left;
        float:left; color: #5a5959;
        
	}

img {border:0;}
img.right {margin:0 0 6px 6px; float:right;}
img.left {margin:0 6px 6px 0; float:left;}
img.leftbrdr {float:left; margin: 0 10px 0 0; border:1px dotted #C5C4BC; padding:4px;}
img.rightbrdr {float:right; margin: 0 0 0 10px; border:1px dashed #C5C4BC; padding:4px;}
img.centerbrdr {margin: 0 0 10px 0; border:1px dashed #C5C4BC; padding:4px;}



img.grey {border:1px solid #808080;}

img.pagehero {float: left; margin: 0 10px 0 0;}



/* 
	Header-Styles 
*/

#header { background: #fefcf1 url(images/fr5-topbg.png) repeat-x;height: 124px; }

#logolinks {width:900px;margin:0 auto 0 auto;}


#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	width:194px;
	height:83px;
}

#navigation {
	width:100%; 
	margin:auto;
    padding:0;
	background-color: #4f4f4f;
	border-bottom: 1px solid #FEFCF1;
	
	
}



ul#menu {
	margin:auto; padding:0px;
	text-align: center;
	height: 28px;
	width: 900px;

}
ul#menu li {
    line-height:28px;        
	display:inline;
        width:60px;
	margin-left:0;

}
ul#menu li a {
	background: url(images/fr5-navdiv.png) no-repeat right;
	text-decoration:none;
	color:#fefcf1;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	letter-spacing: .5px;
    margin:0;
    padding:7px 10px 7px 7px;

	}
	

ul#menu li a.active, ul#menu li a:hover {
	color:#e0dab8;
	
}




/* 
	Block-Styles 
*/

.galleryframe {width:580px;margin:0 0 20px 0;}
.galleryframe p {padding:0;  width:181px; margin:0 18px 0 0; float:left; font-size:12px;}
.galleryframe p.rt {margin:0;}

.block {
	border:none;
	margin:30px 0 10px 0;
	position:relative;
}

#greentoplow {background: url(images/fr5-greenlowbg.png) repeat-x; height: 97px;}
#greentoplow .bloghero {background: url(images/fr5-bloghero.png) no-repeat 0 1px; height: 95px; margin: auto; width: 900px;}
#greentoplow .webdesignhero {background:  url(http://www.forstrank.com/wp-content/uploads/2009/04/wd-topbg.png) no-repeat 0 1px; height: 95px; margin: auto; width: 900px;}
#greentoplow .seohero {background: url(images/seo-topbg.png) no-repeat 0 1px; height: 95px; margin: auto; width: 900px;}
#greentoplow .porthero {background: url(images/portfolio-topbg.png) no-repeat 0 2px; height: 95px; margin: auto; width: 900px;}
#greentoplow .doryanhero {background: url(images/doryan-topbg.png) no-repeat 0 2px; height: 95px; margin: auto; width: 900px;}
#greentoplow .aracelihero {background: url(images/araceli-topbg.png) no-repeat  0 2px; height: 95px; margin: auto; width: 900px;}
#greentoplow .abouthero {background: url(images/about-topbg.png) no-repeat  0 2px; height: 95px; margin: auto; width: 900px;}
#greentoplow .contacthero {background: url(images/contact-topbg.png) no-repeat  0 2px; height: 95px; margin: auto; width: 900px;}



#greenhome {background: url(images/fr5-greenbg.png) repeat-x; width: 100%; padding: 0 0 1px 0; height: 329px; border-bottom: 1px solid #c2c1c1;}
#ghhero { background: url(images/herobox.gif) no-repeat 0 54px; width: 900px; float: left; height:329px;  margin:  0; padding: 0;   }
#ghhero h2 { letter-spacing: -2px; color: #4f4f4f;font-family: Times New Roman, serif;  font-weight: normal; font-size: 40px; margin: 70px 0 0 470px;}
#ghhero p {margin: 0; margin: 20px 0 0 470px; line-height: 22px; }
#ghhero p a {text-decoration: none; color: #677c3b;}
#ghhero p a:hover {text-decoration: none; color:#92af55;}

.green {color: #5f8811;}
.blue {color: #519ec2;}
.orange {color: #d98d20;}
.greenlarge {color: #5f8811; font-family: Times New Roman, serif; font-size:22px; display:block; padding:0; margin:0; }
.bioname {color: #5f8811; font-family: Times New Roman, serif; font-size: 20px;}
.orangelarge {color: #d98d20; font-family: Times New Roman, serif; font-size: 20px;  display: block;}

#secondlevel  { background-color: #fefcf1; width: 100%; border-bottom: 1px solid #c2c1c1;}
#secondlevel .maincontent {font-family: Times New Roman, serif; font-size: 24px;line-height: 26px; width: 900px; margin: 0 auto 0 auto; background: #fefcf1 url(images/scientist.png) no-repeat right; height: 161px;}
#secondlevel .maincontent p {width: 500px; float: left; margin: 30px 0 0 0;letter-spacing: -1px; }
#secondlevel .maincontent p.small {font-size: 12px;letter-spacing:normal; padding: 0; margin: 10px 0 0 0;}

#thirdlevel { background-color: #fefcf1; width: 100%; padding:20px 0 20px 0;}
#thirdlevel .thirdcontent {font-family: Times New Roman, serif; width: 900px; margin: 0 auto 0 auto; }
#thirdlevel .thirdcontent div.said {width: 410px; float: left; font-size: 16px; margin: 0 40px 0 0;  }
#thirdlevel .thirdcontent div.did {width: 450px; float: left;}
#thirdlevel .thirdcontent div.did p {float: left; margin: 0 20px 0 0;}
#thirdlevel .thirdcontent div.did a.last {background: url(images/htumb-arrow.gif) no-repeat right; height: 92px; float: left; width: 44px;}

#thirdlevel .thirdcontent div.said p {padding: 0; margin: 0; color:#4f4f4f;font-family:Helvetica, Arial, Sans-serif; font-size: 14px;}


#bottomarea {width: 900px; margin: auto; padding: 20px 0 20px 0;}

#rants {float: left; width: 501px; margin: 0 40px 0 0; }
#shwag { height:296px; float: left; width: 501px; }
.shwagtext {background: url(http://www.substandardscompliant.com/uploads/2009/03/store-banner.png) no-repeat right ; height:226px; padding:0 150px 0 0; display:block;}



.slash {background: url(images/ssc-slash.gif) repeat-x; height: 13px; display: block; margin: 0 0 10px 0; }

.mainblock {
	margin:auto;
	width: 900px; 
	height: 329px;
}

.mainblocksmall {
		margin:0;
padding:0;
	width: 706px;

}

.sidebarpag {padding:0; margin:8px 0 0 4px; display:block; width:120px; color:#fff; }
.sidebarpag a { background-color:#d3d3d3; display:block; padding:8px; margin:0 6px 0 0; text-align:center; color:#7daf28; border:1px solid #c4c4c3; float:left;  }

.ribbon {
	position:absolute;
	top:-3px;
	right:-3px;
}
.block_inside { 
	display:block; 
	padding:0;
	overflow:visible;
}

.block_inside_pages { 
	display:block; 
	padding:0px 50px 0 50px;
	overflow:auto;
	vertical-align: text-top;

	
}
.image_block {
	padding:0 0 0 40px;
	float:left;
}
.text_block {
	float:left;
	width:350px;
	margin-left:10px;
	padding: 0 0 10px 0;
}


#block_featuredblog .text_block { padding-top:5px }
#block_featuredblog .text_block h2 { font-size:28px; padding: 0; margin: 0; }



/*
	Portfolio-Home-Styles
*/

#block_portfolio {
	overflow:auto;
	margin-bottom:20px;
}
#portfolio_items {
	width:615px;
	margin-right:25px;
	float:left;
	min-height:100px;
	padding-top:3px;
}
#text_column {
	float:left;
	margin: 34px 0 20px 20px;
	padding: 0 0 0 8px;
	width:246px;
}

#text_column ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
}

#text_column ul li {
	margin: 0 0 10px 0;
	}

#text_column ul li a {
	color: #b5b5b5;
	}

#text_column ul li a:hover {
	color: #fff;
	text-decoration: none;
	}

#text_column img { margin-bottom:20px; position:relative; left:-3px;}
#text_column h2#text_title { 
	text-indent:-9999px;
	background-image:url(images/creatif.jpg);
	background-repeat:no-repeat;
	width:310px;
	height:50px;
}
#text_column .separator {
	background:url(images/fr-divcustom.png) repeat-x; 
	height: 1px;
	margin-top:20px;
	padding-top:20px;
}
.mini_portfolio_item {
	border:1px solid #a3a09e;
	margin-bottom:10px;
	position:relative;
}
.mini_portfolio_item .block_inside { 
	background:none; background-color:#e2dddc; 
	padding:25px 30px 15px 30px; 
}
.mini_portfolio_item .thumbnail { float:left; margin-right:20px; border:1px solid #979390; }


/*
	Block-Content-Styles
*/

#block_content {
width: 900px;
margin: auto; 

}

#content_area {
	width:600px;
	float:left;
	margin:0;


}

#content_area ul.listofstrips {margin:0; padding:0 0 0 14px; list-style:square; }

#content_areainner {
	width:598px;
	float:left;
	background: url(images/fr_canvas_rpt.png) repeat-y; overflow: hidden;

}

#content_area .block_inside {
	min-height:400px; width: 580px; margin: 0; padding: 0 20px 20px 0; float: left;
}

#content_area .bio {margin:0px 0px 3px 0px;
	padding: 10px 0 6px 0;
	font-size:28px;
	font-family: Times New Roman, serif; 
	color: #60900E;
	font-weight: normal;
	line-height:24px;
	letter-spacing:-1px;
	display:block;}

#content_area .block_inside .catintro { margin:20px 0 20px 0; border:1px solid #C5C4BC; padding:10px;font-family: Times New Roman, serif;    }

#content_areastore {
	
	float:left;
	margin:0;


}
#content_areastore .block_insidestore {
	min-height:400px; margin: 0; padding: 10px 0 0 0; width: 1042px;
}


#content_area .block_inside ul.fourofour { list-style:none; padding:0; margin:0; }
#content_area .block_inside ul.fourofour li { list-style:none; padding:0; margin:0; }

.socialstuff {margin:20px 0 20px 0;  background-color: #c4e6b6; padding:4px 4px 4px 12px; clear:both;  }


#sidebar {
	float:left;
	margin: 0;
	padding: 0 6px 0 6px;
	width:130px;

}

#rightsidebar {
	float:left;
	margin:  0;
	padding: 0 6px 0 9px;
	width:130px;
}

#rightsidebar .block_inside p {background: none; padding: 0 0 0 5px; margin: 4px 0 0 0; font-size: 11px;}
#rightsidebar .block_inside ul {background: none; padding: 2px 0 0 0; margin: 0; font-size: 11px; list-style:none;}
#rightsidebar .block_inside ul li {padding:10px 0 0 5px;}

.sidebrdrend {background:url(images/sidebar-dots.png) no-repeat left; height: 25px; padding: 0; margin: 0;}

#sidebar a.seeall {color: #066a10; text-align:left; font-size:14px;}

#sidebar .block_inside {
	background:url(images/dot.png) repeat-y left; padding: 0; margin: 0;

}

#rightsidebar .block_inside {background:url(images/dot.png) repeat-y left; padding: 14px 0 0 5px; margin: 0;}


#sidebar .block_inside h2, #sidebar .block_inside h2 a, #sidebar .block_inside h3 a{
	font-size:12px;
	line-height: normal;
	color:#3c4044;
	font-weight: bold;
	margin: 0 0 16px 0;
}

#sidebar .block_inside h4 a{
	font-size:12px;
	line-height: normal;
	color:#d98d20;
	font-weight: bold;
	margin: 0 0 16px 0;
}

#sidebar .block_inside h3, #rightsidebar .block_inside h3 {font-size:22px;
	line-height: normal;
	color:#60900e;
	font-weight: normal;
	margin: 0 ;
	padding: 0 0 0 4px;
	font-family: Times New Roman, serif;
}

#sidebar ul { width:130px; margin:0 0 0 0px; padding:8px 0 0 0; font-size: 11px; line-height: normal;  }
#sidebar ul li { list-style:none; margin: 0; padding:8px 5px 5px 5px; overflow: hidden; }
#sidebar ul li a { color:#515151; padding: 4px 0 4px 0;   }
#sidebar ul li a:hover { color:#d6cfaa; text-decoration:none; }
#sidebar ul li a.morelink {color:#515151; padding: 5px;}

#content_area h2 { font-size:20px; line-height:31px; padding: 0; margin: 20px 0 10px 0; }
#content_area h2.store {font-size:28px; padding: 0; margin: 20px 0 0 0;}
#content_area h2.whatrant {font-size:22px; padding: 20px; margin: 20px 0 0 0; background-color: #f9d06c; color:#a27814; line-height:normal;}
	
#content_area h2.leavecomment {font-family: Times New Roman, serif; font-size:30px; line-height:31px; padding: 0; margin: 20px 0 0 0; color: #3f9dbc;}
#content_area h2.posticon { font-size:20px; line-height:31px; padding: 0; margin: 20px 0 0 0;  }
#content_area ul.talkicon { list-style: none; line-height:normal; padding: 0 ; margin: 20px 0 0 0;  }

#content_area .header_image { 
	background-repeat:no-repeat; 
	padding:90px 200px 50px 40px; 
	color:#9dc5e9; 
}

#content_area .separator {
	height: 1px;
        border-bottom:1px solid #c5c4bc;
	margin:20px 0 20px 0;
	padding:0;
}
#content_area .biggap, .biggap {
	border-top:1px solid #c5c4bc;
	margin-top:0;
	padding-top:10px;
}

/* 
	Text-Styles   
*/

a.homerant {font-size:22px; margin:0 0 6px 0; color: #5f8811; padding:0; display:block; }
.spacer {height: 12px;}



h2, h2 a{
	margin:0px 0px 3px 0px;
	padding: 10px 0 0 0;
	font-size:28px;
	font-family: Times New Roman, serif; 
	color: #60900E;
	font-weight: normal;
	line-height:24px;
	letter-spacing:-1px;
}

h3, h3 a{
	margin:20px 0px 20px 0px;
	font-size:30px;
	font-family: Times New Roman, serif; 
	color:#3c4044;
	font-weight: normal;
	letter-spacing:-1px;
	
}

.block_inside h3.largered {color: #6c0101; padding: 0; margin:0 0 6px 0; font-size: 20px; font-weight: bold; }

h4, h4 a {
margin:0 0 6px 4px;
	font-size:22px;
	font-family: Times New Roman, serif; 
	color:#d98d20;
	font-weight: normal;
   
}

h6 {
	margin:0;
	font-size:14px;
	line-height:normal;
	font-family:Helvetica, Arial, Sans-serif;
	color:#60900E;
}

h6 a {color: #60900E; margin:0;}
small.green a {color: #60900E; margin:0;font-family:Helvetica, Arial, Sans-serif;}


.red a {color: #6c0101; padding: 0; margin: 0 0 12px 0; display: block; font-size: 14px; font-weight: normal; letter-spacing: normal; line-height: normal;}
.white {color: #fff; padding: 0; margin: 0; font-size: 14px; font-weight: normal; letter-spacing: normal;}


small {
	color:#4F4E4E;
	font-family: Times New Roman, serif;
	font-weight:normal;
	font-size:14px;
	display:block;
	margin:0 0 15px 0;
}
a {
	color:#4f4e4e;
	text-decoration:none;
}
small a {
	font-family: Times New Roman, serif;
	color:#4F4E4E;
	font-size:14px;
       
}
a:hover {
	text-decoration:none;
	color:#d6cfaa;
}
h2 a:hover {
	color:#000000;
}
p { margin: 0 0 10px 0; }

a.button {
	background:#32312f url(images/button_bg.jpg) repeat-x;
	padding:5px 10px 5px 10px;
	margin-top: 25px; 
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:25px;
}

a.buttonstyled {background: #fefcf1 url(http://www.forstrank.com/wp-content/uploads/2009/04/btn.gif) no-repeat; float:right; height: 40px; display:block; color:#292827; padding:20px 0 0 26px; width:134px;font-family: Times New Roman, serif; font-size:22px; text-decoration: none; }
a:hover.buttonstyled {text-decoration: none;}

#block_featuredblog a.more-link {
	background:#32312f url(images/button_bg.jpg) repeat-x;
	padding:2px 10px 2px 10px;
	margin-top: 25px; 
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:20px;
	display:block;
	float:left;
	
}

a.button:hover {
	background:#007de2 url(images/button_bg_o.jpg) repeat-x;
	border-color:#007de2;
}
#block_featuredblog a.more-link:hover {
	background:#007de2 url(images/button_bg_o.jpg) repeat-x;
	border-color:#007de2;
}


/*
	Footer-Styles
*/

#footer {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px; 
	color: #e0d7d7;
	letter-spacing: .5px;
	text-align: center;
        line-height:16px;
}

#footer a {
	
	color: #5a5959;
	text-decoration:underline;
        
}

#footer a:hover {
	text-decoration:none;
}

.footer_column {
	float:left;
	width:400px;
	margin: 0 ;
}
.footer_columnright {
       
	float:left;
        text-align:left;
	width:300px;
	margin: 30px 0 0 0 ;
        padding:4px 4px 4px 50px;color: #5a5959;
        font-size: 10px;
        
}



#footer .long {
	width:100px;float:left; padding:6px 0 0 0;
}
#footer h3 {
	color:#e2dddc;
	text-transform:uppercase;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
}


/*
	Comment-Styles
*/

#comments_template {margin-top:0; padding-top:0;}

#comments_template h2 { color: #3F9DBC; font-family: Times New Roman, serif; font-size:26px; margin-top:0;padding:0;}

.the_comment {padding: 10px; color: #60900E; width:360px; float:left; margin:0 0 20px 0; background-color:#e6f0f6; border-top:1px solid #cadce7;border-left:1px solid #cadce7;border-right:1px solid #cadce7; border-bottom: 1px solid #97906f; }

97906f

/* 
	Miscellaneous-Styles   
*/

.block_inside p a { text-decoration: underline;}

.block_inside blockquote {
	border-top:1px solid #acc7da;
	border-bottom:1px solid #acc7da;
	background-color:#ebf1f6;
	margin:0px;
	padding:20px;
	padding-bottom:13px;
	margin-bottom:20px;	
	color:#465c6b;
	font-family: Helvetica, Arial, sans-serif;
	font-style:italic;
}
.block_inside pre.code {
	border-top:1px solid #acacac;
	border-bottom:1px solid #acacac;
	background-color:#ebebeb;
	margin:0px;
	padding:20px;
	padding-bottom:13px;	
	margin-bottom:20px;	
	font-size:10px;
	font-family: Helvetica, Arial, sans-serif;
}

.block_inside h1 {
	margin:0px 0px 6px 0px;
	padding:20px 0 0 0;
	font-size:32px;
	font-family: Times New Roman, serif;
	color:#5f8811;
	font-weight: normal;
	line-height: 32px;
	letter-spacing:-1px;
	
}
.block_inside h2 {
	margin:0px 0px 3px 0px;
	font-size:28px;
	font-family: Times New Roman, serif;
	color:#60900E;
	line-height:24px;
	letter-spacing:-1px;
	
}
.block_inside h3 {
	margin:10px 0px 10px 0px;
	font-size:26px;
	line-height:21px;
	font-family: Times New Roman, serif; 
	color:#4f4f4f;
	
}

.block_inside h3.sociable {font-size: 30px; display:block; color:#77aa61;letter-spacing:-1px; }


.block_inside h4 a { color:#4F4F4F;font-family: Times New Roman, serif; font-size:16px; font-weight:normal; }
.block_inside h4 a:hover {
	color:#b9b8b8;
	}	
	
	
.block_inside h5 {
	color:#007de2;
	margin:0px 0px 0px 0px;
	font-size:12px;			
}




.input, textarea, select {
	border:1px solid #e5e5e5;
	padding:4px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#333333;
}



/*
	Alternate Styles
*/
body#dark {
	background-color:#1e1d1b;
}
body#dark #main {
	background:#292826 url(images/background_dark_slice.jpg) repeat-x;
}
body#dark #main .container {
	background-image:url(images/background_dark.jpg);
}
body#dark #footer {
	background-image:url(images/background_dark_footer.jpg);
}
body#dark ul#menu li a.active, ul#menu li a:hover {
	color:#e0dab8;
}
body#dark .block, body#dark .mini_portfolio_item { 
	border-color:#1b1a19; 
}
body#dark #text_column h2#text_title { 
	background-image:url(images/creatif_dark.jpg);
}