/*
Theme Name: YJT Default
Theme URI: http://richardgreenwood.ca/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: .1
Author: Richard Greenwood
Author URI: http://richardgreenwood.ca/
Tags: purple, fluid width

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* BEGIN HTML REDEFINE 
-----------------------------------------------------------*/
body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #898b71;
	padding: 0;
	margin: 0;
	font-size: 12px;
	}
h1 {
	position: absolute;
	top: 85px;
	left: 20px;
	margin: 0;
}
h3 { font-size: 130%; }
hr { visibility: hidden; clear: both; }
thead { font-weight: bold;}

/* END HTML REDEFINE 
-----------------------------------------------------------*/

/* BEGIN STRUCTURE
-----------------------------------------------------------*/
#header {
	background: #666196 url(media/bgHeader.png) repeat-x bottom left;
	height: 75px;
	overflow: hidden;
	}

#torsoer {
	background: #0f0b39 url(media/bgTorsoer.png) repeat-x bottom left;
	color: #f0f4c6;
	padding: 1px;
	border-bottom: 1px solid #f0f4c6; 
	}
#torsoer .inner {
	margin-bottom: 75px;
}
#arch img{
	width: 100%;
	height: 47px;
}
#footer {
	background: url(media/bgFooter.png) no-repeat top center;
	height: 100px;
	text-align: center;
	color: #abae8d;
	padding: 40px 1px 0 1px;
	position: relative;
	font-size: 80%;
	}
#smiley {
	width: 150px;
	position: absolute;
	top:-39px;
	left: 50%;
}
#smiley img {
	width: 150px;
	position: absolute;
	left: -75px;
}

/* END STRUCTURE
-----------------------------------------------------------*/

/* BEGIN MENU
-----------------------------------------------------------*/
#menu-01 {
	width: 400px;
	margin: 0 auto;
	font-size: 120%
}
#menu-01 ul, #menu-02 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#menu-01 ul li {
	float: left;
	width: 33.3%;
	text-align:center;
	line-height: 100px;
}
#menu-01 a:link, #menu-01 a:visited {
	display: block;
	background: url(media/bgMenuMainItem.png) repeat-x top left;
	width: 100%;
	height: 75px;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
}
#menu-01 a:hover {
	background-position: bottom left;
}
#menu-01 li.current_page_item a:link, #menu-01 li.current_page_item a:visited { 
	background-position: bottom left;
}

#menu-02 {
	position: absolute;
	top: 85px;
	right: 20px;
	text-align: right;
}
#menu-02 li { display: inline; padding: 0 0 0 1em;}
#menu-02 a:link, #menu-02 a:visited {
	text-transform: uppercase;
	text-decoration: none;
}
#menu-02 a:hover { text-decoration: underline; }

#menu-02 li.current_page_item a:link, #menu-02 li.current_page_item a:visited { color: #FFF; }

/* END MENU
-----------------------------------------------------------*/


/* LINKS
-----------------------------------------------------------*/
a:link, a:visited { 
  color: #EEE18F;
  text-decoration: none;
}

/* END LINKS
-----------------------------------------------------------*/


/* FIMLOGRAPHY
-----------------------------------------------------------*/
#filmography .even { padding: 0 10px;}
#filmography .odd { background: #2c2951; padding: 0 10px; 	
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;}
#filmography .inner { margin: 0; padding: 1px; }
#filmography h4 { float: left; margin: 0; line-height: 2em; font-size: 100%;}	
.detail1 { text-align: right; margin: 0; padding: 0;}
.detail1 li {
	display: inline; /*Mozilla < 3*/
	display: inline-block;
	width: 15%; 
	line-height: 2em;
	}
.detail2 dd ul { padding: 0;}
.detail2 dd li { display: inline; padding: 0 1em; white-space: nowrap; line-height: 19px}
.detail2 dd li img { vertical-align: text-top; } /* smoll imdb img */
.detail2 dt, .detail2 th, .episodeNumber, .duration { color: #7f7f7f; text-align:left; font-weight: normal; }
.detail2 table {margin-right: 80px; }
.detail2 table ul { margin: 0; padding-left: 15px;}

/* END FIMLOGRAPHY
-----------------------------------------------------------*/

/* BEGIN GENERAL
-----------------------------------------------------------*/
.inner { margin: 10px; }
.two-columns { width: 49%; float:left; }
.first-column { margin-right: 1%; }
.centered { text-align:center; }
.floatLeft{ float:left; }
.viewButton { width: 285px; margin: 0; display: block; padding: 5px; background: #2c2951; border: 1px solid #8481b8; color: #EEE18F; text-align: center; text-decoration: none; }
.linkcat {float: left; width: 20%; margin-right: 4%; list-style:none;}
#portrait { overflow: hidden; height: 200px; }
#portrait img { width: 100%; height: auto; margin-top: -15%; }

#contact { background: url(media/bgContactOptions.png) no-repeat center center; width: 760px; margin: 0 auto;}

#reelContainer { width: 640px; margin: 0 auto; }
#reelContainer ul { padding: 0; width: 320px; float: left; list-style: none; }
#reelContainer ul ul { float: none;  }
#reelContainer li { margin: 10px 0; clear: left;}
#reelContainer li li { list-style: none; margin: 0 0 0 10px; clear: none;}
#reelContainer a, #reelContainer a:link { display: block; padding: 2px; text-decoration: none;}
#reelContainer a:hover { background: #2c2951; }
a.active { background: #2c2951; }
#reelWindow { width: 640px; height: 360px; background: black; text-align: center; border: 1px solid #2c2951; }

/* END GENERAL
-----------------------------------------------------------*/


/* CASCADE BROWSER
-----------------------------------------------------------*/

#cBrowser { width: 95%; margin: 0 auto;}
#cBrowser ul { padding: 0; margin: 0; list-style: none;  }
#cBrowser h3 { padding: 5px 10px; margin: 0; background: #2c2951; color: #0F0B39;}
#cBrowser p { margin-top: 0; }
#cBrowser a { outline: none; }
#cBrowser #column-01 a, #cBrowser #column-01 a:link, #cBrowser #column-02 a, #cBrowser #column-02 a:link { display: block; padding: 10px; text-decoration: none;}
/*#cBrowser a.active { background:  #2c2951 url(media/cBrowserArrow.png) no-repeat center right; }*/
#cBrowser #column-02 ul { padding: 0; }
#cBrowser #column-02 li { border-bottom: 1px solid #2c2951; }
#cBrowser #column-03 .inner { padding: 10px 10px 0 10px;}
#cBrowser #column-03 ul h3 { background: none; color: #F0F4C6; padding-left: 0; }
#cBrowser #column-03 ul ul, #cBrowser #column-03 ul ol { padding-left: 20px;}
#cBrowser #column-03 ul ul { list-style: disc; }
#cBrowser #column-03 ul ol { list-style: decimal; }
#cBrowser #column-01 a:hover, #cBrowser #column-02 a:hover { background: #2c2951; }
#cBrowser #column-01, #cBrowser #column-02, #cBrowser #column-03 { margin: 0; float: left; }
#cBrowser #column-01 .inner, #cBrowser #column-02 .inner, #cBrowser #column-03 .inner {
	border-left: 1px solid #2c2951;
	border-bottom: 1px solid #2c2951;
	height: 400px;
	overflow: auto;
	margin: 0;
	}
#cBrowser #column-01 { width: 13%;}
#cBrowser #column-02 { width: 43%; }
#cBrowser #column-03 { width: 43%; }
#cBrowser #column-03 .inner { border-right: 1px solid #2c2951;}
.tags { color: #7f7f7f; text-align:right; padding-right: 10px;}

/* END CASCADE BROWSER
-----------------------------------------------------------*/

/* Begin Images 
-----------------------------------------------------------*/
a img {border: none;}
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images 
-----------------------------------------------------------*/

/* Begin Form Elements 
-----------------------------------------------------------*/
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements 
-----------------------------------------------------------*/

/* Begin Comments
-----------------------------------------------------------*/

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments 
-----------------------------------------------------------*/

/* Begin Calendar 
-----------------------------------------------------------*/
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
	
/* End Calendar 
-----------------------------------------------------------*/

/* Captions 
-----------------------------------------------------------*/
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions 
-----------------------------------------------------------*/