/* 
	TEMPLATE NAME / Vue 
	AUTHOR: Mart van de Ven
	BASED ON: Horizon by Scott Craig (http://www.cancerbox.com)
	AUTHOR WEBSITE: http://www.serapolis.com
	VERSION: 0.5
*/


/* STANDARDS */

body {
	background-color:#000;
	font-size:11px;
	line-height:16px;
	font-family: Georgia,"Times New Roman", Times, serif;
	padding:0px;
	margin:0px;
	color:#000;
	text-align:center;
	border:0px;
	}

html {
	min-height:100.1%;
	}
	
/* RESET */
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin:0px;
	padding:0px;
	border:0px;
	}

h1 {/* unused */
	text-align:left;
	}

h2 {
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;	
	text-align:left;
	}
	
h3 {/* unused */
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;	
	font-size:14px;
	letter-spacing:1px;
	color:#666;
	text-align:left;
	}
	
h5 {
	text-align:center;
	padding:0px;
	margin:0px;
	font-size:12px;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	letter-spacing:1px;
}

hr {
	display:none;
	}

p {
	text-align:left;
	}

a {
	color:#f33b3b;
	text-decoration:none;
	margin-bottom:0px;
	outline-style:none;
	outline-width:0;
	}
	
a:hover {
	color:#181c18;
	text-decoration:none;
	margin-bottom:0px;
	}
	
#tag_cloud a:hover {
	color:#3b89f3;
	text-decoration:none;
	margin-bottom:0px;
	}

#taglist a{
	color:#3b89f3;
	text-decoration:none;
	margin-bottom:0px;
	outline-style:none;
	outline-width:0;
	font-size:13px;
	margin:0px;
	text-transform:uppercase;
	}
	
#taglist a:hover {
	color:#8fdd20;
	text-decoration:none;
	margin-bottom:0px;
	}

#thumbnails a{
	color:#faf2f8;
	text-decoration:none;
	margin-bottom:0px;
	outline-style:none;
	outline-width:0;
	}
	
#thumbnails a:hover {
	color:#3b89f3;
	text-decoration:none;
	margin-bottom:0px;
	}

#thumbnails h1 {
	color:#f33b3b;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing: 2px;
	text-transform:uppercase;
	font-size:26px;
}

#thumbnails h1 a:hover{
	color:#3b89f3;
}

.text {
	color:#099;
	line-height:32px;
}
/* CUSTOM CLASSES */


.inside {
	width:1004px;
	margin:0px auto;
	padding:0px;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}
	
.clearit {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0px; /*for IE*/
}
	
/* IMAGE NOTES */

#image-info h2 {
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;	
	font-weight:normal;
	letter-spacing:2px;
	font-size:11px;
	text-transform:uppercase;
	padding:10px 0px 20px 0px;
	}

#image-info h2 em { 
	margin-left:15px;
	}

		
#image_notes {
	width:45%;
	float:left;
	margin-bottom:10px;
	}

#image_notes {
	font-style:italic;
	line-height:16px;
	}

#image_notes p {
	font-size:10px;
	color:#303830;
	margin:0px;
	padding-bottom:10px;
	}

/* HEADER + NAVIGATION */

#header {
	width:100%;
	height:80px;
	background-color:#000;
	
	}

#header .inside {
	background:#000;
	height:80px;

	}

#header .inside ul {
	float:left;
	margin-top:20px;
	}

#header .inside .navselect li a  {
	color:#8fdd20;
	font-size:24px;
}

#header .inside li {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing: 2px;
	text-transform:uppercase;
	font-size:26px;
	display:inline;
	line-height:26px;
	
	}
	
#header .inside li a {
	color:#faf2f8;
	padding-left:0px;
	padding-right:9px;
	}
		
#header .inside li a:hover {
	text-decoration:none;
	color:#8fdd20;
	}
	
#header .inside img {
	border:0px;
	z-index:100;
}
	
.secondary a {
	color:#303830 !important;
	margin-right:0px;
	padding-right:0px;
	}
	
.secondary a:hover {
	color:#3b89f3 !important;
	}

#header .inside img {
	float:right;
	padding:0px;
	display:block;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
		}

#header .inside img a{
	text-decoration:none;
		}

#header .inside img a:hover {
	text-decoration:none;
		}

/* MAIN PHOTO AREA */

#photobox {
	background-color:#000;
	padding-bottom:0px;
	margin-bottom:0px;
	width:100%;
	text-align:center;
	}
	
#photo {
	background:#faf2f8;
	padding:10px;
	border:none;
	margin-bottom:0px;
	}


/* IMAGE NAVIGATION */

#infobox {
	width:100%;
	text-align:left;
	}
	
#image-navigate {
	position: relative;
	bottom: 4px;
}
	
#image-navigate li {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:26px;
	display:inline;
	list-style:none;
	width:482px;
	height:20px;
	margin: 0px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	background-color:#faf2f8;
	}

#image-navigate li .model{
	display:block;
	text-align:center;
}

#image-navigate a {
	color:#000;
	display:block;
	margin: 0px;
	line-height: 25px;
	}
	
#image-navigate a:hover {
	color:#3b89f3;
	}
	
/* Pages */

#overlay {
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#page {
	padding:0px 0px;
	text-align:left;
	width:1004px;
	margin:0px auto;
	}

#page h2 {
	font-weight:normal;
	letter-spacing:2px;
	font-size:11px;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
	}

#page p {
	font-size:10px;
	font-style:italic;
	margin: 0px 20px 20px 0px;
	}

#page ul li {
	list-style:none;
	padding:0px 5px 0px 0px;
	}
	
#page img {
	/*background:#faf2f8;*/
    padding:3px;
   /* border:1px solid #606860;*/
	}
	
#thumbnails {
	position:relative;
	left:0px;
}

.thumbnails {
	/*border:1px solid #606860;
	padding:3px; */
	margin:0px 10px 10px 0px;

	}
	
.data {
	font-size: 18px;
	text-transform: uppercase;
	color: #FFF;	
}

/* COLUMNS ON INFO PAGE */

#col1 {
	width:30%;
	float:left;
	background-color:#FFF;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
		margin:11px;
		padding: 5px;
	}

#col2 {
	width:30%;
		float:left;
		background-color:#FFF;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
		margin:11px;
				padding: 5px;
	}

#col3 {
	width:30%;
	float:right;
	margin:11px;
		background-color:#FFF;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
			padding: 5px;
	}

/* Footer */

#footer {
	clear:both;
	width:740px;
	margin:20px auto 0px auto;
	padding:10px 0px;
	text-transform:uppercase;
	text-align:center !important;
	}

#footer li {
	text-align:center;
	font-size:10px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	display:inline;
	list-style:none;
	padding:0px 5px;
	color:#838d7a;
	}

#footer a {
	color:#838d7a;
	}
	
#footer a:hover {
	color:#993300;
	}


/* INFO OVERLAY */

#info {
	background-color: black;
	width:1004px;
	text-align: left;
	position: absolute;
	top:73px;
	z-index: 1000;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	font: 12px/14px Trebuchet, Arial, Helvetica, sans-serif;
	color:#faf2f8;
}

#info-in {
	position:relative;
	overflow:visible;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#info-in ul {
	float:left;
	}
	
#info-in li {
	list-style:none;
	padding:0px 5px 0px 0px;
	display:inline;
	}


#title-heading{
	font-size: 20px;
	font-weight: normal;
	font-variant:normal;
	color: #3b89f3;
	text-align: left;
	letter-spacing: -1px;
	padding-bottom:15px;
	text-transform: uppercase;
	margin-top:10px;
	margin-left: 4px;
}

#title-heading .date {
	font-size: 14px;
	font-weight: normal;
	color: #999;
	position: relative;
	bottom: 3px;
}

#title-heading .visit {
	float:right;
	font-size: 14px;
	font-weight: normal;
	color: #999;
	text-align:right;
	position:relative;
	display:block;
	vertical-align: middle;
	padding-right:5px;
		}
	
/* ========== CATALOG Specific ========== */

#white {
	padding:10px;
	background-color:#151515;
	border: 0px solid #faf2f8;
	}	

#taglist li {
	display: inline-block;
	position:relative;
	top:-28px;
	left: -212px;
	text-align:left;
	margin-right: 5px;
}

#taglist ul {
}
		
#cloud {
	background-color: #000;
	text-align:center;
	margin: 0px;
	padding: 3px 0px 0px 0px;
}

#tag_cloud {
	background-color: #151515;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

/* ========== MODEL Specific ========== */

.model {
	width: 440px;
	margin-bottom:15px;
	background-color:#151515;
	padding:15px;
	display:inline;
	float:left;
	margin-right:15px;
	}
	
.space {
	line-height: 28px;
	position:relative;
	bottom:8px;
}

.modeldescript {
	margin: 0px;
	padding: 0px;
	float: left;
}

.modelthumb {
	margin: 0px;
	padding: 0px;
	float: left;
}

.modeldescript p{
	font-size: 11px !important;;
	color: #fff;
	clear: both;
	padding-bottom: 6px;
	margin-bottom: 0px !important;
	padding-left: 6px !important;
}

.modeldescript h3{
	display: block;
	color: #666;
	font-size: 12px;
	padding-top: 5px;
 }
 
/* ========== PHOTOSHOOT Specific ========== */

.shoot {
	width: 984px;
	height: 700px; 
	display:inline;
	float:left;
	padding:10px;
	border:none;
	margin-bottom:0px;
	background-color: #faf2f8;
	background-image: url(http://kyoscape.com/images/shoot.jpg);
	background-repeat: no-repeat;
		}
		
.shoot h1{
	line-height: 28px;
	position:relative;
	bottom:8px;
	color:#faf2f8 !important;
	text-decoration:none;
	margin-bottom:0px;
	outline-style:none;
	outline-width:0;
	margin:10px;
}

.shootdescript {
	margin-top: 90px;
	margin-left: 180px;
	}

.shootdescript p{
	font-size: 18px !important;;
	color: #fff;
	clear: both;
	padding-bottom: 6px;
	margin-bottom: 0px !important;
	padding-left: 10px !important;
	padding-top: 8px !important;
}

.shootdescript h3{
	display: block;
	color: #666;
	font-size: 15px;
	padding-top: 5px;
 }
 
.shootdescript a{
	text-decoration:underline !important;
 	color: #ccc !important;
}


/* ========== INFO BOX Specific ========== */

#description, #subject, #notes, #tags {
	margin-bottom:15px;
	background-color:#151515;
	padding:15px;
}

#subject {
	font-size:28px;
	text-transform: uppercase;
}

#notes {	
	font-size:22px;
	text-align:left;
	line-height:22px;
	}

#notes .imgdate{
	font-size:18px;
	margin-bottom:0px;
	padding-bottom:0px;
	color:#CCC;
	padding-top:5px;
	font-weight: lighter;
}

#notes .notes {
	padding-top:5px;
	
	}

#tags {
	text-align:center;
}

/* ==========ABOUT specific ========== */

.about {
	width: 984px;
	height: 700px; 
	display:inline;
	float:left;
	padding:10px;
	border:none;
	margin-bottom:0px;
	background-color: #faf2f8;
	background-image: url(http://kyoscape.com/images/112.jpg);
	background-repeat: no-repeat;
		}

h2.col {
	font-weight: bolder !important;
	font-size: 16px !important;
	text-transform:uppercase !important;
	letter-spacing:2px !important;
	font-family:'Trebuchet MS',Arial,Verdana,sans-serif !important;
	text-align:center !important;
}

.aboutfooter {
	position:relative;
	bottom: 54px;
}
/* ========== COMMENTS FORM Specific ========== */

.comment-button {
	border:1px solid #CCC;
}

.input {
	border:1px solid #CCC;
	width:90%;
}

.textarea {
	border:1px solid #CCC;
	width:100%;
}

/* TAG SUPPORT */
.tags00
{
	font-size: 14px !important;
}
.tags01
{
	font-size: 16px !important;
}

.tags02
{
	font-size: 18px !important;
}

.tags03
{
	font-size: 20px !important;
}

.tags04
{
	font-size: 22px !important;
}

.tags05
{
	font-size: 24px !important;
}

.tags06
{
	font-size: 26px !important;
}

.tags07
{
	font-size: 28px !important;
}

.tags08
{
	font-size: 30px !important;
}

.tags09
{
	font-size: 32px !important;
}

.tags10
{
	font-size: 34px !important;
}