@charset "utf-8";
/* WdeB */

/* black: #000, darkgrey: #333, lightgrey: ccc#, blue: #00addd; */

/*=================== basic ==========================*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul,li { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

html, body{
	margin: 0;
	font-family: "Trebuchet MS";
	background: #e6e6e6 url(../img/bg_body.jpg) no-repeat center top;
}


.clear{
	clear: both;
}

/*=================== 
main divs 
==========================*/


#container{
	width: 950px;
	margin: 0 auto;
	background: url(../img/triangle.jpg) no-repeat 233px 120px;
	*background: url(../img/triangle.jpg) no-repeat 233px 120px;
	_background: url(../img/triangle.jpg) no-repeat 243px 122px;
}

#page_top{
	height: 67px;
	
}

#header{
	height: 110px;
	float: left;
	width: 250px;

}


#sponsors{
	background-color: #fff;
	margin: 15px 0;
	padding: 10px;


	
}

#content_container{
	float: right;
	width: 680px;
	*width: 680px; 
	_width: 662px;
	background-color: #fff;
	
}

#sidebar{
	float: left;
	width: 220px;
	
}

#footer{
	
}

#nav{	
	
	
}





/*=================== 
typo 
==========================*/

h1{
	height: 81px;
	float: left;
	width: 220px;
	#background: url(../img/logo_feel_the_edge.png) no-repeat;
	text-indent: -9999px;
	#cursor:pointer;
}

h2 a{
	color: #000;
	text-decoration: none;
	margin: 20px 0 0px 0;
}

h2{
	font-size: 2.0em;
	margin: 20px 0 10px 5px;
	color: #000;
}


h3, h3 a{
	color: #000;
	text-decoration: none;
	font-size: 1.2em;
	margin: 20px 0 0px 0;
}

h4, h4 a{
	color: #000;
	text-decoration: none;
	font-size: 1.2em;
	padding: 25px 40px 0 10px;
}

h2 a:hover, h3 a:hover, h4 a:hover{
	color: #00addd;
}

p{
	font-size: 0.9em;
	color: #444;
	margin: 0 0 0.5em 0;
}
.com1{
	font-size: 0.9em;
	color: #444;
}

p.post_info{
	color: #999;
	font-size: 0.74em;
	margin: 0 0 15px 0;
}

a{
	color: #00addd;
}

a.more{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/arrow_bullet.png) no-repeat;
	height: 20px;
	line-height: 20px;
	padding: 0 0 5px 24px;
}

a.more:hover{
	text-decoration: underline;
}

/*=================== 
page top
==========================*/

#page_top p{
	font-size: 15px;
	color: #656565;
}

#page_top p.screenreader{
	text-indent: -9999px;
}

#page_top p.fontsizes{
	text-align: right;
	margin: 18px 10px 0 0;
	
}

/*=================== 
navigation/menu 
==========================*/

#nav ul{
	
}

#nav ul li{
	border-top: 1px solid #111;
	background-color: #000;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	font-weight: bold;
}

#nav ul li.current{
	border-top: 1px solid #222;
	background-color: #000;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
	padding: 13px 10px;
	*height: 25px;/*IE6*/
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	color: #00addd;
	font-size: 1.0em;
	letter-spacing: 0.2em;
	font-weight: bold;
	
}

#nav ul li:hover{
	border-top: 1px solid #222;
	background-color: #000;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
	font-weight: bold;
	
}


#nav ul li a{
	padding: 13px 10px;
	*height: 25px;/*IE6*/
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	color: #dedede;
	font-size: 1.0em;
	letter-spacing: 0.2em;
font-weight: bold;
}

#nav ul li a:hover, #nav ul li.current a{
	color: #00addd;
	
}


/*=================== 
sidebar items
==========================*/

#intro{
	margin: 0px 0 0 0;
	background-color: #fff;
	padding: 20px 40px 10px 40px;
}

#intro p{
	font-size: 0.8em;
}


#intro img{
	float: left;
	margin: 3px 10px 3px 0;
}

#newsletter{
	margin: 15px 0 0 0;
	background-color: #000;
	padding: 10px;
}

#newsletter p{
	color: #fff;
}

input.field{
	padding: 4px;
	width: 186px;
	font-size: 0.8em;
}

input.submit{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/arrow_bullet.png) no-repeat;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 26px;
	border: none;
	color: #00addd;
	font-size: 15px;
	margin: 7px 0 10px 0;
	cursor: pointer;
}

input.submit:hover{
	text-decoration: underline;
}

#blog_archive{
	margin: 15px 0 0 0;
	background-color: #fff;
	padding: 10px;
}

#blog_archive ul{
	border-top: 1px solid #ddd;
	margin: 0 0 18px 0;
}

#blog_archive li{
	list-style-position: inside;
	opacity: 1;
	border-bottom: 1px solid #ddd;
	padding: 3px 0;
	font-size: 0.9em;
}

#blog_archive li a{
	text-decoration: none;
}

#blog_archive li a:hover{
	color: #000;
}
#blog_archive_active {
	list-style-position: inside;
	opacity: 1;
	border-bottom: 1px solid #ddd;
	padding: 3px 0;
	font-size: 0.9em;
	color: #000;
}
/*=================== 
sponsors 
==========================*/

#sponsors ul li{
	margin: 2px 0;
}

#sponsors ul li img{
width: auto;
	
}

/*=================== 
blog posts 
==========================*/

#blog_posts{
	margin: 10px 10px;
	padding: 0 15px;
	border-top: 10px solid #000;
}

#blog_posts img{
	width: auto;
	margin: 0 0 10px 0;
	
}

#blog_posts div.big{
	margin: 0 15px 20px 15px;
	padding: 0 0 60px 0;
	border-bottom: 1px solid #999;
}

#blog_posts div.small{
	margin: 0 15px 40px 15px;
	*margin: 0 15px 40px 15px;
	_margin: 0 10px 40px 10px;
	float: left;
	width: 280px;
	
	
	
}

#blog_posts a.more{
	margin: 0 0;
}

#blog_posts ul.page_skips{
	padding: 40px 20px;
}

#blog_posts ul.page_skips li{
	width: 1.8em;
	float: left;
	text-align: center;
	margin: 1px;
}

#blog_posts ul.page_skips li a{
	width: 1.8em;
	line-height: 1.25em;
	display: block;
	border: 1px solid #000;
	text-decoration: none;
	font-size: 0.8em;
	background-color: #000;
	color: #00addd;
}

#blog_posts ul.page_skips li a:hover{
	background-color: #00addd;
	color: #000;
}

#blog_posts ul.page_skips li.current{
	background-color: #fff;
	color: #000000;

	
}

#comments{
	margin: 20px;
}

#comments ul li{
	margin: 10px 0;
	background: url(../img/triangle_comment.jpg) no-repeat 166px 30px;
	*background: url(../img/triangle_comment.jpg) no-repeat 186px 30px;
	_background: url(../img/triangle_comment.jpg) no-repeat 186px 30px;
	
	width: 600px;

}

#comments ul li .name{
	width: 155px;
	*width: 155px;
	_width: 165px;
	padding: 41px 20px 0 0;
	text-align: right;

}

#comments ul li .name p{
	color: #808080;
}

#comments ul li .comment p{
	color: #000;
}


#comments ul li input.name{
	width:140px;
	border: none;
	border-bottom: 3px solid #e6e6e6;
	padding: 5px;
	margin: 27px 0 0 0;
	text-align: left;
	font-size: 1.0em;
	
}

#comments ul li .comment{
	width: 370px;
	*width: 350px;
	_width: 350px;
	float: right;
	padding: 15px;
	border-left: none;
	min-height: 60px;
	*min-height: 60px;
	_height: 60px;
	background: #e6e6e6;
	font-size: 1.2em;
}

#comments ul li textarea.comment{
	border: 5px solid #e6e6e6;
	color: #000;
	
	width: 350px;
	background: #fff url(../img/bg_comment_shadow.jpg) no-repeat right top;
}

#comments h5{
	margin: 30px 0 10px 0;
	background: #000;
	color: #fff;
	padding: 5px;
}

#comments label{
	font-size: 1.1em;
}

#comments label span{
	color: #949494;
	font-size: 0.8em;
}

input, textarea{
	font-size: 1.0em;
	
}

input.input_text{
	padding: 0.5em;
	width:250px;
	margin: 0 0 15px;
	background: #dbdbdb;
	border: none;
}

input.input_submit{
	margin: 10px 0 0 0;
	width: 260px;
	border: 1px outset #00addd;
	background-color: #00addd;
	padding: 0.5em;
	text-transform: uppercase;
}

input.input_submit:hover{
	background-color: #008eb8;
}

textarea.area_text{
	padding: 0.5em;
	width:560px;
	height: 120px;
	background: #dbdbdb;
	border: none;
	
}

.content_item_text form{
	margin: 40px 0 0 0;
}


/*-------------------
textpage /about /gallery
----------------------*/
.content_item{
	margin: 10px 10px;
	padding: 0 20px 40px 20px;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}

.content_item_text{
	margin: 10px 10px;
	padding: 0 30px 40px 30px;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}

.content_item_text img{
	margin: 5px;
	border: 1px solid #ccc;
	padding: 2px;
}

.content_item a.more{
	margin: 40px 0 0 10px;
	padding: 1px 0 4px 24px;
}


.thumbs ul{
	margin:0px;
	padding:0px;
}


.thumbs li{
	float: left;
	width: auto;
	height: auto;
	overflow: hidden;
	margin: 30px 10px;
	
}

.thumbs li img{
	width: auto;
	margin: -20px 0 0 -20px;
}

.thumbs1 ul{
	
}


.thumbs1 li{
	float: left;
	width: auto;
	height: auto;
	overflow: hidden;
	padding: 10px 10px; *padding: 10px 11px; 
	
}



.video{
	margin: 10px;
}



/*=================== 
back up 
==========================*/

#backup{
	margin: 40px;
	text-align: right;
	clear: both;
	
}

#backup a{
	background: url(../img/backup.jpg) no-repeat right 4px;
	padding: 0px 19px 19px 0;
	color: #535353;
	font-weight: bold;
	text-decoration: none;
}

#footer{
	text-align: right;
	margin: 0 0 80px 0;
	padding: 5px;
}

#backup a:hover{
	color: #000;
	text-decoration: underline;
}


/*=================== 
footer 
==========================*/

#footer p{
	font-size: 0.8em;
	color: #888;
}

#footer p a{
	color: #00addd;
	text-decoration: none;
}

#footer p a:hover{
	text-decoration: underline;
}


/*====================== lightbox ======================*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
	
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
	
#imageContainer>#hoverNav{ 
	left: 0;
}

#hoverNav a{ 
	outline: none;
}


#prevLink, #nextLink{
	width: 50%;
	height: 100%;
	background: transparent url(_media/img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
	
#prevLink { 
	left: 0; 
	float: left;

}

#nextLink { 
	right: 0; 
	float: right;

}

#prevLink:hover, #prevLink:visited:hover { 
	background: url(../img/lightbox/prev.gif) 
	left 50% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
	background: url(../img/lightbox/next.gif) 
	right 50% no-repeat; 
}

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
	color: #14073A;
	font-weight:bold;
	text-decoration: none;
}
#nextLinkText{
	padding-left: 20px;
	
}
#prevLinkText{
	padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	color: #666666;
	background-color: #fff;
	margin: 0 auto;
	font: 13px/20px "Trebuchet MS", "Trebuchet MS";
}

#imageData{
	padding:0 10px;
}

#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#caption{
	font-size: 20px;
	font-weight: bold;
			
}

#imageData{ 
	font-weight: normal;
	
		
}

#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 5px;	
}

#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 5px;	
}

#imageData #helpDisplay {
	clear: left; 
	float: left; 
	display: block; 
}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter:alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
	display: none;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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