/*
Theme Name: LSS Academy
Theme URI: http://www.uniqueblogdesigns.com
Author: <a href="http://www.uniqueblogdesigns.com">Unique Blog Designs</a>
*/

* {
	margin:0;
	padding:0;
}

img{
	border:none;
}
a{

	text-decoration:none;

	color:#306891;

}

a:hover{

	text-decoration:underline;

}

ul{

	list-style:none outside;

}

body{

	text-align:center;

	background:#000;

	font:12px/18px verdana, helvetica, sans-serif;

	color:#232323;

}

#topwrap{

	width:995px;

	margin:0 auto;

	overflow:hidden;

	background:url(images/bg.gif) repeat-y left top;

}

#header{

	width:979px;

	margin:0 auto;

	text-align:left;

	background:#000;

	padding:0 0 6px;

}

#wrap{

	width:995px;

	margin:0 auto;

	padding:0 0 20px;

	text-align:left;

	overflow:hidden;

	background:url(images/bg.gif) repeat-y left top;

}

h1{

	width:100%;

	clear:both;

	height:137px;

	line-height:15px;

	font-size:12px;

	overflow:hidden;

	background:#252525;

}

h1 a,h1 a:visited{

	float:left;

	color:#fff;

	position:relative;

	width:351px;

}

h1 a span{

	display:block;

	width:311px;

	height:137px;

	position:absolute;

	top:0;

	left:0;

	cursor:pointer;

	background:url(images/logo-big.jpg) no-repeat left top;

}

span#des{

	display:block;

	clear:both;

	color:#fff;

}



#searchform{

	text-align:left;

	float:right;

	margin:6px 10px 0 0;

	display:inline;

	background:url(images/search-box.gif) no-repeat left top;

}

input#sfr{

	padding:4px 5px;

	height:24px;

	width:149px;

	border:none;

	background:none;

	text-align:left;

	font:11px arial;

	color:#333;

	voice-family:"\"}\"";

	voice-family:inherit;

	height:auto;

	width:139px;

}

.extra{

	clear:both;

	font-size:0;

	line-height:0;

	width:100%;

	overflow:hidden;

}



/* main content */

#main{

	float:left;

	width:100%;

}

#content{

	margin:0 330px 0 26px;

	text-align:left;

	overflow:hidden;

	height:1%;

}

#content-top{

	margin:15px 26px 20px;

	overflow:hidden;

	clear:both;

}



/* josemota */



#content-top #content-top-first-2 { background: url('images/ebook-promo.jpg') no-repeat; float: left; width: 620px; margin-right: 21px; height: 165px;}

#content-top #content-top-first-2 h2 { background: url('images/free-lss-academy-title.png') no-repeat; height: 21px; margin: 10px; }

#content-top #content-top-first-2 h2 span { display: none; }

#content-top #content-top-first-2 #p-signupfree { margin: 10px; width: 370px; font-size: 15px;}

#content-top #content-top-first-2 #ebookform { margin: 37px 10px 0; font-size: 15px; }

#content-top #content-top-first-2 #ebookform input[type='image'] { margin-bottom: -7px; }

#content-top #content-top-first-2 #ebookform input[type='text'] { width: 146px; height: 23px; background: url('images/email-input.gif') no-repeat; border: none; padding: 2px 0 0 5px;}

/* josemota */



#content-top #ebook{

	float:left;

	width:300px;

	height:131px;

	background:url(images/ebook.jpg) no-repeat left top;

}

#content-top #ebook #ebookform{

	width:100%;

	margin:89px 0 0;

	overflow:hidden;

	background:url(images/email-input.gif) no-repeat 5px top;

}

#content-top #ebook #ebfr{

	float:left;

	margin:0 0 0 5px;

	padding:4px 5px;

	height:24px;

	width:149px;

	border:none;

	background:none;

	text-align:left;

	font:11px arial;

	color:#333;

	voice-family:"\"}\"";

	voice-family:inherit;

	height:auto;

	width:139px;

}

#content-top #ebook #ebf{

	float:left;

	margin:5px 0 0 5px;

}

#content-top #featured-articles{ float:left; background:#fff; width:286px; margin:0 21px; padding:5px 7px 7px; }

#content-top #featured-articles h2{

	font:bold 13px verdana;

	color:#4F4F4F;

	margin:0 0 5px;

}

#content-top #feeds{

	float:left;

	background:#fff;

	width:286px;

	padding:0px 7px 0px;

        height: 165px;

}

#feeds a#what-is { font-size: 10px; position: relative; top: 100px; left: 210px; }

#content-top #feeds #feed-icon{

	float:right;

	font-size:10px;

	text-align:center;

	margin:5px 0 0;

}

#content-top #feeds #feed-icon img{

	display:block;

	margin:0 0 3px;

}

#content-top #feeds #subscribe-methods{

	

}









#content-top #feeds #subscribe-methods h2{ font:bold 13px verdana; color:#4f4f4f; position: relative; top: -16px; margin:0 0 0; }

.pmain img { float: left; margin: 5px; }

#content-top #feeds #subscribe-methods a{

	font:11px/30px verdana;

	display:block;

	border-bottom:1px solid #eee;

}

#content-top #feeds #subscribe-methods span{

	font:11px verdana;

	color:#306891;

	display:block;

	margin:5px 0 10px;

}

#content-top #feeds #subscribe-methods #subscribeform{

        margin: 4px 0 0 0;

	height:23px;

	overflow:hidden;

	background:url(images/email-input.gif) no-repeat left top;

}

#content-top #feeds #subscribe-methods #ssfr{

	float:left;

	padding:4px 5px;

	width:149px;

	border:none;

	background:none;

	text-align:left;

	font:11px arial;

	color:#333;

	voice-family:"\"}\"";

	voice-family:inherit;

}

.article{

	height:1%;

	overflow:hidden;

	clear:both;

	font:11px/16px verdana;

	color:#424141;

	margin:10px 0 40px;

}

#video .article,

#featured-articles .article{

	margin:0;

}

.article h3{

	font:bold 13px verdana;

	color:#306891;

}

.article h3 a:hover{

	text-decoration:underline;

}

.article .atime{ font-size:10px; color:#9d9e9f; }

.article .atime a:hover{

	text-decoration:underline;

}

.article p{

	padding:4px 0;

}

#video .article p{

	color:#9D9E9F;

	font:10px/12px verdana;

}

.article .read-more{

	font-size:11px;

	text-decoration:underline;

}

.article .read-more:hover{

	text-decoration:none;

}

.article object,

.article div{

	display:block;

	margin:5px auto;

}

.article div img{

	display:block;

	margin:0 auto;

}

.article #sharethis_0{

	display:block;

	padding:5px 0;

}

.article #sharethis_0 a{

	font:11px verdana;

}

#articles{

	float:left;

	width:280px;

	padding:5px 10px;

	background:#fff;

}

#misc{

	float:left;

	width:300px;

	margin:0 0 0 21px;

}

#video{

	width:286px;

	padding:5px 7px 7px;

	background:#fff;

	margin:0 0 20px;

}

#best-of{

	width:286px;

	padding:5px 7px;

	background:#fff;

}

#articles h2, #video h2, #best-of h2{

	font:bold 13px verdana;

	color:#4F4F4F;

	margin:0 0 5px;

}

#view-blog{

	font:bold 13px verdana;

	display:block;

	text-align:center;

	text-decoration:underline;

}

#view-blog:hover{

	text-decoration:none;

}

#best-categories{

	padding:8px 6px 0;

	background:#EAEAEA;

	height:1%;

	overflow:hidden;

}

#best-categories li{

	float:left;

	height:1%;

}

#best-categories li a{

	float:left;

	height:1%;

	padding:6px 15px;

	border:solid #EAEAEA;

	border-width:1px 1px 0;

}

#best-categories li.ui-tabs-selected a,

#best-categories li a:hover{

	text-decoration:none;

	background:#FFF;

	border:solid #306891;

	border-width:1px 1px 0;

}

.best-articles{

	height:1%;

	border:solid #EAEAEA;

	border-width:0 6px 6px;

	padding:6px 12px 0;

}

.best-articles li{

	width:100%;

	padding:0 0 0;

}

.best-articles li h3{

	font:bold 11px verdana;

	color:#306891;

}

.best-articles li h3 a{

	color:#306891;

	text-decoration:underline;

}

.best-articles li h3 a:hover{

	text-decoration:none;

}

.best-articles li span.atime{ font-size:10px; color:#9d9e9f; width: 250px; padding: 0; }

hr { position: relative; width: 100%; height: 1px; margin-top: 5px; margin-bottom: 5px; padding: 0; border-bottom: 1px dotted silver; border-top-style: none; border-right-style: none; border-left-style: none; }

.best-articles li span.atime a:hover{

	text-decoration:underline;

}

#main #the-article{

	height:1%;

	margin:0 18px 0 0;

	padding:20px 30px;

	background:#fff;

}

#main .apost{

	overflow:hidden;

	clear:both;

	color:#232323;

	font:13px/22px verdana;

	margin:0 0 20px;

}

#main .postarchive h2,

#main .postarchive h3,

#main .apost h2{

	overflow:hidden;

	font:bold 24px/30px verdana;

	color:#306891;

}

#main .postarchive h2 a,

#main .postarchive h3 a,

#main .apost h2 a{

	color:#306891;

}

#main .postarchive h2 a:hover,

#main .postarchive h3 a:hover,

#main .apost h2 a:hover{

	text-decoration:underline;

}

#main .apost span.pauth{

	font:italic 12px/25px georgia;

	color:#C1C2C3;

	float:left;



}



#main .apost span.pauth a{

	color:#C1C2C3;

	font:12px/25px georgia;

}

#main .apost span.pauth a:hover{

	text-decoration:underline;

}

#main .apost .pmain{

	clear:both;

	overflow:hidden;

	width:100%;

}

#main .apost p,

#main .apost blockquote{

	padding:5px 0;

	text-align:justify;

	color:#232323;

}

#main .apost blockquote{

	padding:5px 20px;

	margin:5px 20px;

	color:#555;

	background:#ededed;

}

#main .apost ol,

#main .apost ul{

	padding:10px 20px;

}

#main .apost ol{

	list-style-type:decimal;

	list-style-position:inside;

}

#main .apost p a,

#main .apost ol a,

#main .apost ul a{

	color:#306891;

}

#main .apost p a:hover,

#main .apost ol a:hover,

#main .apost ul a:hover{

	text-decoration:underline;

}

#main .apost ul li{

	padding:0 0 5px 20px;

	background:url(images/bullet.png) no-repeat left 5px;

}

#main .apost ol li{

	padding:0 0 5px;

}
#main .pfoot{
	font:12px/18px verdana;
	color:#232323;
	overflow:hidden;
	margin: 0;
        background: none;
}
#main .pfoot ul {
	text-align:center;
        margin: 0px;
}
#main .pfoot ul li{
	display:inline;
	padding:0 0 0 20px;
        line-height: 19px; 
        margin: 0px 5px 0 0; 
	list-style:none;
        background: none; 
}
#main .pfoot ul li.email { background: url(images/email.png) no-repeat 0% 45%; }
#main .pfoot ul li.twitthis { background: url(images/twitterb.png) no-repeat 0% 45%; }
#main .pfoot ul li.rss { background: url(images/rss.png) no-repeat 0% 45%; }
#main .pfoot ul li.twitter { background: url(images/twitter.png) no-repeat 0% 45%; }
#main .pfoot a,
#main .pfoot a:visited{
	color:#306891;
        font-weight: bold; 
}

#main .pfoot a:hover{
	text-decoration:underline;
        font-weight: bold; 
}

/**Dani post footer changes**/
#postsubscribeform { width: 95%; height: 140px; margin: 30px auto; padding: 10px 10px 10px 10px; background-color: #f5f4f4; }
#postsubscribeform .right { width: 380px; float: right; }
#postsubscribeform .left { width: 125px; float: left; margin: 8px 0 0 0; }
#postsubscribeform .bottom { margin: 8px 0 0 0; }
input#subform { margin: 2px 0 0 4px; padding: 1px 4px; background: url(images/subbutton.png) no-repeat; width: 136px; height: 24px; border: 0px; cursor:pointer; }
input#subentry { width: 200px; padding: 2px 4px; background: #E8E8E8; border: 1px solid #dfdede; }

#main .related{

	padding:20px 0 0;

}

#main .related h2{

	font:bold 14px/22px verdana;

	color:#000;

}

#main .related ul{

	font:12px/25px verdana;

	color:#306891;

	list-style:none outside;

	padding:0;

}

#main .related ul li{

	padding:0 0 0 20px;

	background:url(images/bullet.png) no-repeat left 5px;

}

#main .related ul li a{

	color:#306891;

	text-decoration:underline;

}

#main .related ul li a:hover{

	text-decoration:none;

}

#main .postarchive{

	clear:both;

	margin:12px 0 8px;

	width:100%;

	font:12px/20px verdana;

}

#main .postarchive a{

	color:#306891;

}

#main .postarchive a:hover{

	text-decoration:underline;

}

#main .postarchive ul,.postarchive ol,.postarchive p,.postarchive blockquote{

	margin:5px 0;

}

#main #srel,

#main .postarchive #linklist,

#main .apost .subh,

#main .atitle{

	font:bold 24px/30px verdana;

	color:#306891;

}

#main #srel a,

#main .postarchive #linklist a,

#main .apost .subh a,

#main .atitle a{

	color:#306891;

}

#main #srel a:hover,

#main .postarchive #linklist a:hover,

#main .apost .subh a:hover,

#main .atitle a:hover{

	text-decoration:underline;

}

#main p.nopost{

	font:13px/16px verdana;

	margin:0;

}

#main p.nopost a{

	color:#306891;

}

#main p.nopost a:hover{

	text-decoration:underline;

}

#main .lead{

	clear:both;

	overflow:hidden;

	font:13px/20px verdana;

	color:#306891;

	text-align:left;

	margin:10px 0;

	width:100%;

}

#main .lead a{

	color:#306891;

}

#main .lead a:hover{

	text-decoration:underline;

}

#main .lead .ppre{

	float:left;

}

#main .lead .pnex{

	float:right;

}



/* sidebars */

#sidebar-one{

	float:left;

	width:300px;

	margin:0 0 0 -327px;

	display:inline;

	font:11px/16px verdana;

	overflow:hidden;

	color:#959494;

	height:1%;

}

#sidebar-one h2{

	font:bold 13px verdana;

	color:#4F4F4F;

	margin:0 0 5px;

	clear:both;

	height:1%;

}

#sidebar-one .sb-columns{

	padding:5px 10px;

}

#sponsors{

	background:#fff;

	margin:0 0 20px;

}

#sponsors p{

	text-align:center;

	padding:0 0 20px;

}

#sponsors p img{

	display:block;

	margin:0 auto;

}

#sponsors ul{

	height:1%;

	padding:10px 0 0;

	overflow:hidden;

}

#sponsors ul li{

	float:left;

	margin:0 7px 12px 8px;

	display:inline;

}

#sponsors ul li a{

	float:left;

}

#sponsors ul li img{

	display:block;

}

#sites{ background:#fff; height:1%; margin-bottom: 15px; }

#sites ul{

	padding:5px;

}

#sites ul li{

	margin:0 0 10px;

}

#sites ul li a{

	font:bold 13px verdana;

	color:#306891;

	display:block;

}

#sidebar-one a{

	color:#306891;

}

#sidebar-one a:hover{

	text-decoration:underline;

}

.none{

	display:none;

}



/* comment */

#cmw{

	margin:30px 16px 0;

	padding:3px 10px;

	text-align:center;

	font:12px/22px verdana;

}

#cmbox{

	clear:both;

	text-align:left;

}

#cmbox  a{

	color:#306891;

}

#cmbox  a:hover{


	text-decoration:underline;

}

#commentform{

	padding:10px 0 0;

}

#commentform input,

#commentform textarea{

	padding:1px 2px;

	color:#232323;

}

#author,

#email,

#url,

#comment{

	width:221px;

	height:24px;

	display:block;

	font-size:11px;

	border:solid #999;

	border-width:2px 1px 1px;

	font-family:verdana;

	voice-family:"\"}\"";

	voice-family:inherit;

	width:218px;

	height:auto;

}

#commentform textarea#comment{

	width:472px;

	min-height:100px;

	border-width:1px;



	margin:0 0 10px;

	background:url(images/comment-bg.jpg) no-repeat right bottom;

}

* html #commentform textarea#comment{

	height:100px;

}

#commentform input#submit{

	border:none;

	padding:0;

}

#commentform label{

	color:#232323;

}

.commentlist{

	list-style:none outside;

}

.commentlist li{

	border-bottom:1px solid #aaa;

	margin:0 0 10px;

}

.commentlist li p{

	padding:8px 0 10px;

	clear:both;

	text-align:justify;

}

span.cauth{

	float:left;
        width: 40%; 

}

span.cauth em{

	font-size:11px;

}

span.cdate{

	float:right;
        margin: 0 0 0 5px;
}

h3#respond,

h3#comments{

	font-size:15px;

	color:#000;

	padding:5px 0 10px;

}



/* footer */

#footer{

	clear:both;

	text-align:left;

	color:#fff;

	font:11px/16px verdana;

	width:995px;

	margin:0 auto;

	overflow:hidden;

	background:url(images/bg.gif) repeat-y left top;

}

#ft-inner{

	width:979px;

	margin:0 auto;

	background:#252525;

	overflow:hidden;

	border-bottom:6px solid #000;

}

#footer h2{

	color:#fff;

	font:14px/30px verdana;

	padding:0 10px;

	border-bottom:1px solid #555;

}

#footer #logos{

	float:right;

	width:141px;

}

#footer #logos li{

	clear:both;

	width:100%;

}

#footer h3,

#footer h3 a{

	float:right;

}

#footer h3 img{

	displaY:block;

}

#footer h3#lss{

	margin:0 0 35px;

}

#footer h3#ubd{ position: relative; top: 35px; width:106px; height:26px; }

#footer #cats-list{

	float:left;

	width:815px;

	margin:0 0 0 20px;

	display:inline;

}

#footer #cats-list li{

	float:left;

	width:197px;

	padding:6px 0;

}

#footer #cats-list li a{

	color:#fff;

	text-decoration:underline;

}

#footer #cats-list li a:hover{

	text-decoration:none;

}



/* extra */

.mbl_h,

.mbl_fo_hidden{

	display:none;

}

@media projection,screen{

	.ui-tabs-hide{

		display:none;

	}

}

@media print{

	.ui-tabs-nav{

		display:none;

	}

}

#arrows { position: absolute; top: 35px; z-index: 100; visibility: hidden; float: left; }

#featured-content { font-size: 10px; line-height: 1.2; }

#featured-articles .article h3 a{

	font:bold 11px verdana;

	color:#306891;

}

#prevposts{ background:#fff; height:1%; margin-top: 20px; }

.navigation { margin-top: 25px; }

#entries{ background:#fff; height:1%; margin-bottom: 15px; }

#entries ul{

	padding:5px;

}

#entries ul li{

	margin:0 0 10px;

}

#entries ul li a{

	font:bold 13px verdana;

	color:#306891;

	display:block;

}

.right { float: right; margin: 10px; }

.book { float: left; margin-right: 10px; border: solid 1px silver; }

.wp-email { color: black; background-color: white; }

#headad{position:relative;z-index:20;float:right;margin:-100px 10px 0 0;display:inline;}

/* JR CHANGE FOR MENUS */
/* ================================================================ 
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/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.
=================================================================== */

.menu {width:800px; height:26px; font-size:12px; position:relative; z-index:100;border-right:1px solid #000;float:left;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:800px; w\idth:800px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:86px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:86px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:86px; height:27px; border:1px solid #333; border-width:0px 0 0px 0px; background:#000000; padding-left:8px; line-height:26px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:86px; w\idth:74px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#000000 bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#252525;}
.menu ul ul :hover > a.drop {background:#themes/lssacademy/style.css bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#000;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#themes/lssacademy/style.css;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:28px;left:0; width:99px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:27px;t\op:28px;}

/* position the third level flyout menu */
.menu ul ul ul{left:99px; top:-1px; width:99px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-99px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#000; color:#fff; height:auto; line-height:1.7em; padding:2px 6px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#252525;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#252525;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: white;
  background: #356a92;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: white;
  font-weight: bold;
  background: #356a92;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: #6a899e;
}

.menu .current_page_item a:hover {
  background: #6a899e;
}