/* 
Theme Name: Location3 Media - 2010 Theme
Theme URI: http://www.location3.com 
Description: This is custom theme designed for Location3 Media, Inc.
Author: Ryan Geiger
*/

/* ------ GLOBAL STYLES ------ */
body {font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #2e3138; background-color: #ffffff; line-height: 20px;	margin-right: auto;	margin-left: auto; padding: 0; background-image: url(images/bg_body.jpg); background-repeat: no-repeat;	background-position: center top; border-top-width: thick; border-top-style: solid; border-top-color: #006699; margin-top: 0px;}
html{height:100%}

#canvas {width: 950px; 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: 30px; line-height: 30px; font-weight: bold;}
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;}

img {outline: none; border:0;}
img a, img a:active, img a:visited {border: 0; 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%; height: 75px; position: relative; margin-bottom: 25px;}

#navigation{float: left; width: 70%; padding-top: 50px;}
#navigation a, navigation a:active, navigation a:visited{font-size: 11px; font-weight: bold; text-transform: uppercase; color: #2e3138; text-decoration: none;}
#navigation a:hover{text-decoration: underline;}
#navigation li{display: inline; padding-right: 8px; list-style-type: none;}

#logo{float: right; padding-top: 10px;}



/* ----- HEADER STYLES ----- */
#headerWrapper{width: 100%;	position: relative;	float: left; margin-bottom: 25px; padding-bottom: 10px; border-bottom-width: thin;	border-bottom-style: solid;	border-bottom-color: #CCC; clear: both;}
.header_img{float: left; width: 375px;}
.header_img_425{float: left; width: 425px;}
.header_copy{float: left; width: 550px;	margin-left: 20px;}
.header_copy_475{float: left; width: 475px;	margin-left: 50px;}



/* ----- CONTENT STYLES ----- */
#contentWrapper{width: 100%; float: left; position: relative; font-size: 12px; line-height: 18px;}
#wrapper{width:100%; float: left; position: relative; clear: both; margin-bottom: 5px; padding-bottom: 25px;}

.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; *margin-right: 25px;}
.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: left; width: 300px; 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: #006699; text-transform:uppercase;}



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

/* ----- WIDGET STYLES ----- */
.widgettitle, widgettitle a:active, widgettitle a:visited {font-size: 14px; line-height: 14px; font-weight: bold; color: #006699; margin:0; padding:0;}


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

/* ----- NEWSLETTER ----- */
.newsletter_left_side{float: left;	width: 600px;}
.newsletter_left_side h1{font-size: 24px; line-height: 24px; display: block; background-color: #2e3138;; float: left; width: 600px; color: #FFF; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; margin-bottom: 25px; clear: both;}
.newsletter_left_side h2{font-size: 18px; line-height: 18px; display: block; background-color: #cccccc;; float: left; width: 600px; color: #000; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; margin-bottom: 25px; clear: both;}



/* ----- FOOTER STYLES ----- */
#footerBody{width: 100%; height: 100%; float:left; position: relative; background-color: #2e3138; font-size:11px; line-height:18px; color:#CCC; border-top-width: thin; border-top-style: solid; border-top-color: #ff6600; background-image: url(images/bg_footer.jpg); background-repeat: repeat; background-position: left top;}

#footerCanvas{width: 950px; 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;}

#footerBody .widgettitle {visibility: hidden; list-style: none;}
h10 {visibility: hidden; list-style: none; overflow:hidden;}

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

#certs{float: left; position:relative; width:100%; margin-bottom: 15px; margin-top: 15px; padding-bottom: 10px; padding-top: 10px; padding-left: 10px; background-color:#FFF; border:#CCC medium solid; }
#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;}