/*  

Theme Name: FocalEquity 2.0

Author: Charlie & Scott





/******************************************

*   HTML Elements                         

******************************************/



* {

	margin:0;

	padding:0;

	}



body,html {

	min-height:101%;

	}

	

body {

	/* background: #1E487D; */

    background:#FFFFFF;

/*	padding: 13px 0 25px 0; */

	padding: 0 0 25px 0;

	

	}



body, select, input, textarea {

	font:normal 12px Tahoma, Arial, Helvetica, sans-serif; 

	line-height:1.5em;

	color: #363636;

	}

	

#top-back{

	background:url(images/holder_top_back.png) no-repeat center;

	height:8px;

}



#bottom-back{

	background:url(images/holder_bottom_back.png) no-repeat center;

	height:8px;

}



p {	

	margin: 15px 0;

	}



a:link {



    color:#0099FF;



    text-decoration:none;



}



a:visited {



    color:#0099FF;



    text-decoration:none;



}



a:hover {



    color:#65a3ff;



    text-decoration:none;



}



hr {

	height:1px;

	color:#D2D6D8;

	margin:10px 0;

	}



small {

	font-size: 0.9em;

/*	padding:3px 6px; */

	}

	





/****** Images ****************************/



img, a:link img, a:visited img{border:0px solid #999; padding:1px;}

img.left,img.center,img.norm{ margin:5px 12px 5px 0; border:0px solid #999; padding:1px;}

img.right{ margin:5px 12px 5px 0; border:0px ; padding:1px;}

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

img.center{ display:block; margin:0 auto 5px auto; }

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

img align left{ float:left; margin:0 12px 5px 0; }

	

		

/******************************************

*   General Structure                         

******************************************/



.posttop {

clear:both;

width:100%;

height:40px;

margin-top:10px;

}



.posttop .dateicon {

border-right:3px solid #4383CF;

padding-right:8px;

float:left;

}



.posttop .title {

padding-left:8px;

float:left;

text-align:left;

}



.posttop .dateicon .day {

font-size:20px;

color:#CCCCCC;

clear:both;

text-align:right;

text-transform:uppercase;

}



.posttop .dateicon .month {

font-size:12px;

color:#CCCCCC;

clear:both;

text-align:right;

text-transform:uppercase;

}



.posttop .thetitle a {

font-size:18px;

font-weight:bold;

color:#0066ff;

clear:both;

}



.posttop .thetitle a:hover {

text-decoration:none;

color:#0099FF;

} 



.posttop .title .under {

margin-top:5px;
font-size:11px;

color:#bfbfbf;

clear:both;

}



.postbottom {

clear:both;

float:right;

}



.postbottom a.commentslink {

height:30px;

padding-top:3px;

display:block;

float:left;

padding-right:6px;

}



/*****************************************/

/* SEARCH *                               /

/*****************************************/

#bsearch{width:400px;font-size:11px;padding:1px 0 0 10px; background:url(i/info.gif) repeat-x; border:#eee 1px solid; float:left;}

/* #searchform{height:30px;line-height:30px;float:left;padding-top:5px;} */

#searchform #s{font-size:8pt;width:150px;border-color:#4383CF;}

#searchform #submit{font-size:8pt;}

input#s{color:#666;border:1px solid #cbcbcb;background:#fcfcfc;}



/*****************************************/

/* NAVIGATION TOP *                       /

/*****************************************/





#misc{width:405px;margin:0 0 10px 14px;padding:0; background:1E487D; float:left;}

#info{width:383px;font-size:11px;margin:0px 0 0px 0;padding:10px; background:url(i/info.gif) repeat-x; border:#eee 1px solid; float:left;}

#bgbox{width:980px;background:white;margin:0;padding:0;}





#headercontainer { /*the header container*/

	width:980px;

	margin:0 auto;

	font-size:1em;

	background:#FFF;

/*	padding: 0 25px 0 25px; */

	}



#page { /*the main container*/

	width:980px;

	margin:0 auto;

	font-size:1em;

	background:#FFF;

	padding:0;

	/* padding: 10px 25px 5px 25px; */

	/* border:3px double #333; */

	}



#branding {/*where the logo sits*/

	width:240px;

	height:69px;

	background:url(images/st_logo_tag.png) no-repeat;

	}







.left {

	float:left;

	}



.right {

	float:right;

	}





div.center {

    text-align: center;

}



div.center table {

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}



/*#sidebar {/*you guessed it: its the sidebar container

	width: 250px;

	float:right;

	}

*/



#singlecol {/*the full width homepage column carrying the "Featured Article" section*/

	width:610px;

	}





#singlecol li {

	margin-left:20px;

	}





#leftcol {/*the left homepage column carrying the "Featured Article" section*/

	width:287px;

	border-right:1px solid #b6b6b6;

	padding-right:18px;

	}





#leftcol, #rightcol {

	margin-top:10px;

	float:left

	}	

	

#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/

	width:277px;

	padding-left:18px;

	margin-top: -2px;

	text-align:justify;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

	

.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 30px; 

	}



		

/******************************************

*   Sidebar                         

******************************************/

/*

#sidebar{width:168px;float:right;font-size:11px;margin:0;padding:0; display: inline;}

*/

.lsidebar p,.rsidebar p,.tsidebar p {text-align:justify;margin: 5px 0;}

.tsidebar{width:350px;float:center;color:#666;margin:0 auto;padding:0 0 0 10px;}

.rsidebar{width:165px;float:right;color:#666;margin:0 auto;padding:0 0 0 0;}

.lsidebar{width:165px;float:left;color:#666;max-width:100%;margin:0 auto;padding:0 10px 0 0;}

.tsidebar li {margin-left:20px;}

.rsidebar li {margin-left:20px;}

.lsidebar li {margin-left:20px;}





.subnav li {/*.subnav is mainly the categories list*/

	list-style:none;

	}



.subnav li a:link, .subnav li a:visited {

	background: #fff;

	display:block;

	padding:4px 4px 4px 20px;

	border-bottom: 1px solid #999;

	}

		

.subnav li a:hover, .subnav li a:active {

	background: #F4F4EC;

	text-decoration:none;

	}

	

#sidelist li {

	list-style:none;

	}

	

.bullets li {

	margin:0 0 5px 15px;

	list-style:square;

	}

	

#sidelist .bullets li {

	list-style:square;

	margin-bottom:5px;

	

	margin-left:22px;

	}



#sidelist .children {

	background:#F4F4EC;

	}



#sidelist .children li {

	background: #F4F4EC;

	list-style: none;

	margin-left:15px;

	padding-left:15px;

	border-bottom:1px solid #fff;

	}

	

#sidelist .children li a, #sidelist .children li a:visited {

	padding:2px 2px 2px 0px;

	border:0;

	background:#F4F4EC;

	color: #666;

	}



#sidelist .children li a:hover, #sidelist .children li a:active	{				

	color:#000;

	}



#sidelist .feed li{

	margin-bottom:5px;

	padding-left:20px;

	background:url(images/rss.gif) no-repeat;

	}



	

/******************************************

*   Headlines                         

******************************************/



.blogtitle, .blogtitle a {

	color: #000;

	font-size: 1.8em;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: regular;

	padding: 20px 0px 10px 0px;

	}

h1,h2,h3,h4,h5,h6 {

    font:normal 1em/1 Arial, "Georgia", "Times New Roman", Times, serif;

}



h1 {

    font-size:2.91em;

	font-weight:bold;

}



h2 {

    font-size:2.0em;

    line-height:1.6;

	font-weight:bold;

}



h3 {

    font-size:1.7em;

    line-height:1em;

	font-weight:bold;

}



h4 {

    font-size:1.4em;

	font-weight:bold;

    color:#152942;

}





h5 {

	font: 1.1em Arial, Helvetica, sans-serif;

/*	text-transform:uppercase; 

	letter-spacing:0.3em; */

	margin-bottom:4px;

	font-weight:bold;

	color:#1E487D;

	}







h3#respond {

	font-size:1.1em;

	border-top:1px solid #666;

	margin-top:25px;

	padding-top:20px

	}



h3#comments {

	margin-top:32px

	}



	



/******************************************

*   Content                        

******************************************/



#forum-content {

	width:945px;

	float:left;

	}



/* #content{width:700px;float:left;line-height:140%;margin:0 10px 0 0;padding:0;} */

#content {



	float: left;



	width: 560px;



    margin:0px 25px 10px 15px;



	padding:0 10px 0 10px;



    float:left;



}



#content_single {



width:700px;float:left;line-height:140%;margin:0 10px 0 0;padding:0;



}



/*#content {

	width:605px;

	float:left

	}

*/	

.description {

	font-size: 1.3em;

	font-weight: bold; 

	color:#999;

	}





/* Post Formatting */



.entry {


	padding:10px 0 0 0;

	text-align:justify;

	color:#242424;

	

	}



.post blockquote {

	color:#242424;

	background:#DCE7F7;

	padding:6px 14px;

	margin:18px 35px;

	border-right:1px solid #DDD;

	border-bottom:1px solid #DDD;



	}	











.post ul li {

	list-style:square;

	margin-bottom:5px;

	

	margin-left:42px;

	}



.post ol li {





	margin-bottom:5px;

	

	margin-left:48px;

	}

	

#tags {

	padding:3px;

	border-bottom:1px solid #DDD;

	border-top:1px solid #DDD;	

	}	

	

.postmetadata {

	font-size:0.9em;

	margin:0 0 15px 0;

	padding:5px 5px;

	background:#DCE7F7;



	border-top:1px solid #E6E3D3;	

	border-bottom:1px solid #E6E3D3;	

	}

				



/* Form Elements */



select {

	background:#f2f2f2;

	border:1px solid #9c9c9c;

	width:100%

	}

	



#searchform { 	padding:0px 0px 0 0; 	}



.button {

	padding: 1px;

	background:#1E487D;

	color:#fff;

	border:none;

	}







.button:hover {

	background:#1E487D;

	color:#FFF;

	text-decoration:none



	}



#commentform input {

	width: 170px;

	margin: 0px 0px 0px 0;

	}



#commentform textarea {

	width: 100%;

	margin-top:0px;

	}



/* Comments*/





.commentlist {

	padding-left:30px;

	}

	

.commentlist li {

	margin: 15px 0 3px;

	padding: 8px 15px 10px 15px;

	background:#E6E6E6;

	border:1px dotted #E6E6E6;

	}



.commentlist blockquote {

	color:#666;

	background:#fff;

	padding:6px 14px;

	margin:18px 35px;

	border-right:1px solid #ccc;

	border-bottom:1px solid #ccc;

	}	



#commentform small {

	background:#FFF;

	font-weight:bold;

	padding:0;

	}

	

.commentmetadata {

/*	display: block; */

	}



.commentlist small {

/*	background:#fff; */

	}





/* Float Properties*/



.clearfloat:after {

	display:block;

	visibility:hidden;

	clear:both;

	height:0;

	content:".";

	}



	

	

/******************************************

*   Footer                        

******************************************/



#footer {

	margin: 0 auto;

	width: 985px;

	font-size:0.9em;

	text-align:center;

	padding-top:5px;

	background-color:#FFF;

        color:#1E487D;

	}



#footer a {

	color:#14568A;

	}



/******************************************

*   SNAP NAV                        

******************************************/



ol.snap_nav {

	display: inline;

	float: left;

	clear: both;

	list-style: none;

        padding-left: 50px;

}



ol.snap_nav li {

	display: block;

	float: left;

	padding: 0px 3px 0px 3px;

        border: thin solid #CCCCCC;

}



ol.snap_nav li a {

	font-weight: bold

}



ol.snap_nav li.snap_selected a {

	cursor: text;

}



ol.snap_titles {

	clear: both;

	display: block;

	border: 0;

	list-style: none;

}



/* Styles for the "3-columns-page template" */



#pageleft {

        float: left;

        width: 282px;

        margin: 20px 20px 0px 0px;

        padding: 0 20px 0 0;

        border-right: solid 1px #999;

        text-align:justify;

        }

        

#pagemiddle {

        float: left;

        width: 282px;

        margin: 20px 20px 0px 0px;

        padding: 0px;

        text-align:justify;

        }



#pageright {

        float: right;

        width: 282px;

        margin: 20px 0px 0px 0px;

        padding: 0 0 0 20px;

        border-left: solid 1px #999;

        text-align:justify;

        }



#pageleft .bullets li, #pagemiddle .bullets li, #pageright .bullets li {

        list-style:square;

        margin-bottom:5px;

        margin-left:22px;

        }

		

/* FocalEquity addon */



/* TopTicker */



#topticker { 



    margin-top:3px;



    clear:both;



	padding:4px 3px 0px 3px;



    height:20px;



	background-color:#000000



}















#topticker a:link, a:visited {



    color:#6b9ede;



    text-decoration:none;



}



#topticker a:hover {



    text-decoration:none;



	background-color:#b4d5ff;



}





/*LeftBar



*******************************/











#leftbar {



	float: left;



	width: 168px; 



	background-color:#ffffff;



	margin-top:0px;



}



#leftbar h3 {



	margine:0;



    padding:5px 5px 5px 5px;



    border-bottom:1px solid #D2D6D8;



	font-size:0.9em;



	background-color:#6694e3;



	color:#FFFFFF;



	font-weight: bold;



}



#leftbar .box {



    margin:0 0 8px 0;



    clear:both;



	padding:0 0 0 0;



    background:#ffffff;



    border:1px solid #D2D6D8;	



}



#leftbar .box .boxwrapper {



	padding:3px;



}



#leftbar ul {



    margin:0;



    padding:0;



    list-style:none;



}



/* Sidebar Widget */



.sidebar_widget {

    margin:0 0 8px 0;

    clear:both;

	padding:5px;    

    border:1px solid #D2D6D8;	

}

.pagenav { 

	list-style-type: disc;
	list-style-position: inside;
	margin-left: -20px;
	padding-left: 0;

}
.page_item 
{

	border-top:#fff 1px solid;
	padding-top:2px;
	padding-bottom:2px;
	padding-left: 5px;
	position:relative;
	display:list-item;
	background-color:#2B8AFF;
	color:#FFCC00
	


}
.page_item a:link
{

	color:#D9ECFF;
	font-weight:800;
}
.page_item a:visited
{

	color:#D9ECFF;
}
.page_item a:hover
{

	color:#ffffff;
}




/* Sidebar



*******************************/



#sidebar {float: right;width: 168px; background-color:#ffffff;margin-top:0;}

#sidebarPremium {float: left;width: 220px; background-color:#ededed;margin-top:0;}

#sidebar h3 {margine:5px 0 10px 0;padding:5px 5px 5px 5px;

	border-bottom:#E0E0E0 1px solid;

	background-color:#F2F2F2;

	font-size:1em;

	font-weight:bold;

	color:#666;

}



#sidebar .box {



    margin:0 0 8px 0;



    clear:both;



	padding:0 0 0 0;



    background:#ffffff;



    border:1px solid #D2D6D8;	



}



#sidebar .box .boxwrapper {



	padding:3px;



}



#sidebar .box .boxwrapper ul{



	padding:0px;



}



#sidebar .box .boxwrapper ul li a{



	border-top:#CCC 1px solid;



	display: block;



	padding:5px;



}



#sidebar .box .boxwrapper ul li a:hover{



	background-color: #0099FF;



	color:#FFF



}







#sidebar .box .boxwrapper p { 



text-align:left; line-height:normal;



}



#sidebar .box .boxwrapper .more { 



text-align:right;



}







/* FocalEquity Index Page */

/* Promotion *******************/



  .highlight-promotion {color:#ffffff; font-size:13px; font-weight:bold;} 
  .highlight-promotionPrice {color:#ffc600; font; font-size:10px;} 

#promotion { 



	width:980px;



    height:110px;



	margin:0 0 10px 0px;



    clear:both;



	padding:0;    



	background:url(../../../images/promotion_bg.gif) 0 0 no-repeat;



	background-color:#ffffff;



	border:1px #CCCCCC solid;



	color:#9dbaf6;



	line-height:18px;



}



#promotion h1 {color:#ffffff}



#promotion h3 {color:#ffffff; margin-bottom:1px;}



a.promotion:link, a.promotion:visited {



    color:#FFF;



    text-decoration:none;



}



a.promotion:hover {



	color:#0FF;



    text-decoration:none;



}







.promotion-signup{



        width: 81px;



        height: 20px;



        background: url(../../../images/promotion-signup.gif) top left no-repeat;



        display: block;



        margin:5px;	



        }



.promotion-signup:hover{



        background-position: bottom left;



        }

.promotion-account{

        width: 371px;

        height: 81px;

        background: url(../../../images/promotion-account.gif) top left no-repeat;

        display: block;

        margin:5px;	

        }

.promotion-account:hover{

        background-position: bottom left;

        }
		
.promotion-account2{

        width: 275px;

        height: 81px;

        background: url(../../../images/promotion-account2.gif) top left no-repeat;

        display: block;

        margin:5px;	

        }

.promotion-account2:hover{

        background-position: bottom left;

        }		
.promotion-account3{

        width: 182px;

        height: 54px;

        background: url(../../../images/promotion-account3.gif) top left no-repeat;

        display: block;

        margin:5px;	

        }

.promotion-account3:hover{

        background-position: bottom left;

        }	
		

/* Support Us */

.supportus{width: 160px;height: 142px;background: url(../../../images/support.jpg) top left no-repeat;display: block;}

.supportus:hover{background-position: bottom left;}

.note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }