/*  
Theme Name: FOTL theme

Author: The Late Night Salon


	

 

*/



/* -------------------[ Main Page Elements ]------------------- */

body {
	font-size: 9pt;
	font-family: arial, helvetica, sans-serif;
	background: #fff /*url(images/planks.gif)*/;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: 140%;
	}

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td,ul,ol,li {
	margin:0;padding:0;
	font-size: 100%;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	/*background: transparent;*/
}
table {
	border-collapse: collapse;
}
fieldset { border: 0; margin: 0; padding: 0; }

body {
	color: #333; 
	font: 11px Arial,Helvetica,sans-serif;
	background: #FFF url(http://www.fruitoftheloom.eu/images/imprint2012/bg.gif);
	padding: 0;
}

#wrap {
	width: 970px;
	margin: 42px auto 12px;
	border: 1px solid #CCC;
	background-color: #FFF;
	-moz-box-shadow: 1px 1px 15px #CCC;
	-webkit-box-shadow: 1px 1px 15px #CCC;
	-ms-box-shadow: 1px 1px 15px #CCC;
	-o-box-shadow: 1px 1px 15px #CCC;
	box-shadow: 1px 1px 15px #CCC;
        }

#header {
	position: relative;
	height: 84px;
	border-bottom: 1px solid #CCC;
}
	
	a.logo {
		display: block;
		width: 147px;
		padding: 9px 0 12px 0;
		text-align: center;
	}
		a.logo img {}

	ul#nav {
		position: absolute;
		left: 160px;
		top: 0;
		list-style: none;
	} 
	
		ul#nav li {
			position: relative;
			float: left;
			width: 68px;
			height: 84px;
			color: #999;
			margin-right: 10px;
			/*text-align: center;*/
		}
		
		ul#nav li span {
			display: block;
			width: 100%; /*height: 20px;*/
			position: absolute;
			bottom: 11px;
			font: 10px chaparral-pro,sans-serif;
			font-weight: 600;
			text-transform:uppercase;
			cursor: pointer;
		}
		
		ul#nav li a {
			display: block;
			width: 100%; height: 100%;
			color: #333;
		}
		
		ul#nav > li > a {
			position: relative;
			border-bottom-width: 8px;
			border-bottom-style: solid;
			height: 64px;
			margin-bottom: 12px;
		}
		
		#nav1 {
			border-bottom-color: #98c331;
		}
		#nav2 {
			border-bottom-color: #169fde;
		}
		#nav3 {
			border-bottom-color: #cf3384;
		}
		#nav4 {
			border-bottom-color: #ea620a;
		}
		#nav5 {
			border-bottom-color: #fef200;
		}
		#nav6 {
			border-bottom-color: #00a964;
		}
		#nav7 {
			border-bottom-color: #8bc2e9;
		}
		#nav8 {
			border-bottom-color: #ed1a3b;
		}
		#nav9 {
			border-bottom-color: #ffbe33;
		}
		#nav10 {
			border-bottom-color: #ec76b3;
		}
		
		ul#nav li a:hover {
			text-decoration: none;
		}
		
		#nav1:hover span, .n_mens #nav1 span {
			color: #98c331;
		}
		#nav2:hover span, .n_ladies #nav2 span {
			color: #169fde;
		}
		#nav3:hover span, .n_kids #nav3 span {
			color: #cf3384;
		}
		#nav4:hover span {
			color: #ea620a;
		}
		#nav5:hover span, .p_about #nav5 span {
			color: #fef200;
		}
		#nav6 span {
			color: #00a964;
		}
		#nav7:hover span, .p_search #nav7 span {
			color: #8bc2e9;
		}
		#nav8:hover span, .p_thefruitclub #nav8 span, .p_fruitclub #nav8 span {
			color: #ed1a3b;
		}
		#nav9:hover span, .p_contacts #nav9 span {
			color: #ffbe33;
		}
		#nav10:hover span, .p_contact #nav10 span {
			color: #ec76b3;
		}	
		
		#breadcrumb {
			 height:31px;
			 border-bottom:1px solid #ccc;
			 padding:10px 20px 0;
			 background-color:#FFF;
			 font-family:Arial, Helvetica, sans-serif;
			 font-size: 8pt;
			 color:#666;
		}

#page {
        clear: both;
	margin: 0 auto;
	padding: 0;
	}  

#contentleft {
        width: 680px;
        float:left;
        padding: 0;
        margin: 0;
        } 

#contentright {
	font-family:arial,sans-serif;
	font-size: 8pt;
        width: 250px;
        float:left;
        padding: 15px 0 15px 15px;
        margin: 0 0 15px;
        } 

#sidebar {
        width: 250px;
	font-size: 8pt;
        float: left;
        margin: 0;
	padding: 0;
	} 

#footer {
	border-top: 1px solid #CCC;
	background: #cf3384;
	padding: 22px 0;
	clear: both;
}
	#footer p {
		margin: 0;
		font-family: chaparral-pro,sans-serif;
		font-weight: 600;
		text-align: center;
		color: #FFF;
	}
	#footer a {
		color: #FFF;
	}

/* -------------------[ Headings ]------------------- */

h1, h2, h3, h4, h5, h6, h7 {
        color:#666;
	font-family: arial, helvetica, sans-serif;
        letter-spacing:-1px;
        line-height: 130%;
	margin: 0;
	padding: 0;
	text-align: left;
        font-weight:normal;
	}

h1 {
	font-size: 16pt;
	margin: 0;
	}

h2 {
	font-size: 14pt;
	}

h3 {
	font-size: 12pt;
	}

h4,h5,h6,h7 {
	font-size: 10pt;
	}

#header h1.blogtitle {
        color: #666;
        text-align:center;
        font-size:0px;
        line-height:100%;
        padding: 50px 100px 5px;
        margin: 0;
        }

#sidebar h2, #midcontent h2  {
        font-weight: bold;
        font-size:9pt;
        letter-spacing:0px;
        margin: 0;
        padding:0;
        }


h1.sectionhead, h2.sectionhead, h2#trackbacks, h2#comments, h2#respond  {
        line-height:100%;
        font-weight: bold;
        font-size:10pt;
        letter-spacing:0px;
        margin: 0;
        padding: 10px 15px;
        border-bottom:1px solid #CCC9B8;
        background:#fff;
        }

.entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 {
        margin-bottom: 10px;
        }


/* -------------------[ Links ]------------------- */

a, a:link, a:visited {
	color: #999;
        text-decoration: none;
        font-size: bold;
	}

a:hover, a:active {
        text-decoration:underline;
        color:#000;
	}

.entry a, .entry a:link, .entry a:visited, .postinfo a, .postinfo a:link, .postinfo a:visited, .postinfo2 a, .postinfo2 a:link, .postinfo2 a:visited {
        text-decoration: none; 
        }

.post h1 a, .post h2 a, .featurepost h2 a, .featurepost h1 a {
        color:#666;
        }

#footer a:hover, #footer a:active, #footer a, #footer a:link, #footer a:visited {
        text-decoration:underline;
        color:#fff;
	}
	
/* -------------------[ Images ]------------------- */

img.alignright {
        float: right;
        clear: right;
        margin: 0 0 5px 10px;
        background: #fff;
        padding: 2px;
        border: 1px solid #ccc;
        }

img.alignleft {
        float: left;
        clear: left;
        margin: 0 10px 5px 0px;
        background: #fff;
        padding: 2px;
        border: 1px solid #ccc;
        }

img.centered { 
        display: block; 
        padding: 2px; 
        margin: 0 auto 20px auto; 
        border: 1px solid #ccc; 
        float: none; 
        clear: both;
        }



/* -------------------[ Sidebar ]------------------- */


#sidebar ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0;
	}

#sidebar ul li ul {
        list-style-type: square;
        margin: 0;
        padding: 0;
        }

#sidebar ul li ul li {
        list-style-type:none;
        padding-left:15px;
        margin:0;
        background:url(images/zekebullet.gif) 0 5px no-repeat;
        }

/* -------------------[ Form Elements ]------------------- */

#commentform {
        font-size:8pt;
        background: #F2ECCE;
        padding: 15px 15px 1px;
        margin: 0;
        border-bottom:1px solid #CCC9B8;
        }

#commentform label {
        display:block;
        margin: 0;
        }

#commentform input {
	width: 170px;
	padding: 1px;
	margin: 0px 5px 10px 0;
	}

#commentform textarea {
        width: 400px;
        padding: 0;
	margin: 0px 0px 10px 0; 
	}

#commentform #submit {
	margin: 0 0 20px 0;
	}

#commentform p {
        margin: 5px 0;
	}


/* -------------------[ Comments ]------------------- */


ol.commentlist {
        font-size:8pt;
        padding: 0;
        margin: 0;
        }

ol.commentlist li {
	display: block;
	list-style: none;
        padding: 15px 15px 1px;
	margin: 0;
        border-bottom:1px solid #CCC9B8;
	}

ol.tblist {
        font-size:8pt;
	list-style: none;
        padding: 15px 15px 10px;
        margin: 0;
        border-bottom:1px solid #CCC9B8;
        }

ol.tblist li {
	display: block;
	list-style: none;
        padding: 0;
        margin: 0 0 5px 0;  
        background: url(images/zekebullet.gif) 0 3px no-repeat;
        padding-left: 14px;     
	}

.odd {

        }


/* -------------------[ Misc Tags and Classes ]------------------- */

p.description {
        color:#666;
        font-size: 0pt;
        padding: 0 100px;
        margin: 0;
        text-align:center;
        } 

.post ul, .singlepost ul {
        list-style-type: none;
        }

.post ul li, .singlepost ul li {
        list-style-type:none;
        background: url(images/zekebullet.gif) 0 4px no-repeat;
        padding: 0 0 2px 14px;
        }

p {
	margin-top: 0px;
	margin-bottom: 15px;
	}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dotted #999;
	}

* html acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
        border-left:5px solid #666;
        padding-left:5px;
	}

.center {
	text-align: center;
	}

a img, img a {
	border: none;
	}

.navigation {
	text-align: right;
	margin:0;
	padding: 10px 15px 50px;
	}

.alignleft {
        float:left;
        }

.alignright {
        float:right;
        }

.entry {
	padding: 0;
	margin: 0;
	}
	
.entry-comment {
	border: 1px solid #CCC;
	background-color: #ebebeb;
	padding: 6px 8px;
	overflow: auto;
}
	.entry-comment a {
		display: block;
		float: left;
		background: url(/news/en/wp-content/themes/fruit%20news/images/comment-bubble.gif) center right no-repeat;
		padding-right: 35px;
		height: 18px;
		line-height: 18px;
		color: #666;
		font-size: 14px;
		text-decoration: none;
	}
		.entry-comment a em {
			font-weight: bold;
			font-style:normal;
			color: #109dda;
		}


.postinfo {
	font-family:arial,sans-serif;
	font-size: 8pt;
        background: url(images/doc.gif) 0 3px no-repeat;
        clear: both;
	margin: 0 0 10px;
	padding-left: 14px;
	}

.post {
	margin: 0 ;
	padding: 15px 15px 5px;
        border-bottom:1px solid #CCC9B8;
	}

.featurepost {
	margin: 0;
	padding: 15px 15px 5px;
        background:#F2ECCE;
        border-bottom:1px solid #CCC9B8;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

hr {
        display: block:
        clear:both;
        }

a.more-link,a.more-link:link,a.more-link:visited,a.more-link:hover {
        background: url(images/arrow-rt.gif) 100% 70% no-repeat;
        padding-right:16px; 
        }

/* -------------------[ Search ]------------------- */

#searchform {
	margin: 0;
	padding: 0; 
        }

#searchform #s {
        font-size:8pt;
        width: 140px;
	margin-right: 2px;
	}

#searchform #submit {
        font-size:8pt;
	}

/* -------------------[ Navigation ]------------------- */

ul.nav {
	
	font-size: 8pt;
	text-transform:capitalize;
        font-weight:bold;
        letter-spacing: 0px;
        height:84px;
        line-height:15px;
        float:right;
		

	list-style: none;
	padding: 0;
	margin: 0;
        }

ul.nav li {
        float: left !important;
        margin: 0;
        padding: 0;
        list-style-type: none;
		text-align: center;
}
.fr ul.nav li {
		width:90px;
}

ul.nav li a, ul.nav li a:link, ul.nav li a:visited {        
        color: #666;
        float: left;
        display: block;
        padding: 33px 18px;
		border-left: 1px solid #CCC;
		height: 20px;
		
        }

ul.nav li a:hover, ul.nav li a:active {
        background: #fff;
        text-decoration: none;
        }

ul.nav li.current_page_item a {
        text-decoration:underline;
        background: #660000;
        text-decoration: underline;
        }

ul.nav li ul {
        float:left;
        margin:0;
        padding:0;
        }

/* ---------------[ Tables ]--------------- */

.entry table {
	margin-bottom:15px;
        padding:auto;
        border:auto;
        }

.entry tr, .entry td, .entry th {
	margin:auto; padding:auto; border:auto;
        }

.entry td, .entry th {
	padding:8px;
	vertical-align:top;
}

.entry th {
	font-weight:bold;
	background:#fff;
}

.entry td {
	border:1px solid #fff;
}

/* ---------------[ Related Entries ]--------------- */

.related {
        margin: 0 0 1px;
        background:#eee;
        padding:10px 10px 8px;
        }

.related ul {
        line-height:130%;
        margin: 0;
        padding-left:0;
        list-style-type: none;
        }

.related ul li {
        list-style-type:none;
        padding: 0 0 0 14px;
        margin: 0 0 2px;
        background: url(images/zekebullet.gif) 0 3px no-repeat;
        }

ul#archives {
        margin: 0 0 15px 5px;
        padding: 0;
        }

ul#archives ul {
        padding:0;
        }

ul#archives ul li {
        background:transparent;
        padding-left:0;
        margin:0;
        }

ul#archives ul ul {
        margin:0;
        margin-left: 10px;
        padding:0;
        }