/*
Theme Name: Northernlight Filmworks
Description: The custom WordPress theme for the Northernlight Filmworks web site.
Author: Rhaya Shilts
Author URI: http://rhaya.com/
*/


/* ------------- UNIVERSAL ------------- */

* {margin:0; padding:0; }

* html ul li a {height:1em;}

html,body {
font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
font-size: 12px;
color: #636363;
line-height: 180%;
text-align:center;
background: #dcf1f0;
height:100%; /* needed for container min-height */

}

/* ------------- LAYOUT ------------- */

#background{
width: 100%;
background: #ffffff;
float:left;
}
 
#holder{
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:985px;
}
 
#wrapper {
background:url(images/template/framebg.gif) no-repeat;
float:left;
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:985px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
text-align:left;
}

#wrapperblog {
background:url(images/template/framebgblog.gif) no-repeat;
float:left;
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:985px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
text-align:left;
}


/* ------------- HEADER  ------------- */


#header {
width:894px;
height:152px;
background:url(images/template/headerbg.gif) no-repeat;
margin:0 91px 0 0;
}

#headerblog {
width:894px;
height:152px;
background:url(images/template/headerbgblog.gif) no-repeat;
margin:0 91px 0 0;
}

#headerleft {
height:152px;
width:297px;
display: block;
text-indent: -9999px;
float:left;
}

#headerleft a {
height: 102px;
width:297px;
left: 0;
top:50px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

#headerright {
height:152px;
width:597px;
float:left;
}

/* ------------- NAVIGATION  ------------- */


#nav {
color: #939393;
font-size:14px;
width:597px;
padding:120px 0 0 0;
float:left;
line-height:100%;
text-transform:uppercase;
font-family: "Century Gothic", "Futura", "Avante Garde", sans-serif;
}

#nav ul {
text-align: right; 
position:relative;
}

#nav li {
display: inline; 
}

#nav li a {
padding: 0 2px 0 12px; 
color: #8b8b8b;
text-decoration: none;
}

#nav li a:hover {
color: #7bb8b5;
}


/* ------------- CONTENT ------------- */

#content {
width:894px;
float:left;
text-align:left;
min-height:300px;
height:auto !important;
height:300px;
padding:10px 0 10px 0;
}

#justified {
text-align: justify;
}

#contentblog {
width:894px;
float:left;
text-align:left;
background: url(images/template/blogcontentbg.gif) repeat-y;
}

#content p, #contentblog p {
margin:0 0 18px 0;
}

#content h1, #contentblog h1 {
font-size:20px;
margin:0 0 18px 0;
color:#7ec2bf;
font-family: "Century Gothic", "Futura", "Avante Garde", sans-serif;
font-weight:normal;
text-transform:uppercase;
}

#content h2, #contentblog h2 {
font-size:16px;
margin:0 0 9px 0;
color:#7ec2bf;
font-weight:normal;
}

#content h3, #contentblog h3 {
font-size:14px;
color:#7ec2bf;
}

#content a, #contentblog a {
color:#56a19d;
}

#content a:hover, #contentblog a:hover {
color:#f1ab22;
}

#content ol, #contentblog ol {
margin: 15px 0 18px 24px;
}

#content ul, #contentblog ul {
margin: 15px 0 18px 24px;
}

#content li, #contentblog li {
margin: 0 0 8px 0;
}


hr {
border:none 0;
border-top:1px dashed #dcf1f0;
height:1px;
margin:0 0 24px 0;
}

img {border:solid 1px #dcf1f0; padding:1px;}

.alignright {float: right; margin: 0 0 5px 20px; display:inline;}

.alignleft {float: left; margin: 0 20px 5px 0; display:inline;}



.smallheader {
font-size:12px;
}

.wp-caption {
font-size:10px;
color:#777777;
font-style:italic;
text-align:right;
}


.hidetitle {display:none;}



/* ------------- SCREENING ROOM ------------- */



#srleft {
width:660px;
float:left;
padding:0 26px 0 0;
}

#srright {
width:208px;
float:left;
}

#srright img {
border: solid 1px #b9b9b9;
margin:0 0 12px 12px;
padding:0;
float: left;
display:inline;
}

h3.weddings {
width:208px;
height:46px;
background:url(images/screeningroom/rightheaders/weddings.gif) no-repeat;
text-indent:-9999px;
}

h3.savethedate {
width:208px;
height:46px;
background:url(images/screeningroom/rightheaders/savethedate.gif) no-repeat;
text-indent:-9999px;
}

h3.super {
width:208px;
height:46px;
background:url(images/screeningroom/rightheaders/super8and16.gif) no-repeat;
text-indent:-9999px;
}



#srvid {
text-align:left;
background:#c5e8e6;
width:660px;
height:380px;
padding:10px;
}



/* ------------- BLOG  ------------- */



#blogleft {
width:644px;
float:left;
padding:0 25px 0 0;
display:inline;
background:url(images/template/blogleftbg.gif) no-repeat;
}

h1#postitle {
height:42px;
background:url(images/blog/titlebg.gif) no-repeat;
padding:16px 0 0 0;
margin:0 0 -8px 0;
}

h1#postitle a {
color:#7ec2bf;
text-decoration:none;
}

h1#postitle a:hover {
color:#7ec2bf;
text-decoration:underline;
}

#metainfo {
background:#9ad8d5;
font-size:11px;
color:#dcf1f0;
font-style:oblique;
padding:0 10px;
text-align:right; 
margin:0 0 12px 0;
}

#metainfo a {
color:#ffffff;
text-decoration:underline;
}

#metainfo a:hover {
color:#eaf6f5;
text-decoration:underline;
}

#sharethis {
border:#9ad8d5 solid 1px;
text-align:right; 
padding:4px;
}

.plusone {
    margin-right:-12px;
} 

#sharethis a, sharethis a:hover {
text-decoration:none;
}

#blogright {
width:225px;
float:left;
background:url(images/template/blogrightbg.gif) no-repeat;
}

#blogright ul {
margin: -6px 10px 0 15px;
list-style-type:none;
}

#blogright li {
line-height:140%;
margin: 0 0 8px 0;
}

#blogright a {
color:#56a19d;
text-decoration:none;
}

#blogright a:hover {
color:#56a19d;
text-decoration: underline;
}

h3.recentposts {
width:225px;
height:45px;
background:url(images/blog/rightheaders/recentposts.gif) no-repeat;
text-indent:-9999px;
}

h3.archives {
width:225px;
height:45px;
background:url(images/blog/rightheaders/archives.gif) no-repeat;
text-indent:-9999px;
}

h3.categories {
width:225px;
height:45px;
background:url(images/blog/rightheaders/categories.gif) no-repeat;
text-indent:-9999px;
}

h3.search {
width:225px;
height:45px;
background:url(images/blog/rightheaders/search.gif) no-repeat;
text-indent:-9999px;
}

h3.recommends {
width:225px;
height:45px;
background:url(images/blog/rightheaders/recommends.gif) no-repeat;
text-indent:-9999px;
}

h3.comments {
width:225px;
height:45px;
background:url(images/blog/rightheaders/comments.gif) no-repeat;
text-indent:-9999px;
}

h3.feeds {
width:225px;
height:45px;
background:url(images/blog/rightheaders/feeds.gif) no-repeat;
text-indent:-9999px;
}

.paging {
display: block;
text-align: center;
margin-top: 18px;
margin-bottom: 60px;
font-size:16px;
color:#7ec2bf;
font-family: "Century Gothic", "Futura", "Avante Garde", sans-serif;
font-weight:normal;
text-transform:uppercase;
}

#searchsubmit {
width: 100px;
}

/* ------------- COMMENTS  ------------- */

#respond h3 {
font-size:20px;
margin:0 0 18px 0;
color:#7ec2bf;
font-family: "Century Gothic", "Futura", "Avante Garde", sans-serif;
font-weight:normal;
text-transform:uppercase;
height:42px;
background:url(images/blog/titlebg.gif) no-repeat;
padding:16px 0 0 0;
margin:0 0 -8px 0;
}

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

.commentlist li {
padding:6px 10px;
}

.comment-author {
font-weight:bold;
}

.comment-meta {
font-size:11px;
margin:0 0 6px 0;
}

.alt {
background-color: #eeeeee;
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
}

.avatar {
display:none;
}

#submit {
width: 150px;
}


/* ------------- QUOTES  ------------- */

.quotepage_hr {margin:10px 0 10px 0}

/* ------------- FORM ------------- */


label{
float: left;
width: 114px;
text-align:left;
margin:0 6px 0 0;
}

input, textarea{
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 100px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin: 5px 0 0 126px;
width: 90px;
} 




/* ------------- FOOTER  ------------- */


#footerframe{
width: 100%;
background:#dcf1f0 url(images/template/footerbg.gif) repeat-x;
float:left;
margin:3px 0 0 0;
padding:0 0 15px 0;
}
 
#footer{
width:985px;
margin:0 auto;
font-size:11px;
}

#footer h1 {
font-size:16px;
margin: 7px 0 14px 0;
color:#ffffff;
font-family: "Century Gothic", "Futura", "Avante Garde", sans-serif;
font-weight:normal;
text-transform:uppercase;
line-height:100%;
}

#footer p{
margin: 0 24px 12px 0;
}

#footer a {
color:#7bb8b5;
text-decoration:none;
}

#footer a:hover {
color:#7bb8b5;
text-decoration:underline;
}

#footer ul {
padding: 1px 0 0 0;
list-style-type:none;
}

#footer li {
margin: 2px 24px 8px 0;
line-height:140%;
}

#footerleft{
width: 290px;
float:left;
text-align:left;
}

#footermid{
width: 445px;
float:left;
text-align:left;
margin: 0 24px 0 0;
display:inline;
}

#footerright{
width: 135px;
float:left;
text-align:left;
}


/* ------------- HOME ------------- */

#homecontainer {
margin:0 auto; /* center, not in IE5 */
width:601px;
}

#hometext {
color:#747474;
width:569px;
border:solid 1px #cbcbcb;
padding:0 15px;
text-align:left;
}

#hometext p {
margin:15px 0;
}

#homenav {
height:39px;
width:451px;
margin:0 75px 12px 75px;
text-align:left;
}

ul#nav_home {
list-style-type:none;
position:relative;
width: 257px;
height: 39px;
top: 0;
left: 97px;
}

li#weddingsbutton {
position:absolute;
left: 0px;
width:161px;
height: 39px;
background: url(images/home/weddingsbutton.gif) no-repeat;
}

li#weddingsbutton a {
display:block;
height: 39px;
width: 161px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#blogbutton {
position:absolute;
left: 168px;
width:89px;
height: 39px;
background: url(images/home/blogbutton.gif) no-repeat;
}

li#blogbutton a {
display:block;
height: 39px;
width: 89px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#weddingsbutton a:hover { background: url(images/home/weddingsbuttonhover.gif) no-repeat; }
li#blogbutton a:hover { background: url(images/home/blogbuttonhover.gif) no-repeat; }

#recognition {
	color:#56a19d;
	font-size:11px;
	margin: 10px 0 0 0;
	text-align:left;
}

#recognition img {
	border:1px solid #ffffff;
	float:left;
	margin:0 5px 20px 55px;
}

#recognition p {
	padding:20px 0 0 0;
}