/****************************************
 * Global
 ****************************************/
 
html, body {
	margin: 0;
	padding: 0;
	color: #eee;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(../../../images/body-back.gif) left 127px repeat-x #00236a
}

* {margin: 0; padding: 0; text-align: left}

a img { color: #fff; border: 0}

a:link, a:active, a:visited {
	color: #ffba00;
	text-decoration: none;
	font-weight: bold
}
a:hover { color: #fff}

h1 {margin: 2px 0 0 10px; float: left; width: 236px; height: 111px}
h1 a {width: 236px; height: 111px}
h2, h3, h4, h5 {margin: 20px 15px 10px 15px; color: #eee; font-weight: normal}
h2 {font-size: 22px;}
h3 {font-size: 18px; line-height: 25px;}
.heading-link {float:right; font-size: 12px; font-weight: bold; margin: -25px 0 0 0;}

h2 span, h3 span, h4 span, h5 span {color: #eee}

p {margin: 20px 15px 10px 15px; color: #eee; font-size: 11px; line-height: 1.65}

span.color {color: #496db6}

tr {
	vertical-align: top;
   text-align: left;
}

.comment { }
.comment_author { padding-top: 10px; font-weight: bold; }
.comment_content { margin-left: 2px; padding-left: 2px; }
.comment_date { }

/****************************************
 * Photo page
 ****************************************/
.photo {}


/****************************************
 * Tags
 ****************************************/
#tag_container {
	float: right;
	width: 710px;
	padding: 0 30px;
}

.tag_xlarge { font-size: 17px; color: #496db6; font-weight: bold; }
.tag_large { font-size: 15px; color: #496db6; font-weight: bold; }
.tag_medium { font-size: 13px; color: #496db6; font-weight: bold; }
.tag_small { font-size: 11px; color: #496db6; font-weight: normal; }
.tag_xsmall { font-size: 9px; color: #496db6; font-weight: normal; }

.tag_xlarge:hover,
.tag_large:hover,
.tag_medium:hover,
.tag_small:hover,
.tag_xsmall:hover
 {color: #eee}

/****************************************
 * Thumbnails
 ****************************************/
 
#left-col {
	float: left;
	width: 240px;
	overflow: hidden
} 
 
#thumbnail_container {
	float: right;
	width: 100%;
	text-align: left;
}

#thumbnail_container table {
	text-align: left;
}

.thumbnail { 
	padding: 0; 
	margin: 5px; 
	border: 1px solid #9ca9c4
	}
.thumbnail:hover {border-color: #fff}	


/****************************************
 * Tool tips
 ****************************************/
.tool-tip { color: #fff; width: 250px; z-index: 13000; }

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: #1e1e1e;
}

.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #1e1e1e;
}

#comment_description { padding-top: 10px; padding-bottom: 10px; }
#comment_thumb {
	background: #fff;
	padding: 1px;
	float: right;
	margin-top: 30px;
	margin-left: 10px;
}

#comment_title {
	font-size: 1.5em;
	border-bottom: 1px solid;
}

/** **/
#comment_wrapper { width: 340px; padding: 5px; }

/****************************************
 * Layout
 ****************************************/
#container { position: relative; margin: 0; width: 990px; overflow: hidden}

#footer-full {width: 100%; margin: 0 0 30px 0; height: 30px; border-top: 1px solid #25468a}
#footer {
	margin: 0 auto;
	width: 990px;
	height: 30px;
	text-align: center;
}

#footer p {margin: 0; padding: 0; font-size: 10px; color: #496db6; line-height: 30px;}
#footer p#copyright {float: left; margin: 0 15px}
#footer p#design-by {float: right; margin: 0 15px}

#footer a {
	color: #496db6;
}

#footer a:hover {
	color: #fff;
}

#header-full {
	width: 100%;
	height: 127px;
	background: url(../../../images/header-full-back.gif) 0 top repeat-x
}

	
#header {
	margin: 0 auto;
	padding: 0;
	font-size: .95em;
	width: 990px;
	height: 127px;
	position: relative;
}

#header_menu {
	float: right;
	font-size: .95em;
	padding: 0px 0px 3px 0px;
}

#header_menu a { padding: 0px 0px 0px 3px; }

/****************************************
 * Header
 ****************************************/
#header_title { float: left; }

/****************************************
 * Comments
 ****************************************/
#info_comments {
	position: absolute;
	right: 15px!important;
	bottom: 10px;
	z-index: 99;
	font-size: 10px;
	padding: 7px 10px;
	background: #1e1e1e;
	overflow: auto;
	width: 300px;
	margin: 0px;
	text-align: left;
	visibility: hidden;
	color: #ccc
}

#info_comments a:hover {color: #fff}

#info_comments a img {
	border: 1px solid white;
}

#info_comments .block{ clear: both; }

#info_comments .heading {
	font-size: 14px;
	border-bottom: 1px solid;
	margin-bottom: 6px;
	padding-top: 8px;
}

#info_comments .thumb img{
	border: 1px solid;
	margin-bottom: 5px;
	margin-right: 10px;
	float: left;
}

#info_comments table { text-align: right; width: 90%; color: #ccc; font-size: 10px; line-height: 1.2}
#info_comments tr { vertical-align: top; color: #ccc; font-size: 10px; line-height: 1.2}

#info_comments p {margin: 0; color: #ccc; font-size: 10px; line-height: 1.2}

#leftcontent { float: left; }

#page {
	position: relative;
	width: 100%;
	text-align: center;
}

/****************************************
 * Pages
 ****************************************/
#page_header {padding: 0; width: 100%; position: relative}

#page_meta, #page_meta a{
	text-align: center;
	clear: both;
	white-space: nowrap;
}

#page_nav { padding: 5px; }

#page_title {

}

#page2{
	padding: 15px;
	width: 960px;
	text-align: center;
}

#rightcontent { float: right; }


#wrapper {
	margin:0 auto;
	padding: 0 0 15px 0;
	width: 990px;
	overflow: hidden;
	position: relative
}

#photos { padding: 15px; }


/* -------------------------------------------------------- MAIN NAV -------------------------------------------------------------------- */

ul#main-nav {position: absolute; right: 0; bottom: 5px; margin: 0; width: auto; height: 50px; overflow: hidden}
ul#main-nav li {float: left; display: block; height: 45px; line-height: 45px; margin: 0 16px; padding: 0}
ul#main-nav li a {float: left; display: block; height: 45px; line-height: 45px; padding: 0 12px; font-size: 12px; color: #eee}
ul#main-nav li a:hover {color: #bcccee}




/* --------------------------------------------------------  HOME PAGE ----------------------------------------------------------- */
#left-col-home {
	float: left;
	width: 460px;
}

#right-col-home {
	float: right;
	width: 530px;	
	overflow: hidden
}
#left-col-home #sets-home {margin: 0 0 0 8px}

#right-col-home #page_meta {width: 500px; margin: 0; padding: 0 15px; height: 25px; line-height: 25px; overflow: hidden}

span#page_nav {display: block; height: 25px; width: 90px; margin: 5px 0 0 215px; padding: 0; overflow: hidden; background: url(../../../images/btn-next-prev-back.gif) 0 0 no-repeat}
span#page_nav a#prev-img, span#page_nav a#next-img {display: block; float: left; margin: 0; padding: 0; width: 44px; height: 25px; background-repeat:no-repeat; background-position:left top}

span#page_nav a#prev-img {background-image:url(../../../images/btn-prev-photo.gif)}
span#page_nav a#next-img {background-image:url(../../../images/btn-next-photo.gif)}

span#page_nav a#prev-img:hover, span#page_nav a#next-img:hover {background-position: left bottom}

#photo {border: 2px solid #e6e9f0}


/* --------------------------------------------------------  PHOTOS PAGE ----------------------------------------------------------- */
#left-col-photos { 
	float: left;
	width: 655px;
}

#left-col-photos #thumbnail_container {margin: 0 0 0 10px; width: 645px}

#right-col-photos { 
	float: right;
	width: 335px;	
	overflow: hidden
}

#right-col-photos #sets_container {width: 322px; padding: 0; margin: 0 0 0 10px; text-align: left} 


#photos-tags {padding: 10px 0 0 0; clear: both; width: 100%;}
#photos-tags #tag_container {padding: 0 15px 30px 15px; margin: 0; width: 960px}



/* --------------------------------------------------------  PREVIEW PAGE ----------------------------------------------------------- */
div#photo-preview {text-align: center}
div#photo-preview div#page_meta {width: 960px; margin: 0; padding: 0 15px; height: 25px; line-height: 25px; overflow: hidden;}



/* --------------------------------------------------------  ABOUT PAGE ----------------------------------------------------------- */
#left-col-about {
	float: left;
	width: 508px;
	overflow: hidden
}

#right-col-about {
	float: right;
	width: 482px;
	overflow: hidden	
}

#right-col-about img {border: 2px solid #bdc6d8; margin: 0}



/* --------------------------------------------------------  CONTACT PAGE ----------------------------------------------------------- */
#left-col-contact {
	float: left;
	width: 495px;
	overflow: hidden
}

#right-col-contact {
	float: right;
	width: 495px;
	overflow: hidden	
}

ul#contact-links {margin: 45px 15px}
ul#contact-links li {display: block; float: left; width: 230px; list-style: none inside}



/* --------------------------------------------------------  LINKS PAGE ----------------------------------------------------------- */
#left-col-links {
	float: left;
	width: 455px;
	overflow: hidden
}

#right-col-links {
	float: right;
	width: 535px;
	overflow: hidden	
}

ul#links {margin: 45px 15px}
ul#links li {display: block; float: left; width: 230px; list-style: none inside}


/* -------------------------------------------------------- CONTACT FORM -------------------------------------------------------------- */
form#contact-form {margin: 0px 30px 20px 0; padding: 3px 20px 0 5px; width: 452px; text-align: left;}

form#contact-form input {margin: 0; position: relative; top: -14px; right: -220px; width: 200px; border: 1px solid #6a8bcc!important; padding: 3px; background: #29498c!important; color: #eee}
form#contact-form textarea {margin: 10px 0 0 0; border: 1px solid #6a8bcc!important; background: #29498c!important; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; overflow: hidden; width: 420px!important; color: #eee}

form#contact-form input#send-button {float: none; left: -5px; top: 0; margin: 5px 0 0 0; font-size: 12px; text-align:center; color: #eee; font-weight: bold;  border: 0!important; cursor: pointer; width: 94px; height: 34px; background: url(../../../images/form-button.gif) left top no-repeat!important}