/*



	1) General selectors - body,h1/h3,a,blockquote,code,p

	2) Structure - container,content,tagline

	3) Left selectors - main,meta,comments

	4) Right selectors - author,links,line,search,themes

	5) Footer - extras

	6) Forms - input,textarea

	7) Accessibility - skip,hr

	8) Hacks - clearfix



*/



/* 1) -=-=-=- General selectors -=-=-=- */

img {
  max-width: 450px;
  margin: 5px 0 5px 0;
}
h3+img {margin-top: 20px;}


body {

	background: #1E4366 url(../images/mountain-bg.jpg) top center no-repeat;

	margin: 23px 0 20px 0;

	padding: 0;

	font-family: Arial, Verdana, Helvetica;

	font-size: 76%;

	color: #1E4366;

	text-align: center;

	}



h1 {



	color: #FCFEF4;


	margin: -35px 0 0 7px;

	position: absolute;


	font-size: 2.2em;

	}

	

/* Uncomment if you want to use the tagline feature (make sure you uncomment .tagline below) - off by default

h1 {

	color: #FCFEF4;

	margin: -45px 0 0 7px;

	position: absolute;

	font-size: 2.2em;

	}

*/

	

h1 a:link, h1 a:visited {

	color: #FCFEF4;

	text-decoration: none;

	}

	

h1 a:hover, h1 a:active {

	background: none;

	color: #DAED9C;

	text-decoration: none;

	}

	

h2 {

/*
display: inline;
background: #fff;
padding: 0 5px 0 5px; */

color: #3B3135;

	font-weight: normal;

	font-size: 1.8em;

	margin: 20px 0 0 0;

	}

	

h2 a:link, h2 a:visited {

color: #3B3135;

	font-weight: normal;

	text-decoration: none;

	}



h2 a:hover, h2 a:active {

	color: #000;

	background: none;

	font-weight: normal;

	text-decoration: none;

	}

	

h3 {

color: #3B3135;

	font-size: 1.4em;

	margin: 20px 0 -10px 0;

	font-weight: normal;

	}

#accessibility {display: none;}

	

a { 	font-weight: bold;}

a:link {

	color: #3A3135;

	text-decoration: none;

	}

	

a:visited {

	color: #3A3135;

text-decoration: none;


	}

	

a:hover, a:active {

	color: #3A3135;

	text-decoration: underline;

	}

	

blockquote {

	border-left: 4px solid #3F3F3F;

	padding: 0 10px;

	margin: 0 0 0 10px;

	font-style: italic;

	}

	

code {

	display: block;

	padding: 10px;

	color: #444E1F;

	background: #F5F8E8;

	font-size: 1.2em;

	border-top: 2px solid #D0EC98;

	}



p {

	line-height: 1.4em;

	}

	

/* 2)-=-=-=- Structure -=-=-=- */

		
#container h1 { display: none;}

#logo {
padding: 0;
margin: 0 0 -10px 0;
}

.surgicalVids {margin-top: 20px;}

#container {

padding: 0;

	width: 765px;

	margin: 0 auto;

	text-align: left;

	}

	

.container_left {

	/*background: url(../images/container_left.gif) no-repeat;*/


	}

	

.container_right {

	/*background: url(../images/container_right.gif) no-repeat top right;*/

	}

	

.topline {

	/*background: url(../images/container_top.gif) no-repeat;*/
	}


#content {
	padding-top: 30px;
	margin: 20px;
	width: 480px;
}
	

#content_bg {
	border-top: 1px solid #1F4367; /* FORCES LAYOUT !!! */
	position: relative;
	top: 20px;
	padding: 0;
	/*background: #fff url(../images/container.gif) repeat-y;*/
	background: #FFF url(../images/inner-bg.jpg) center -65px no-repeat;
}
	

/* Uncomment if you want to use the tagline feature (make sure you uncomment h1 above and comment the original h1) - off by default

.tagline {

	color: #888;

	margin: -18px 0 0 9px;

	position: absolute;

	font-size: 1em;

	}

*/

	

/* 3)-=-=-=- Left selectors -=-=-=- */	

	
div.main {

line-height: 1.4;

}

.main li {

	background: url(../images/content_bullet.gif) no-repeat 0 7px;

	padding: 2px 0 0 10px;

	list-style: none;

	}



	

.main ul {


	padding: 0 0 20px 10px;

	margin: 0;

	}

	

.main img {

	padding: 3px;

	border: 1px solid #AAEFFF;

	}

	


.meta {

	background: #F5F5F5;

	font-size: .9em;

	padding: 2px;

	}

	


.meta:hover {

	background: #F7FEDC;

	}

	

.highlight { /* Basic highlight for text */

	background: #F7FEDC;

	}

	

.comments {

	font-size: 1.2em;

	padding-bottom: 25px;

	border-bottom: 3px double #eee;

	}

	

.comments a:link, .comments a:visited {

	color: #78A515;

	font-weight: bold;

	text-decoration: none;

	}

	

.comments a:hover, .comments a:active {

	background: #78A515;

	color: #fff;

	text-decoration: none;

	}	

	

.alt {

	background: #EAF8CF !important; 

	border: 1px solid #D5F0A4 !important;

	padding: 10px 10px 0 10px !important;

	}

	

.alt:hover {

	border: 1px solid #ACE149 !important;

	}

	

.commentlist li:hover {

	border: 1px solid #ACE149;

	}

	

.commentlist {

	padding: 0;

	margin: 0;

	}

	

.commentlist li {

	list-style: none;

	padding: 10px 10px 0 10px;

	background: #F6FCEB;

	border: 1px solid #DEF3B6;

	margin: 10px;

	color: #3C452D;

	}

	

p.metadate {

	font-size: .8em;

	margin: 0;

	text-transform: uppercase;

	}

	

p.comment_meta {

	margin: 0 0 10px 10px;

	font-size: .9em;



	}

	

.comment_author a:visited {

	font-weight: bold;



	text-decoration: none;

	}

	

.reply {

	font-weight: bold;

	font-size: 1.2em;

	margin: 10px 0 0 10px;

	}

	

.warning p { /* Used on the search page (image will appear if no result is found) */

	background: url(images/warning.gif) no-repeat left;

	height: 160px;

	padding: 20px 0 0 90px;

	font-size: 1.5em;

	margin: 0 0 0 10px;

	}

	

.postinput {

	margin-left: 10px;

	}

	

/* 4)-=-=-=- Right selectors -=-=-=- */	






	

#right {

	float: right;

	width: 250px;

	padding: 0 15px 10px 15px;


	

	/* Box model hack used for IE5.5/5 */

	voice-family: "\"}\""; 

  	voice-family: inherit;

  	width: 230px;

	}

	

#author li {

	list-style: none;

	margin: 0;

	padding: 0 5px 20px 0;

	font-size: .9em;

	line-height: 1.4;

	}

	

#author ul {

	padding: 20px 0 0 0;

	margin: 0;

	}

	

#links li {

	list-style: none;

	background: url(../images/links_bullet.gif) no-repeat 0 50%;

	padding: 2px 0 2px 20px;

	}

	

#links ul {


	padding: 20px 10px 30px 10px;


	margin: 0;

	}

	

#links a {

	font-size: 0.95em;

	font-weight: bold;

	text-decoration: none;

padding: 0 3px;
margin-left: -3px;

	}

	

#links a:link {

	color: #544748;

	}

	

#links a:visited {

	/*color: #796151;*/
color: #544748;


	}




	

#links a:hover, #links a:active {





	background: #56996C;

	color: #fff;

	}

	


.line {

	border-top: 3px solid #A4F0FF;

	margin-top: -5px;

	}

	

#search {

	background: url(../images/search.gif) no-repeat;

	height: 56px;

	margin: 0 auto;


	padding-top: 22px;

	}

	

#search h3 {


	font-size: 1.4em;

	margin: 20px 0 -10px 0;

	font-weight: normal;


	}

	

p.searchinfo {

	margin: 2px 0 -8px 2px;

	font-size: .9em;


	color: #999;

	}

	

.searchfield {

	background: #fff;

	border: 1px solid #ACE149;

	color: #7DA721;

	padding: 2px 5px 1px 5px;

	width: 160px;

	}

	

.searchfield:hover {

	border: 1px solid #A4F0FF;

	color: #949494;

	}

	

.submit {

	background: url(../images/search_submit.gif) no-repeat;

	height: 20px;

	width: 52px;

	border: 0;

	margin-left: 2px;

	text-indent: -9999px;

	cursor: pointer;

	}

	

.submit:hover {

	background: url(../images/search_submit.gif) no-repeat 0 -20px;

	height: 20px;

	width: 52px;

	border: 0;

	margin-left: 2px;

	cursor: pointer;

	}

	

.themes {


	font-size: .9em;

	}

/*Live Search Styles*/

#LSResult { position: absolute; background-color: #FCFEF4; width: 200px; }

#LSShadow { padding: 5px; }



#LSRes { background-color: #fff; }

.LSRow { padding: 0 5px; }



#LSHighlight { background-color: #7DA721; }



#LSHeader { padding: 2px 2px 8px; }

.lsDate { display: block; color: #555; }

	

/* 5)-=-=-=- Footer -=-=-=- */	

	

#footer {



	height: 100px;

	clear: both;


	}

	

#footer p {

	padding: 30px 0 0 70px;

	float: left;

	text-transform: uppercase;

	font-size: .9em;

	color: #777;

	}

	

.extras {

	float: right;

	padding: 33px 18px 0 0;

	}

	

.extras a {

	text-decoration: none;

	font-weight: bold;

	}

	

.extras a:link, .extras a:visited {

	background: #ccc;

	color: #fff;

	padding: 5px;

	border: 2px solid #fff;


	}


	

.extras a:hover, .extras a:active {

	background: #DEEEA4;

	color: #7AB90C;

	padding: 5px;

	border: 2px solid #C9E979;

	}

	

.extras li {

	display: inline;

	}

	

.extras ul {

	padding: 0 0 10px 0;

	margin: 0;

	}

	

/* 6)-=-=-=- Forms -=-=-=- */

	

input {

	border: 1px solid #BFBFBF;

	color: #949494;

	background: #fff;

	padding: 2px 5px 1px 5px;

	font-size: 1em;

	}

	

input:hover {

	background: #fff;

	border: 1px solid #A4F0FF;

	color: #73B6EC;

	font-size: 1em;


	}

	

textarea {

	font-family: Arial, Verdana, Helvetica;

	font-size: 1.1em;

	border: 1px solid #BFBFBF;

	color: #949494;

	padding: 2px 5px 1px 5px;

	width: 350px;

	}

	

textarea:hover {

	background: #fff;

	border: 1px solid #ACE149;

	color: #7DA721;

	}

	

/* 7)-=-=-=- Accessibility -=-=-=- */

	

#skip {

	display: none;

	}

	

hr { /* Simple style when CSS not in use */

	display: none;

	}



	


/* 8)-=-=-=- Hacks -=-=-=- */

	

.clearfix:after { /* float hack used to float content correctly */

    content: "."; 

   	display: block; 

   	height: 0; 

   	clear: both; 

    visibility: hidden;

	}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */