/* 
Theme Name: Local Search Traffic - 2010 Theme
Theme URI: http://www.localsearchtraffic.com 
Description: This is custom theme designed for Local Search Traffic by Location3 Media.
Author: Ryan Geiger
*/

/* ------ GLOBAL STYLES ------ */
body {font-family:Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff; line-height: 20px; margin-right: auto; margin-left: auto; padding: 0; margin: 0; background-image: url(images/body_header.jpg); background-repeat: no-repeat; background-position: center top;}

#canvas {width: 900px; height:100%; margin-right: auto; margin-left: auto;}

a, a:active, a:visited {font-weight: bold; color: #2e3138; text-decoration:none;}
a:hover {text-decoration: underline;}

h1 {font-size: 24px; line-height: 24px; display: block; background-color: #99cccc; float: left; width: 880px; color: #FFF; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; margin-bottom: 25px; clear: both;}
h2 {font-size: 18px; line-height: 18px; font-weight: bold;}
h3, h3 a, h3 a:active, h3 a:visited {font-size: 14px; line-height: 14px; font-weight: bold; color: #006699; margin:0; padding:0;}
h4{font-size: 30px; line-height: 30px; font-weight: bold; color:#FFF; margin: 0;}

img {float: left; outline: none; border:0;}
img a, img a:active, img a:visited {border: 0; float: left; outline: none;}
.img_border{outline: none; border: thick solid #333; float: left;}
.img_thumb{outline: none; border: medium solid #333; margin-right:15px; margin-top: 15px;}
.img_thumb_last{outline: none; border: medium solid #333; margin-top: 15px;}
.img_work{outline: none; border: medium solid #333; float: left; margin-bottom: 10px;}

#btn_dark{font-size: 11px; font-weight: bold; color: #FFF; background-color: #006699; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; text-align: center; -moz-border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-image: url(images/bg_btn_dark.jpg); background-repeat: repeat-x; background-position: left top; display: inline-block;}
#btn_dark a, btn_dark a:active, btn_dark a:visited{color: #FFF;}

#btn_light{font-size: 11px; font-weight: bold; color: #333; background-color: #999; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; text-align: center; -moz-border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-image: url(images/bg_btn_light.jpg); background-repeat: repeat-x; background-position: left top; display: inline-block;}
#btn_light a, btn_light a:active, btn_light a:visited{color: #333;}

/* ----- TOP BAR - MAIN NAVIGATION AND LOGO STYLES -----*/
#topWrapper{width: 100%; position: relative; margin-bottom: 25px;}

#navigation{float: right; padding-top: 70px;}
#navigation a, navigation a:active, navigation a:visited{font-size: 13px; font-weight: bold; color: #ffffff; text-decoration: none;}
#navigation a:hover{text-decoration: underline;}
#navigation li{display: inline; padding-right: 15px; list-style-type: none;}

#logo{float: left; padding-top: 15px;}



/* ----- HEADER STYLES ----- */
#headerWrapper{width: 100%; height: 270px; position: relative; float: left; background-color: #9CC; clear: both;}
.header_img{float: left; padding:18px;}
.header_img_425{float: left; width: 425px;}
.header_copy{float: left; width: 500px; padding-top: 50px; padding-left:10px;}
.header_copy_475{float: left; width: 475px;	margin-left: 50px;}

.btn{background-image: url(images/button_grad.jpg); background-repeat: repeat-x; background-position: left bottom; background-color: #ff9900; padding-right: 50px; padding-left: 50px; padding-top: 9px; padding-bottom: 9px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#headerWrapper a, headerWrapper a:active, headerWrapper a:visited{text-transform: uppercase; color: #FFF;}
#headerWrapper a:hover{text-decoration: underline;}

#myController{margin-bottom: 15px; width: 100%;}
#myController a, myController a:visited{color: #FFF; background-color: #9CC; display: inline-block; padding-top: 9px; padding-right: 20px; padding-bottom: 9px; padding-left: 20px;}
#myController a:active{} 
#myController a:hover{background-color: #333; text-decoration: none;}

.jFlowControl{}



/* ----- CONTENT STYLES ----- */
#contentWrapper{width: 100%; float: left; position: relative; background-color: #FFF; padding: 25px; border: thin solid #CCC;}
#wrapper{width:100%; float: left; position: relative; clear: both; margin-bottom: 15px;}

.left_side{float: left;	width: 600px;}
.content50{float: left; width: 450px;}
.content50_2{float: left; width: 450px; padding-left: 45px;}
.content33{float: left; width: 375px;}
.content33_2{float: left; width: 500px; padding-left:75px;}


#columnWrapper{width: 100%; float: left; position: relative; font-size:12px; clear: both; margin-bottom: 10px;}
.column{float: left; width: 250px; margin-right: 100px;}
.column_last{float: left; width: 250px;}
.column25{float: left; width: 200px; margin-right: 50px;}
.column25_2{float: left; width: 200px;}
#contentWrapper img{float: left; margin-right: 5px;}

.desc{font-size:10px; color:#CCC; text-transform: uppercase; line-height: 10px; margin: 0px; font-weight: bold; padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}



/* ----- SIDEBAR STYLES ----- */
#sidebarWrapper{float: right; width: 250px; position: relative; margin-left: 25px; font-size: 11px; line-height: 18px; border-left-width: thin; border-left-style: solid; border-left-color: #CCC; padding-left: 20px;}
#sidebarWrapper h3{font-size: 14px; line-height: 14px; font-weight: bold; color: #F60;}
#sidebarWrapper a, sidebarWrapper a:visited, sidebarWrapper a:active{font-size: 14px; line-height: 14px; font-weight: bold; color: #F60; text-decoration:none;}
#sidebarWrapper a:hover{text-decoration:underline;}



/* ----- SIDEBAR FORM STYLES ----- */
.page{position: absolute; top: 10; left: 100; visibility: hidden; clear: both; margin-bottom: 100px;}


/* ----- CONTACT PAGE STYLES ----- */
#contactWrapper{width: 100%; float: left; position: relative; font-size: 12px; line-height: 18px; background-color: #2e3138;}



/* ----- FOOTER STYLES ----- */
#footerCanvas{width: 900px; margin-right: auto; margin-left: auto;}
#footerWrapper{float: left; width: 100%; margin-top: 25px; margin-bottom: 25px;}

#footerBody h3{color:#FFF; font-weight:bold;}
#footerBody strong{color: #FFF;}
#footerBody a, footerBody a:active, footerBody a:visited {color:#33ccff; text-decoration:none;}
#footerBody a:hover{text-decoration: underline;}
#footerBody img{float: left; padding-right: 5px;}
#footerBody p{clear:both;}

.copyright{font-size:10px; color:#666; padding-top: 3px; position: relative; float: left; width:100%;}
.copyright li{ list-style:none; display: inline; padding-right: 5px;}

#certs{float: left; position:relative; padding-bottom: 10px;}
#certs li{position:relative; float:left; display: inline-block; list-style:none;}



/* ----- TWITTER FEED STYLES ----- */
#twitter{float:left; position: relative;}
#twitter_update_list{padding:0; margin:0;}
#twitter_update_list li{list-style:none; margin-bottom: 10px;}