/*   
Theme Name: Wealthflow LLP
Theme URI: http://www.waelthflow.com
Description:  A theme for Wealthflow LLP using the BLANK starter WordPress Theme by Chris Coyier as a base
Author: Evie Milo
Author URI: http://www.eskymo.co.uk
Version: 1
*/

/*
Black		-	#000000 rgba(0,0,0, 1)
Dark Grey	-	#333333 rgba(51,51,51, 1)
Light Grey	-	#CCCCCC rgba(204,204,204, 1)
Orange		-	#FF6600 rgba(255,102,0, 1)

Border Outlines - #D9D9D9 rgba(217, 217, 217, 1)
*/

/* RESET */
/* ----------------------------------------- */
* { font-style: normal; margin: 0px; padding: 0px; text-decoration: none;}
a img 	{ border:none } /* Gets rid of IE's blue borders */

.ie-space {height: 1px;}


/* GENERIC CLEAR AND FLOATED ELEMENTS
------------------------------------------------------------------------*/
.left {float: left;}
.right {float: right;}

.clearboth{clear: both;}
.clearleft{clear: left;}


/* BODY - Font size set to 100% and then calculated in em's thereafter
------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	color: #666666;
	background: #ffffff;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
}
	
	
/* TYPOGRAPHY */
/* ----------------------------------------- */
h1{font-size: 1.9em; font-weight: normal; color: #000000; margin: 0px 0px 0px 0px;}
h2{font-size: 1.7em; font-weight: normal; color: #333333; margin: 0px 0px 3px 0px;}
h3{font-size: 1.1em; font-weight: normal; color: #333333; margin: 0px 0px 10px 0px;}
h4{font-size: 1.4em; font-weight: normal; color: #333333; margin: 0px 0px 10px 0px;}
p {font-size: 0.8em; margin: 0px 0px 20px 0px;}

a:link, a:visited { color: #333333; text-decoration: underline; }
a:hover, a:active { color: #FF6600; text-decoration: none; }


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

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


/* SITE WRAPPER
------------------------------------------------------------------------*/
#wrapper {width: 970px; margin: 10px auto 0 auto;}


/* PRIMARY NAVIGATION */
/* -------------------------------------------------------------------------------------------*/
#navigation	{width: 970px; height: 76px; margin: 0 auto; padding: 0px; background: url(assets/navigation.jpg) no-repeat;}
#nav 		{width: 970px; height: 76px; background: url(assets/navigation.jpg) no-repeat; margin: 0px; padding: 0px; position: relative;}
#nav li 	{margin: 0px; padding: 0px; list-style: none; display: block; position: absolute; text-indent: -3000px;}
#nav a 		{display: block; height: 76px; text-decoration: none; outline: none;}

/* POSITION OF THE PRIMARY NAVIGATION BUTTONS
---------------------------------------------------------------------------------------------------------------*/
#home 			{left:5px; top:20px; width:191px; height:39px;}
#about-us 		{left:197px; top:20px; width:191px; height:36px;}
#get-in-touch 	{left:389px; top:20px; width:191px; height:36px;}
#read-our-blog 	{left:581px; top:20px; width:191px; height:36px;}

#home a, #about-us a, #get-in-touch a, #read-our-blog a {height:36px;}

/* HOVER AND ACTIVE STATES OF THE PRIMARY NAVIGATION BUTTONS
---------------------------------------------------------------------------------------------------------------*/
#home a:hover, #home .active 					{background:url(assets/navigation.jpg) -5px -96px no-repeat; width:191px; height:36px;}
#about-us a:hover, #about-us .active 			{background:url(assets/navigation.jpg) -197px -96px no-repeat; width:191px; height:36px;}
#get-in-touch a:hover, #get-in-touch .active 	{background:url(assets/navigation.jpg) -389px -96px no-repeat; width:191px; height:36px;}
#read-our-blog a:hover, #read-our-blog .active 	{background:url(assets/navigation.jpg) -581px -96px no-repeat; width:191px; height:36px;}

body.blog #read-our-blog, body.single #read-our-blog, body.archive #read-our-blog, body.search #read-our-blog, body.error404 #read-our-blog {background:url(assets/navigation.jpg) -581px -96px no-repeat; width:191px; height:36px;}

/* SITE CONTENT
------------------------------------------------------------------------*/
#content-blog {
	width: 898px;
	margin: 5px auto 0px auto;
	padding: 30px;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    
	box-shadow: 0 0 5px #D9D9D9;
    -webkit-box-shadow: 0 0 5px #D9D9D9; 
    -moz-box-shadow: 0 0 5px #D9D9D9;
	border:1px solid #D9D9D9;
	
	background:#ffffff;
	
	behavior: url(PIE.php); /* adds functioanlity to IE browsers to display border-radius */
}

/* CONTENT BLOG */
/* -------------------------------------------------------------------------------------------*/
#content-blog .left {width: 540px;}
#content-blog .right {width: 310px;}

/* next previous */
.previous a {float:left;}
.next a {float:right;}

#content-single .left {width: 160px;}
#content-single .right {width: 560px;}

#content-archive .left {width: 160px;}
#content-archive .right {width: 560px;}

/* --------------------------------------------Posts Content----------------- */
.post h1 a:link, .post h1 a:visited { color: #000000; text-decoration: none; }
.post h1 a:hover, .post h1 a:active { color: #FF6600; text-decoration: underline; }

.attachment-post-thumbnail {float: left; margin: 4px 15px 10px 0px; border: 1px solid #CCCCCC;}
.attachment-index-post-thumbnail {float: left; margin: 2px 15px 10px 0px; border: 1px solid #CCCCCC;}

a.more-link:link, a.more-link:visited {color: #FF6600;text-decoration: underline;}
a.more-link:hover, a.more-linka:active {color: #FF6600; text-decoration: none;}


/* DATES AND TITLE LINKS + POST INFO */
/* ----------------------------------------- */
.post-date {
	background: url(assets/date-background.jpg) no-repeat scroll top left;
	padding: 3px 3px 3px 5px;
	margin: 6px 0px 0px 0px;
	width:52px;
	height:39px;
	color:#FFFFFF;
	text-align:left;
	float: left;
}
.post-date .date-month {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.post-date .date-day {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

.post-details { float: right; text-align: left; width: 480px;}
.postinfo {font-size: 0.7em; color: #999999;}
.postinfo a:link, .postinfo a:visited { color: #999999; text-decoration: underline; }
.postinfo a:hover, .postinfo a:active { color: #FF6600; text-decoration: none; }


.post ul {font-size: 0.8em; margin: 0px 0px 20px 25px; color:#858585;}
.post ol {font-size: 0.8em; margin: 0px 0px 20px 25px; color:#858585;}


/* --------------------------------------------Sidebar Content----------------- */
#sidebar .widget {margin: 0px 0px 30px 0px;}

.widget_search .screen-reader-text {
	display:none;
}

#sidebar a:link, #sidebar a:visited { color: #999999; text-decoration: none; }
#sidebar a:hover, #sidebar a:active { color: #FF6600; text-decoration: underline; }

#sidebar ul { font-size: 0.9em; margin: 0px 0px 20px 0px; padding-left: 0; list-style: none;} 

#sidebar ul li{padding-left: 15px; background-image: url(assets/listarrows.jpg); background-repeat: no-repeat; background-position: 0.3em; font-size: 0.9em;}


/* comment styles */
.comments-template{margin: 0px; padding: 0px;}

.comments-template ol{margin: 0; padding: 0px 0px 0px 0px; list-style: none;}
.comments-template ol li{margin: 10px 0px 0px 0px; line-height: 15px; padding: 5px 0px 0px 0px; border-bottom: 1px dotted #ccc;}

.commentmetadata{font-size: 0.8em; margin: 10px 0px 0px 0px;}
.commentmetadata em{color: #C60C46; font-weight: bold;}
.comments-template p{padding: 15px 0px 0px 0px;}

.comments-template p.nocomments{padding: 0;}

.comments-template textarea{font-size: 0.8em; width: 560px; margin: 0px 0px 10px 0px;}

.commentlist li {list-style: none; list-style-type:none; padding: 0px; margin: 0px;}

.comments-template #submit {margin: 0px 0px 10px 0px;}

.commentlist li .avatar {
	float:left; 
	background: #fff; 
	border: 1px solid #bbb; 
	padding:5px;
	margin: 0px 15px 10px 0px;
	list-style: none;
	list-style-type:none;
}

.comment-author cite {
	margin:0px 0px 5px 0px;
	font-style:normal;
	font-weight: bold;
}

.commentmetadata a:link, .commentmetadata a:visited { color: #999999; text-decoration: none; }
.commentmetadata a:hover, .commentmetadata a:active { color: #FF6600; text-decoration: underline; }

.comment-author cite  a:link, .comment-author cite  a:visited { color: #999999; text-decoration: underline; }
.comment-author cite  a:hover, .comment-author cite  a:active { color: #FF6600; text-decoration: none; }


.says{display:none;}

#respond {margin: 20px 0px 0px 0px;}
#respond .input {font-size: 1em;}
.reply {margin: 0px 0px 10px 0px;}
.comment-reply-link {font-size: 0.8em; margin: 0px 0px 15px 0px;}


/* FOOTER
------------------------------------------------------------------------*/
#footer {background: url(assets/bgrp-footer-line.jpg) top center no-repeat; margin: 20px 0px; text-align:center; padding: 20px 0px;}
#footer .left {text-align:right; width: 465px;}
#footer .right {text-align:left; width: 465px;}
#footer p {font-size: 0.75em; color: #CCCCCC; margin: 0px 0px 15px 0px;}
#footer p.darker {color:#999999;}

#footer a:link, #footer a:visited { color: #CCCCCC; text-decoration: none; }
#footer a:hover, #footer a:active { color: #FF6600; text-decoration: underline; }

#footer p.darker a:link, #footer p.darker a:visited { color: #999999; text-decoration: none; }
#footer p.darker a:hover, #footer p.darker a:active { color: #FF6600; text-decoration: underline; }