/* --Theme Name: FF2010 -- (C) www.BRIANGARRET.com -- */
/* --SIDEWIDE-CSS-- */

* {margin: 0; padding: 0;}
li {list-style: none;}

em, i {
	font-style: italic;
}


body{
	background: #353535;
	background-image: url(http://www.freshfiber.com/wp-content/themes/FF2010/images/background-grain.jpg);
	font-family:Helvetica, Arial, sans;
	font-size: 75%;
	line-height: 150%;
	color: #dedede;
	margin-bottom: 30px;
	display: inline;
	padding: 0px
	border: 0px}
	
a{outline-style: none;}

p{color: #9A9A9A;}

h1{}
h2{
	font-size: 105%;
	font-weight: normal;
	margin-bottom: 0px;
	display:inline;}	
h3{}
h4{}
h5{}

.widget .freshfiber1{
	display: block;
	color: #999;
	font-size: 11pt;
	}
	
.widget .freshfiber2{
	display: block;
	color: #fff;
	font-size: 15pt;
	}
	
.the_date{
	padding:5px 4px 2px 4px;
	border: 1px solid #ccc;
	background: #fff;
	color: #333;
	margin-right: 8px;
	font-size: 95%;
	font-weight: bold;
	}
	
.more-link{
	margin-right: 8px;
	font-size: 75%;
	font-weight: bold;
	}

#header{
	float: left;
	}
	
#FFLOGO a{
	background-image: url(http://www.freshfiber.com/wp-content/themes/FF2010/images/logo2010-300x100.png);
	width: 300px;
	height: 65px;
	position: absolute;
	top:16px;
	left:32px;
	z-index: 500;
	display: block;
	}

#search-box{
	background-image: url(http://www.freshfiber.com/wp-content/themes/FF2010/images/searchbox.png);
	width: 220px;
	height: 45px;
	position: absolute;
	top:2px;
	right:10px;
	z-index: 500;
	display: block;	
	}

#line{
	position: relative;
	float: left;
	width: 980px;
	height: 2px;
	background-image: url(http://www.freshfiber.com/wp-content/themes/FF2010/images/canvas-line.png);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	}

#page p{margin: 0 0 10px 0;}

#background_wrapper{
	background-image: url(http://www.freshfiber.com/wp-content/themes/FF2010/images/background_shadow_dark.gif);
	background-repeat: repeat-y;
	height: 100%;
	width: 1008px;
	left:50%;
	margin-left: -504px;
	position: relative;
	top:0px;
	}

#wrapper{
	float:none;
	clear:both;
	margin:0 14px 0 14px;
	width:980px;
	position:relative;
	z-index: 1;
	background-image: url(http://www.freshfiber.com/wp-content/themes/FF2010/images/background-grain-content.jpg);
	}
	
a:link {
	color: #000;
	text-decoration: none;
	border-style: none;}
	
a:visited {color: #ccc;text-decoration: none;}
	
a:hover, a:active {color: #000;text-decoration: none;}	
	
.postintro a:hover, #post_title a:hover {text-decoration: none;}
	
ul {list-style: none;padding:0px;}	

img {border: none;}

.item {
	width:980px;
	height:425px;
	position: relative;
	float:left;}

ul.search_results{z-index: 1000;}

#search-form{
	margin-left:755px;
	position:absolute;
	top:15px;
	z-index:100;
	}

.clear {clear:both}	

/* --MENU-CSS-- */

#menu{
	color:#656565;
	font-size:12pt;
	font-weight:normal;
	height:44px;
	margin-left:0;
	position:relative;
	width:980px;
	z-index:10;
	text-transform: uppercase;
	text-shadow: 0 1px 3px #000000;
	}
	
#menu-ul{
	padding-left: 7px;
	padding-top: 12px;
	height: 26px;
	}
	
#menu li{
	float: left;
	margin: 0 10px 0 15px
	}
	
#menu li a{
	color:#555;
	float: left;
	}

#menu li a:hover{
	color:#ddd;
	}
	
.current_page_item a{
	border-bottom:3px solid #cd254b;
	opacity:1 !important;
	display: block !important;
	color: #CCC !important;
	}
	
.current_page_item ul a{
	border-bottom:none;
	color: #555 !important;
	display: block !important;	
	}
	
.current_page_item ul li, .current_page_item ul  {
	border-bottom:none;
	display: block !important;
	}
	
.current_page_parent ul, .current_page_parent ul li {
	display: block !important;
	}

#menu li ul{
	float: left;
	font-size: 70%;
	margin: 0 0 0 15px;
	display: none;
	}
	
#menu li ul li{
	margin: 0 12px 0 2px;
	opacity:1;
	display: none;
	}


.page_item{
	list-style: none;
	width: auto;}

#post{
	padding: 0 0 0 0;
	width: 420px;
	}
	
#post_title{
	font-size:15pt;
	color:#FFF;
	font-family:Arial,serif;
	text-shadow: 0 1px 3px #000;
	font-weight: normal;
	border-bottom:1px solid #FFF;
	}
	
.post-starter{
	text-decoration: none;
	line-height: normal;
	margin: 0;
	padding-bottom:2px;
	color:#000;
	font-size: 120%;
	display: inline;} 

.post-line{
	width: 420px;
	height: 4px;
	background-image: url(http://www.freshfiber.com/wp-content/themes/FF2010/images/post-line.png);
	margin: 15px 0 35px 0;
	background-repeat: no-repeat;
	}

.vertical-line1{
	height: 85%;
	width: 4px;
	position:absolute;
	margin-left: 470px;
	background-image: url(http://www.freshfiber.com/wp-content/themes/FF2010/images/vertical-line.png);
	margin-top: 45px;
	margin-bottom: 45px;
	background-repeat: no-repeat;
	}
	
.vertical-line2, .vertical-line2-page{
	height: 85%;
	width: 4px;
	position:absolute;
	margin-left: 720px;
	background-image: url(http://www.freshfiber.com/wp-content/themes/FF2010/images/vertical-line.png);
	margin-top: 45px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	}
	
.vertical-line1-page{
	display: none;
	}
	
.storycontent {
	margin-top: 8px
	}

.storycontent a{
	color: #fff;
	border-bottom: 1px solid #454545;
	}
	
.storycontent p{
	font-weight: normal;
	color: #9a9a9a;
	margin: 0 0 8px 0;
	}
	
.category-banner .page_item{float: left;}
	
.category-banner p, .category-banner a{color: #777; margin: 0px;font-size: 150%;line-height: 130%; padding:10px 10px 5px 0;display: inline;}

.category-banner .current_page_item a, .category-banner .current_page_item{font-weight: normal;}

item{float:left;}

#banner_container a{padding:0;}
	
#banner_container{
	background-color: #000000;
	width: 980px;
	height: 425px;
	overflow:hidden;} /*important!! takes care of white stripe when banner changes color*/
	
#banner_logo{
	position: absolute;
	margin-top: 190px;
	margin-left: 890px;
	display: inline;}

#banner_content{
	width: 960px;
	height: 425px;
	position: relative;}

#banner_wrapper {
	width: 980px;
	height: 425px;
	position: relative;
	margin: 0 0 0 -490px;
	overflow: hidden;
	clear: both;
	display: inline;
	float: left;
	top:0px;
	left:50%;
	}

#banner {
	width: 100%;
	height: 425px;
	position: relative;
	left: 0; top: 0;
	float:left;
	position: relative;
	margin-top: 20px;
	display: inline;}
	
#banner_menu {display: none;}

#banner_menu {
	display:block;
	width:963px;
	height:24px;
	margin:8px 0 0 20px;}
			
#banner_menu a, #no-java-menu a{padding: 0px;}	
	
/* -- POSTS -- */
.content-wrapper{
	/*background-color: #222;*/
	width: 980px;
	float: left;
	display: inline;
	position: relative;}
	
.post-index {margin:0 0 10px;display: inline;}

#post-single {
	margin:0 0 20px;
	clear:both
	display: inline;}

.posts-wrapper {float:left;width:435px;padding: 20px 0 0 22px;display: inline;}
.page-sidebar-bottom .posts-wrapper {width: 935px;padding: 20px 22px 0 22px;overflow:hidden; display: inline;}
.page-sidebar-bottom td{padding: 20px 20px 0 0}
.page-sidebar-right .posts-wrapper{width:680px; padding:20px 22px 0 22px;display: inline;}

.page-sidebar-right td{width: 180px;padding: 5px 62px 25px 0}
.page-sidebar-right #page{width: 730px;}
.posts-wrapper ul{padding-left: 0px;display: inline;}
	
.posts-wrapper img {padding:2px; border:1px solid; border-color: #e4e4e4;background-color: #fff;margin-left:-1px;}
	
#no-border{padding:0px; border:0px;}
	
.alignleft{
	float: left;
	margin-right: 12px;
	margin-bottom: 6px;}
	
.alignright{
	float: right;
	margin-left: 12px;
	margin-bottom: 6px;}
	
.feedback{padding-bottom: 30px;}

.feedback a:link, .feedback a:visited, .feedback a:active{color: #aaaaaa;}	

.feedback a:hover{color: #676767;text-decoration: none;}

.even{background-color: #222;}
.odd{background-color: #222;}

.comment{padding: 10px 10px 25px 10px;}

/* --PAGE-CSS-- */
#page{
	padding-left: 0px;
	width: 690px;}
.page-sidebar-bottom #page{width: 980px;}
	
.page-numbers {font-size:100%;}
.page-numbers li{float: left;padding-right: 6px;padding-left: 4px}
.page-numbers li a{color: #fff;}
.current{color: #888;}


/* --FOOTER-CSS-- */
.footer-list{
	float: left;
	width: 130px;
	padding: 0 0 0 23px;
	text-align: left;
	color:#888;}
	
.footer-wrapper{float: left;padding-top:18px;}

#footer .current_page_item a{
	border: none}

#footer{
	height:auto;
	overflow:hidden;
	margin:20px auto 0;
	clear:both;
	float:none;
	text-align:center;
	padding: 5px 0 0 0;
	color:#555;
	background-image: url(http://www.freshfiber.com/wp-content/themes/FF2010/images/background-grain-content.jpg);
	}

#footer a:link, #footer a:visited, #footer a:active{
	color:#999;
	text-decoration: none;
	font-weight: normal;}

#footer a:hover{
	text-decoration: none;
	color: #fff;}
	
#footer .freshfiber2, #footer .freshfiber2 a{
	color: #fff;
	font-size: 13pt;
	}

/* titles for pages */
table tbody td strong {
	color: #fff;
	font-size: 13pt;
}

table tbody td {
	float: left;
}

table tbody tr td li{
	color: #9a9a9a !important;
	list-style: disc !important;
	margin-left: 14px;
}


table tbody tr td li a{
	color: #9a9a9a !important;
	}


table tbody tr td li a:hover{
	color: #fff !important;
}

#commentform #submit {
	  color:#999; 
	  font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
	  background-color:#f8f8f8; 
	  border:1px solid #DDD; 
	  height:20px;
	  width: 52px;}

.entry-content {
	margin-top: 8px;}
	
.sidebar-wrapper{
	float: right;
	clear: none;}
	
.page-sidebar-bottom .sidebar-wrapper{
	width: 980px;
	padding: 0 0 5px 0;
	float: left;
	}
	
.page-sidebar-right .sidebar-wrapper{
	float: left;
	}		
	

.sidebar-block-1{
	float: left;
	width: 508px;
	margin: 0 0 0 12px;
	padding: 12px 0 0 0;
	}
	
	
.sidebar-block-2{
	float: left;
	width: 250px;
	margin: 0 0 0 5px;
	padding: 12px 0 0 0;
	}

.page-sidebar-bottom .sidebar-block-2{
	width: 980px;
	}
	
	
.page-sidebar-right .sidebar-block-2{
	width: 205px;
	padding: 10px 5px 0 10px;
	float: left;
	}
	
.page-sidebar-bottom .widget{
	width: 220px;
	}
	
.page-sidebar-right .widget{
	margin-bottom: 26px;
	}
	
.widget .textwidget .button a{
	width: 93px;
	height: 22px;
	background-image: url(http://www.freshfiber.com/wp-content/themes/FF2010/images/button.png);
	display: block;
	}

.widget .textwidget .button a:hover{
	width: 93px;
	height: 22px;	
	background-image: url(http://www.freshfiber.com/wp-content/themes/FF2010/images/button_hover.png);	
	display: block;
	}

.widget{
	width: 230px;
	position: relative;
	margin: 9px 13px 0 9px;
	float: left;
	}
		
	
.sidebarButton img{
	position: absolute;
	top: 0;
	left: 0;
	}

	
.sidebarButtonII{
	width: 230px;
	height: 270px;
	position: relative;
	float: left;
	}
	
.sidebarButtonIV{
	width: 205px;
	margin-bottom: 25px;
	}
	
.sidebarButtonIV .freshfiber1, .sidebarButtonIV .freshfiber2{
	text-align: center;
	}

.sidebarButtonIV .freshfiber1{
	width: 170px;
	margin-left: 21px;
	}
	
.sidebarButtonIV .freshfiber2{
	width: 200px;
	margin-left: 3px;
	}

.sidebarButtonIV .button{
	z-index: 20;
	position: absolute;
	margin-left: 58px;
	margin-top: 15px;
	}
	
.sidebarButtonIV .button a{
	width: 93px;
	height: 22px;
	background-image: url(http://www.freshfiber.com/wp-content/themes/FF2010/images/button.png);
	display: block;
	}

.sidebarButtonIV .button a:hover{
	width: 93px;
	height: 22px;	
	background-image: url(http://www.freshfiber.com/wp-content/themes/FF2010/images/button_hover.png);	
	display: block;
	}
	
.sidebarButtonIV .logo {
	margin-top: 50px;
	}
	
table, tbody, tr, td {
	border: 0px none;
	
}
