/*
Theme Name: Orange Leaders site
Theme URI: http://orangeleaders.com
Description: Theme for Orange Leaders
Version: v2
Author: Hadley Brandt
Author URI: http://rethinkgroup.org
*/

/* Template custom fonts */
@font-face {font-family: "Moxy Header";src: url(fonts/Titillium-Regular.eot);}
@font-face {font-family: "Moxy Header";src: url(fonts/Titillium-Bold.eot);font-weight: bold;}
@font-face {font-family: Moxy;src: url(fonts/Aller-Regular.eot);}
@font-face {font-family: Moxy;src: url(fonts/Aller-Italic.eot);font-style:italic;}
@font-face {font-family: Moxy;src: url(fonts/Aller-Bold.eot);font-weight:bold;}
@font-face {font-family: Moxy;src: url(fonts/Aller-BoldItalic.eot);font-weight:bold;font-style:italic;}

@font-face {font-family: "Moxy Header";src:local("Titillium Regular"), url(fonts/Titillium-Regular.otf) format("opentype");}
@font-face {font-family: "Moxy Header";src:local("Titillium Bold"), url(fonts/Titillium-Bold.otf) format("opentype");font-weight: bold;}
@font-face {font-family: Moxy;src:local("Aller Regular"), url(fonts/Aller-Regular.ttf) format("truetype");}
@font-face {font-family: Moxy;src:local("Aller Italic"), url(fonts/Aller-Italic.ttf) format("truetype");font-style:italic;}
@font-face {font-family: Moxy;src:local("Aller Bold"), url(fonts/Aller-Bold.ttf) format("truetype");font-weight:bold;}
@font-face {font-family: Moxy;src:local("Aller Bold Italic"), url(fonts/Aller-BoldItalic.ttf) format("truetype");font-weight:bold;font-style:italic;}

#ff-moxy {font-family: Moxy,Helvetica,Arial,sans-serif;}

/* Core */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*----- General Styles -----*/

body, html { height: 100%; }

body { background:#f58526 url(images/v2_bkgnd.jpg) no-repeat top center; font-family: Moxy,Helvetica, Arial, sans-serif; font-size: 62.5%; }

a, a:visited { outline: none; color:#f68428;
	text-decoration: none;
}

a:hover { outline: none; color: #c1651d;
	text-decoration: none;
}
.clearfix:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; }

* html .clearfix { height: 1%; }

#container { width:900px; margin:0px auto; padding:10px 0px; }

/*----- Header -----*/

#header { width:900px; margin:0px 0px 8px 0px;}

#header .welcome { margin:10px 0px 4px 0px; }

#header .welcome div.logo_display {margin: 0px 0px 0px 20px;}

#header .welcome div.logo_display div.hdr_description {margin: -62px 0px 0px 120px; }

#soc_net .soc_net_beta {
	margin-right: 30px;
	padding-bottom: 8px;
	-webkit-transform: rotate(-20deg); 
	-moz-transform: rotate(-20deg);}

#header .welcome h2 { text-transform:uppercase; color:#f68428; font-weight:bold; font-size:1.4em; margin-bottom:3px; }

#header .welcome p.description { color:#FFFFFF; font-size:1.25em; width:500px; }

#header h1 { float:right; padding:30px 40px 0px 0px; }

#header h1 a { width:88px; height:70px; text-indent:-9999px; display:block; background:url(images/leaders_logo.png) no-repeat; }

#header .hdr_menu {
	width: 220px;
	float: right;
	height: 100%;
	text-align: right;
	margin-top: -20px;
	color: #ae5c18;
	font: 10px/1.4 Moxy, Helvetica, Arial, sans-serif;
}

#header .search_hdr {
	width: 250px;
	float: right;
	height: 100%;
	text-align: right;
	margin-top: -72px;
	color: #333333;
	font: 10px/1.4 Moxy, Helvetica, Arial, sans-serif;
}


#header .contak_hdr {
	width: 250px;
	float: right;
	height: 100%;
	text-align: right;
	margin-top: -26px;
	color: #333333;
	font: 10px/1.4 Moxy, Helvetica, Arial, sans-serif;
}

#header .hdr_menu a:link, #header .hdr_menu a:visited {
	color: #ab5a17;
}

#header .hdr_menu a:hover {
	color: #6b360a;
}



/*----- Main Menu -----*/

#menu { width:900px; height:32px; background: url(images/v2_menu.png) no-repeat; margin-bottom: 15px; font-size: 1.10em;
	border: thin outset #e2e4e4;
}

#menu li { display:block; float:left; text-transform:uppercase; font-weight:bold; margin-right:14px; position:relative; background:url(images/nav_hover_bottom.png) no-repeat -9999px -9999px;
	padding-top: 9px;
	padding-left: 10px;
}

#menu li a { line-height: 1.5em; color: #717171; background:url(images/nav_hover_middle.png) no-repeat -9999px -9999px; }

#menu li ul { display:none; left:7px; top:26px; position:absolute; width:200px; padding-top:5px; z-index:99; }

#menu ul li { display:block; float:none; margin-bottom:10px; text-transform:none; padding:5px 10px; margin:0px; background:url(images/nav_hover_middle.png) repeat-y top left; }

#menu ul li.bottom { height:8px; width:200px; background:url(images/nav_hover_bottom.png) no-repeat bottom; padding:0px; margin:0px; }

#menu .hover ul { display:block; }

#menu li a:hover, #menu li.hover a { color:#333; }

#menu li.hover ul a { color:#848484; }

#menu li.hover ul a:hover { color:#333;
}

#soc_net {
	float: right;
	margin-top: 1px;
}

#fp_twitter {
	width: 32px;
	height: 30px;
}

#fp_facebook {
	width: 32px;
	height: 30px;
	margin-right: 5px;
	margin-left: 2px;
}

/*----- Right Content Column -----*/
#right_col { width:440px; float:right;
}

#right_col img { margin-bottom:15px; }

#right_col .login_panel {
	width: 440px;
	height: 120px;
	/*background:url(images/v2_signin_panel.png);*/
	border: thin outset #e2e4e4;
	background-color: white;
}
/*----- Left Content Column -----*/

#left_col .blog_panel {
	width: 440px;
	height: auto;
	margin-top: 10px;
	/*background:url(images/v2_signin_panel.png);*/
	border: thin outset #e2e4e4;
	background-color: white;
}

#left_col .blog_panel .fp_blog_content {
	width: auto;
	height: 100%;
	color: #5d5d5d;
	font-size: 12px;
	margin-top: 45px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
}


#left_col .widgety {
	border: thin outset #999999;
	
}


#left_col { width:440px; float:left; }

.narrowcolumn { 
	width: 580px; 
	float:left;
	border: thin outset #e2e4e4;
	background-color: white;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	font: 12px Moxy, Helvetica, Arial, sans-serif;
}

#left_col .product_badge {
	width: 440px;
	height: 125px;
	background:url(images/v2_badge_bkgnd.png);
	border: thin outset #e2e4e4;
}

#left_col .product_badge .product_badge_inset{
	color: #FFFFFF;
	font: 12px/1.4 Moxy, Helvetica, Arial, sans-serif;
	text-align: left;
	margin: 15px 10px 10px;
}


/*----- panel titles -----*/

#panel_title {
	color: #666666;
	font: normal 16px Moxy, Helvetica, Arial, sans-serif;
	float: left;
	width: 110px;
	height: 105px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: relative;
}

#panel_title2 {
	color: #666666;
	font: normal 18px Moxy, Helvetica, Arial, sans-serif;
	float: left;
	width: 100%;
	height: 40px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: relative;
}

#panel_title .sign_in {
	margin-left: 20px;
	margin-top: 20px;
	clear: right;
}

#panel_title2 .blog-in {
	margin-left: 20px;
	margin-top: 15px;
	clear: right;
}
/*----- login panel items -----*/
#field_label {
	color: #f58526;
	font: normal 12px Moxy, Helvetica, Arial, sans-serif;
	height: 105px;
	width: 120px;
	margin: 0;
	padding-left: 10px;
	position: relative;
	left: 110px;
}

.loginID {
	color: #f68527;
	font: 14px Moxy, Helvetica, Arial, sans-serif;
	position: absolute;
	top: 30px;
	left: 0px;
	float: left;
	width: 80px;
	text-align: right;
}
.pass {
	color: #f68527;
	font: 14px Moxy, Helvetica, Arial, sans-serif;
	position: absolute;
	top: 54px;
	left: 0px;
	float: left;
	width: 80px;
	text-align: right;
}


#field_label .loginIDField {
	position: absolute;
	top: 26px;
	left: 90px;

}

#field_label .loginIDField input.text {
	background-color: #b3b3b3;
	padding: 2px 2px 2px 4px;
	color: white;
	font-size: 100%;
	width: 130px;
	border-style: none;
}

#field_label .passField {
	position: absolute;
	top: 51px;
	left: 90px;

}

#field_label .passField input.text {
	background-color: #b3b3b3;
	padding: 2px 2px 2px 4px;
	color: white;
	font-size: 100%;
	width: 130px;
	border-style: none;
}

#field_label .submit_btn { 
	position: absolute;
	top: 60px;
	left: 250px;
}

#field_label .forgot_pass{
	position: absolute;
	top: 22px;
	left: 250px;
	width: 80px;
	text-decoration: underline;
	font: 10px Moxy, Helvetica, Arial, sans-serif;
}


#field_label .forgot_pass a:link{
	color: #f58327;
}

#field_label .forgot_pass a:hover{
	color: #9d5215;
}

#field_label .subscribe {
	color: #b3b3b3;
	position: absolute;
	top: 85px;
	left: -90px;
	width: 300px;
	font: 10px Moxy, Helvetica, Arial, sans-serif;

}

#field_label .subscribe a:link {
	color: #f58327;
	text-decoration: underline;
}

#field_label .subscribe a:hover {
	color: #9d5215;
	text-decoration: underline;
}



/*----- Right Content Column -----*/

#right_col { width:440px; float:right;
}

#right_col img { margin-bottom:10px; }

#right_col .spacerz { 
            width: 440px;
            height: 10px;
            
 }



#right_col .login_panel {
	width: 440px;
	height: 120px;
	/*background:url(images/v2_signin_panel.png);*/
	border: thin outset #e2e4e4;
	background-color: white;
}

#right_col .tresads_topz {
   position: relative;
   float: right;
   right: 0px;
   width: 440px;

}


#right_col .tresads_wrapper {
   position: relative;
   float: left;
   left: 0px;
   width: 440px;

}

#right_col .tresads_left1 {
   position: relative;
   float: left;
   left: 0px;
   right: 0px;
   width: 140px;
   height: 105px;
border: thin outset #e2e4e4;

}

#right_col .tresads_left2 {
   position: relative;
   float: left;
   left: 8px;
   width: 140px;
height: 105px;
border: thin outset #e2e4e4;

}

#right_col .tresads_right {
   position: relative;
   float: right;
   left: 2px;
   width: 140px;
   height: 105px;
   border: thin outset #e2e4e4;

}

#right_col .tresads_botz {
   position: relative;
   float: right;
   right: 0px;
   width: 440px;

}

#right_col .vid_panel {
	width: 440px;
	/* hpb with scroller -> height: 380px;*/
	height: 380px;
	background:url(images/v2_vid_panel.png);
	border: thin outset #e2e4e4;
	margin-top: 95px;
}

#right_col .vid_panel .vid_inset {
	margin-top: 12px;
	margin-right: 12px;
	margin-left: 12px;
}

#right_col .vid_panel .vid_scroll_inset {
	margin-top: 5px;
	margin-right: 12px;
	margin-left: 12px;
	width: 416px;
	height: 50px;
	border: 1px solid #8e8e8e;
}



#right_col .ad_panel {
	width: 440px;
	height: 210px;
	margin-top: 10px;
}


#right_col .ad_panel .fp_ad_content1 {
	width: 210px;
	height: 210px;
	float: left;
	background-color: white;
	border: thin outset #e2e4e4;
}

#right_col .ad_panel .fp_ad_content2 {
	width: 210px;
	height: 210px;
	float: right;
	background-color: white;
	border: thin outset #e2e4e4;
}

#right_col .tweet_panel {
	width: 440px;
	height: 250px;
	margin-top: 10px;
	/*background:url(images/v2_signin_panel.png);*/
	border: thin outset #e2e4e4;
	background-color: white;
}

#right_col .tweet_panel .fp_tweet_content {
	width: auto;
	height: 100%;
	color: #5d5d5d;
	margin-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
}


#right_col .cal_panel {
	width: 440px;
	height: auto;
	margin-top: 10px;
	margin-bottom:  10px;
	/*background:url(images/v2_signin_panel.png);*/
	border: thin outset #e2e4e4;
	background-color: white;
}

#right_col .cal_panel .xevents_panel {
	width: 100%;
	height: auto;
	border: thin outset #e2e4e4;
	background-color: white;
}

#right_col .cal_panel .events_panel {
	width: auto;
	height: 100%;
	color: #c4681c;
	font-size: 14px;
	margin-top: 45px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
}



#latest td, #forumlist td, #favorites td { padding: 5px 15px; }

#forumlist tr td div.nest {
	padding-left: 2.5ex;
}

#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { background-color: #e3e3e3; }

#latest th, #forumlist th, #favorites th {
	text-align: left;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	padding: 5px 15px;
	color: #FFFFFF;
	background-color: #747474;
}

#latest th a, #forumlist th a, #favorites th a {
	color: rgb(200, 200, 200);
	font-style: italic;
}

#latest th a:hover, #forumlist th a:hover, #favorites th a:hover {
	color: rgb(255, 255, 255);
}


#left_col .ad_panel {
	width: 440px;
	height: 375px;
	margin-top: 10px;
}

#left_col .ad_panel .fp_ad_contentA {
	width: 440px;
	height: 150px;
	float: left;
	background-color: white;
	border: thin outset #e2e4e4;
	margin-bottom:  10px;
}

#left_col .ad_panel .fp_ad_content1 {
	width: 210px;
	height: 210px;
	float: left;
	background-color: white;
	border: thin outset #e2e4e4;
}
#left_col .ad_panel .fp_ad_content2 {
	width: 210px;
	height: 210px;
	float: right;
	background-color: white;
	border: thin outset #e2e4e4;
}

/*----- Left Page Column -----*/

#left_page_col { width:440px; float:left;}
#right_page_col { float:right; }

.blog_content { width:590px; 
background:url(images/v2_vid_panel.png); color:#686767;
	font: 1.25em Moxy, Helvetica, Arial, sans-serif;
	padding: 20px 20px 25px;
	border: thin outset #e2e4e4;
}


/* --- main css items */

.content { width:446px; height: 338px; background:url(images/v2_vid_panel.png); font-size:1.25em; color:#686767; }

.features .video_rotation { width:446px; float:left; }

.features .switcher { width:130px; float:right; }

.features h3 { font-size:1.45em; text-transform:uppercase; margin-bottom:20px; }

.features ol { font-size:1.1em; }

.features ol li { list-style: decimal outside; color:#f68428; margin-left: 20px; margin-bottom:15px; }

.buckets img { float:left; }

/* hpb .buckets .middle { margin:0px 14px; } */
h2.title { font-size:1.75em; margin:15px 0px 2px 0px; }

h3.title { font-size:1.4em; font-weight:bold; margin:10px 0px; }

.author_display {font-size:0.8em; color: #333333; margin: 0px 0px 15px 0px; text-transform: uppercase;}

.post { margin-bottom:25px; border-bottom:1px solid #ccc; padding-bottom:20px; }

.fp_post { margin-bottom:15px;padding-bottom:10px; }

.entry { line-height:18px; }

.entry p { margin-bottom:12px; }

.entry ul { margin:0px 0px 15px 20px; }

.entry ul li { list-style: disc outside; }

.entry ol { margin:0px 0px 15px 20px; }

.entry ol li { list-style:decimal outside; }

.entry img.alignleft { float:left;
	margin: 5px 15px 10px 0;
}

.entry img.alignright { float:right; margin:0px 0px 10px 15px; }

.entry img.alignmiddle { display:block; margin:0px auto 10px; }

.entry h1 { font-size:2em; }

.entry h2 { font-size:1.75em; }

.entry h3 { font-size:1.5em; }

.entry h4, .entry h5, .entry h6 { font-size:1.25em; font-weight:bold; }

.navigation { margin: 30px 0px 0px; font-weight:bold; }

.navigation .alignleft { float:left; }

.navigation .alignright { float:right; text-align:right; }

/*----- Buckets -----*/

#buckets {margin-right: 5px; }

/*----- Blog Excerpts -----*/
.excerpted {
	color: #f58526;
	font-family: Moxy, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}

/*----- Comments -----*/

#comments { background: #f2f0ee; padding: 15px; }

/*----- Orange Circle -----*/

.circle { background: transparent url(images/orange_circle_bk.png) no-repeat ;width: 185px;height: 162px; padding-top: 10px; float: left; text-align: center; margin-left: 14px;margin-right: 14px; }

.circle a { color: #fff; font-size: 2em; font-weight:900; }

.circle a:hover { color: #333333; }

.boxgrid{ width: 185px; height: 165px; overflow: hidden; position: relative; }

.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }

.boxgrid p{	padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif;	}

/* digg twit-facebook */
.digg_twit {
	margin-left: 5px;
	margin-top: 10px;
}

.digg_facebook {
	margin-left: 73px;
	margin-top: -25px;
}

/*----- tweeter FP -----*/
.tweet-box {
	text-align: left;
	font: 10px Moxy, Helvetica, Arial, sans-serif;
}

.tweet-box ul li {
	margin-top: 10px;
	margin-left: 15px;
	list-style-type: circle;
	list-style-position: outside;
}
/*----- Login -----*/

/*#login { background: transparent url(assets/signin_holder2.png) no-repeat; width: 311px; height: 167px; margin-bottom: 17px; }

#login-boxes { float: right;margin-top: 55px; margin-left: 100px; height: 55px; }

#uid { border: none; background: none; font-size: 1.5em; width: 180px; color: #0f0f0f;}

#pwd { background: none; border: none; font-size: 1.5em; width: 180px; margin-top: 20px; color: #0f0f0f;}

#lostpass{ float: left; margin-top: 16px; margin-left: 23px;};
*/

.widget { margin-bottom:15px;
}

.widget .top { width:180px; height:10px; background:url(images/widget_bg_top.png); }

.widget .bottom { width:180px; height:10px; background:url(images/widget_bg_bottom.png);
}

.widget .contents { width:230px; height: auto; background:url(images/v2_vid_panel.png); color:#686767;
	font: 11px/1.5 Moxy, Helvetica, Arial, sans-serif;
	padding: 10px 7px 15px 15px;
	border: thin outset #e2e4e4;
	float: right;
	margin-bottom: 10px;
}

.widget .contents h3 { color: #666666; font: normal 18px Moxy, Helvetica, Arial, sans-serif; margin-bottom: 7px; }

.widget ul li { list-style: disc outside; margin-left:20px; }

/*----- Footer ----*/

#footer-contents {
	width: 900px;
	position: relative;
	top: 15px;
	margin-right: auto;
	margin-left: auto;
}
#footer { width:760px; height:16px; background: #ffffff none no-repeat; color: #cfd1d1; padding:5px 20px 0px 20px;
	font: 10px/10px Moxy, Helvetica, Arial, sans-serif;
	text-align: left;
	float: right;
	border: thin outset #bdbdbd;
}

#footer-logo img { display:block; float:left;
	padding-top: 2px;
}

#footer-msg { display:block; float: right;
	font: 10px Moxy, Helvetica, Arial, sans-serif;
	width: 500px;
	height: 16px;
	text-align: right;
}

.footer_msg_txt {
	font: 10px/10px Moxy, Helvetica, Arial, sans-serif;
	margin-left: 50px;
	color: #f58526;
}




/*----- IE Fixes -----*/

*+html .features ol li { margin-left:25px; }