/* 
Theme Name: film-land
Description: film-land Wordpress Theme by <a href="http://www.jerrieyang.com/">Jerrie Yang</a>
Version: 1.2
Author: Jerrie Yang
Author URI: http://www.jerrieyang.com
Tags: fixed width, two columns, right sidebar, valid XHTML, valid CSS
*/

/* Reset
-------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
ul li, ol li { list-style: none; list-style-position: inside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img { border: none; }



/* Body
-------------------------------------------------------------------*/
body { 
	margin: 0 auto;
	font: Georgia, Garamond, serif;
	font-size: 12px;
	color: #000; 
	background: #FFF; 
}

/*

*:first-child+html body {background: #FFF url(images/bg.jpg) no-repeat center -8px;}

* html body {background: #DED5BA url(images/bg.jpg) no-repeat center -8px;}
*/

h1, h2, h3, h4, h5, h6 { font-family: Georgia, Garamond, serif; color: #000; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 12px; line-height: 24px; margin-bottom: 7px; font-weight: normal; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }

h1 span, h2 span { display:none; }
h1 a {display:block;}
h1.title_tagline_blog {background:url(images/tageline_blog.gif) no-repeat; height:120px; clear:both;}


a { color: #000; font-family:Georgia, "Times New Roman", Times, serif;}
a:hover { color: #FF6600; text-decoration:none;}
a.orange { color: #FF6600};

p { margin-bottom: 10px; }

input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }

blockquote { 
	font: italic 14px/22px Georgia, Serif; 
	padding: 5px 10px;
	margin-bottom: 20px;
	background: #e4ede2; 
}


.link{ width:100%; text-align:right; clear:right;}




/* Header
-------------------------------------------------------------------*/
#header { 
	width: 925px; 
    margin: 10px auto 26px auto;
	position: relative; 
}
#header h1 { 
        width: 230px;
        position: absolute;
        top: 80px;
        left: 160px;
	font: 20px Verdana; 
	padding-top: 10px; 
	margin-bottom: 0; 
	color: #fff; 
}
#header h1 a { 
        color: #333; 
	text-decoration: none; 
}
#header span {
        position: absolute;
        top: 195px;
        left: 150px; 
	padding-left: 10px; 
	font-size: 12px; 
	color: #333; 
}

#banner{
	background:url(images/banner.gif) no-repeat;
	width: 925px;
	height: 360px;
}
#date{
	font-size: 19px;
	padding: 8px 0 20px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#date a{ text-decoration:none}


/* Container
-------------------------------------------------------------------*/
#wrapper { 
	width: 925px; 
	overflow: hidden; 
	/*background: url(images/container_bg.jpg) repeat-y;*/
    margin: 0 auto;
	font-family: Georgia, "Times New Roman", Times, serif;

}



/* Navigation
-------------------------------------------------------------------*/
/*
#nav ul { 
	margin: none;
	list-style:none;
}

#nav ul li {
	display:inline-block;
}
#nav ul li.current_page_item { 
        width: 122px;
        height: 45px;
}
#nav ul li a {
        width: 122px;
        height: 45px;
        background: url(images/nav_bg.jpg) no-repeat; 
	display: block; 
	text-decoration: none; 
	color: #333; 
	line-height: 45px; 
	text-align: center;
}
#nav ul li a:hover { color: #555; }
#nav ul li.current_page_item a { background: url(images/nav_bg.jpg) no-repeat; color: #ff0000; }
*/

#nav { 
	width: 100%; 
	height: 70px;
	border-bottom:#000 4px solid;
	border-top: #000 4px solid;
}


#pageNav {
	background: url(images/nav.gif) no-repeat;
	width: 925px;
	height: 70px;
	margin:0;
	padding:0;
}
#pageNav span {
	display: none;
}

#pageNav li, #pageNav a {
	height:70px;
	display:block;
}

#pageNav li {
	float:left;
	list-style:none;
	display:inline;
}

#pageNav-01, #pageNav-01-current {width: 146px;}
#pageNav-02, #pageNav-02-current {width: 172px;}
#pageNav-03, #pageNav-03-current {width: 297px;}
#pageNav-04, #pageNav-04-current  {width: 179px;}
#pageNav-05, #pageNav-05-current  {width: 131px;}

#pageNav-01 a:hover, #pageNav-01-current {background:url(images/nav.gif) 0px -70px no-repeat; }
#pageNav-02 a:hover, #pageNav-02-current {background:url(images/nav.gif) -146px -70px no-repeat; }
#pageNav-03 a:hover, #pageNav-03-current {background:url(images/nav.gif) -318px -70px no-repeat; }
#pageNav-04 a:hover, #pageNav-04-current {background:url(images/nav.gif) -615px -70px no-repeat; }
#pageNav-05 a:hover, #pageNav-05-current {background:url(images/nav.gif) -794px -70px no-repeat; }



/* Content
-------------------------------------------------------------------*/
#content { 
	width: 630px; 
	float: left;
}
#content .post { font-size:16px; }
#content .post p { margin-bottom: 20px; }
#content .post h3 a { text-decoration: none; font-size: 18px; }
#content .post-list li { list-style: none; }

#content .post .post-info { 
	clear: both; 
	font-size: 12px; 
	color: #777; 
	padding: 15px 5px 5px 5px; 
	margin-bottom: 20px; 
        text-align: right;
}
#content .post .post-info .post-date{ font-weight: bold; }

#content .post .post-info a { color: #333; text-decoration:none; }
#content .post .post-info a:hover { color: #555; text-decoration:none; }

#content #pages { text-align: center; }
#content #pages a { font: bold 20px "Trebuchet MS"; color: #414d4c; text-decoration: none; }
#content #pages a:hover { color: #1e2726; }

#content ul, ol, dl { margin-bottom: 20px; }
#content ul { 
	list-style: disc;
	list-style-position: inside; 
}
#content ol { 
	list-style: decimal; 
	list-style-position: inside; 
}
#content dl dt { 
	font-weight: bold;
}
#content dl dd { 
	font-style: italic;
	margin: 0 0 5px 20px;
	color: #555;
}

#content hr, #sidebar hr { height:2px; color:#000; background-color: #000; clear:both; border: none; margin: 20px 0;}

#content .wp-pagenavi{text-align:center; height: 20px;}

.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }



#content-page { width:100%;}
#content-page hr, #footer hr{ height:4px; color:#000; background-color: #000; clear:both; border: none; margin: 20px 0;}
#content-page p.lg { font-size: 19px;  line-height: 23px;}
#content-page p.md { font-size: 16px; word-spacing:3px; line-height: 20px;}

#content-page p.work-sample-des {color:#FF3300; font-family:Arial, Helvetica, sans-serif; font-size: 16px; width:300px; float:right;}
#content-page img.img-content{ border:#000 solid 2px; margin: 0 12px 12px 12px;}
#content-page .content-page-left{ float:left; border-right:#000 solid 2px; padding: 0 18px 0 0;}
#content-page .content-page-right{ float:right;}

/* the people page */
#content-page .left-frontpage {width: 350px;}
#content-page .right-frontpage {width: 550px;}
#content-page .left-thepeople {width: 500px;}
#content-page .right-thepeople {width: 390px;}

#content-page .languages-contact {font-size: 16px;	line-height: 21px; vertical-align: text-bottom; margin-top: 50px;}
#content-page .languages-contact br{clear:left;}
#content-page .languages-contact  a{font-size: 16px;}

/* commericals page */
#content-page .sample {width:490px; float:right; margin: 4px 0 0 10px; text-align:right;}
#content-page .work-sample {margin: 60px 0 ;}
#content-page .work-sample h2{ float: right; width:300px;}
#content-page .title_comm{ margin-top: 40px;}

/* fiction page */
#content-page .left-fictionpage {width: 654px; float:left;}
#content-page .project-detail {width: 480px; float:right; font-size: 15px;}
#content-page .project-detail br { height:10px;}
#content-page span.project-name{background:url(images/title_production_title.gif) no-repeat; background-position: 0 2px; font-size: 18px; font-weight: bold; padding: 1px 0 0 120px; margin: 0 0 4px 0; display:block}
#content-page span.project-writer{background:url(images/title_writer.gif) no-repeat 0 0; padding: 2px 0 0 50px; margin: 4px 0 0 0;display:block;}
#content-page span.project-director{background:url(images/title_director.gif) no-repeat; padding: 2px 0 0 64px; margin: 4px 0 0 0;display:block;}
#content-page span.project-status{background:url(images/title_status.gif) no-repeat; padding: 2px 0 0 56px; margin: 4px 0 0 0;display:block;}
#content-page span.project-link{background:url(images/title_link.gif) no-repeat; padding: 2px 0 0 40px; margin: 4px 0 0 0; display:block;}



h1.lg{font-size: 32px; line-height: 40px;}

h1.title_shoot a { width: 556px; height:44px; background:url(images/title_shoot_edit_create.gif) no-repeat; }
h1.title_shoot a:hover { background-position: 0 -44px;}

h1.title_wo_border a {background: url(images/title_wo_borders.gif) no-repeat; height:44px; width:576px;}
h1.title_wo_border a:hover { background-position: 0 -44px;}

h1.title_creatives a ,h1.title_creatives{background: url(images/title_creatives.gif) no-repeat; height:456px; width: 50px; float:left; margin-right: 20px;}
h1.title_creatives a:hover {background-position: -52px 0;}

h1.title_clients a, h1.title_clients {background: url(images/title_clients.gif) no-repeat; height:44px; width:430px;}
h1.title_clients a:hover { background-position: 0 -44px;}

h1.title_founders {background:url(images/title_founders.gif) no-repeat; height: 74px; margin: 0 0 40px 0;}
h1.title_caroline {background:url(images/title_caroline.gif) no-repeat; height: 36px; clear:left}
h1.title_monica {background:url(images/title_monica.gif) no-repeat; height: 36px; clear:left}
h1.title_worksample{background:url(images/title_worksample.gif) no-repeat; height: 1284px; width: 68px; float:left; margin: 0 30px 0 0;}
h1.title_production{background:url(images/title_production.gif) no-repeat; height: 100px;}
h1.title_wo_border2 {background: url(images/title_film_wo_borders2.gif) no-repeat; height:58px;}



h2.title_languages {background:url(images/title_languages.gif) no-repeat; height: 21px; width: 100px; float:left; margin: 0 6px 0 0;}
h2.title_contact {background:url(images/title_contact.gif) no-repeat; height: 21px; width: 74px; float:left; margin: 0 6px 0 0;}
h2.title_sample {background:url(images/title_sample.gif) no-repeat; height: 30px; width:210px; float:right; margin-bottom:14px;}
h2.title_narrative_projects{background:url(images/title_narrative_projects.gif) no-repeat; height: 30px; margin: 0 0 0 430px;}
h2.title_branding_films{background:url(images/title_branding_films.gif) no-repeat; height: 88px; width:300px; }
h2.title_motion_graphics{background:url(images/title_motion_graphics.gif) no-repeat; height: 100px; width:300px;}
h2.title_interviews{background:url(images/title_interviews.gif) no-repeat; height: 122px; width:300px;}


/* Sidebar
-------------------------------------------------------------------*/
#sidebar { 
	width: 244px;
	float: right;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: #000000 solid 2px;
}

#sidebar h3 span {display:none;}
#sidebar p{font-size:14px;}


#sidebar .block {
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px 0;
}
#sidebar .block li { 
	background: url(images/arrow.gif) no-repeat 2px 8px; 
	padding-left: 12px;
}
#sidebar .block li a { font-size:14px; }



#sidebar img.img_flickr { margin: 0 0 4px 0;}

/* Calendar */
#sidebar .block #calendar_wrap a { }
#sidebar .block #calendar_wrap .pad { background: none; }
#sidebar .block #calendar_wrap #prev { background: none; }
#sidebar .block #calendar_wrap #next { background: none; }
#sidebar .block #calendar_wrap table { width: 100%; margin: 0;padding: 0;}
#sidebar .block #calendar_wrap table th { width: 14.2%; }
#sidebar .block #calendar_wrap table td { width: 14.2%; background: #d6ded4; text-align: center; color: #888; }


#sidebar h3.title_pictures{background: url(images/title_pictures.gif) no-repeat; height: 28px;}
#sidebar h3.title_news{background: url(images/title_news.gif) no-repeat; height: 28px;}
#sidebar h3.title_onset{background:url(images/title_onset.gif) no-repeat; height:51px;}
#sidebar h3.title_blog_archive{background:url(images/title_blogarchive.gif) no-repeat; height:49px;}
#sidebar h3.title_mailinglist{background:url(images/title_mailinglist.gif) no-repeat; height:24px;}
#sidebar h3.title_search{background:url(images/title_search.gif) no-repeat; height:24px;}
#sidebar h3.title_pages{background:url(images/title_pages.gif) no-repeat; height:24px;}
#sidebar h3.title_categories{background:url(images/title_categories.gif) no-repeat; height:24px;}
#sidebar h3.title_subscribe{background:url(images/title_subscribe.gif) no-repeat; height:24px;}
#sidebar h3.title_archive{background:url(images/title_archive.gif) no-repeat; height:24px;}
#sidebar h3.title_meta{background:url(images/title_meta.gif) no-repeat; height:24px;}

/*form*/
#sidebar input.btn, .btn {background:#000; border:none; color: #FFF; font-size: 12px; text-transform:uppercase; padding: 3px 4px; cursor:pointer; font-family:Georgia, Garamond, serif}
#sidebar input.txt {background:#FFF; border:#000 solid 1px; font-family:Georgia, Garamond, serif; padding: 2px 4px; }



/* Search
-------------------------------------------------------------------*/
#search {
	
}

#search input { border: 0; }

#search #s { 
	width: 150px;
        height: 26px;
	padding: 3px 0 4px 5px;
	margin-right: -4px;
	vertical-align: top;
	line-height: 0;
	font: normal 12px Verdana;
	vertical-align: top;
	color: #333;
	background: url(images/search_bg.jpg) no-repeat;
}
#search #searchsubmit { 
	width: 56px; 
	height: 26px;
        text-align: center;
	background: url(images/searchbt_bg.jpg) no-repeat;
        font-weight: bold;
}
.bt{
        cursor: pointer;
}



/* Comments
-------------------------------------------------------------------*/
.comments-title { 
	text-align: center; 
	font: bold 17px Georgia, Garamond, serif; 
	color: #414d4c; 
}
#comments .comment { 
	background: #E7E8EB; 
	margin-bottom: 10px; 
	overflow: hidden; 
	width: 100%; /*620px*/
	padding-bottom: 5px;
	font-size: 14px;
}
#comments .comment .comment-avatar { 
	float: left; 
	width: 50px; 
	padding: 5px 7px; 
}

#comments .comment .comment-content { 
	float: left; 
	padding: 10px 15px; 
	margin: 5px 5px 0 0; 
	width: 530px; 
	background: #F7F8F9; 
}
#comments .comment .comment-content a { color: #444; }


#comments .comment .comment-info { 
	font-size: 11px;
	color: #777;
	margin-bottom: 5px; 
}
#comments .comment .comment-info span {
	font: bold 16px Georgia, Garamond, serif;  	
	padding-right: 10px; 
	margin-bottom: 5px;
}
#comments .comment .comment-info a { 
	color: #444; 
}




/* Comment Form
-------------------------------------------------------------------*/
#commentform { 
	background: #F7F8F9; 
	border: 5px solid #E7E8EB; 
	padding: 10px; 
	color: #555;
	font-size: 14px;
}
#commentform p { margin-bottom: 7px; }
#commentform textarea { 
	width: 590px; 
	border: 1px solid #aaa; 
	height: 120px;
}
#commentform input.text { 
	width: 150px; 
	border: 1px solid #aaa; 
	margin-right: 5px; 
	padding: 3px 3px; 
}
#commentform input#submit {
        width: 148px;
        height: 30px;
        text-align: center;
        border: none;
}




/* Footer
-------------------------------------------------------------------*/

#footer { 
	width: 925px; 
	margin: 0 auto;
	padding: 0 0 5px 0;	
	text-align:center;
}


#footer-inner {
	clear: both;
	text-align: left; 
	width: 100%;
	height: 188px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#footer-inner h1{
	font-size: 22px;
	font-weight: bold;
}

#footer-logo{
	width: 360px;
	height: 188px;
	background: url(images/logo.gif) no-repeat;
	float:left;
}
#footer-contactinfo{
	float:left;
	width: 300px;
	font-size: 20px;
}
#footer-links{
	padding: 0 0 0 20px;
	border-left: #000000 solid 1px;
	float: right;
}


#footer p { 
	font-size: 11px; 
	margin: 0; 
}


.gap{ clear:both;}