﻿/*
Theme Name: Farrah
Theme URL: http://camelgraph.com/
Description: Free Premium Wordpress Theme
Author: CamelGraph
Author URI: http://camelgraph.com
Version: 1.0

*/

/*------------------------------------------------------------	
	CSS RESET [DO NOT MODIFIED]					
			
	v1.0 | 20080212 								
---------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
vertical-align: baseline; background: transparent;
}body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*----------------------------------------------------------------------------	
		BASIC STYLES										
-------------------------------------------------------------------------------*/

body {
font-family:Segoe UI, Arial, Verdana, sans-serif;
background: #F6EEEB url(images/body-bg.jpg) repeat-x fixed;
font-size:12px;
color:#444444;
line-height:1.1em;
}a {color:#A76850;text-decoration:none}
a:hover {color:#E78D33}
p {margin:0 0 10px 0}

h1, h2, h3, h4, h5, h6 {color:#333;line-height:1.3em;letter-spacing:-1px;text-shadow:1px 1px 1px #E2EEF1;font-family:"Myriad Pro","Myriad Web",Myriad,"Segoe UI",Calibri,Arial,sans-serif}
h1 {font-size: 22pt}
h2 {font-size: 18pt;}
h3 {font-size: 16pt;}
h4 {font-size: 14pt;}
h5{font-size: 12pt;}
h6 {font-size: 10pt;}

img.aligncenter {margin: 0 auto;display: block;}
img.alignleft {float: left;margin: 5px 10px 0 0;display: inline;}
img.alignright {float: right;display: inline;margin: 5px 0 0 10px;}
.alignleft{float:left;margin-right:8px;}
.alignright{float:right;margin-left:8px;}

.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 p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
.widget_tag_cloud  {line-height:1.2em}
.textwidget {line-height:1.5em;margin:10px 0 0;}
.recentcomments a{}
.italic {font-style:italic}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix   { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

 ul {list-style: square;margin: 0 0 18px 1.5em;}
ol {list-style: decimal;margin: 0 0 18px 1.5em;}
ol ol {list-style:upper-alpha;}
ol ol ol {list-style:lower-roman;}
ol ol ol ol {list-style:lower-alpha;}
ul ul,ol ol,ul ol,ol ul {margin-bottom:0;}

dl {margin:0 0 24px 0;}
dt {font-weight: bold;}
dd {margin-bottom: 18px;}

strong {font-weight: bold;}
cite,em,i {font-style: italic;}
big {font-size: 131.25%;}
ins {background: #FFFFCC;}

blockquote {font-style: italic;padding: 1em 2em;background: #F7F7F6;}
pre {background: #f7f7f7;color: #222;line-height: 18px;margin-bottom: 18px;padding: 1.5em;}

abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
ins {text-decoration: none;}
sup,sub {height: 0;line-height: 1;vertical-align: baseline;position: relative;}

sup {bottom: 1ex;}
sub {top: .5ex;}

input[type="text"],textarea {padding: 2px;background: #f9f9f9;border: 1px solid #ccc; resize: none;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}

/*------------------------------------------------------------------------------------------------------
		MAIN LAYOUT STRUCTURE													
--------------------------------------------------------------------------------------------------------*/

#wrap{width:960px;margin:0px auto}

/*---------------------------------------
	HEADER AREA		           
-----------------------------------------*/

#header {height:0px;background: rgba(255,255,255,0.8);margin:20px 0 20px 0}
#logo {float:left;margin:15px;font-size:36px}
#top-ads{float:right;margin:40px}

/* --------- Top Navigation -------*/
#primary-nav {height:40px;background: rgba(255,255,255,0.8);border:1px solid #DDDDDD;margin:0 0 20px 0}
#primary-nav ul {height:50px;}
#primary-nav ul li {font-weight:bold;font-size:12px;border-right:1px solid #EBEBEB;}

#primary-nav ul li a {
text-shadow:2px 1px 2px #F0F6FD;
margin:5px 5px 5px 0;
text-decoration:none;
color:#A76850;
}

/*------------------------------------------------	
	HOME CONTENT AREA		      
--------------------------------------------------*/

#content-wrap {margin:30px 0 30px 0;background: rgba(255,255,255,0.8);padding:10px 10px 30px 10px}
#content {float:left;width:620px;margin:0 10px 0 5px}

/*Breadcrumbs Navigation*/
#breadcrumb {float:left;width:600px;margin:10px;background: url(images/home.png) no-repeat scroll 0 0 transparent}
.breadcrumbs li { list-style-type: none;float: left; margin: 0 0.5em 0 0;}
.breadcrumbs li a {color:#A76850}
.breadcrumbs li a:hover {color:#E78D33}
.breadcrumbs li:before {content: "» ";}
.breadcrumbs .front_page:before {content: none;}

/*------------Post Loop--------------*/
.post-title a {color:#A76850;line-height:1.1em}
.post-title a:hover {color:#E78D33}
.post-meta {background:none repeat scroll 0 0 #A76850;color:#fff;font-size:11px;margin:5px 0 15px;padding:5px;}
.post-meta a {color:#FBE581;font-style:normal}
.post-meta a:hover {color:#F9D7A4}
.post-entry {line-height:1.6em;font-size:110%;float:left}
.post-entry p  {overflow:hidden}
.post-entry ul { list-style-type: disc; margin: 10px 0px 10px 20px; }


/*-----Page Template---------*/
.page-title a{font-size:1.3em}
.full-width-content {float:left;width:920px;padding:10px 20px 20px;}

.error{height:300px;padding:20px !important;font-size:1.4em;line-height:1.4em}
.error h2{margin:0 0 20px 0}

.sitemap {padding:15px;line-height:1.4em;font-size:1.2em;}
.sitemap ul{list-style-type:none}
.sitemap ul li{background:url(images/bullet.png) no-repeat scroll 0 4px transparent;padding-left:20px}
.sitemap h2{margin:0 0 15px 0}
.sitemap-sidebar {width:320px;float:left;padding:10px}
.sitemap-main{float:left;width:550px;padding:10px}

/*------------Home Post Loop--------------*/
#home-post-loop {float:left;}
.home-post {float:left;width:578px;padding:20px 20px 40px 10px;margin:0 0 20px 0;background:#FBF5EC;}
img.home-thumb {background:#F6FCFD;border:1px solid #E9DCCC;float:left;margin:0 15px 5px 0;padding:5px;}

/*------------Single Post Loop--------------*/
#single-post-loop {float:left;}
.single-post {float:left;width:578px;padding:20px;margin:0 0 20px 0;background:#FBF5EC}
.post-meta-single {background:none repeat scroll 0 0 #A76850;color:#fff;font-size:11px;margin:5px 0 20px;padding:5px;}
.post-meta-single a {color:#FBE581;font-style:normal}
.post-meta-single a:hover {color:#F9D7A4}

/*-----Author Box------*/
#author-box{float:left;padding:10px;width:578px;background:#FBF0E3;margin:0 0 0 -30px;position:relative;
	-moz-box-shadow:3px 3px 5px rgba(190, 200, 211, 0.5);
	box-shadow: 3px 3px 5px rgba(190, 200, 211, 0.5);
	-webkit-box-shadow: 3px 3px 5px rgba(190, 200, 211, 0.5);
	z-index: 100; /* the stack order: foreground */ }

.author-corner{background:url(images/corner.png) no-repeat left top; bottom:-13px;height:12px;left:2px;position:absolute;width:12px;}
.author-avatar{float:left;margin:0 20px 0 0}
.author-avatar img {border: 3px solid #fff}
.author-text{float:left;width:450px}
.author-text p{line-height:2em}

/*-----Related Posts-----*/
#related-post {float:left;margin:20px 0 0 10px;width:570px}
#related-post h3{margin:0 0 20px 0}
.related-item {float:left;height:80px;width:50%;}
.related-thumb {float:left}
.related-info {float:left;margin-left:15px;width:150px;}
.related-info h3{font-size:14px;margin:0 !important;text-shadow:0 !important;letter-spacing:0}

/*--------------Social Bookmarking Button --------------------*/
.socialbar {float:left;margin:30px 0 10px 0s; height:35px;border:1px #A0B4C3 dashed;padding:10px;width:530px;line-height:1.7em;text-align:center;}
.twitter-button {background: url(images/social/twitter-button.png) no-repeat top left;padding: 0 0 0 20px;margin:0 10px 0 0}
.facebook-button {background: url(images/social/facebook-button.png) no-repeat top left;padding: 0 0 0 20px;margin:0 10px 0 0}
.digg-button {background: url(images/social/digg-button.png) no-repeat top left;padding: 0 0 0 20px;margin:0 10px 0 0}
.delicious-button {background: url(images/social/delicious-button.png) no-repeat top left;padding: 0 0 0 20px;margin:0 10px 0 0}
.stumble-button {background: url(images/social/stumble-button.png) no-repeat top left;padding: 0 0 0 20px;margin:0 10px 0 0}
.rss-button {background: url(images/social/rss-button.png) no-repeat top left;padding: 0 0 0 20px;margin:0 10px 0 0}
.email-button {background: url(images/social/email-button.png) no-repeat top left;padding: 0 0 0 20px;margin:0 10px 0 0}
.link-button {background: url(images/social/link-button.png) no-repeat top left;padding: 0 0 0 20px;margin:0 10px 0 0}

/* ------------Pagenavi-------------- */
.wp-pagenavi {float:left;display:inline;color:#484848;margin:20px;line-height:30px}
.wp-pagenavi a{border:#ddd 1px solid;background-color:#fff;padding:3px 6px;text-decoration:none;font-size:11px;color:#484848}
.wp-pagenavi a:hover{border:#AF684C 1px solid;background-color:#AF684C;color:#fff;text-shadow: 0 0 0}
.wp-pagenavi .page{border:#ddd 1px solid;background-color:#fff;padding:3px 6px;text-decoration:none;font-size:11px;color:#484848;display:inline;margin:0 2px}
.wp-pagenavi span.current{border:#AF684C 1px solid;color:#fff;padding:3px 6px;text-decoration:none;background-color:#AF684C;margin:0 2px}
.wp-pagenavi span.pages{border:#ddd 1px solid;background-color:#fff;padding:3px 6px;text-decoration:none;font-size:11px;color:#484848;display:inline;margin:0 1px}

/*------------------------------------------------
	SIDEBAR AREA		    		   
--------------------------------------------------*/

#sidebar {float:right;width:300px;margin: 0px;padding-bottom:20px;background:#FBF5EC}

/*--------Search Form -------*/
#searchform {margin:10px}
form#searchform input[type="text"] {width:140px;height:30px;color:#5f6466;padding-left:5px}

input#searchsubmit {color:#fff; background:url(images/search.png) no-repeat  0 0;border:none;width:48px;height:48px;text-indent:-9999px;display:inline-block}
input#searchsubmit:hover {background:url(images/search.png) no-repeat  0 -48px}

/*-----Social Widget-----*/
#social-widget {width: 260px;margin:10px;background:#F9EBD6;padding:10px;text-shadow:1px 1px 1px #fff}
div#social-widget input[type="text"] {width:120px;color:#5f6466}
#social-widget h3 {margin:0 15px 20px 0;color:#A76850}

.rss-com {background: url(images/social/rss-mini.png) no-repeat top left;float:left;height:50px;width:70px;padding:5px 0 0 55px;color:#FD6B36}
.rss-com a {color:#f38e33}
.rss-com a:hover {color:#FD6B36}
.feed-count {font-size:1.4em;font-weight:bold}
#feedform{margin:10px 0 0 0}

.twitter-com {background: url(images/social/twitter-mini.png) no-repeat top left;float:right;height:50px;width:50px;padding:5px 0 0 55px;}
.twitter-com a:hover {color:#0B4978}
.tweet-count {font-size:1.4em;font-weight:bold}

.fb-com {background: url(images/social/fb-mini.png) no-repeat top left;height:50px;width:200px;margin:10px 0 0 0;padding:10px 0 0 55px;float:left;font-size:1.4em;font-weight:bold;}
.email-com {background: url(images/social/email-mini.png) no-repeat top left;width:200px;padding:10px 0 0 55px;float:left;font-size:1.4em;font-weight:bold;margin:0 0 10px 0;color:#686B6C}
.emailsubmit {background:#9B9895;cursor:pointer;color:#fff;font-family:inherit;border:none;padding:3px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius: 6px;-webkit-border-radius:6px; border-radius:6px;
font-size:12px;}
.emailsubmit:hover {background:#285687}

/*--------Ads Block 125px -------------*/
#ads-block-125 {margin:15px;width: 270px;}
#ads-block-125 img {margin:5px 0 5px 5px;height:125px;width:125px}

/*------Sidebar Widget Style-------*/
.widget-sidebar{margin:15px 15px 0;padding:10px;background:#F9EBD6}
.widget-sidebar h3{border-bottom:1px solid #E9DCCC;color:#A76850;margin:0 20px 0 0;padding:0 0 5px 0;}
.widget-sidebar h3:hover{cursor:n-resize}
h3.plus {background:url(images/toggle.png) no-repeat right -16px}
h3.minus {background:url(images/toggle.png) no-repeat right 9px}

.widget-sidebar ul{list-style:none;margin: 0px !important}
.widget-sidebar ul li{margin:10px 20px 0 10px;background: url(images/bullet.png) no-repeat 0 2px; padding-left:18px;line-height:1.3em;}
.widget-sidebar ul li ul li{background: url(images/bullet1.png)no-repeat;margin:10px 0 0 5px;}

/*-------Twitter Widget Style-------*/

div.twitter-widget ul li { list-style-type: none;background: url(images/twit-bullet.png) no-repeat 0 2px}
div.twitter-widget h3 {background: url(images/twit-icon.png) no-repeat 0 2px;padding:0 0 3px 45px}
#twitter_update_list  {margin:10px 0 0 0}
.twit-line{margin:3px 0 15px 45px}



/*------------------------------------------------
	Bottom AREA		    		  
--------------------------------------------------*/
#bottom-area {border:1px solid #DDDDDD outside;background: rgba(255,255,255,0.8);margin:0 0 10px 0;padding:0 0 40px 0}

/*------Bottom Widget Style-------*/
.widget-bottom {width:215px;margin:20px 0 10px 20px;line-height:1.5em; display: -moz-inline-stack; display: inline-block; vertical-align: top;_height:250px; zoom: 1;  *display: inline;}
.widget-bottom h3{border-bottom:1px solid #E9DCCC;color:#A76850;margin:0 20px 5px 0;padding:0 0 5px 0;}
.widget-bottom ul{list-style:none;margin: 0px !important}
.widget-bottom ul li{margin:10px 0 0 10px;background: url(images/bullet.png) no-repeat 0 2px; padding-left:18px;line-height:1.3em;}
.widget-bottom ul li ul li{background: url(images/bullet1.png)no-repeat;margin:10px 0 0 5px;}
.widget-bottom a{line-height:1.2em}


/*------------------------------------------------
	COMMENT AREA		   		
--------------------------------------------------*/

/* TABS FOR COMMENTS AND TRACKBACKS */

ul.tabs {margin: 0;padding: 0;list-style: none;height: 32px; background: url(images/user-comment.png) no-repeat top left;padding: 10px 0 0 30px !important;height:32px}
ul.tabs li {float: left;margin: 0;padding: 0;height: 31px; line-height: 31px; margin-bottom: -1px;overflow: hidden;position: relative;color }
ul.tabs li a {text-decoration: none;display: block;font-size: 1.2em;padding: 0 20px;outline: none;color:#A0B4C3}
ul.tabs li a:hover {color:#7EB2D9}
html ul.tabs li.active, html ul.tabs li.active a:hover  {}
html ul.tabs li.active a {color:#A76850;}

.tabs-container {overflow: hidden;clear: both;width: 100%;}
#trackbacks-tab{padding:10px}

#comments {float:left;padding:10px;width:578px;margin:30px 0 0 0}
#comments h4{display:inline;font-size:14px}
#commentform textarea  {width:95%}
#commentform label{width: 100px;float:left;display: inline-block;}

#respond {margin:0 10px 0 10px;background:#FBF0E3;padding:10px;}
#respond h4{margin:0 0 10px 0 ;font-size:14pt}
#respond ol{margin:0px;padding:0px}
#respond li { list-style: none;margin:15px 0 15px 10px }
#respond input[type="text"] {height:1.5em}

#pings a{font-size:10px} 
#pings {font-size:10px;float:left} 
#pings ol {list-style:disc outside none} 

.cancel {margin:0 0 20px 0}
.reply {margin: 0 10px 10px 0; text-align:right;float:right;}
.edit-comment a{color:#E73A1F;font-size:10px;}
.edit-comment a:hover{color:red}
.cre {color:#AF684C;text-shadow:1px 1px 1px #fff}
.cre a {color:#FB9F2E}
.cre a:hover {color:#AF684C}
.nocomments {padding:10px;text-shadow:1px 1px 1px #E2EEF1;font-size:1.2em;font-weight:bold}
.comment-reply-link {background: url(images/reply.png) no-repeat 0 -20px;padding:0 0 0 25px;display:block;line-height:20px;}
.comment-reply-link:hover{background: url(images/reply.png) no-repeat scroll  transparent}

.commentlist {list-style-type:none;margin:20px 0 18px}
.comment-author-admin {background:#FDF9EE}
.commentsubmit {background:#A76850;color:#fff;font-family:inherit;border:none;padding:5px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.commentsubmit:hover {color:#B7EAFB;background:#285687}

div#comments .children{list-style-type:none;width:90%;margin:20px 0 0 20px !important;clear:both}
.comment {margin-bottom:15px;border:1px solid #EAECED;padding:0 0 10px 0;
-moz-border-radius:5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.even{background:#fff}
.avatar {float:left;border:5px solid #fff}
.comment div.commenter{margin:20px 0;background:#FDF4E7;padding:10px}
.comment-text{padding:10px;font-size:1.1em;line-height:1.2em;}
.comment-meta {float:left;margin:0 0 0 20px;line-height:2em;}
.fn{display:block;font-size:24px;font-style:normal;}

.bypostauthor {background:#FFF9EF} 

.pagination {float:left;display:inline;color:#484848;margin:20px;line-height:30px}
.pagination a{border:#ddd 1px solid;background-color:#fff;padding:3px 6px;text-decoration:none;font-size:11px;color:#484848}
.pagination a:hover{background-color:#B57047;border:#B57047 1px solid;color:#fff;text-shadow: 0 0 0}
.pagination span.current {margin:0 2px;border:#B57047 1px solid;background-color:#B57047;color:#fff;padding:3px 6px;text-decoration:none;}

/*------------------------------------------------	
	SLIDESHOW AREA		
--------------------------------------------------*/

#slideshow {width:960px;background: rgba(255,255,255,0.8);}

#slider{float:left;margin:20px 20px 10px 30px}
.featured-post{width:900px}
.slider-image{width:400px;height:250px;float:left}
.slider-post{width:470px;margin:0 0 0 30px;float:left;font-size:110% !important;line-height:1.8em}

.slider-post-meta {background:none repeat scroll 0 0 #A76850;color:#fff;font-size:11px;margin:5px 0 15px;padding:5px;line-height:1.2em}
.slider-post-meta a {color:#FBE581;font-style:normal}
.slider-post-meta a:hover {color:#F9D7A4}

#slider-nav {float:left;padding-left:440px;margin:0 0 20px}
#slider-nav a {background: url(images/control-1.png) no-repeat;display:block;float:left;height:14px;margin-right:4px;text-indent:-9999px;width:15px;}
div#slider-nav a.activeSlide {background: url(images/control-2.png) no-repeat;}

.slider-arrow{position:relative}
span#prev, span#next{display:block;height:23px;position:absolute;text-indent:-9999px;top:140px;width:13px;}
span#prev {background: url(images/prev.png) no-repeat;left:10px }
span#next {background: url(images/next.png) no-repeat ;right:5px}

a.readmore span {display:block;height:34px;padding:0 5px 0 10px;}
.readmore{
background:#F9EBD6;display:block;float:right;height:34px;line-height:34px;margin:8px 10px 0 0;padding-right:9px;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:15px;-khtml-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px; 	
-moz-box-shadow: 1px 1px 1px #D5D5D5 inset;box-shadow:  1px 1px 1px #D5D5D5 inset;-webkit-box-shadow:  1px 1px 1px #D5D5D5 inset;
}.readmore:hover{
background:#A76850;text-shadow:1px 1px 1px #357BC5;color:#fff
}