/*  
Theme Name: North Georgia Surgery Inc
Theme URI: http://www.northgeorgiasurgery.com/
Description: This theme was developed solely for use by the North Georgia Surgery Inc website.
Version: 1.0
Author: Endi Media
Author URI: http://www.endimedia.com/

	This theme was designed and built by Endi Media,
	whose website you will find at http://www.endimedia.com/

	The CSS, XHTML and design was created solely for use by 
    North Georgia Surgery Inc and therefore should not 
    be used, copied, or distributed by any party other than 
    North Georgia Surgery Inc or Endi Media.

*/



/*
Common 
------------------------------------------------- */

/** { margin: 0; padding: 0; border: 0; } */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,tr,table { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal; }
ol,ul {	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; }

strong { font-weight: bold; }
em { font-style: italic; }

body { font-family: Arial, Helvetica, sans-serif; color: #353535; font-size: 12px; background: url(images/topbg.jpg) top left repeat-x; }
body.home { background: url(images/bg1.jpg) top left repeat-x #fff !important; }

ul li { list-style-type: none; }

a, a:visited { text-decoration: none; color: #377AA6; }
a:hover { text-decoration: underline; color: #333; }
 
a.lnk1, a:visited.lnk1 { text-decoration: none; color: #FFFFCC; background: url(images/ffffcc_dotted_line.gif) bottom left repeat-x; }
a:hover.lnk1 { text-decoration: none; color: #fff; }

a.lnk2, a:visited.lnk2 {
 text-decoration: underline; color: #a5a5a5; }
a:hover.lnk2 {
 text-decoration: underline; color: #444444; }

.clear { clear: both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.inline { display: inline; }
.block { display: block; }

.fl { float: left; }

.big { font-size: 2em; font-weight: bold; }

.mt7 { margin-top: 7px; }
.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mb15 { margin-bottom: 15px; }
.mt15 { margin-top: 15px; }

.pt5 { padding-top: 5px; }
.pb15 { padding-bottom: 15px; }
.pt15 { padding-top: 15px; }

.align_right { text-align: right; }

.hidden { display: none; }

#alert { color: red; }

.dark { color: #000; }

ol li {
	list-style: decimal inside;
	}
ol ul li {
	list-style: none;
	}
ol.lower_roman li {
 list-style-type: lower-roman !important;
}
ol.lower_alpha li {
 list-style-type: lower-alpha !important;
}

/* End Entry Lists */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 10px 30px 0 10px;
	padding-left: 20px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* Begin Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal;	}

h1, h2, h3 {
 font-family: Georgia, "Times New Roman", serif;
}

h1 { /*font-size: 4em;*/ }

h2 { font-size: 2.8em; }

h2.pagetitle { font-size: 2.8em; }

h3 { font-size: 2.3em; }

h4 { font-size: 2em; }

h5 { font-size: 1.5em; }

h6 { font-size: 1em; }

/* End Headings */

#wrap { margin: 0 auto; }




/*
head+nav
------------------------- */

#top { width: 900px; padding-top: 41px; margin: 0 auto 20px auto; }

#top #logo { width: 400px; float: left; }
#top #logo h1 { width: 400px; height: 40px; overflow: hidden; }
#top #logo h1 a { display: block; height: 40px; width: 400px; background: url(images/logo.jpg) top left no-repeat; overflow: hidden; }
#top #logo h1 a strong { display: none; }

#top #topright { width: 500px; float: left; position: relative; top: 5px; }
#top #topright p { text-align: right; }
#top #topright p.p1 { padding-bottom: 6px; color: #D9E2E6; }
#top #topright p.p1 span { background-color: #698697 /*#6f91a5*/; padding: 3px 5px; }
#top #topright p.p2 { color: #b7c6cd; font-size: 11px; }
#top #topright p.p2 span { /*color: #D9E2E6;*/ }

#nav { width: 900px; margin: 0 auto; }
#nav ul { background: #273840; padding: 9px 0; }
#nav ul li { display: inline; margin-right: 0px; }
#nav ul li a { color: #d9e2e6; padding: 9px 24px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; }
#nav ul li a:hover, #nav ul li.active a { color: #adc1ca; background: #152730; }

#bannerwrap { background: url(images/homebannerbg.jpg) 5px 15px no-repeat #314752; width: 865px; height: 290px; padding: 10px 25px 20px 10px; border-bottom: 1px solid #152730; margin: 0 auto; }
#bannerwrap #banner { width: 560px; height: 290px; float: left; background: url(images/homebanner.jpg) top left no-repeat; }
#bannerwrap #banner h2 { text-indent: -9000px; }
#bannerwrap #bannerintro { width: 285px; float: left; margin: 0 0 0 20px; padding: 32px 0 0 0; }
#bannerwrap #bannerintro h3 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #adc1ca; padding: 0 0 5px 0; border-bottom: 1px solid #152730; }
#bannerwrap #bannerintro .stuff { border-top: 1px solid #314752; padding-top: 5px; }
#bannerwrap #bannerintro .stuff p { line-height: 1.4em; margin-top: 5px; color: #D9E2E6; }
#bannerwrap #bannerintro .stuff p .drrod_72x82 { float: right; margin: 0 0 10px 10px; }
#bannerwrap #bannerintro .stuff p a { color: #90BCD8; }
#bannerwrap #bannerintro .stuff p a:hover { color: #fff; }
#bannerwrap #bannerintro .stuff p.bulletp_v1 { background: url(images/bullet2.gif) left 50% no-repeat; padding-left: 12px; } 



/*
content
------------------------- */
#content_wrap { background: url(images/contentbg.jpg) top left repeat-x #fff; }
#content { background: url(images/bodybg1.gif) top left no-repeat #fff; width: 900px; margin: 0 auto; min-height: 400px; }
* html #content { height: 400px; }
#content .col1 { width: 550px; float: left; padding: 20px; min-height: 450px; }
#content .col2 { width: 270px; float: left; background: url(images/sidebarbg.jpg) top left no-repeat; padding: 20px;  min-height: 300px; }
* html #content .col2 { height: 300px; }

#breadcrumbs_wrap { background: #D9E2E6; }
#breadcrumbs { background: #314752; padding: 7px 10px; width: 880px; margin: 0 auto; border-bottom: 1px solid #152730; }
#breadcrumbs p { font-size: 11px; }
#breadcrumbs p.l { float: left; width: 700px; color: #B7C6CD; }
#breadcrumbs p.l a { color: #71B69A; }
#breadcrumbs p.l a:hover { color: #71B69A; }
#breadcrumbs p.r { float: left; width: 180px; text-align: right; color: #5D8096; }

#content div.heading { padding-bottom: 8px; border-bottom: 3px solid #dcdcdc; margin-bottom: 15px; }
#content div.heading h3#welcome_to_ngs { height: 10px; text-indent: -9000px; background: url(images/welcome_to_ngs.gif) top left no-repeat; overflow: hidden; } 
#content div.heading h3#news_articles { height: 10px; text-indent: -9000px; background: url(images/news_articles.gif) top left no-repeat; width: 240px; float: left; overflow: hidden; } 
#content div.heading h3#archives { height: 10px; text-indent: -9000px; background: url(images/archives.gif) top left no-repeat; overflow: hidden; } 
#content div.heading h3#categories { height: 10px; text-indent: -9000px; background: url(images/categories.gif) top left no-repeat; overflow: hidden; }
#content div.heading h3#related_pages { height: 10px; text-indent: -9000px; background: url(images/related_pages.gif) top left no-repeat; overflow: hidden; }  
#content div#news_articles_heading a.rss { display: block; height: 10px; width: 30px; float: left; background: url(images/rss.gif) top left no-repeat; overflow: hidden; }
#content div#news_articles_heading a.rss span { display: none; }

#content .col1 .hentry { padding-bottom: 10px; }
#content .col1 .post h3, #content .col1 .hentry h3 { font-size: 18px; margin-bottom: 7px; }
#content .col1 .post h4, #content .col1 .hentry h4 { font-size: 15px; margin-bottom: 5px; font-family: Georgia, "Times New Roman", serif; }
#content .col1 .hentry small { font-size: 11px; color: #808080; margin-bottom: 5px; display: block; }
#content .col1 .post p, #content .col1 .entry p { color: #555; line-height: 1.4em; margin-bottom: 8px; }
#content .col1 .post p a, #content .col1 .entry p a { /*text-decoration: underline;*/ }
#content .col1 .post ul, #content .col1 .entry ul { margin-bottom: 5px; }
#content .col1 .post ul li, #content .col1 .entry ul li { color: #555; background: url(images/bullet1.gif) 0px 2px no-repeat; padding: 0 0 3px 20px; margin: 3px 20px 0 0; }
#content .col1 .post ol li, #content .col1 .entry ol li { color: #555; padding: 0 0 3px 20px; margin: 3px 20px 0 0; }
#content .col1 .post .map, #content .col1 .entry .map { margin-bottom:15px; width: 500px; height: 240px; }

#content .col2 ul#news_clips { }
#content .col2 ul#news_clips li { margin-bottom: 12px; }
#content .col2 ul#news_clips li h5 { font-size: 12px; margin-bottom: 5px; }
#content .col2 ul#news_clips li small { font-size: 11px; color: #a5a5a5; text-transform: uppercase; }
#content .col2 ul#news_clips li p { line-height: 1.4em; color: #555; margin-top: 5px; }

ul.bullets li { background: url(images/bullet1.gif) 0px 2px no-repeat; padding: 3px 0 3px 20px; width: 230px; float: left; margin: 0 20px 0 0; }

.col2 div.facebook { margin-top: 20px; }
.col2 div.facebook a { display: block; background: url(images/facebook-icon.png) top left no-repeat; padding: 0 0 0 45px; } 
.col2 div.facebook a:hover { text-decoration: none; }
.col2 div.facebook a span.top { display: inline-block; padding-bottom: 2px; font-size: 13px; text-decoration: underline; } 
.col2 div.facebook a:hover span.top { text-decoration: underline; }
.col2 div.facebook a span.bottom { display: inline-block; font-size: 11px; color: #999; text-decoration: none; } 
.col2 div.facebook a:hover span.bottom { text-decoration: none; }

.col2 div.twitter { margin-top: 20px; }
.col2 div.twitter a { display: block; background: url(images/twitter-icon.png) top left no-repeat; padding: 0 0 0 45px; } 
.col2 div.twitter a:hover { text-decoration: none; }
.col2 div.twitter a span.top { display: inline-block; padding-bottom: 2px; font-size: 13px; text-decoration: underline; } 
.col2 div.twitter a:hover span.top { text-decoration: underline; }
.col2 div.twitter a span.bottom { display: inline-block; font-size: 11px; color: #999; text-decoration: none; } 
.col2 div.twitter a:hover span.bottom { text-decoration: none; }





/*
contact form
------------------------- */
input.text { width: 350px; padding: 4px 2px; color: #444; border: 1px solid #cecece; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #e4e4e4; font-size: 13px; font-family: arial, sans-serif; }
input.short { width: 240px !important; }
textarea.textarea { width: 510px; height: 120px; padding: 4px 2px; color: #444; border: 1px solid #cecece; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #e4e4e4; font-size: 13px; font-family: arial, sans-serif; }

#contactform_div { }
#contactform_div p {}
#contactform_div p#alert { background: #a01d22; color: #fff; margin-top: 15px; padding: 8px 10px;}
#contactform_div p label.full { display: block; margin: 0 0 5px 0; }
#contactform_div p span.required { color: red; font-family: Tahoma, Arial, sans-serif; }
#contactform_div p input.submit_button { padding: 7px 15px; margin-top: 10px; }
#contac_form_div p#submit input { border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; background: url(images/submit_bg.gif) bottom left repeat-x #fff; padding: 7px 15px; font-size: 13px; font-famliy: arial, sans-serif; }




/*
sidebar
------------------------- */

.sideblock { padding-bottom: 15px; }
.sideblock ul li { padding: 0 0 10px 5px; font-size: 12px; }
.sideblock ul li a { /*color: #585858;*/ }
.sideblock ul li a:hover { /*color: #A01D22; text-decoration: underline;*/ }
.sideblock ul li.current_page_item a { font-weight: bold; color: #333; text-decoration: underline; }
.sideblock ul li.current_page_item li a { font-weight: normal !important; /*color: #999 !important; text-decoration: none !important;*/ }

.sideblock ul ul li { padding-left: 10px !important; padding-top: 5px !important; padding-bottom: 0px !important; }
.sideblock ul ul li a,
.sideblock ul ul li a:visited { color: /*#999 !important*/; }
.sideblock ul ul li.current_page_item a { font-weight: bold !important; color: #333 !important; text-decoration: underline !important; }
.sideblock ul ul li.current_page_item li a { font-weight: normal !important; /*color: #999 !important; text-decoration: none !important;*/ }
.sideblock ul ul li a:hover { /*color: #A01D22 !important; text-decoration: underline !important;*/ }
.sideblock ul ul li a.on { font-weight: bold !important; color: #333 !important; text-decoration: underline !important; }





/*
foot
------------------------- */

#foot { margin: 0 auto; width: 860px; border-top: 3px solid #eee; padding: 15px 0 30px 0; color: #808080; }
#foot .l { float: left; width: 430px; text-align: left; }
#foot .r { float: left; width: 430px; text-align: right; }
#foot p { }
#foot a, #foot a:visited {
 text-decoration: underline; color: #a5a5a5; }
#foot a:hover {
 text-decoration: underline; color: #444444; }




/*
other
------------------------- */




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Begin Lists */

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

.entry blockquote {
       color: #808080;
}



/* End Various Tags & Classes*/