/*
Theme Name: Fresh Editorial
Description: The WordPress theme was designed by Maruf Rahman, from over at <a href="http://www.brightcherry.co.uk/">Brightcherry</a>.
Version: 1.8
Author: Maruf Rahman
Author URI: http://www.brightcherry.co.uk/
Tags: black, white, grey, fixed width, editorial


	This theme was designed and built by Maruf Rahman,
	whose blog you will find at http://www.brightcherry.co.uk/

	If you have any questions about this theme, please
	visit http://www.brightcherry.co.uk/
*/

/*
Edited and updated by
Jan Kordylewski
Freelance Developer
http://jkordylewski.com
October, 2008
*/

/* Post Differentiation 
------------------------------------------------------------------*/

.typekit-badge {position:relative !important;}

#moleskine {
        background: transparent url(http://www.x-reference.com/wp-content/themes/fresh-editorial/images/moleskine_top.png) no-repeat scroll 0pt 0pt;  
        width: 331px; 
        height: 338px; 
        position: absolute; 
        left: 0px;
}

#booksIMG {
position:relative;
top:-120px;
left:-5px;
float:left;
}

.creditNote, .creditnote {margin: 15px 0 0 30px;font-size:11px; text-align:left; font-weight:bold; line-height:1.1;word-spacing:2px;}

/* ART */
#art {width:566px;}
#art h2 {}

/* DESIGN */
#design {width:566px;}
#design h2 a {font-family: "sax-mono-1","sax-mono-2",monospace;}
#design .blogdivide {background-image: url(images/hr.gif);}

/* PERFORMANCE*/
#performance {
font-family:"Palatino Linotype", "Book Antiqua", "Palatino", "Times New Roman", Times, serif;
font-size:110%;
background-color:#bebebe;
width:566px;
border-color:#999;
}
#performance .blogdivide {background-image: none; border-bottom:1px solid #fff;height:1px;}
#performance h2 {font-size: 24px; letter-spacing:.2em;margin-left:10px;}
#performance h2 a {color:#fff;}
#performance h2 a:hover {color:#000;}
#performance .blogauthor {color:#636363;text-align:right; margin-right:95px;}
#performance a {color:#333;}
#performance .creditNote {font-size:13px;line-height:15px;}

/* PHOTO */
#photo {
background-color:#000;width:566px;
padding-top:0px;}
#photo img {
width:566px;
background-color:#cfcfcf;
border: 1px solid #0f0f0f;
float:left;
}

#photo .blogtitle{
border-bottom:none;
}
#photo .blogtitle h2 a {
color:#fff;
}
#photo .blogcontent{margin-top:-30px; padding-left:0px;}
#photo .blogcontent p {margin:10px 0 0 0;}
#photo .blogauthor {
display:none;
}
#photo .blogdivide {
display:none;
}
#photo .blogstrip a{
color:#fff;
}

/* QUOTES */
#quote {
 background:url('images/card_top.png') no-repeat 0 0;
background-color:transparent;
padding:0px;
width:585px;
border:none;
}

#quote .blogcontent{
 background:url('images/card_middle.png') repeat-y 0 0;
width:585px;
padding-left:0px;
}

#quote .blogdivide{
 background:url('images/card_bottom.png') no-repeat 0 0;
width:585px;
height:119px;
}

#quote .blogtitle {
border:none;
height:55px;
}

#quote h2 {
font-size:22px;
margin-left:22px;
font-style:italic;
}
#quote blockquote {
color:#333;
text-align: justify; 
font-size: 18px; 
font-family: courier;
text-indent: -0.75em;
}
#quote .blogauthor {
display:none;
}
#quote .blogtags {
margin:0px;
}

/* RANT */
#rant {
width:566px;
border:none;
}
#rant .blogtitle h2 {margin-left:10px;font-family:Georgia,'Times New Roman',Times,serif;}
#rant .blogcontent{
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:14px;
        line-height:24px;
}
#rant .blogdivide{}

/* TECH */
#tech {width:566px;background-color:#e6e0d4;} /*e5dcca;*/
#tech h2 {margin-left:10px;}
#tech h2 a {font-family:Arial,Helvetica,sans-serif;}
#tech .blogdivide {
 background:none;
 text-align:center;
}


/* WEB */
#web {
font-family:"Lucida Console", Monaco, monospace;
font-size:13px;
width:566px;
}
#web h2 {margin-left:30px;}
#web h2 a {font-family:"Lucida Console", Monaco, monospace;}
#web {
 background:url('images/web_top.png') no-repeat 9px 0;
border:none;
width:570px;
font-size:11px;
padding: 10px 0 10px 9px;
}

#web .blogcontent{
 background:url('images/web_middle.png') repeat-y 0 0;
padding-left:0px;
width:570px;
}

#web .blogdivide{
 background:url('images/web_bottom.png') no-repeat 0 0;
width:570px;
height:60px;
}

#web .blogauthor {font-size:8px; text-align:right;margin-right:100px;}
#web .blogtitle {border-bottom:none;top:13px;}
#web .blogcontent p {margin:15px 30px;}

/* XTRA */
#xtra {
min-width:300px;
width:auto !important;
width:300px;
padding: 5px;
background-color: #FFFBCC;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
margin-left:-22px;
}

#xtra .blogtitle {border:none;font-size: 20px; font-weight:bold; text-transform:uppercase; width:auto;}
#xtra .blogcontent {width:auto; margin-top:15px;font-size: 16px; padding:0px;}
#xtra .blogcontent p {margin:15px;font-size: 16px; padding:0px;}
#xtra .datetab {background:none;position:relative; top:0; right:0; height:auto; width:175px;margin:0px auto;}
#xtra .blogdate {width:auto; float:left;top:0;left:0;}
#xtra .blogdateyear {width:auto;top:0; float:right; left:0;}
#xtra .blogdivide {display:none;}
#xtra .blogauthor {clear:both;}
#xtra ul {text-align:left;margin-right:10px;}



/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	}
ul,li {
	list-style-type:none;
	}


ul.children{
	float:left;
}


a{
	outline: none;
}

body {
	margin:0;
	padding:0;
	text-align:center;
	background:url(images/bg.gif) #eee repeat-x;
	/* font-family:Georgia,'Times New Roman',Times,serif;
	font-size:14px;
        line-height:24px; */
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
}

img {
	border:none;
}


#wrapper{
	width:900px;
	margin: 0 auto;
	text-align:left;
}


/* H tags
------------------------------------------------------------------*/

h1{
	font-size:26px;
	letter-spacing:.8em;
	color:#666;
	text-transform:capitalize;
}

h1 a{
	font-size:31px;
	letter-spacing:.8em;
	color:#afafaf;
	text-decoration:none;
}

h1 a:hover{
	color:#767575;
}

h1.pagetitle{
	margin-top:30px;
}

#title h1{
	margin-top:30px;
	text-transform:capitalize;
        text-align:center;
}

#title h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	letter-spacing:-0.1em;
	color:#666;
	margin-top:30px;	
}

#title h2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	letter-spacing:-0.1em;
	color:#666;
	text-decoration:none;
}

#title h2 a:hover{
	color:#767575;
}


h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	/*text-transform:capitalize;*/
}

h3{
	font-family:Georgia, "Times New Roman", Times, serif;


	font-size:14px;
}

/* header
------------------------------------------------------------------*/


#header{
	position:relative;
}

#headertag{
	position:relative;
}

#toptag{
	position:absolute;
	right:90px;
	top:-4px;
}

#topheader{
	color:#999;
	text-align:left;
	float:left;
	width:850px;	
}


#topheader li{
	float:left;
	margin:12px 15px 0 0;
	text-transform: uppercase;	
}

#topheader a{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ccc;
	font-size:12px;
	text-decoration:none;
	letter-spacing:0.1em;
	font-weight:bold;
}	

#topheader a:hover{
	color:#999;
}

#mainnavigation{
	float:right;
	height:55px;
	background:url('images/topnavbgred.gif');
	padding: 0 10px 0 10px;

	
}

#mainnavigationright{
	float:right;
	height:55px;
	width:6px;
	background:url('images/leftnavbgred.gif');
}


#mainnavigationleft{
	float:right;
	height:55px;
	width:6px;
	background:url('images/leftnavbgred.gif');
	margin-right:10px;
	
}

#mainnavigation ul{
	padding-left:15px;
	padding-top:6px;
}



#logo{
	float:left;
	width:850px;
	z-index:8;
	height:83px;
}

#navigation{
	height:33px;
	float:left;



	width:850px;
}


#navigation li{
	float:left;
	height:33px;
	border-left: 1px #c0c0c0 solid;
	line-height:30px;
	text-transform: capitalize;
	
}

#navigation a{
	color:#666;
	text-decoration:none;
	letter-spacing:0.2em;
	float:left;
	padding:1px 15px 3px 15px;
}

#navigation a:hover{
	color:#000;
	background:#DFDFDF;
	float:left;
	padding:1px 15px 3px 15px;
}



/* content
------------------------------------------------------------------*/

#content{
	width:900px;
	background:url('images/mainbg.gif') no-repeat;
	float:left;
}


#mainimage{
	float:left;
	margin-top:15px;
	background:#fff;
}

#mainimage img{
	border:1px #666 solid;
	padding:3px;
}

#contentleft{
	width:620px;
	float:left;
}

#contentright{
	width:280px;
	float:left;
}

h2 a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#666;
	text-decoration:none;
}

h2 a:hover{
	color:#666;
}


.blogtitle{
	position:relative;
	top:8px;
	padding-bottom:12px;
	border-bottom:1px #eee solid;
	width:450px;
        margin-left: 10px;
}

.blogpost{
	position:relative;
	float:left;
	background:#fff;
	padding:10px;
	margin-top:30px;
	
        border:1px solid #d7d7d7;
        border-top: none;
        border-left: none;
}

.blogpost a{
	color:#333;
}

.blogpost a:hover{
	color:#000;
	background:#FAFAFA;
}

.datetab{
	position:absolute;
	height:103px;
	width:123px;
	background:url('images/datetab.png');
	right:-35px;
	top:-20px;
}

.blogauthor{
	position:relative;
	top:11px;
	color:#666;
	font-style:italic;
	font-size:11px;
        margin-left: 10px;
}

.blogcontent{
	padding:25px 0 0 19px;
	line-height:1.6em;
	width:500px;
}

.blogcontent p{
	margin:15px 7px 15px 15px;
	line-height:1.6em;
}

.blogcontent ul, .blogcontent ol{
	margin-left:25px;
}

.blogcontent li{
	list-style-type:disc;
}

blockquote {
	width:430px;
	margin:10px auto;
	padding:10px;
	letter-spacing:1px;
	color:#666;
}

.blogstrip{

	text-transform:uppercase;
	font-size:10px;
	color:#666;
	margin-top:20px;
}

.blogtags{
	margin:10px 0 15px 0;
        margin: 0px;
}

.blogdivide{
	float:left;
	width:560px;
	height:15px;
	background:url('images/hr.jpg');
	margin-bottom:5px;
}

.blogtags a{
	color:#666;
}

.blogtags a:hover{
	background:#FAFAFA;
}

.readmore{
	float:left;
	width:85px;
}

.readmore a{
	color:#333;
	text-decoration:none;
}

.readmore a:hover{
	color:#666;
	background:#FAFAFA;
}

.blogcategory{
	float:right;
}

.blogcategory a{
	color:#333;
}

.blogcategory a:hover{
	color:#666;
	background:#FAFAFA;	
}

.blogdate{
	position:relative;
	font-family:"Courier New", Courier, monospace;
	font-size:13px;
        font-weight:bold;
	top:34px;
	left:29px;
	width:80px;
	text-align:left;
}

.blogdateyear{
	position:relative;
	font-family:"Courier New", Courier, monospace;
	font-size:13px;
        font-weight:bold;
	top:34px;
	left:57px;
	width:60px;
}

.blogcomments{
	float:left;
}

.blogcomments a{
	color:#333;
	text-decoration:none;
}

.blogcomments a:hover{
	color:#666;
	background:#FAFAFA;	
}


/* comments
------------*/

#commentwrap, #commentreplies{
	float:left;
	margin:20px 0 0 0;
}

#commentwrap textarea{
	width:500px;
}


.commentitle{
	border-bottom:#666 solid 2px;
	float:left;
	width:590px;
}

#commentwrap h3, #commentreplies h3{
	background:#333;
	float:left;
	padding: 8px;
	font-size:13px;
	color:#fff;
}



#commentform{
	float:left;
	background:#eee;
	width:590px;
	padding-top:10px;
}

ol.commentlist{
	float:left;
	width:590px;
}

ol.commentlist li{
	float:left;
	width:580px;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #999;
	background:#fff;
}

ol.commentlist a{
	color:#333;
}

ol.commentlist a:hover{
	color:#666;
}

.commentwrapper{
	float:left;
}

.commentleft{
	float:left;
}

.commentright{
	float:right;
}


.commentcentre{
	float:left;
	width:120px;
}

.commentright p{



	width:405px;
	padding-left:10px;
}


.commentsavatar{
	border:#c0c0c0 solid 1px;
	padding:4px;
	margin-right:5px;
	float:left;
}

.commentauthor{
	font-size:11px;
	color:#333;
	font-weight:bold;
	float:left;
	width:120px;
	padding-left:5px;
}

.commentdate{
	font-size:11px;
	color:#999;
	width:120px;
	padding-left:5px;
}

.commentcomment{
	float:left;
	font-size:13px;
}

.commentcomment em{
	color:#999;
	padding-left:8px;
}

#commentwrap input{
	padding:2px;
	border:0px;
	margin:10px 10px 10px 0;
	border:1px solid #666;
	
}


#commentwrap textarea{
	padding:0px;
	border:0px;
	margin:10px 10px 10px 0;
	border:1px solid #666;
}


#commentwrap label{
	color:#666;	
	font-weight:bold;
}

#commentloggedin{
	color:#666;
	font-weight:bold;
	float:left;
	font-size:12px;
	margin:10px 10px 10px 0;
}

#commentloggedin a{
	color:#666;
}

#commentloggedin a:hover{
	text-decoration:none;
	background:#FAFAFA;	
}

.commentedit{
	width:405px;
	padding-left:10px;
	margin-top:15px;
}


#submit{
	text-transform: uppercase;
	font-size:11px;
	font-weight:bold;
        float:left;
}


#youmustbe{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:-0.1em;
	font-weight:bold;
	color:#333;
	margin:10px 0 10px 0;
}

#youmustbe a{
	color:#666;
}

#youmustbe a:hover{
	background:#c0c0c0;
}

#disclaimer {
       border:1px dashed #000;
       padding: 10px;
       font-size:110%;
       width:335px;
       background-color:#9c9c9c;
       float:left;
       margin: 10px;
}

/* sidebar
------------------------------------------------------------------*/

#rss{
	position:relative;
	bottom:25px;
}

#introduction p{
	margin-top:10px;
}

#introduction{
	float:left;
	font-size:12px;
	word-spacing:0.1em;
	line-height:1.6em;
	background:#fff;
	border:#c0c0c0 solid 1px;
	padding:7px;
	width:195px;
}

#introductionwrap{
	float:left;
	background:#c0c0c0;
	border:#999 solid 1px;
	padding:2px;	
}

#twitter{
	float:left;
	font-size:12px;
	word-spacing:0.1em;
	line-height:1.6em;
	background:#fff;
	border:#c0c0c0 solid 1px;
	padding:7px;
	width:195px;
}

.twitter-message {
        overflow:hidden;
        word-wrap: break-word; 
}

#promowrap{
	float:left;
	background:#c0c0c0;
	border:#999 solid 1px;
	padding:2px;
	margin-top:35px;
}

#promos{
	float:left;
	font-size:12px;
	word-spacing:0.1em;
	line-height:1.6em;
	background:#fff;
	border:#c0c0c0 solid 1px;
	padding:7px;
	width:195px;
}

#recentpostswrap{
	float:left;
	background:#c0c0c0;
	border:#999 solid 1px;
	padding:2px;
	margin-top:15px;

}

#recentposts{
	float:left;
	font-size:12px;
	word-spacing:0.1em;
	line-height:1.6em;
	background:#fff;
	border:#c0c0c0 solid 1px;
	padding:7px;
	width:195px;
}

#sidebar{
	margin:10px 0 10px 0;

	padding-left:10px;
	float:left;
}

.recentpostswrap{
	float:left;

	margin-top:15px;
	display:block;
	width:193px;
}

.recentpoststitle a{
	color:#333;
}

.recentpoststitle a:hover{
	color:#666;
	background:#FAFAFA;	
}

.recentpostsdate{
	float:left;
	width:193px;	
}

.recentpoststitle{
	float:left;
	width:193px;
}


#searchformsidebar{
	position:relative;
	float:left;
	margin-top:15px;
}

#searchformsidebar input.searchbg{
	padding:3px;
	border:1px solid #c0c0c0;
	width:195px;
	color:#999;
}

#searchmenu{
	float:left;
}

#searchsubmitbtn{
	position:relative;
	bottom:1px;
	right:10px;
	float:left;
}

#twitter{
	float:left;
	font-size:12px;
	word-spacing:0.1em;
	line-height:1.6em;
	background:#fff;
	border:#c0c0c0 solid 1px;
	padding:7px;
	width:195px;
}

#twitterwrap{
	float:left;
	background:#c0c0c0;
	border:#999 solid 1px;
	padding:2px;
	margin-top:35px;
}

.twitter-message {
margin: 10px;
}


.tweetBird {
padding-top:10px;
margin: -45px 0 0 50px;
float:right;
}

#categories ul.children{
	float:none;
}
#categories{
	float:left;
	font-size:12px;
	word-spacing:0.1em;
	line-height:1.6em;
	background:#fff;
	border:#c0c0c0 solid 1px;
	padding:7px;
	width:195px;
}

#categorieswrap{
	float:left;
	background:#c0c0c0;
	border:#999 solid 1px;
	padding:2px;
	margin-top:15px;
}
#categories ul{
        border-bottom: 1px #c0c0c0 solid;
}
#categories li{
	/*float:left;*/
	height:33px;
	border: 1px #c0c0c0 solid;
        border-bottom:none;
	line-height:30px;
	text-transform: capitalize;
	
}

#categories a{
	color:#666;
	text-decoration:none;
	letter-spacing:0.1em;
	/*float:left;*/
	padding:1px 30px 3px 10px;
}

#categories a:hover{
	color:#333;
	background:#DFDFDF;
	/*float:left;*/
	padding:1px 30px 3px 10px;
}




#calendarwrap{
	float:left;

	background:#c0c0c0;
	border:#999 solid 1px;
	padding:2px;
	margin-top:15px;
	width:210px;
}

#calendar{
	float:left;
	font-size:12px;
	word-spacing:0.1em;
	line-height:1.6em;
	background:#fff;
	border:#c0c0c0 solid 1px;
	padding:7px;
	width:194px;
	font-family:Georgia, "Times New Roman", Times, serif;
}



#wp-calendar{
	width:194px;
}

#wp-calendar a{
	color:#fff;
	background:#999;
	padding:2px;
	text-decoration:none;
}


#wp-calendar a:hover{
	background:#666;
	text-decoration:underline;
}


#prev a{
	background:none;

	color:#000;
}

#next a{
	background:none;
	color:#000;
}

#calendar caption{
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #333;
	padding-bottom:4px;
}

/* paging
------------------------------------------------------------------*/


#paging{
	position:relative;
	margin-top:20px;
	float:left;
	width:586px;
}

#alignleft{
	float:left;
}

#alignright{
	float:right;
}

#paging a{
	color:#000;
	font-size:18px;
	text-decoration:none;
}

#paging a:hover{
	color:#666;
}


/* footer

------------------------------------------------------------------*/


#footer{
	background:#212121;
	font-size: 11px;
	padding: 18px 0 0px 0;
	font-size:11px;
	height:48px;
	float:left;
	width:100%;
}

#footercontent h3{
	margin-bottom:5px;
}

#footercontent{
	width:850px;
	float:left;
	margin:20px 0 0 0;
	padding-bottom:40px;
}

.footercolumn,.footercolumn2 {

	float:left;
	padding-right:20px;
	margin:0 10px 10px 10px;
	padding:0 10px 10px 10px;
	width:160px;
}

.footercolumn a, .footercolumn2 a{
	color:#666;
	text-transform: uppercase;
	text-decoration:none;
	line-height:2.0em;
	font-size:11px;
	
}


.footercolumn a:hover, .footercolumn2 a:hover{
	color:#999;
}

.footercolumn2 {width:320px;}
.footercolumn2 h2 {display:none;}
.footercolumn2 #linkcat-10 {float:right;}
.footercolumn2 #linkcat-2 {float:left;width:160px;display:inline;}

#footerbg{
	float:left;
	background:url('images/footerbg.gif');
	width:850px;
}

#footerheader{
	float:left;
	height:61px;
	width:850px;
	background:url('images/topheader.gif');
	
}


#footerbottomcontent{
	width:850px;
	margin: 0 auto;
	text-align:left;
	position:relative;
	bottom:6px;
	color:#666;
}

#footerbottomcontent a{
	color:#666;
}

.advertwrapper{
	float:left;
}

b.pink{
	color:#990033;
	font-weight:normal;
}
b.jk a, b.jk a:visited, b.jk a:active {
	font-family:courier, monospace;
        text-decoration:none;
        color:#ccc;font-size:7px;
}

b.jk a:hover{
        text-decoration:underline;
}

#disclaimer {
       border:1px dashed #000;
       padding: 10px;
       font-size:110%;
       width:335px;
       background-color:#9c9c9c;
       float:left;
       margin: 10px;
}



/* recommended by wordpress themes
------------------------------------------------------------------*/

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
padding-right:15px;
padding-bottom:20px;
}

.alignright {
	float: right;
}