/*
Theme Name: Adivce Hub 
Description: Advice Hub Theme
Author: Mike Bailey
Edited: Richard Bland
*/


/* 
	***********
	* GENERIC *
	***********
*/

body 
{
	font: 75% Arial, sans-serif;
	background: #E2E2E2;
	margin: 42px 0 42px 0;
}

/* 
	***********
	* GLOBALS *
	***********
*/


/* 
	********
	* PAGE *
	********
*/

#page
{
	width: 930px;
	min-height: 300px;
	margin: 0 auto;
	background: #FFF;
}


/* 
	**********
	* HEADER *
	**********
*/

#header
{
	position: relative;
	width: 930px;
	height: 169px;
}

#header .logo
{
	position: absolute;
	top: 28px;
	right: 24px;
}

/* NAV */

#header .nav
{
	position: absolute;
	width: 930px;
	bottom: 0;
	left: 0;
	background: url(images/nav-bg.jpg) no-repeat 0 0;
}

#header .nav li
{
	position: relative;
	display: block;
	float: left;
}

#header .nav li a
{
	display: block;
	float: left;
	padding: 0 16px 0 16px;
	line-height: 46px;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	background: url(images/nav-div-bg.jpg) no-repeat 100% 0;
}


#header .nav li ul
{
	display: none;
	position: absolute;
	top: 46px;
	left: 0;
	background: #005F67;
}

#header .nav li:hover ul
{
	display: block;
}

#header .nav li ul li a
{
	min-width: 130px;
	display: block;
	font-size: 11px;
	background: url() repeat-x 0 100%;
	line-height: 120%;
	margin: 10px 0 10px 0;
	font-weight: normal;
}

#header .nav .search form
{
	margin: 10px 0 0 14px;
	width: 272px;
	height: 26px;
	background: url(images/nav-search.png) no-repeat 0 0;
}

#header .nav .search form input
{
	float: left;
	margin: 3px 0 0 6px;
	border: none;
	height: 17px;
	width: 215px;
	padding-top: 2px;
	padding-left: 5px;
	color: #666666;
}

#header .nav .search form button
{
	float: left;
	width: 45px;
	height: 26px;
	border: none;
	color: #FFF;
	background: none;
	cursor: pointer;
	font-weight: bold;
}

/* 
	**************
	* SUB-HEADER *
	**************
*/

#sub-header
{
	width: 930px;
	height: 220px;
	display: block;
	position: relative;
}

#sub-header .img
{
	width: 630px;
	float: left;
}

#sub-header .content
{
	width: 260px;
	height: 180px;
	background: url(images/sub-header-content-bg.jpg) no-repeat 0 0;
	float: left;
	padding: 20px;
	z-index: 500;
	position: absolute;
	top: 0;
	right: 0;
}

#sub-header .content .title
{
	color: #FFF;
	font-size: 25px;
	font-weight: bold;
}

#sub-header .content p
{
	color: #ADDFE3;
	line-height: 20px;
	margin: 10px 0 10px 0;
	display: block;
         font-weight: bold;
         font-size: 15px;
}

#sub-header .content .button
{
	background: url(images/sub-header-content-button-bg.png) no-repeat 0 0;
	width: 116px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	display: block;
        font-weight: bold;
	font-size: 13px;
	float: right;
}

/* 
	***********
	* CONTENT *
	***********
*/

#content
{
	width: 930px;
	min-height: 400px;
	background: url(images/content-bg.jpg) repeat-y 100% 0;
	overflow: hidden;
}

/* LEFT */

#content .left
{
	width: 629px;
	float: left;
	padding-bottom: 60px;
}

#content .left strong
{
        font-weight: bold;
}

#content .left h1
{
	overflow: hidden;
	margin: 10px 0 20px 0;
	padding: 20px 20px 0 20px;
	font-weight: bold;
}

#content .left h1 span
{
	background: url(images/h1-left-bg.jpg) no-repeat 0 0;
	height: 35px;
	float: left;
}

#content .left h1 span em
{
	background: url(images/h1-right-bg.jpg) no-repeat 100% 0;
	height: 35px;
	display: block;
	padding: 0 15px 0 15px;
	line-height: 35px;
	font-size: 15px;
	color: #FFF;
}

#content .left h2
{
	margin: 0px;
        color: #0093A0;
	padding: 10px 0px 0px 40px;
	font-weight: bold;
}

#content .left h3
{
	margin: 0px;
        color: #a476bb;
	padding: 10px 0px 0px 40px;
	font-weight: bold;
}

#content .left p
{
	display: block;
	margin: 10px 0 10px 0;
	color: #666666;
	line-height: 20px;
	padding: 0 20px 0 40px;
}

#content .left p a:link, #content .left p a:visited
{
	color: #0093A0;
        text-decoration: none;
}

#content .left .logos
{
	display: block;
	height: 90px;
	background: url(images/logos-bg.jpg) repeat-x;
	margin-top: 35px;
	padding: 20px 30px 0px 30px;
}

#content .left .logos li
{
	display: block;
	float: left;
	margin-right: 10px;
}

#content .left .logos li a
{
	display: block;
	float: left;
}

#content .left .bullet li
{
        list-style-image: url(http://www.advicehub.org/wp-content/uploads/2010/02/bullet.jpg);
        color: #666666;
	margin: 0 0 0 50px;
	padding: 0px;
        line-height: 25px;
}

#content .left .bullet li a
{
        color: #0093A0;
        text-decoration: none;
}

#content .left .result
{
	margin: 0 30px 0 30px;
	border-bottom: solid 1px #DFDFDF;
	padding: 20px 10px 20px 10px;
}

#content .left .odd
{
	background: #F6F6F6;
}

#content .left .result h2 a
{
	font-size: 17px;
	color: #0094A0;
	text-decoration: none;
	margin-bottom: 5px;
	display: block;
}

#content .left .result small
{
	color: #999;
	font-size: 11px;
	display: block;
}

#content .left .result .postmetadata
{
	display: block;
	margin-top: 5px;
}

#content .left .result .postmetadata a
{
	color: #0093A0;
}

#content .left .result p
{
	display: block;
	margin: 10px 0 10px 0;
	color: #666666;
	line-height: 20px;
	padding: 0;
}

#content .left .comments
{
	margin: 20px 30px 0 40px;
	border-top: solid 1px #DFDFDF;
	padding-top: 20px;
}

#content .left .comments h2
{
	font-size: 17px;
	color: #0094A0;
	text-decoration: none;
	margin-bottom: 5px;
	display: block;
}

#content .left .comments form
{
	margin-top: 20px;
	border-top: solid 1px #DFDFDF;
	padding-top: 20px;
}

#content .left .comments form legend
{
	display: none;
}

#content .left .comments form h2
{
	margin-bottom: 20px;
}

#content .left .comments form .form-fields
{
	overflow: hidden;
	margin-bottom: 10px;
}

#content .left .comments form .form-fields label
{
	display: block;
	width: 100px;
	float: left;
	color: #666666;
	font-weight: bold;
}

#content .left .comments form .form-fields input
{
	display: block;
	float: left;
	width: 300px;
}

#content .left .comments form .form-fields textarea
{
	display: block;
	float: left;
	width: 550px;
}

#content .left .comments form .form-fields .required
{
	display: block;
	float: left;
	color: #C00;
	margin-left: 5px;
	font-size: 11px;
}

#content .left .comments form button
{
	background: url(images/comment-button.jpg) no-repeat 0 0;
	width: 77px;
	height: 35px;
	display: block;
	border: none;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	line-height: 35px;
	font-size: 13px;
	float: right;
	margin-right: 7px;
	cursor: pointer;
}

#content .left .comments .commentlist
{
	margin-top: 20px;
}

#content .left .comments .commentlist .comment
{
	margin-bottom: 10px;
	list-style-type: none;
}

#content .left .comments .commentlist .comment .comment-author
{
	float: left;
	width: 100px;
}

#content .left .comments .commentlist .comment .comment-author img
{
	display: block;
	text-align: center;
	margin-left: 20px;
}

#content .left .comments .commentlist .comment .comment-author .fn
{
	font-size: 11px;
	margin-top: 10px;
	display: block;
}

#content .left .comments .commentlist .comment .comment-author .says
{
	display: none;
}

#content .left .comments .commentlist .comment .comment-author a
{
	color: #0093A0;
}

#content .left .comments .commentlist .comment .comment-meta a
{
	color: #0093A0;
	font-size: 13px;
	text-decoration: none;
}


#content .left .post
{
	margin: 0 25px 20px 25px;
	border-bottom: solid 1px #DFDFDF;
	padding-bottom: 10px;
}

#content .left .post .header
{
	overflow:hidden;
	margin-bottom: 15px;
}

#content .left .post .header .day
{
	width: 44px;
	float: left;
	border-right: solid 3px #0093A0;
	margin-right: 10px;
	color: #666666;
	font-size: 25px;
	display: block;
	text-align: center;
}

#content .left .post .header .day em
{
	display: block;
	font-size: 12px;
	color: #BFBFBF;
	margin-top: 5px;
}


#content .left .post .header .title
{
	
}

#content .left .post .header .title h2
{
	font-size: 22px;
	color: #666;
}

#content .left .post .header .title h2 a
{
	font-size: 22px;
	color: #666;
	text-decoration: none;
}

#content .left .post .header .title .stored a
{
	margin-top: 7px;
	font-size: 10px;
	color: #BFBFBF;
}

#content .left .post .header .title span
{
	display: block;
	margin-top: 7px;
	font-size: 10px;
	color: #BFBFBF;
}

#content .left .post p
{
	display: block;
	margin: 10px 0 10px 0;
	color: #666666;
	line-height: 20px;
	padding: 0;
}

#content .left .post .options
{
	overflow:hidden;
}

#content .left .post .options a
{
	font-size: 13px;
	color: #999;
	text-decoration: none;
	float: right;
}

#content .left .wpcf7-form
{
	
}

#content .left .wpcf7-form p
{
	color: #666666;
}

#content .left .wpcf7-form span
{

}

#content .left .wpcf7-form .button input
{
	background: url(images/comment-button.jpg) no-repeat 0 0;
	width: 77px;
	height: 35px;
	display: block;
	border: none;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	line-height: 35px;
	font-size: 13px;
	margin-right: 7px;
	cursor: pointer;
}

#content .left div.cont {
	display: block;
	/*background: #efefef;*/
	margin: 0 20px 0 40px;
	overflow: hidden;
	padding: 0;
}
#content .left .cont img {
	line-height: 0;
}

/* RIGHT */

#content .right
{
	width: 260px;
	float: left;
	margin-top: 16px;
}

#content .right .block
{
	width: 270px;
	margin-left: 16px;
	margin-bottom: 20px;
}

#content .right .block h3
{
	display: block;
	background: url(images/block-header.jpg) no-repeat 0 0;
	width: 270px;
	height: 38px;
	line-height: 38px;
	text-indent: 15px;
	color: #0093A0;
	font-weight: bold;
}

#content .right .block .cutt-off
{
	background: url(images/block-header-cuttoff.jpg) no-repeat 0 0 !important;
	height: 36px;
}

#content .right .block .content
{
	background: #F6F6F6;
	border-bottom: solid 1px #DFDFDF;
	border-right: solid 1px #DFDFDF;
	border-left: solid 1px #DFDFDF;
	padding: 0 20px 0 20px;
	overflow: hidden;
}

#content .right .block .border-top
{
	border-top: solid 1px #DFDFDF;	
}

#content .right .block .newsletter
{
	background: #f5f5f5;
	min-height: 100px;
}

#content .right .block .newsletter .error
{
	color: #C00;
	margin: 7px 0 7px 0;
	padding: 5px;
	background: #FFC;
	border: solid 1px #DFDFDF;
	text-align: center;
}

#content .right .block .newsletter .msg
{
	color: #060;
	margin: 7px 0 7px 0;
	padding: 5px;
	background: #FFC;
	border: solid 1px #DFDFDF;
	text-align: center;
}

#content .right .block .newsletter .widgettitle
{
	display: none;
}

#content .right .block .newsletter form
{
	overflow: hidden;
	padding-top: 11px;
}

#content .right .block .newsletter form label
{
	display: none;
}

#content .right .block .newsletter form input
{
	border-top: solid 1px #DFDFDF;
	border-left: solid 1px #DFDFDF;
	border-bottom: solid 1px #DFDFDF;
         border-right: solid 1px #DFDFDF;
	float: left;
	height: 22px;
	width: 192px;
	font-size: 13px;
	color: #666666;
	padding: 6px 0 0 5px;
}

#content .right .block .newsletter form .button
{
	text-indent: -1000%;
	overflow:hidden;
	width: 28px;
	height: 30px;
	background: url(images/newsletter-button-bg.jpg) no-repeat 0 0;
	float: left;
	border: none;
	cursor:pointer;
}

#content .right .block .content .bullets
{
	padding: 20px 0 10px 0;
}

#content .right .block .content .bullets li a
{
	display: block;
	background: url(images/right-bullet-bg.png) no-repeat 0 50%;
	padding-left: 30px;
	margin-bottom: 15px;
	line-height: 16px;
	color: #666666;
	text-decoration: none;
}

#content .right .block .content .social
{
	padding: 15px 0 15px 0;
	overflow:hidden;
}

#content .right .block .content .social li
{
	display: block;
	float: left;
}

#content .right .block .content .social li a
{
	display: block;
	float: left;
	width: 75px;
	margin-bottom: 15px;
	text-decoration: none;
}

#content .right .block .content .social li .facebook
{
	background: url(images/social-icons.jpg) no-repeat 0 -2px;
	height: 26px;
	line-height: 26px;
	color: #666666;
	padding-left: 35px;
}

#content .right .block .content .social li .youtube
{
	background: url(images/social-icons.jpg) no-repeat 0 -29px;
	height: 26px;
	line-height: 26px;
	color: #666666;
	padding-left: 35px;
}

#content .right .block .content .social li .twitter
{
	background: url(images/social-icons.jpg) no-repeat 0 -82px;
	height: 26px;
	line-height: 26px;
	color: #666666;
	padding-left: 35px;
}

#content .right .block .content .social li .linkedin
{
	background: url(images/social-icons.jpg) no-repeat 0 -55px;
	height: 26px;
	line-height: 26px;
	color: #666666;
	padding-left: 35px;
}

#content .right .block .content .social li .favourites
{
	background: url(images/social-icons.jpg) no-repeat 0 -108px;
	height: 25px;
	line-height: 24px;
	color: #666666;
	padding-left: 35px;
}

<!--For video and other containing divs End-->
/* 
	**********
	* FOOTER *
	**********
*/

#footer
{
	background: #E2E2E2;
}

#footer ul
{
	overflow: hidden;
	padding: 40px 0 0 110px;
}

#footer ul li
{
	display: block;
	float: left;
	background: url(images/footer-nav-div-bg.jpg) no-repeat 100% 50%;
	padding: 0 10px 0 10px;
}

#footer ul .last
{
	background: none;
}

#footer ul li a
{
	color: #999999;
	text-decoration: none;
}

#footer a
{
	color: #999999;
        text-decoration: none; 
}

#footer p
{
	color: #999999;
	display: block;
	text-align: center;
	margin: 20px 0 20px 0;
}

.image_float_left
{
	float: left;
	width: 50%;
}

#content .left hr { 
    border-collapse: collapse;
    border-color: #CCCCCC #FFFFFF;
    border-style: solid none none;
    border-width: 1px medium medium;
    margin: 30px 20px 30px 40px;
}