/*
Theme Name: Third Times a Charm
Description: A theme for the Freibergs that they (hopefully) wont hate as much as the last one
Author: Adam Richardson

Red: #af1515

*/


/* ------------------------------ RESET ------------------------------ */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* ------------------------------ GENERAL ------------------------------ */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
img.alignleft { display:inline; float:left; margin:10px 13px 10px 0; }
img.alignright { display:inline; float:right; margin:10px 0 10px 13px; }
img.textbottom { vertical-align:text-bottom; padding: 0 2px 0 1px; } 
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
.clear { clear:both; }


/* ------------------------------ LAYOUT ------------------------------ */

body				{ background: #FFF; background: url("common/menubar-top-border.gif") repeat-x top; }
body#home			{ background: #FFF; }
div#page-wrap		{ width: 940px; margin: 0 auto;}
div#main-content	{ width: 620px; float:left; }
div#sidebar			{ float: right; width: 220px; min-height: 563px; margin:0px 0 20px 20px; background: url("common/sidebar-bg.jpg") no-repeat top left; }
div.post			{ padding: 25px 10px 30px 60px;}
div#footer-wrap		{ clear:both; background: url("common/footer-top.gif") #F5F5F5 no-repeat scroll center top; }
#footer				{ width: 940px; margin: 0 auto; }
div#footer-bottom	{ clear:both; background: url("common/footer-bottom.gif") #F5F5F5 no-repeat scroll center bottom; }
div#featured-wrapper		{ width: 935px; background: #fafafa; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin: 50px 0 30px 0;
							  padding: 20px 0 15px 10px; border:1px solid #ddd;}
div.featured-box	{ width: 246px; float:left; padding: 0px 32px 0px 32px; border-right: dotted 1px #ccc; }
div.featured-box-last	{ border-right: none; }


/* --------------------------------- TYPOGRAPHY --------------------------------- */

h1, h2, h3, h4, h5, h6	{
  font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2", "Helvetica", sans-serif;
  font-weight: bold;
  color: #af1515;
  margin: 10px 0 10px 0;
}

p, li	{
	color:#666666;
	font:10pt/14pt Arial,sans-serif;
	padding: 0 0 5px 0;  }

p { padding: 0 0 10px 0;}
strong	{	font-weight:bold;	color: black;	}

h1 {font-size: 22px; line-height: 24px; }
h2 {font-size: 20px; line-height: 22px; }
h3 {font-size: 18px; line-height: 20px; }
h4 {font-size: 16px; line-height: 18px; }
h5 {font-size: 14px; line-height: 16px; }
h6 {font-size: 12px; line-height: 14px; }
h2 span{ color:#444; }

.post p	{ text-align: justify; }
.post a	{ color: #af1515; border-bottom:1px dotted #af1515; text-decoration:none; }
.post a:hover	{ background: #eee; }
.post a:active { position: relative; top: 1px; }

/* a:visited	{ color: #532c02; } */

.post ul ol {margin-left:0;}
.post ul li {margin: 0 0 0px 35px; list-style-image:url("common/list-bullet-circle.png"); list-style-position:outside;}
.post ul li ol {margin-left:10px;}
.post ol li {margin: 0 0 0px 35px; list-style: decimal; list-style-position:outside;}
.post ol li li {margin-left:10px;}


blockquote { padding: 4px 0px 0 0px;   margin-left:0px;}
blockquote.indent { padding: 4px 0px 0 30px; /* background: url("common/quote-open-red.png") no-repeat scroll left top; */ margin-left:0px;}
blockquote p { font: italic 13px Arial, sans-serif; line-height: 17px;}
blockquote:first-letter { font: italic 15px Arial, sans-serif; color: #444; }
blockquote img { float:right; }
blockquote .author { margin: -5px 0 0 200px; font: bold 11px Arial, sans-serif; line-height: 14px; color: #444; } 
blockquote .company { margin: 0 0 15px 200px; font: normal 11px Arial, sans-serif; line-height: 14px; color: #444; } 
blockquote .author-with-image { margin: -5px 0 0 80px; font: bold 11px Arial, sans-serif; line-height: 14px; color: #444; } 
blockquote .company-with-image { margin: 0 0 15px 80px; font: normal 11px Arial, sans-serif; line-height: 14px; color: #444; } 

div.hr {background: #fff url("common/hr.jpg") no-repeat scroll left; height: 12px; padding: 13px 0 13px 0; clear:both;}


/* ------------------------------ HEADER ------------------------------ */
div#masthead		{ height: 299px; }
#masthead h1		{ margin: 0 0 10px 0; padding: 65px 0 0 0; font-size: 35px; color: #000; z-index:-3;}
#masthead p			{ padding-left: 15px; font-size: 22px; line-height: 26px; color: #aaa;}
#masthead img		{ position:absolute; TOP:0px; LEFT:300px; z-index:-5; }


#home-header h1{ font-weight: bold; color:#444; }
#home-header h1 span{ color:#af1515; }

/* ------------------------------ TOP MENU ---------------------------- */

div#menu			{ height: 50px; border-top: 9px solid #af1515;}
#menu ul			{ padding: 15px 0 0 0px}
#menu ul li			{ display:inline;}
#menu ul li	a		{
  					font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2", "Helvetica", sans-serif;
					font-weight:bold;
					font-size: 16px;
					color: #333;
					text-decoration:none;
/* 					text-transform: uppercase; */
					padding: 22px 15px 10px 15px;
					margin: 0 10px 0 0;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;  }
#menu ul li	a:hover	{ background: #af1515; color: white; border:none; }
#menu li.current_page_item, #menu li.current_page_ancestor	{
					padding: 22px 15px 11px 15px;
					background: #af1515;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px; }
#menu li.current_page_item a { color: white; }


div.breadcrumb 	{ margin: 25px 0 20px 15px; padding: 5px 10px 5px 10px; font-family: "verdana", sans-serif; font-size: 10px; color: #555; border: 1px dotted #af1515; background: #fcfcfc; }
div.breadcrumb a	{ color: #af1515; border-bottom:1px dotted #af1515; text-decoration:none; }
div.breadcrumb a:hover	{ background: #fff8aa; }
div.breadcrumb a:active { position: relative; top: 1px; }

/* ------------------------------ FEATURED CONTENT BOXES ON THE HOME PAGE ---------------------- */
.featured-box h2 { color:#af1515; font-weight: normal; margin: 0 0 0 0; font-size: 20px; font-weight: bold; }
.featured-box img{ padding:2px; border:1px solid #ccc; background-color:#fff;}
img.read-more { margin: 20px auto 0px auto; display:block; padding:1px 0px 1px 1px; }
.featured-box a	{ color: #af1515; border-bottom:1px dotted #af1515; text-decoration:none; }
.featured-box a:hover	{ background: #eee; }
.featured-box a:active { position: relative; top: 1px; }

/* ------------------------------ SIDEBAR ---------------------------- */
.sidebar-navigation li { padding: 0 0 0 15px; }
.sidebar-navigation li a { border-bottom:1px solid #DCDDDE; border-top:1px solid #FFFFFF; color: #555; display:block; }
.sidebar-navigation a	{ padding: 5px; font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2", "Helvetica", sans-serif; font-size: 14px; text-decoration:none; }
.sidebar-navigation a:hover	{ background: #f8f8f8; }

.sidebar-navigation li ul { display: none; }  /* ------ IMPORTANT: IT HIDES THE GRANDCHILDREN PAGES ---- */
ul.sidebar-navigation {
	list-style-type:none;
	margin: 0px 0 0 0;
	padding: 0 0 0 20px;
}

ul.sidebar-navigation li.current_page_item a { font-weight: bold; color: #af1515; }

#sidebar h4 { margin: 50px 0 5px 22px; }

/* ------------------------------ BREADCRUMBS ---------------------------- */
li.navLevel1 { padding: 0 0 0 0px; }
li.navLevel2 { padding: 0 0 0 5px; }
li.navLevel3 { padding: 0 0 0 10px; }
li.navLevel4 { padding: 0 0 0 15px; }

/* ------------------------------ FORMS ---------------------------- */
.wufoo .info { display:none; }
.wufoo .section h3 {
	font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2", "Helvetica", sans-serif;
	font-weight: bold; font-size: 14px; line-height: 16px; color: #af1515; margin: 10px 0 10px 0;
 }
 
/* ------------------------------ SEARCH ---------------------------- */
div#search { margin: 40px 0 20px 25px; }
 
/* ------------------------------ FOOTER ---------------------------- */

#footer h2{ font-weight: bold; color:#444;}
#footer h2 span{ color:#af1515; }

div.contact-us{
	float:left; width: 180px; padding: 20px 0 20px 0;
}

div.follow-us{
	width: 170px; padding: 20px 60px 20px 60px;
}

div.recent-blogs{
	width: 440px; padding: 20px 0 20px 0;
}

.footer-list{
	list-style-type:none;
	margin: 0 0 0 0;
	background: transparent url("common/dot-border-light.gif") top repeat-x;
}
.footer-list li{
	list-style-type:none;
	font-size: 12px;
	margin:0;
	padding: 8px 0;
	background: transparent url("common/dot-border-light.gif") bottom repeat-x;
}


.footer-list .date{
	color:#444;
	padding:0 7px 0 0;	
}

.footer-list .title{	
	width: 200px;
	margin: 0 0 0 10px;
}

.footer-list a{
	color:#af1515;
	text-decoration:none;
	border: none;
	cursor: pointer;
	background: transparent url("common/list-bullet.png") no-repeat left center;
	padding: 0 0 0 20px;
	display: block;
}
.footer-list a:hover{ 
	color:#941212;	
	background:#FFF;	
}

li.follow-ezine a { padding-left: 25px; background: url("common/follow-ezine.gif") no-repeat left center; }
li.follow-rss a { padding-left: 25px; background: url("common/follow-rss.gif") no-repeat left center; }
li.follow-twitter a { padding-left: 25px; background: url("common/follow-twitter2.png") no-repeat left center; }

p#copyright {
	color: #777;
	text-align:left;
	padding: 20px 20px 4px 0;
	font-size: 11px;
}

img.logo-footer { margin-bottom: -4px; padding: 0 1px;}


/* ------------------------ COMMENTS LIST ---------------------------- */

div#comment-wrapper 	{ padding: 20px 0 20px 40px;}

#comment-wrapper ol	{ list-style: none; margin: 0; padding: 0;}

#comment-wrapper li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#f9f9f9 none repeat scroll 0 0;
border:1px solid #bbb;
color:#777777;
margin:0 15px 15px;
padding:15px 15px 3px 15px;
}

#comment-wrapper .alt { background:#eee none repeat scroll 0 0; }

#comment-wrapper cite	{ color: #af1515; font-weight: bold; margin: 0 0 0 10px;}
#comment-wrapper a	{ color: #af1515; border-bottom:1px dotted #FF0000; text-decoration:none; }
#comment-wrapper a:hover	{ color: #FFF; background:#af1515; }

.comment-date	{ float: right; margin: 0 12px 0 0; }
.comment-date p	{ color: #aaa; }



/* ------------------------ COMMENTS FORM ---------------------------- */

#commentform label {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#af1515 none repeat scroll 0 0;
color:white;
cursor:pointer;
padding:2px 6px;
font:10pt Arial,sans-serif;
}


#commentform small { font:8pt Arial,sans-serif; }

#commentform input[type="text"] {
border:2px solid #af1515;
display:block;
margin:0 0 10px;
padding:4px;
width:210px;
}

#commentform textarea {
-x-system-font:none;
border:2px solid #af1515;
display:block;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:122px;
line-height:normal;
margin:0 0 10px;
padding:4px;
width:303px;
}

#comment-writer-info { float:right; width:220px; padding: 40px 20px 20px 0; }

#comment-writer-comment {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
float:left;
width:316px;
padding: 0 0 40px 40px;
}