/*
Theme Name: WHAT THE HELLOLIFE
Theme URI: http://www.hellolife.net/
Description: The default WordPress theme developed for HelloLife.
Version: 1.0
Author: Rob McFadden
*/

* { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; background: url(/assets/images/pages/hl_background.jpg) repeat-y center top; }
.clear { clear: both; }
a { outline: 0; }
a img { border: 0; }
.blue { color: #1168b1; }
.green { color: #408f3a; }
.center { text-align: center; }

#wrapper { width: 900px; margin: 0 auto; }

#sidebar .sociable ul li { float: left !important; height: 48px; }

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

	#header { padding: 15px 0; zoom: 1; }
	#header #logo { float: left; margin-bottom: 15px; }
	#header #tagline { float: left; clear: left; padding: 5px 5px 15px; color: #5391c4; font-size: 12px; font-weight: bold; }
	#header .sub { padding-top: 20px; font-weight: bold; float: right; clear: right; list-style-type: none; padding-bottom: 5px; font-size: 12px; }
	#header .sub li { float: left; padding-right: 15px; margin-right: 15px; border-right: 1px solid #5391c4; color: #5391c4; }
	#header .sub li a { color: #5391c4; text-decoration: none; }
	#header .sub li a:hover { text-decoration: underline; }
	#header .sub .last { padding: 0; margin: 0; border: 0; }
	#header .bottom { padding-top: 0; }
	#header .bottom li a { color: #53b949; }
	
	/* HEADER NAV */
	#header #nav { clear: both; list-style-type: none; text-align: left; background: url(/assets/images/layout/header_nav.png) no-repeat; padding: 4px 0; }
	#header #nav li { display: inline; text-transform: uppercase; padding: 0 10px; border-right: 1px dotted #bdd2e3; }
	#header #nav li a { color: #fff; font-size: 14px; text-decoration: none; position: relative; top: -2px; }
	
	#nav li.tooltip a span { display:none; }
	#nav li.tooltip a:hover { z-index:25; background:; }
	#nav li.tooltip a:hover span { font-style: normal; font-weight: normal; font-size: 11px; display: block; position: absolute; top: -85px; left: -40px; background: url(/assets/images/tooltip/white_arrowsm.png) no-repeat; width: 130px;height:80px; padding:22px 10px 30px 10px; text-align:center; }

	/* HEADER SEARCH */
	#header form { float: right; padding-top: 10px; }
	#header form img { position: relative; top: 2px; left: -2px; }
	#header form .searchInput { color: #999; font-size: 12px; padding: 3px; width: 188px; height: 15px; background: url(/assets/images/layout/header_searchInput.png); border: none; }
	#header form .searchButton { position: relative; top: 4px; }
	
	/* SIDEBAR SEARCH */
	#sidebar form { float: right; padding-top: 0px; position: relative; left: 20px; width: 260px; }
	#sidebar form img { position: relative; top: 2px; left: -2px; }
	#sidebar form .searchInput { color: #999; font-size: 12px; padding: 3px; width: 188px; height: 15px; background: url(/assets/images/layout/header_searchInput.png); border: none; }
	#sidebar form .searchButton { position: relative; top: 4px; }

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

	#content { width: 565px; float: left; padding: 0 22px 5px 15px; cborder-right: 1px solid #eee; border-right: 1px solid #cccccc;}
	.wide { width: 870px !important; float: none !important; padding: 0 15px 5px !important; border: none !important; }
	#content p { font-size: 13px; line-height: 18px; padding-bottom: 15px; }
	#content ul, #content ol { font-size: 13px; line-height: 18px; padding: 0 0 15px 25px; }
	#content h1 { font-size: 30px; font-weight: normal; padding-bottom: 0px; }
	#content h1 a { color: #000; text-decoration: none; }
	#content small { display: block; padding-bottom: 15px; font-size: 12px; }
	#content h2 { font-size: 24px; font-weight: normal; padding-bottom: 5px; }
	#content h3 { font-size: 18px; padding-bottom: 15px; }
	#content h4 a { text-decoration: none; font-size: 15px; color: #005dab; }
	ol { margin-left: 35px; }
	
	
	#content .breadcrumb, #content .postmetadata { background: #ebf1f5; font-size: 11px; border-top: 1px solid #cedae4; border-bottom: 1px solid #cedae4; padding: 0 10px; margin-bottom: 15px; }
	#content .breadcrumb a, #content .postmetadata a { text-decoration: none; color: #005dab; }
	
	#content .post { border-left: 3px solid #cedae4; margin-bottom: 25px; padding-left: 10px; }
	#content .post .postmetadata { margin-bottom: 0; }
	
	#content .navigation { padding-bottom: 15px; }
	#content .navigation .alignright { float: right; font-size: 18px; }
	#content .navigation .alignleft { float: left; font-size: 18px; }
	#content .navigation a { text-decoration: none; position: relative; top: -9px; color: #005dab; }
	#content .navigation a img { position: relative; top: 9px; }

#content #recaptcha_area { position: relative; top: -15px; }

        #content .inset { text-align: center; background: #ebf1f5; font-size: 14px; line-height: 18px; padding-bottom: 15px; border-top: 1px solid #cedae4; border-bottom: 1px solid #cedae4; padding: 0 10px; text-decoration: bold; }
	#content .inset a { text-decoration: bold; color: #005dab; }
	
	#slider { margin-bottom: 15px; }
	#slider ul { margin: 0; padding: 0; list-style: none; }
	#slider li { width: 565px; height: 160px; overflow: hidden; }
	ol#controls { margin-bottom: 15px; padding: 0; height: 50px; }
	ol#controls li { margin: 0 5px 0 0; padding: 0; float: left; list-style: none; height: 50px; cline-height: 28px; }
	ol#controls li a { text-indent: -9999px; float: left; height: 50px; width: 50px; cline-height: 28px; border: 1px solid #333; cbackground: #e6edf5; color: #555; cpadding: 0 10px; text-decoration: none; }
	ol#controls li.current a { cbackground: #4188c0; color: #fff; }
	
	.tagcloudbody a { padding: 2px 2px 2px 2px; text-decoration: none;}
	.tagcloudbody a:hover {padding: 2px 2px 2px 2px; background-color: #d5d5d5;}

/* ********************************************** */
/* ******************* SIDEBAR ****************** */
/* ********************************************** */

	#sidebar { width: 250px; float: right; padding-right: 15px; }
	#sidebar ul { list-style-type: none; text-align: left;}
	#sidebar ul li { margin-bottom: 15px;}
	#sidebar ul li span { font-weight:bold; color: #1168b1; cursor:pointer;}
	#sidebar ul li a { text-decoration:none; color: #005DAB; }
	#sidebar ul li a:hover { text-decoration:underline;}
	#sidebar ul li li {  margin: 0 5px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
	
	.widget { background: url(/assets/images/sidebar/roundbox.png) no-repeat left top; text-align: center; position: relative; zoom: 1; }
	.widget span { display: block; height: 18px; width: 100%; background: url(/assets/images/sidebar/roundboxBottom.png); position: absolute; left: 0; bottom: 0; }
	.widget h4 { color: #005dab; height: 37px; line-height: 37px; font-size: 18px; }
	.widget .sidebar-excerpt { padding: 10px 15px 25px; }
	.widget .sidebar-excerpt p { font-size: 13px; line-height: 18px; overflow: hidden; height: 90px; text-align: justify; }
	.widget ul { position: relative; z-index: 3; padding-bottom: 15px; }
	.widget ul li { padding-top: 5px; }
	.widget ul li a { border-bottom: 1px solid #bfd6ea; color: #005dab; font-size: 12px; text-decoration: none; }
	.widget div { position: relative; z-index: 3; padding-bottom: 15px; }
	
	#sidebar ol { text-align: left; font-size: 11px; list-style: none; }
	#sidebar ol li { margin: 0 !important; padding: 0 !important; width: 110px; margin-right: 10px !important; float: left; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
	#sidebar ol li a { border: none; text-decoration: none; color: #005dab; }
	#sidebar ol li a:hover { font-weight: bold; }
	.sidebarnav{ font-size: 19px !important; margin-top: 10px;}
	.sidebarnav_img { margin-right: 5px; float: left;}
	.sidebar_list { font-size: 12px !important; display:none; margin-left: 10px; margin-top: 25px; border-left: 2px solid #d5d5d5; padding-left: 10px;}

/* ********************************************** */
/* ******************* FOOTER ******************* */
/* ********************************************** */

	#footer { border-top: 1px solid #ccc; font-size: 12px; text-align: center; padding: 15px 15px 25px; margin-top: 15px; }
	#footer p { padding-bottom: 15px; }
	#footer .disclaimer p { color #444; font-size: 11px; line-height: 14px; text-align: left; }
	#footer a { color: #064c87; text-decoration: none; }
	#footer a:hover { color: #648eb1; text-decoration: underline; }
	
	
	
	
	
	
	
	
	
ol.commentlist { list-style: none; padding-left: 0 !important; }
ol.commentlist li { border: 5px solid #ddd; height: 1%; margin: 0 0 10px; padding: 5px 7px; position: relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding: 0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin-top: 15px; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#999; border:2px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#c30; border:2px solid #c00; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style: none; padding: 0 0 0 15px !important; }
ol.commentlist li ul.children li {  }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#f7f7f7; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}



/* **************************************************** */
/* ******************* SLIDER POSTS ******************* */
/* **************************************************** */

.sliderpost img { border: 20px solid #000000; margin-bottom: 15px;}
.sliderpost h3 {color: #184E7A;}