@charset "UTF-8";

/* CSS Document */

/*
Theme Name: TopOneReport
Theme URI: http://toponereport.com
Description: Design by Andrew Krzysiak and Coded by Gordon French copyright InfoMedia Inc. 
Version: 1.0
Author: Gordon French
Author URI: http://gordonfrench.com/
Tags:

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/



/* COLORS
light grey		=		#d9d9d9
border pink		=		#d5a6ad
cat dark blue	=		#476895
dark title blue	=		#45566d
*/



/* --------------------------------------------------------------------- OVERALL STRUCTURE -----------------*/

body			{ margin:0px; background:url(images/bg.png) repeat-x #d9d9d9; font-family:Arial, Helvetica, sans-serif}
#mainFrame		{ position:relative; width:100%; }


/* ------------------------------------------------------------------- BASIC DESIGN SETTINGS ----------------*/

a			{ text-decoration:none;}						a:active 	{ outline: none;}
a:hover		{ text-decoration:underline;}					a:focus	{ -moz-outline-style: none; outline: none;}



.hide 			{ display:none;}
img, a img 		{ border:none}

.aligncenter 	{ display:block; margin-left:auto; margin-right:auto}
.alignleft 	{ float: left; }
.alignright 	{ float: right;}

.small			{ font-size:70%}
.clear			{ clear:both}



/* -------------------------------------------------------------------------- HEADER ------------------------*/

#header				{ position:relative; text-align:left; width:1302px; background: url(images/header.png) no-repeat; height:206px; margin-bottom:-206px; z-index:3 }
#logo 				{ position:absolute; left:113px; top:60px;}
#tagLine			{ position:absolute; left:125px; top:25px; color:#FFF; font-size:80%; font-family: Helvetica; letter-spacing:-1px; }
	.tag			{  border-right:#d5a6ad 1px solid; padding:5px 7px 5px 0px}
	.date			{ padding:5px 0px 5px 7px;}

#header #topics				{ position:absolute; width:270px; height:110px; left:630px; padding:0px 0px 0px 12px; border-left:1px solid #d5a6ad;}
#header #catList			{ font-size:78%; width:260px; height:110px; margin:0px; padding:0px;}
#header #catList li			{ float:left; list-style:none; width:85px; padding:0px 0px 3px 1px }

#header #connect			{ position:absolute; width:100px; height:110px; left:910px; padding:0px 0px 0px 12px; border-left:1px solid #d5a6ad;}
#header #connectList		{ font-size:78%; height:110px; margin:0px; padding:0px;}
#header #connectList li		{ list-style:none; padding:0px 0px 3px 1px }

#login				{ position:absolute; width:140px; height:110px; left:1030px; padding:0px 0px 0px 12px; border-left:1px solid #d5a6ad;}
#loginList			{ font-size:78%; height:110px; margin:0px; padding:0px;}
#loginList li		{ list-style:none; padding:0px 0px 3px 1px }

#header a			{ color:#d9d9d9;}			#header a:hover		{ color:#FFF;}
#header h3			{ color:#d9d9d9; font-size:95%; }

#input				{ width:100px; font-size:50%; margin-bottom:2px;}
#login #submit		{ margin-left:60px;}

.im-social              { position:absolute; left:1020px; top:150px; width:300px;}
.im-social a            { margin:0px 3px;}


/* ------------------------------------------------------------------------ MAIN CONTENT --------------------*/

#contentFrame		{ position:relative; text-align:left; width:1062px; background:url(images/contentBg.png) repeat-y; min-height:350px; padding:216px 134px 0px 106px; }
#content			{ position:relative; padding:0px 20px 0px 20px; left:20px; width:700px;  min-height: 1200px;} /* margin-bottom needs to match p bottom padding.*/
#featured 			{ position:relative; border:1px solid #e5e5e5; width:700px; min-height:627px;}
#resources			{ position:relative; border:1px solid #e5e5e5; width:700px; top:0px; min-height:188px;}

#featuredTitle		{ position:relative; background:url(images/homeTitleBg.png) repeat-x; height:43px; }
#featuredTitle h2	{ margin:0px; padding:10px 0px 0px 5px; font-weight:normal; color:#FFF; }
#featuredContent	{ position:relative; padding:0px 0px 0px 5px; width:335px; height:145px; float:left; margin:0px 5px 0px 5px; border-bottom:1px solid #e5e5e5;}
#frame				{ position:absolute; width:330px; height:135px; top:5px; border-left:1px solid #e5e5e5; left:-6px; z-index:1;  }

#catTitle			{ position:relative; font-size:70%; margin:5px 0px 5px 0px; color:##d9d9d9; z-index:3;}
.featCat a			{ text-transform: uppercase; color:#476895; font-weight:bold; letter-spacing:-1px; padding-right:5px;}
.featComm a			{ color:#666; text-decoration:underline;}

#postTitle h3 		{ position:relative; letter-spacing:-1px; font-size:95%; margin:0px 0px 5px 0px; z-index:3; }
#postTitle a		{ color:#000;}
#postDesc p			{ position:relative; left:100px; font-size:75%; margin:0px 0px 0px 0px; width:230px; line-height:120%; z-index:3;}

#postDesc p	a		{ color:#d2232a; font-weight:bold}
#postImage 			{ position:absolute; width:90px; height:90px; background-color:#666; top:45px}



/* -------------------------------------------------------------------------- SIDEBAR ------------------------*/

#sidebar			{ position: absolute; width:300px; top:224px; left:860px;}
#sidebar ul			{ margin: 0px; padding: 0px; list-style: none}
#sidebar li			{ width:280px; padding:15px 10px; border: 1px solid #e5e5e5; margin: 10px 0px;}
#sidebar ul li ul 	{ margin: 0px; padding: 0px;}
#sidebar ul li ul li{ border: none; list-style: none; margin: 0px 10px; padding: 0px; font-size: 80%;}
#sidebar li	h2		{ font-size: 100%; color: #45566d; margin: 0px 0px 3px 0px;}
#sidebar a			{ color: #45566d;}

#sidebar li p		{ padding: 5px 0px 5px 0px; margin: 0px; font-size: 80%}
#sidebar img        { border: 1px solid #e5e5e5;}
.sidebarGrey		{ background:#e5e5e5; border:none; margin:0px 0px 10px; padding:10px; width:280px;}	
#sidebar #author				{ min-height: 100px; color: #5b5b5b}
#author img         { width: 70px; height: 70px}

#sidebar #s			{ width: 200px;}
.widgettitle		{ color: #45566d;}



/* -------------------------------------------------------------------------- FOOTER ------------------------*/

#footer			{ position:relative; text-align:left; width:1302px; background: url(images/footerBg.png) no-repeat; height:310px; left:1px;}
#upperFooter	{ position:relative; padding:0px 20px 0px 20px; left:125px; width:1010px; height:195px; overflow:hidden;}
#lowerFooter	{ position:relative; padding:10px 20px 0px 20px; left:125px; width:1010px; height:75px; overflow:hidden;}
#lowerFooter p	{ font-size: 80%; color: #6c6c6c; margin: 0; padding: 0; }
#lowerFooter p a	{ color: #d9d9d9}

#footer a					{ color:#5b5b5b;}	#footer a:hover		{ color:#000;}		
#footer #topics				{ position:absolute; width:210px; height:140px; top:30px; left:20px; padding:0px 0px 0px 12px; border-left:1px solid #bebebe;}
#footer h3					{ margin:0px 0px 5px 0px; color: #5b5b5b;}
#footer #catList			{ font-size:78%; width:200px; height:110px; margin:0px; padding:0px;}
#footer #catList li			{ float:left; list-style:none; width:85px; padding:0px 0px 3px 1px }
#footer #connect			{ position:absolute; width:100px; height:140px;top:30px; left:220px; padding:0px 0px 0px 12px; border-left:1px solid #bebebe;}
#footer #connectList		{ font-size:78%; height:110px; margin:0px; padding:0px;}
#footer #connectList li		{ list-style:none; padding:0px 0px 3px 1px }

#footer #products			{ position:absolute; width:150px; height:140px;top:30px; left:380px; padding:0px 0px 0px 12px; border-left:1px solid #bebebe;}
#footer #sites				{ position:absolute; width:150px; height:140px;top:30px; left:530px; padding:0px 0px 0px 12px; border-left:1px solid #bebebe;}
#footer #latestPost			{ position:absolute; width:250px; height:140px;top:30px; left:730px; padding:0px 0px 0px 12px; border-left:1px solid #bebebe;}



#footer p.contribute		{ padding-top:30px;}
#footer p.contribute a		{ color:#d2232a;}







/* -------------------------------------------------------------------------- POST LAYOUT ------------------------*/

.post			{ width:660px; padding:10px 0px}

.post h2		{ font-size: 190%; margin: 0px; padding: 20px 0px 3px 0px; border-bottom: 1px solid #e5e5e5; width: 680px; }

.post h2 a		{  color:#000; }

.post a			{ color: #45566d;}

.post p			{ font-size: 90%; line-height: 135%;}



.tags			{ font-size: 80%; border-bottom: 1px solid #e5e5e5; padding: 3px 0px 10px 0px; width: 680px; }

.grey			{ background: #ffffff; margin-bottom: 10px; }

.excerpt img	{ display: none;}





/* layout for author added styling */
.post table td		{ border: 1px solid #c6d9e9; background-color: #eef6fd; padding: 3px; font-size: 80%; }
.post table 			{ border: 1px solid #c6d9e9; background-color: #c6d9e9; margin-bottom: 20px; font-size: 90%;  } 
.post ul 			{color:#ffffff; font-size: 90%;}
.post ol 			{color:#526b7f; font-size: 90%;}
.post blockquote 	{margin: 5px 20px 5px 20px}
.post blockquote p 	{color:#526b7f; font-size: 90%; line-height: 100%; margin: 0px 0px 5px 0px}
.post blockquote cite {position: relative; left: 300px; font-size: 80%; font-style: italic;}
.red	a		{ color:#d2232a; font-weight:bold}

/* POST - COMMENTS */

#commentsFrame			{ margin-top: 10px; width: 653px; background: #e5e5e5; padding: 10px 20px; }
#comImage img			{ width: 50px; height: 50px;}
#commentsFrame h4		{ color:#45566d; margin: 0px }
#comContent				{ position: relative; left: 60px; top:-50px; height: 50px; margin-bottom: -50px;}
#theComment				{ font-size: 90%}
#theComment p                           { padding:0px 0px 5px 0px;}
#comment				{ width: 640px; }
#commentsFrame #submit 	{ margin: 10px 0px 0px 0px}
.commentLog				{ margin: 0; padding: 0;}


.jcarousel-control				{position: relative; z-index: 4; width:150px; top:5px; left:565px}
.jcarousel-control a 			{background: url(images/rotatingNav.png);}
.jcarousel-control a:hover	 	{background: url(images/rotatingNavOV.png); color: #c23e31}
#slider			{ margin:20px 0px 15px 0px}
#slider	ul		{ width:700px}
#slider	ul li	{ width:700px}
#sliderImage	{ position: relative; z-index: 1; margin-bottom:-150px; border: 1px solid #e5e5e5;}



#blackBox		{ position: relative; z-index: 3; background: url(images/greyOverlay.png); width: 679px; height: 129px; padding:10px;}
#blackBox h3	{ position: relative;  line-height: 40%; padding:15px 0px 0px 0px; font-size: 180%; font-weight:normal; margin:0; font-family: Helvetica; letter-spacing: 0px;}
#blackBox h3 a	{ color: #FFF}
#blackBox p		{  padding:0px 0px 0px 0px; font-size: 97%; line-height: 130%; color: #e3e4e4; font-weight: lighter; font-family:Helvetica; letter-spacing: 200%;}
#blackBox img	{ display: none;}

#newPostTag		{ position: relative; width: 125px; height: 141px; margin-bottom: -141px; z-index: 3}



/* layout for author added styling */
.resources		{ position:relative; border:none;  margin:30px 0px 30px 0px; left:-7px; }
.resCat			{ position:relative; width:205px; height:400px; border-left:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; float:right; padding:0px 5px 0px 20px}
.resources ul	{ color:#d2232a; font-size:90%; padding:0px 0px 0px 0px; margin:10px 5px 20px 15px;}
.resources a	{ color:#45566d }





/*
---------------------------------------------------------------------
Sidebar Posts Javascript Tab Switcher
---------------------------------------------------------------------
*/



#sidebar ul li .tabberlive .tabbertabhide {

	display: none;

}

#sidebar ul li .tabber {

}

#sidebar ul li ul.tablist {

	background:#FFFFFF none repeat scroll 0% 50%;

	float:left;

	padding:5px 0px 0px 0px;

	width:280px;

}

#sidebar ul li ul.tablist a:link, #sidebar ul li ul.tablist a:visited {

	color:#888888;

	text-decoration:none;

	border-bottom:none;

}

#sidebar ul li ul.tablist a:hover {

	border-bottom:1px solid #dddddd;

	text-decoration:none;

}

#sidebar ul li ul.tablist li {

	background: transparent url(images/bullet.gif) no-repeat scroll 1px 9px;

	list-style-type: none;

	margin: 0px;

	padding: 3px 0px 3px 8px;

	font:80% Arial, Helvetica;

	line-height:14px;

	width:270px;

	border-bottom: 1px solid #e5e5e5;

}

#sidebar ul li ul.tablist li ul li, #sidebar ul li ul.tablist li ul li a:link, #sidebar ul li ul.tablist li ul li a:visited {

	background:transparent;

	list-style-type:none;

	list-style-image:none;

	font-weight:normal;

	text-decoration:none;

	border:0px;

	padding:0px;

	margin:5px 0px 0px 4px;

}

#sidebar ul li ul.tablist li a:link, #sidebar ul li ul.tablist li a:visited {

	font:11px Arial, Helvetica;

	color:#333333;

	font-weight:bold;

	border-bottom:none;

	text-decoration:none;

}

#sidebar ul li ul.tablist li a:hover, #sidebar ul li ul.tablist li ul li a:hover {

	border-bottom:1px solid #3B5E8E;

}

#sidebar ul li .tabberlive {

	background: #e5e5e5 none repeat scroll 0% 50%;

	display: block;

	float: left;

	margin: 0px;

	width: 100%;

}

#sidebar ul li ul.tabbernav {

	background: #e5e5e5 none repeat scroll 0% 50%;

	display: inline;

	float: left;

	padding: 5px;

	width: 260px;

}

#sidebar ul li ul.tabbernav li {

	float: left;

	margin: 0px;

	padding: 0px;

	border:none;

	width:auto;

}

#sidebar ul li ul.tabbernav li a:link, #sidebar ul li ul.tabbernav li a:visited {

	background: #e5e5e5 none repeat scroll 0% 50%;

	color: #555555;

	display: block;

	margin: 0px 4px 0px 0px;

	overflow: hidden;

	padding: 7px;

	width: auto;

	text-decoration:none;

	text-transform:uppercase;

	font-weight:bold;

	font-size:10px;

	border:none;

}

#sidebar ul li ul.tabbernav li:hover a {

	background: #cbcbcb none repeat scroll 0% 50%;

	color: #6d6d6d;

	border:none;

}

#sidebar ul li ul.tabbernav li.tabberactive a {

	background:#3B5E8E none repeat scroll 0% 50%;

	color:#FFFFFF;

	text-decoration:none;

	text-transform:uppercase;

	font-weight:bold;

	font-size:10px;

}

#sidebar ul li .tabberlive .tabbertab {

	background: #e5e5e5 none repeat scroll 0% 50%;

}

#sidebar ul li .tabberlive .tabbertab h2 {

	display: none;

}

#sidebar ul li .tabberlive .tabbertab h3 {

	display: none;

}

#sidebar ul li #tab1.tabberlive {

}

#sidebar ul li #tab2.tabberlive {

}

#sidebar ul li #tab2.tabberlive .tabbertab {

	height: 200px;

	overflow: auto;

}



.quickLook	{width:280px; padding:15px 10px; border: 1px solid #e5e5e5;}

#postDesc p img { display:none}
.dd_post_share_left             {position:relative; left:-3px; top:10px;}