/*







THEME NAME: myJournal 



THEME URI: http://blogosquare.com



DESCRIPTION: Lightning fast Wordpress theme with random rotating banner, different layouts and lots of features built on <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a>. SEO and Adsense optimised. <a href="http://feeds.feedburner.com/squarerss">Subscribe to my feeds</a> to receive info about future updates.



VERSION: Hypereal



AUTHOR: <a href="http://blogosquare.com">Hans N.Coomar</a>, Andy Skelton &amp; Scott Allan Wallick



AUTHOR URI: http://blogosquare.com



*/







/* Choose your layout here, see Read to choose layout.txt found in theme's folder. Default has been set to 3Columns with right sidebar. */



@import url('layouts/3cright.css'); 



/* @import url(css/navigation.css); */



/* Sandbox default layout */



/* Hide database errors */

#error{display:none;}

.error{display:none;}

.wpdberror{display:none;}



div#header { 

	text-align: left;

	margin-bottom: 1em;

	background: transparent;

	z-index: 100;

	}



div#access div.skip-link{position:absolute;top:1em;right:1em;}



.entry-title{clear:both;}



div#container,div.sidebar{margin-top:2em;}



div#nav-above,div#nav-below{width:100%;height:1em;}



div#nav-above{margin-bottom:1em;}



div#nav-below{margin-top:1em;}



.alignleft,div.nav-previous{float: left;}



.alignright,div.nav-next{float: right;}



form#commentform .form-label{margin:1em 0 0;}



form#commentform span.req-field{background:#fff;color:red;}



form#commentform,form#commentform p{padding:0;}



input#author,input#email,input#url{width:50%;}



input#author,input#email,input#url,textarea#comment{padding:0.2em;}





ol.commentlist li{margin:0 0 3.5em;}







textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}















div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}







div.sidebar h3{font-size:1.2em;}







div.sidebar input#s{width:7em;}







div.sidebar li{list-style:none;margin:0 0 1em;}







div.sidebar li form{margin:0.2em 0 0;padding:0;}







div.sidebar ul ul{margin:0 0 0 1em;}







div.sidebar ul ul li{list-style:disc;margin:0;}







div.sidebar ul ul ul{margin:0 0 0 0.5em;}







div.sidebar ul ul ul li{list-style:circle;}















div#footer{text-align:center;}















/*---:[ myjournal hypereal styles start here ]:---*/



body {font: 79%/1.6em 'Trebuchet MS', Arial, Verdana, sans-serif;color: #333;background:#fff!important;}















/* universal shadow_right background applications */



div#primary {







	background: url('images/shadow_right.jpg') top right repeat-y;







	padding-left:5px;







	border-bottom:1px solid #f0f0f0;







}















div#secondary {







	background: url('images/shadow_right.jpg') top right repeat-y;







}















div#content {







	background: url('images/shadow_right.jpg') top right repeat-y;







	padding-left:12px;







}















/*---:[ sidebar styles ]:---*/



div.sidebar h3{background: url('images/category.gif') 0 99.9% no-repeat;







padding: 0 10px 0 12px!important;border-bottom: 1px solid #ddd;display:inline;}















div.sidebar p {margin: 0 20px 7px 2px;}















div.sidebar ul {







    width:98%;







	padding-top:7px;







    margin:2px 0 15px 0;







}







div.sidebar * {







    list-style-type:none;







}















div.sidebar li ul {







    margin:0 0 0 -10px;







    padding:4px 60px 4px 10px;







}















div.sidebar ul ul li {list-style-type:none!important;padding: 0 17px 3px 10px;background: url(images/list.gif) -8px 5px no-repeat;color:#555;} 















div.sidebar ul ul li:hover {background: url(images/list_hover.gif) -8px 5px no-repeat;} 















div.sidebar li a:hover {border-bottom:1px solid #000;}















/*---:[ footer styles ]:---*/



div#footer {clear: left;width: 100%;margin: 0 auto 0 0;border-top:1px solid #f4f4f4;padding: 10px 0 10px 0;















font: 12px verdana;



text-align: center;



line-height: 15px;



color: #888;



}





/*---:[ left sitewide mini nav styles ]:---*/



#mini-nav { 

	position: fixed;

	width: 20px;

	top: 45px;

	left: 22px;

	background-image: url("images/clip.jpg");

	background-repeat: no-repeat;

	padding-right: 4px;

	padding-top: 33px;

	}



* html div#mini-nav {width: 20px;top: 90px;left:16px;position:absolute;}



#mini-nav img{margin:2px;}



#mini-nav img,a {border:none;text-decoration:none;}



/*---:[ post image styles ]:---*/



img, a img{ border:0px;}



img.left { padding: 6px; margin: 0 10px 5px 0; background: #f5f5f5; border: 1px solid #bbb; float: left; }



img.left_off { margin: 0 10px 5px 0; float: left; }



img.right { padding: 6px; margin: 0 0 5px 10px; background: #f5f5f5; border: 1px solid #bbb; float: right; }



img.right_off { margin: 0 0 5px 10px; float: right; }



img.center { display: block; padding: 6px; margin: 0 auto 15px auto; background: #f5f5f5; border: 1px solid #bbb; }



img.center_off { display: block; margin: 0 auto 15px auto; }



.img wp-smiley {border:none!important;}



.wp-smiley {border:none!important;}



/*---:[ Header styles ]:---*/



.head_container {

	width: 935px;

	border-top: 1px solid #f4f4f4;

	border-right: 1px solid #e2e2e2;

	border-bottom: 1px solid #e2e2e2;

	margin-left: 38px;

	margin-top: 11px;

	padding-left: 20px;

	padding-top: 0px; 

	padding-bottom: 25px;

	height: 170px;

	}



* html div.head_container {width:925px;margin-left:30px;}



#header {margin: 0 auto;background:#fafafa;}



* html div#header {padding-bottom:8px;}



div#blog-description {margin-top:-10px;}



.skip-link {

	margin-top: 0px;

	left: 863px;

	width: 13%;

	}



* html div.skip-link {margin-top: 47px!important;margin-right:7px!important;left:848px!important;}















/*---:[ Header mask image positioning for low resolution ]:---*/



div#headermask {position: absolute;top: 140px;right:10px;z-index: 1000;visibility: visible !important;







width:3.8%;







}















* html div#headermask {position: absolute;top: 133px;right: -2px;z-index:1000;visibility: visible !important;







}















/*---:[ top navigation menu styles ]:---*/



#access ul.navmenu {list-style-type: none;position:absolute;margin-left:35px;}



* html div#access ul.navmenu {margin-top:8px!important;}



#access ul.navmenu li {float: left; /* Stupid IE */padding: 4px;margin: 0px 4px 0px 0px;list-style-type: none;display: inline;background-color: #fff;font: 0.9em verdana,sans-serif;color: #000;border:1px solid #ccc;}



#access ul.navmenu li:hover {border:1px solid #777;}



#access ul.navmenu li a{float: left;color: #000;outline:none;text-decoration: none;}



#access ul.navmenu li a:hover {text-decoration: none;color: #000;background:#fff;}



#access ul.navmenu li.current_page_item{border:1px solid #888;background:#fafafa;}



#access ul.navmenu li.current_page_item a:hover {text-decoration: none;background:#fafafa;}

/* ---------- Drop Menus ---------- */





#access ul.navmenu li ul li {display: none;}



#access ul.navmenu li:hover ul li {display:block; float: left; left:0; top:22px;}



#access ul.navmenu li:hover ul li a {display:block; background:#FAFAFA; color:#999; width: 100px; border-right: 1px solid #fff; }



#access ul.navmenu li:hover ul li a.hide {background:#A63C24; color:#000;}



#access ul.navmenu li:hover ul li:hover a.hide {background:#A63C24; color:#000;}



#access ul.navmenu li:hover ul li a:hover {background:#A63C24; color:#fff; }



#access ul.navmenu li:hover ul li:hover ul.left {left:-105px;}



/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/hhh-nav-menus/final_drop.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

/* Backgrounds that have been removed:

	background:#d4d8bd

	background:#c9ba65

	751A06

*/

.hhh-nav-menu { 

	left: 38px;

	top: 6px;

	height: 32px; 

	font-size: 0.85em; 

	position: relative; 

	z-index: 100;

	border-left: 1px solid #000;

	}

/* hack to correct IE5.5 faulty box model */

* html .hhh-nav-menu { width: 820px; }

/* remove all the bullets, borders and padding from the default list styling */

.hhh-nav-menu ul { 

	padding: 0;

	margin: 0;

	list-style-type: none;

	}

.hhh-nav-menu ul ul {

	width: 100px;

	}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown hhh-nav-menu positon */

.hhh-nav-menu li { 

	float: left; 

	position: relative; 

	}

/* style the links for the top level */

.hhh-nav-menu a, .hhh-nav-menu a:visited {

	display: block; 

	font-size: 11px; 

	text-decoration: none; 

	color: #000; 

	height: 30px; 

	border: 1px solid #000; 

	border-width:1px 1px 1px 0px; 

	background:#FAFAFA; 

	padding-right: 10px;

	padding-left:10px; 

	line-height:29px;

	}

/* a hack so that IE5.5 faulty box model is corrected */

* html .hhh-nav-menu a, * html .hhh-nav-menu a:visited { width: 100px; }

/* style the second level background */

.hhh-nav-menu ul ul a.drop, .hhh-nav-menu ul ul a.drop:visited {

	background: #FAFAFA url(http://holyhormones.com/wp-content/themes/myjournal-3/images/drop.gif) bottom right no-repeat;

	}



/* hide the sub levels and give them a positon absolute so that they take up no room */

.hhh-nav-menu ul ul { 

	visibility: hidden;

	position: absolute;

	height: 0;

	top: 31px;

	left: 0; 

	width: 149px;

	border-top: 1px solid #000;

	}

/* another hack for IE5.5 */

* html .hhh-nav-menu ul ul { top: 30px; }

/* style the top level hover */

.hhh-nav-menu a:hover, .hhh-nav-menu ul ul a:hover{

	color: #000; 

	background: #FAFAFA;

	}

.hhh-nav-menu :hover > a, .hhh-nav-menu ul ul :hover > a {

	color: #fff;

	background: #751A06;}

/* style the second level hover */

.hhh-nav-menu ul ul a.drop:hover{background:#751A06 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}

.hhh-nav-menu ul ul :hover > a.drop {background:#751A06 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}

/* style the third level background */

.hhh-nav-menu ul ul ul a, .hhh-nav-menu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */

.hhh-nav-menu ul ul ul a:hover {background:#b2ab9b;}







/* position the third level flyout hhh-nav-menu */

.hhh-nav-menu ul ul ul{left:149px; top:-1px; width:100px;}



/* position the third level flyout hhh-nav-menu for a left flyout */

.hhh-nav-menu ul ul ul.left {left:-130px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.hhh-nav-menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

.hhh-nav-menu ul ul a, .hhh-nav-menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */

* html .hhh-nav-menu ul ul a, * html .hhh-nav-menu ul ul a:visited {width:150px;w\idth:128px;}





/* make the second level visible when hover on first level list OR link */

.hhh-nav-menu ul li:hover ul,

.hhh-nav-menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

.hhh-nav-menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.hhh-nav-menu ul :hover ul :hover ul{ visibility:visible;}











/*---:[ bottom page navigation styles ]:---*/















div#nav-below {font-family: Arial, Helvetica, Verdana, Sans-Serif;font-weight: bold;text-align: center;padding: 12px 15px 12px 12px;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #e2e2e2;font-size: 1.4em;margin-left:-12px;







width:94%!important;}















	div#nav-below .nav-previous {float: left;width: 240px;text-align: left;}















	div#nav-below .nav-next {float: right;width: 240px;text-align: right;}















	div#nav-below p {margin:0;padding:0;}















	div#nav-below a {color: #751A06;outline:none;}







	







	div#nav-below a:hover {background:#fff;}















div#nav-below-single{







	float: left;







	width: 525px;







	display: inline;







	margin: 10px 0 0 10px;







	font-family: Arial, Helvetica, Verdana, Sans-Serif;font-weight: bold;text-align: center;font-size: 1.0em;







	border-top: 1px solid #f4f4f4;border-bottom: 1px solid #e2e2e2;







	border-left: 1px solid #f4f4f4;border-right: 1px solid #e2e2e2;







	margin: -2px -12px;







	padding: 10px 5px 10px 5px;















}















div#nav-below-single a{







	font-weight: bold;







	text-decoration: none;







}















div#nav-below-single a:hover{







	text-decoration: underline;







}















div#nav-below-single ul{







	float: left;







	width: 525px;







	list-style-type: none;







	margin: 0;







	padding: 10px 0;







	line-height: 24px;







}















div#nav-below-single ul li{







	float: left;







	margin: 0 10px;







	display: inline;







}















div#nav-below-single ul li .nav-previous{







	padding: 0 0 0 20px;







}















div#nav-below-single ul li .nav-next {







	padding: 0 20px 0 0;







}































/*---:[ post and page styles ]:---*/















.hentry {margin: 16px 22px 0 0;padding: 7px 0 0 0;}















* html div.hentry {margin: 0 22px 0 0!important;padding: 30px 0 0 0!important;}















.entry-date {margin: -12px 0 5px 0;font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;color:#777;	padding-left:14px;background:url('http://holyhormones.com/wp-content/themes/myjournal-3/images/clock.gif') 0 50% no-repeat;}



.entry-content p {margin: 0 7px 10px 0;padding: 0 7px 0 0;}



.entry-content a {color: #751A06;}



/* .entry-content a:visited {color:#009de5;} */

.entry-content a:visited {color:#751A06;}



.entry-content a:hover {color:#000;background:#fff;text-decoration:underline;}



.entry-content ul {list-style-type:none;}



.entry-content ul li {padding: 0 0 0 1.16667em;background: url('http://holyhormones.com/wp-content/themes/myjournal-3/images/bullet.gif') 0 0.4167em no-repeat;}



.entry-meta {text-align: right;color: #888;border-top:1px solid #f4f4f4;padding: 0 7px 2px 3px;margin-left:-12px;	border-bottom:1px solid #f4f4f4;}



.entry-meta a{background-color:#fafafa;}



.entry-meta a:hover{border-bottom: 1px solid #dee4da;color:#000;background-color:#fafafa;}



.feedtiser {margin: 20px 0 0 0;padding: 10px 0px 0 30px;color: #333;background: #fff url('http://holyhormones.com/wp-content/themes/myjournal-3/images/quote.gif') no-repeat left top;font-style: italic;}



.feedtiser p {margin: 0 !important;padding-right: 30px;padding-bottom: 10px;}



.archive-meta {margin: 2px 22px 2px 5px;font-family: Arial, Helvetica, Verdana, Sans-Serif;font-size: 0.9em;background:#fcfcfc;padding-left: 5px;}



p.post-meta-title {background: #fff;font-family: Arial, Helvetica, Verdana, Sans-Serif;font-weight: bold;font-size: 1.4em;color: #888;text-align: right;}



.page-title { padding-top: 25px; }



.dmcategory {

      font-weight: bold;

      color: #173b6d;

}



/*---:[ link page styles ]:---*/





#links-page ul {margin: 0px;padding: 0px;list-style-type: none;}



#links-page ul li {overflow: hidden;margin: 5px;padding: 0px;display: block;width:200px;float:left;background: #fcfcfc url('http://holyhormones.com/wp-content/themes/myjournal-3/images/link_info.gif') no-repeat right 0px;border-top: 1px solid #f0f0f0;}















	#links-page ul li:hover {background: #fcfcfc url('http://holyhormones.com/wp-content/themes/myjournal-3/images/link_info_hover.gif') no-repeat right 0px;}















		#links-page ul li ul{margin: 0px;padding: 0px 0px 0px 100px;}















		#links-page ul li ul li {margin: 0px;width: 30px;float: left;}















/*---:[ widget calender styles ]:---*/















#calendar_wrap { width: 16.2em; margin: 12px 0 0.8333em 0; padding: 0 0.166667em; }



table#wp-calendar { width: 16em; border-collapse: collapse; }



table#wp-calendar caption { font-weight: bold; line-height: 1.58333em; border-bottom: 0.08333em solid #ccc; }







	







	table#wp-calendar th { width: 2.3333em; font-size: 1.0em; line-height: 1.58333em; border-bottom: 0.08333em solid #ccc; color: #666; text-align: center; }







	







	table#wp-calendar td { width: 2.3333em; line-height: 1.66667em; color: #999; text-align: center; }







	







	table#wp-calendar td a, table#wp-calendar td a:visited { color: #000; font-weight: bold; }







	







	table#wp-calendar td a:hover { color:#fff;text-decoration: underline; }







	







	table#wp-calendar td#next, table#wp-calendar td#prev { width: 7.0em; }















/*---:[ header search form styles ]:---*/



#hsearchform input {border: 1px solid #fff;}



#hsearchform input#hs{

	border-top: 2px solid #ccc;

	border-left: 2px solid #ccc;

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	

	padding: 2px;

	width: 132px;

	color: #0d0d0d;

	background-color: #fff;

	font-size: 1em;	

	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;

	}

#hsearchform input#hs:focus{

	border-top: 2px solid #888;

	border-left: 2px solid #888;

	border-bottom: 1px solid #888;

	border-right: 1px solid #888;

	}



/*---:[ global search form styles ]:---*/















#searchform { margin: 0 0 0.5833em 0; }















	#searchform input#s { width: 15.91667em; padding: 0.25em; color: #777; font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; border: 0.083333em solid #999; border-right-color: #eee; border-bottom-color: #eee; }







	







	#searchform input#s:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }















/*---:[ comment form styles ]:---*/



.comments {padding:10px 15px 0 0;margin:0 15px 0 0;color: #111;}















* html div#comments {width:460px!important;} /* This is a hack for IE */















	.comments p{line-height:1.4em;padding:4px 0 4px;}















	.comments ol {padding-left:0px!important;}















	.comments li{margin:10px 0 10px;padding:2px 0px 2px 0px;list-style:none;}















	div.comments li.trackback {background:url('http://holyhormones.com/wp-content/themes/myjournal-3/images/trackback.gif' 0 50% no-repeat);padding-left: 14px;}















	#comment {background:url(http://holyhormones.com/wp-content/themes/myjournal-3/images/com_com.gif) no-repeat 50% 50%;border: 1px inset #aaa;color: #111;font-family: verdana, helvetica, sans-serif;	font-size: 1em;	margin: 0;	padding: 0.2em 0.3em;}















	#commentform {padding-bottom: 30px!important;}















		.form-input {width:380px;}







	







		.form-textarea {width: 715px;}















		* html div.form-textarea {width: 520px!important;}















#author,#email, #url {border: 0.083333em solid #999;border-right-color: #eee;border-bottom-color: #eee;padding-left:17px!important;}







	







	#submit {







    background-color: #f7f7f7;







	border-width: 1px;







    width: 100px;







    font-size: 13px;







    line-height: 18px;







    margin-bottom: 2px;







    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;







}















	#author {background:url(http://holyhormones.com/wp-content/themes/myjournal-3/images/com_name.gif) no-repeat 2px 0px;}















	#email {background:url(http://holyhormones.com/wp-content/themes/myjournal-3/images/com_email.gif) no-repeat 2px 2px;}















	#url {background:url(http://holyhormones.com/wp-content/themes/myjournal-3/images/com_url.gif) no-repeat 2px 1px;}















	#author:focus, #email:focus, #url:focus, #comment:focus {border: 1px outset #751A06;}















div.bubble{width:auto;font-size:1.2em;margin-bottom:24px;}



div.bubble blockquote{margin: 0px;color:#555;padding: 0px;border:1px solid #c9c2c1;background-color:#fcfcfc;}



div.bubble blockquote p{margin: 10px;padding:0;line-height:1.3em;font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;font-size: 0.9em;}



div.bubble blockquote blockquote{color:#888;border:none;}



div.bubble cite{position:relative;margin:0px;padding: 8px 0px 0px 0px;top: 6px;background: transparent url('http://holyhormones.com/wp-content/themes/myjournal-3/images/tip.gif') no-repeat 20px 0;	font-style:normal;	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;	font-size: 0.8em;	color:#888;}



.commenttext-admin blockquote  {border:1px solid #000!important;background-color:#fff!important;color:#000!important;}



.commenttext-admin p {color:#000!important;}



/*---:[ further styles ]:---*/



.small {font-size: 0.9em;color: #999;}



em {

	font-style: italic;

	background: #F4DDBE;

	}



pre,code {display:block;font: 1em 'Courier New', Courier, Fixed, monospace;font-size : 100%;color: #000;background : #fff url(http://holyhormones.com/wp-content/themes/myjournal-3/images/preback.jpg) no-repeat left top;   overflow : auto;   text-align:left;   border : 1px solid #99cc66; /*highlight color */   padding : 0px 20px 0 30px;   margin:1em 0 1em 0;   line-height:17px;width:400px;}



.post blockquote blockquote,.comment ol.comments blockquote blockquote{border-left:5px solid #ccd0d6;font-size:0.9em;padding:0 1em;}



.post blockquote,.comment ol.comments blockquote{background:#fafafa url('http://holyhormones.com/wp-content/themes/myjournal-3/images/blockquote.png') no-repeat;color:#4d5663;padding:0.1em 1em;}



a{color:#751A06;text-decoration:none;}



a:hover {

	text-decoration: none;

	color: #fff;

	background: #751A06;

	}



.hide img {-moz-opacity:0;filter:alpha(opacity=0);opacity:0;} /** use this class to hide images **/

.meta-nav {text-align: right; font-size: 1.25em; margin-top: -1.5em; font-weight: bold;}