/* 
Theme Name: carbonfoot interactive
Author: Jake Rutter
Author URI: http://onerutter.com
Version: 0.1
*/

* {margin:0;padding:0;}


body {
    font-family: Arial, verdana;
    font-size: 12px;
    background: #333333;
    background-color: #4b6275;
    background-image: url(http://www.carbonfootinteractive.com/wp-content/uploads/2009/12/body-bg.gif);
    background-repeat: repeat-x;
}

.clr {
    clear:both;
}

/* Links */

a:link, a:visited {
    color: #3fa8d4;
    text-decoration: none;
}

a:active, a:hover {
    color: #333333;
    text-decoration: underline;
}

/* Default Styles */
#main-col h1 {
	color: #333;
	font-size: 18px;
	margin: 10px 0px;
}

#main-col h2 {
	color: #7ac13f;
	font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	margin: 10px 0px;
        padding-top: 15px;
}

#main-col h3 {
	color: #7ac13f;
	font-size: 18px;
	margin: 10px 0px;
}




#main-col ul {
	margin: 10px 0px;
	padding: 0px 0px 0px 25px;
}

#page-wrapper {
    width:960px;
    margin: 0px auto 0px;
    overflow: hidden;
}

#header {
    background: url(images/cbi_header_bg.png);
    height:126px;
    overflow: hidden;
}

#footer {
    padding: 5px 0px;
    color:#fff;
}

#footer p {
    margin: 10px 0px 10px 10px;
}

#footer-btm {
    background: url(images/cbi_btm_bg.png) no-repeat;
    height: 25px;
}

#footer a:link, #footer a:visited {
    color: #ffffff;
}

#footer a:active, #footer a:hover {
    color: #ffffff;
}

h1#logo {
    background: url(images/cbi_logo.png) no-repeat;
    width: 293px;
    height: 122px;
    display: block;
    text-indent:-9999px;
    position: relative;
    top:10px;
    left:10px;
    float: left;
}

h1#logo a{
    width: 293px;
    height: 122px;
    display: block;
}

#header-contact {
	float: right;
	position: relative;
	top: 40px;
	right: 150px;
	font-size: 16px;
}
#main-container {
    background: url(images/cbi_mainbody_bg.png) repeat-y;
}

#nav {
    height: 56px;
}
#main-col {
    width:600px;
    float:left;
    margin: 0px 0px 0px 15px;
}

#right-col {
    width:250px;
    float: right;
    margin: 0px 25px 0px 0px;
}

#right-col-home {
    width:250px;
    float: right;
    margin: -198px 25px 0px 0px;
}


#main-col p {
    margin: 10px 0px;
}
/* Nav */

#nav {
	margin: 0 auto;
	padding: 0;
	height: 46px;
	list-style: none;
	width: 967px;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#nav a {
	float: left;
	padding: 46px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/: 46px;
/* for IE5/Win only */
}

#nav a:hover, #nav a:active {
	background-position: 0 0px;
}

#nav a.selected {
	background-position: 0 -46px;
}

#t_home a {
	width: 73px;
	background: url(images/cbi_nav_home.png) top left no-repeat;
}

#t_semservices a {
	width: 238px;
	background: url(images/cbi_nav_semservices.png) top left no-repeat;
}

#t_semnews a {
	width: 213px;
	background: url(images/cbi_nav_semnews.png) top left no-repeat;
}

#t_semblog a {
	width: 135px;
	background: url(images/cbi_nav_semblog.png) top left no-repeat;
}

#t_ourcompany a {
	width: 160px;
	background: url(images/cbi_nav_ourcompany.png) top left no-repeat;
}

#t_contact a {
	width: 141px;
	background: url(images/cbi_nav_contact.png) top left no-repeat;
}

/* Breadcrumbs */

.breadcrumb {
	margin: 0px 0px 10px;
	font-size: 11px;
}


/* Page Formatting */

.page {
	padding: 10px 15px;
}

.page h2 {
	color: #259dcf;
	font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
}

.homepage {
	padding: 10px 15px;
}

/* Post Formattings */

.posts {
	padding: 10px 15px;
}

.posts h2 {
	color: #333;
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	padding-bottom: 3px;
}

#post {
    margin: 10px 0px;
}

#post h2 a {
	color: #7ac13f;
	font: bold 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	padding-bottom: 3px;
}

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

.post h2 a{
	color: #333;
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	padding-bottom: 3px;
}
.post ol {
    margin: 5px 0px;
    padding: 0px 0px 0px 25px;
}

.post ol li {
    margin: 5px 0px;
}
/* Sidebars */

.sidebar-page-box {
    margin: 10px 0px;
}

.sidebar-page-box-hdr {
    background: url(images/cbi_page_sidebar_hdr.gif) repeat-x;
    height: 35px;
}

.sidebar-page-box-hdr h2 {
    color: #fff;
    position: relative;
    top:8px;
    left:10px;
    font-weight: normal;
    font-size: 14px;
}

.sidebar-page-box-hdr h2 a {
    color: #fff;
    position: relative;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
}

.sidebar-page-box ul {
    list-style-type: none;
}

.sidebar-page-box ul li {
    list-style-type: none;

}

.sidebar-page-box ul li.current_page_item {
    background: #efefef;
}

.sidebar-page-box ul li a {
    text-decoration: none;
    color:#000;
    display: block;
    padding: 5px 0px 5px 10px;
    border-bottom: 1px solid #ccc;
}

.sidebar-page-box ul li a:hover {
    text-decoration: none;
    color:#000;
    background: #efefef;
    display: block;
    padding: 5px 0px 5px 10px;
    border-bottom: 1px solid #ccc;
}

.sidebar-box {
    border: 1px solid #ccc;
    margin: 10px 0px;
}

.sidebar-box-hdr {
    background: url(images/cbi_blog_sidebar_hdr.gif) repeat-x;
    height: 35px;
}

.sidebar-box-hdr h2 {
    color: #333;
    position: relative;
    top:8px;
    left:10px;
    font-weight: normal;
    font-size: 14px;
}

.sidebar-box ul {
    list-style-type: none;
}

.sidebar-box ul li {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px solid #ccc;
}


.search-results h1 {
    margin: 10px 0px 0px;
}

/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #2D6980;
border-bottom-width: 0;
font: normal 11px arial;
line-height: 16px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #74C5E6;
width: 18em;
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
border-bottom: 1px solid #2D6980;
padding: 3px 0px;
text-decoration: none;
font-weight: normal;
color: #333;
text-indent: 5px;
}

.anylinkcss a:hover { /*hover background color*/
background: #2D6980;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			150px !important; /* left offset of submenus need to match (see below) */
		color:#333 !important;

}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			47px; /* match top ul list item height */
	z-index:		99;
	
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	left: 210px !important;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			210px; /* match ul width */
	top:			0;

}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			210px; /* match ul width */
	top:			0;

}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	
}
.sf-menu a {
	padding: 		0px;
	text-decoration:none;
	color: #333;
	
	
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}

.sf-menu li ul li#first, .sf-menu li ul li#second, .sf-menu li ul li#third {
	border-top: 1px solid #333 !important;
	border-left: 1px solid #333 !important;
	border-right: 1px solid #333 !important;
    width: 210px !important;
    
}

.sf-menu li ul li#third {
	border-bottom: 1px solid #333 !important;
}

.sf-menu li ul li#first a {
	background: #74C5E6 !important;
	font-size: 12px;
		height: 15px !important;
		padding: 10px 5px !important;
		width: 200px !important;
		margin: 0 !important;
				color: #333 !important;

}

.sf-menu li ul li#first ul.sec-drop {
	border: 1px solid #333 !important;
	width: 230px !important;
		overflow: hidden !important;
}

.sf-menu li ul li#second ul.sec-drop {
	border: 1px solid #333 !important;
	width: 220px !important;
		overflow: hidden !important;
}

.sf-menu li ul li#third ul.sec-drop {
	border: 1px solid #333 !important;
	width: 220px !important;
		overflow: hidden !important;
}

.sf-menu li ul li#second ul.sec-drop a, .sf-menu li ul li#first ul.sec-drop a, .sf-menu li ul li#third ul.sec-drop a {
	background: #74C5E6 !important;
	font-size: 12px;
		padding: 10px 0px 10px 5px !important;
		color: #333 !important;
	width: 230px !important;
}

.sf-menu li ul li#second ul.sec-drop :hover, .sf-menu li ul li#first ul.sec-drop :hover, .sf-menu li ul li#third ul.sec-drop :hover {
	background: #333 !important;
	font-size: 12px;
		color: #fff !important;
}


.sf-menu li ul li#first :hover, .sf-menu li ul li#second :hover, .sf-menu li ul li#third :hover {
	background: #333 !important;
	font-size: 12px;
	color: #fff !important;
}


.sf-menu li ul li#second a {
	background: #74C5E6 !important;
	font-size: 12px;
		height: 15px !important;
		padding: 10px 5px !important;
		width: 200px !important;
				color: #333 !important;

		
}

.sf-menu li ul li#third a {
	background: #74C5E6 !important;
	font-size: 12px;
		height: 15px !important;
		padding: 10px 5px !important;
		width: 200px !important;
				color: #333 !important;


}
.image_padding {
	padding:10px;
}


.factoid {
	width: 184px;
	background-color: #FFFFFF;
	background-image: url(http://www.carbonfootinteractive.com/wp-content/uploads/2009/07/carbonfoot_factoids.jpg);
	background-repeat: no-repeat;
	float: right;
	margin-top: 5px;
	margin-bottom: 8px;
	margin-left: 8px;
	position: relative;
	height: 385px;
	clear: both;
}

.factoid_text {
	left: 10px;
	top: 30px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	float: left;
	width: 165px;
	position: relative;
	clear: both;
}
.factoid_bullets {
	list-style-type: square;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 0px;
	line-height: normal;
}

#main-flash {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 195px;
	width: 650px;
	margin-left: 4px;

}



#index-widget {
	width:613px;
	height:262px;
}

#index-widget ul {
	margin: 0px;
	padding: 0px;
}

#index-widget li {
	margin: 0px;
	padding: 0px;
	line-height: 18px;
	list-style-type: square;
}

#index-widget a {
	color: #1277a1;
	text-decoration: none;
	font-size: 12px;
}

#index-widget a:hover {
	color: #1277a1;
	text-decoration: underline;
}


#widget-header {
	width:613px;
	height:83px;
	background-image: url(http://www.carbonfootinteractive.com/wp-content/uploads/2010/01/widget-header.jpg);
	background-repeat: no-repeat;
}

#widget-body {
	width:613px;
	height:179px;
	background-image: url(http://www.carbonfootinteractive.com/wp-content/uploads/2010/01/widget-body.jpg);
}

#widget-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #3a3a3a;
	padding-left: 26px;
	text-align: center;
	width: 565px;
	padding-top: 10px;
}

#widget-copy-left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1277a1;
	padding-left: 55px;
	text-align: left;
	width: 280px;
	padding-top: 10px;
	float: left;
}

#widget-copy-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1277a1;
	padding-left: 26px;
	text-align: left;
	width: 250px;
	padding-top: 10px;
	float: left;
}