/*========= NAV ========*/
/*========= HEADER =========*/

/*- Page Navigation -*/
#nav{
	height: 30px;
	padding: 5px 10px;
	margin:0;
	width: 940px;
	position: relative;
	z-index:9999;
}
#nav-left {
	float:left;
	display:inline;
	width:620px;
	}
#nav-right {
	float:right;
	display:inline;
	width:320px;
	margin:0px !important;
	padding:0px !important;
	}

/*- Dropdowns-*/

#nav1, #nav1 ul{
	padding: 0;
	float:left;
	list-style: none;
}
#nav1 {
	padding: 0;
	font-size:13px;
	float:left;
}
#nav1 a {
	display: block;
	padding-left:15px;
	padding-right:15px;
	font-weight: normal;
}
#nav1 li {
	float: left;
	line-height:30px;
	font-weight:bold;
	font-size:10px;	
	text-transform:uppercase;
	font-family: Georgia, serif;
}
#nav1 li a:hover {
	background: none;
	text-decoration:none;
	color:#ffffff;
}
#nav1 li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	padding-top:1px;
}
#nav1 li:hover ul, #nav1 li.sfhover ul {
	left: auto;
}
#nav1 li ul li {
    background: #FFFFFF;
	border-bottom:1px solid #dedbd1;	
	border-left:1px solid #dedbd1;	
	border-right:1px solid #dedbd1;			
	line-height:14px;
	padding: 8px 0;	
	width:15em;
}

#nav1 li:hover, #nav1 li.hover {
    position: static;
}
#nav1 li ul ul {
	margin: -15px 0 0 15em;
	border-top:1px solid #dedbd1;	
}

#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {
	left: -999em;
}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul {
	left: auto;
}
#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul {
	left: -999em;
}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul {
	left: auto;
} 

/*- Category Navigation -*/

#nav2 {
	margin:0 0 25px 0 !important; 
	padding-bottom: 3px;
}

#nav2, #nav2 ul{
	padding: 0;
	float:left;
	list-style: none;
}
#nav2 {
	padding: 0;
	font-size:13px;
	float:left;
	width:960px;
	border-top: 1px dashed #DDDDDD;
}
#nav2 a {
	display: block;
	padding: 8px 15px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
}
#nav2 li {
	float: left;
}
#nav2 li a:hover {
	background: none;
    text-decoration: none;
}

#nav2 .nav2-rss {
	float: right;
	margin-right: 12px
}
#nav2 .nav2-rss a:link,#nav2 .nav2-rss a:visited, #nav2 .nav2-rss a:hover,#nav2 .nav2-rss a:active {
	background: url(images/rss_32.png) center right no-repeat;
	padding-right: 38px;
}


/*- Dropdowns-*/

#nav2 li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	z-index: 99999;
	border-top:1px solid #dedbd1;
}
#nav2 li:hover ul, #nav2 li.sfhover ul {
	left: auto;
	z-index:1000;	
}
#nav2 li ul li {
    background: #FFFFFF;
	border-bottom:1px solid #dedbd1;	
	border-left:1px solid #dedbd1;	
	border-right:1px solid #dedbd1;			
	line-height:28px;	
	width:14.9em;
}
#nav2 ul li a {
	padding: 5px 10px !important;
	border-bottom: none !important;
}
#nav2 li:hover, #nav2 li.hover {
    position: static;
}
#nav2 li ul ul {
margin:-39px 0 0 193px;
}
#nav2 li:hover ul ul, #nav2 li.sfhover ul ul {
	left: -999em;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul {
	left: auto;
}
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
	left: -999em;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: auto;
} 


/*- Page Navigation -*/

#nav {
	background-color: #101010;
	border-bottom:  3px solid #e7e7e7;
}
#nav1 a {
	color: #ccc;
}
#nav1 .current_page_item a,
#nav1 li.sfHover,
#nav1 li.current,
#nav1 li a:focus, #nav1 li a:hover, #nav1 li a:active {
	color: #FFFFFF;
}

#nav1 ul li a {
	color: #666666 !important;
}

#nav1 ul li a:hover {
	color: #000000 !important;
}

/*- Category Navigation -*/

#nav2 {
	background-color: #ffffff;
	background-image: url(default/nav_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top:1px dashed #DDDDDD;
}

#nav2 li.current-cat a {
	border-bottom: 3px solid #e92a0b;
}

.nav2 li:hover,
.nav2 li.sfHover,
.nav2 li.current,
.nav2 a:focus, .nav2 a:hover, .nav2 a:active {
	color: #333333;
}


/*- Search -*/
#search{
	float: right;
	height: 27px;
	width:268px;
	margin: 3px 0px 0px !important;
	padding:0px !important;
}
* html #search{
	margin-right: 8px;
}
#search input{
	background: #ffffff;
	border: 1px solid #dddddd;
	background: #ffffff url(images/search_box_bg.jpg) no-repeat center left;
	color: #c1c1c1;
	font-style: italic;
	font-family: Georgia, serif;
	float: left;
	font-size: 11px;
	width:220px;
	margin:1px 0px 0px;
	padding: 3px 4px 4px 5px;
}
#search .btn{
	padding: 0;
	height:23px;
	width: auto;
	border:none;
	width:37px;
}
/*- Header -*/
#header{
	float: left;
	background-color: #ffffff;
	margin: 0 0 0 00px;
	padding: 10px 10px;
	width: 900px;
}
/*- Logo -*/
#header h1{
	float: left;
	display:inline;
	font-size: 24px;
}
#header h1 a{
	display: block;
	width: 389px;
	color: #000000;
	font-size: 28px;
}

/*- Top Banner -*/
#topbanner {
	float: right;
	width: 468px;
}

#topbanner img{
	float: right;
}


/*========= LAYOUT =========*/

#page-outer {
	width: 960px;
	margin:0 auto;
}
#page{
	background-color: #FFFFFF;
}
	
	#main {
		width:900px;
		margin: 0 auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background-color:#fff;
		}
		
	
	#content-left {
		width:540px;
		padding:0px;
		float:left;
		background-color:#fff;
		border:0px solid #dcdcdc;
		}
	
	#content-right {
		width:300px;
		padding:0px;
		padding-left:60px;
		float:left;
		background:#fff;
		}
	
	#contentheader {
		background:#fff
		}
		
	#footer {
			clear: both;
			text-align:center;
		}
		
	
/* HYPERLINK STYLES */

		a { color: #013B61; text-decoration:none; font-family: Arial, Georgia,Serif;}
		a:hover { color: #013b61; text-decoration: underline; font-family: Arial, Georgia,Serif;}

/* links */

		.links{padding-left:20px;padding-right:20px;margin-bottom:20px;}

		.link_header{font-size:16px;font-weight:bold;padding-bottom:10px;padding-top:10px;}
		
		.links A:link, .links A:visited{
			display:block;
			color:#000;
			text-decoration:none;
			font-size:12px;
			line-height:12px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			border-bottom:1px solid #dcdcdc;
			padding-left:6px;
			padding-right:6px;
			padding-top:3px;
			padding-bottom:3px;
			margin-bottom: 0px; 
			margin-left:0px;
			margin-top: 0px;}

		.links A:hover{
			display:block;
			color:#666;
			text-decoration:none;
			font-size:12px;
			line-height:12px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			border-bottom:1px solid #000000;
			padding-left:6px;
			padding-right:6px;
			padding-top:3px;
			padding-bottom:3px;
			margin-bottom: 0px; 
			margin-left:0px;
			margin-top: 0px;}
		}

		.links A:active{
			display:block;
			color:#ffffff;
			text-decoration:none;
			font-size:10px;
			line-height:12px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			border-bottom:1px solid #1e5372;
			padding-left:6px;
			padding-right:6px;
			padding-top:3px;
			padding-bottom:3px;
			margin-bottom: 0px; 
			margin-left:0px;
			margin-top: 0px;
		}
		

/* masthead */

		.masthead{
			border:0px; 
			margin:0px; 
			padding:0px; 
			z-index:-1; 
			height:60px; 
			width:900px;
			background:#ffffff;
		}
		
/* These styles are just for the test template. Make some better ones. And yes, I know it's messy ;-) */
body { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-align: center; }
img {border:none}
#main2 { width: 500px; margin: 0px auto; text-align: left; }
#gallerytitle h2 { font-size: 11pt; }
#gallerytitle span { font-weight: normal; color: #CCC; text-decoration: none; }
#gallerytitle A:link, #gallerytitle A:visited { text-decoration: underline; color: #999; }
.albumthumb img { border: 0px; float: left; margin-right: 10px; }
.imagethumb img, .image img { border: 0px; margin: 0px; padding: 5px; }
.image { margin: 0px; padding: 0px; float: left; }
hr { clear: both; height: 0px; border: 0px; border-top: 1px solid #ccc; margin-top: 0px; padding: 0px; }
.imgnav { margin-bottom: 4px; font-size: 15pt; font-weight: normal; color: #CCC; text-align: center;}
.imgnav a { display: block; height: 1em; width: 46%; padding: 2%; color: #999 !important; background-color: #fbfbfb; }
.imgnav a.prev { float: left; }
.imgnav a.next { float: right; }
.imgnav a:hover, .imagenav a:active { background-color: #eee; color: #F60 !important; text-decoration: none !important; }
#images { margin: 5px 0px 10px; clear: both; }
#albums { clear: both; margin: 5px 0px 10px; padding: 0px; }
.pagenav { margin: 5px 0px 5px; font-size: 8pt; font-weight: bold; color: #CCC; clear: both; }
.pagenav A:link, .pagenav A:visited { color: #333; text-decoration: none; }
.disabled_nav {visibility: hidden;}
.disabledlink { color: #ddd; cursor: default; }
.albumtitle H3 { margin: 0px; padding: 0px; }
A:link, A:visited {text-decoration: none;color: #000;}
A:hover, A:active, 
#gallerytitle A:hover, #gallerytitle A:active, 
.pagenav A:hover, .pagenav A:active  {text-decoration: underline;color: #FF6600;background-color: #FFFCF4;}
UL.pagelist {padding: 0px;margin: 5px 0px 5px;list-style-type: none;height: 2em;}
UL.pagelist LI { display: inline; font-weight: bold; }
UL.pagelist LI A, UL.pagelist LI span.disabledlink {display: block;float: left;padding: 2px 4px;background-color: #FFF6EC;text-decoration: none;color: #555;}
UL.pagelist LI span.disabledlink { background-color: #fff; color: #ddd; cursor: default; }
UL.pagelist LI A:hover { background-color: #FFCC99; color: black; }
UL.pagelist LI.current A { background-color: #FF6600; color: #FFF; cursor: default; }
#comments {border: 1px solid #f0f0f0;padding: 15px 20px;margin: 15px 0px;width: 360px;display: block;clear: both;padding-top: 10px;}
.comment {margin: 15px 0px;padding: 10px 10px;border: 1px solid #f0f0f0;background-color: #f8f8f8;}
.commentcount { font-weight: normal; font-size: 11pt; margin-top: 10px; }
.commentmeta { color: #999; }
.commentauthor { font-weight: bold; }
.commentbody { margin: 5px 0px; line-height: 1.3em; }
.commentform INPUT { margin-top: 4px; border: none; }
.commentform TEXTAREA { margin-top: 4px; font-family: Arial, helvetica, verdana, sans-serif; font-size: 10pt; border: 1px solid #eee;}
.error { color: #C33; font-weight: bold; }
#admin, #admin_data{
	position:fixed;
  _position: absolute;
	right:0;
	top:0;
	border-left: 1px solid #E6E6DF;
	border-bottom: 1px solid #E6E6DF;
	background: #fff;
	width:120px;
}
#admin_data{top:15px;}
#admin h3 {font: 100% "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: bold;color: #000;border-bottom: 1px dashed #E6E6DF;margin:0;padding:0;}
#search{float:right;width:150px;margin-top:-15px;}
#search #search_input{width:75px;}
#search ul { position:absolute;margin-top:0px;text-align: left;}
#search ul .item { display:none;}
#search ul:hover .item { display:block; padding:1px; margin:1px;}
#search ul:hover .item a { color:#000; text-decoration:none;}
#search ul:hover .item a:hover { color:#999;}
#search ul {width:20px; float:left; margin:0px;padding:2px;list-style:none;}
#search li {width:150px;}
.clear {clear:both;height:10px;}
#map {margin-top: 25px;}
#imagemetadata {text-align: right;position: relative;display: none;}
#imagemetadata table {text-align: left;line-height: 1em;border: 1px solid #ccc;position: absolute;top: 2em;right: 0;background-color: #fafafa;}
#imagemetadata table td {border-bottom: 1px solid #f0f0f0;background-color: #f8f8f8;padding: 2px 5px;}
#fullsize_download_link {font-size: 8pt; text-align: right; float:right;}
#meta_link {font-size: 8pt; text-align: left; float:left;}
#image_data {margin-bottom:15px;}
/* Archive View  */
#archive{ width: 300px; padding:0; margin: 0 auto; text-align: center; }
ul.archive * { padding:0; margin:0; list-style:none; }
ul.archive .year { margin-top:10px; text-align: center; color: #FF6600;	margin-bottom:5px; font-weight:bold; font-size:18px;}
ul.archive .month {	font-size: 14px; list-style:none; border-top:2px solid #E6E6DF; padding-top: 5px; }
/* Tag Cloud */
#tag_cloud { text-align: center; background: #eee; margin-bottom:15px;}
#tag_cloud p { color: #FF6600; padding:10px 0; margin:20px 0; background: #fff; border-top: 3px solid #E6E6DF; border-bottom: 3px solid #E6E6DF; font-size: 18px; font-weight:bold; text-align: center; }
/* Tags */
.taglist ul { display: inline; list-style-type: none; }
.taglist li { background: url(tag.png) no-repeat left center; list-style-type: none; line-height: 18px; padding-left: 18px; float:left; padding-right: 5px;}
.taglist .tags_title { background: none; padding-right: 5px; padding-left: 0;}
.rating { margin-top: 15px; margin-bottom: 15px; }