/*   
Theme Name: Stitch Films Theme
Theme URI: http://www.pixelapes.com/
Description: A special theme for the Stitch Films Website
Author: Alex Leonard
Author URI: http://www.pixelapes.com
Version: 0.1
*/

@font-face { font-family: "Sketch Rockwell"; src: url('fonts/SketchRockwell-Bold.ttf');}
@font-face { font-family: "Note This"; src: url('fonts/Note_this.ttf');}

/* HIDDEN ELEMENTS */

#hd h1 a span, p.linklove, #jump, fieldset.cf_hidden, p.comment-feed  {position: absolute;top: -3000px;left: -3000px;margin: 0;}

/* SITE ELEMENTS */

body {color: #B79E6C; background: #E1AE7C url(images/blur-bkg.jpg) no-repeat center top;}
#hd {margin: 0;height: 530px;position: relative;}
#hd h1 {color: #fff;position: absolute;top: 10px; right: 0;}
#hd h1 a {text-decoration: none;color: #fff;font-size:165%;}
#hd h1, #hd h1 a {
display: block;
top: 20px;
right: 0;
width: 260px;
height: 121px;
position: absolute;
}

#hd h1 a {
top: 0; right:0;
text-decoration: none;
font-size:165%;
background: transparent url(images/stitch-logo.png) no-repeat left top;
}



#bd-wrap {clear: both; background: #000 url(images/grunge-bkg.jpg) no-repeat top center;}
#bd-wrap #bd {margin:auto;text-align:left;width:73.076em;*width:71.25em;min-width:750px; padding: 55px 0;}
#bd-wrap #yui-main {float:left;margin-right:-25em;}
#bd-wrap .yui-b{float:right;width:18.4615em;*width:18.00em;}
#bd-wrap #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;width: auto; float: none;}
.content-wrap {margin-right: 30px; position: relative;}
.post-wrap {margin-bottom: 25px;padding-bottom: 15px; background: url(images/post-content-bkg.png) repeat; border: 1px solid #333;}
#ft {background: #191919;clear:both;margin:0 auto;padding:10px 0;text-align:center;width:auto; border-top: 1px solid #3F3F3F;}
.ft-cont {margin:10px auto;text-align:left;width:950px;}
.clear {clear:both;}

/* NAVIGATION */
#nav {}
#nav ul {position: absolute;left: 0px;top: 45px;display: block;margin-right:0;list-style:none;}
#nav li {float:left;margin:0 15px 0 0;}
#nav a {

float:left;
display:block;
padding:5px 10px 6px 10px;
text-decoration:none;
color:#1B4256;
font-size: 197%;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#nav a:hover {color:#000; background: transparent url(images/nav-bkg.png) repeat; }
#nav li.current_page_item a, .page-home #nav .hometab a, .page-home #nav .home-uri a, .page-news #nav .news-page a, .page-contact-us #nav .contact-us-page a, .page-showreel #nav .showreel-page a {
color: #fff;
background: transparent url(images/nav-bkg.png) repeat; 
text-shadow: 0 -1px 0 #ccc;
}

/* HEADER SECTION */

#video-cont {
position: relative; 
top: 120px;
display: block;
width: 660px;
height: 385px;
background: url(images/video-bkg.png) no-repeat left top;
}

#video-cont .video {padding: 30px 0 0 50px;}


#top-sidebar {
position: absolute; 
right: 20px; 
top: 140px; 
width: 220px; 
}

#top-sidebar h2 {
color: #6D5545;
text-align: right;
text-transform: none;
font-size: 182%;
font-weight: normal;
margin: 0 0 3px 0;
}

.top-sidebar-box {
padding: 14px 18px 0px 18px;
border: 1px solid #fff; 
background: transparent url(images/top-sidebar-bkg.png) repeat;
}

.top-sidebar-box img {
border: none;
padding: 0;
}

.top-sidebar-box p {margin-bottom: 10px; font-size: 100%;}
.top-sidebar-box a:link, .top-sidebar-box a:visited {color: #353534; text-decoration: none;}
.top-sidebar-box a:hover, .top-sidebar-box a:active{color: #CE7438; text-decoration: none; background: transparent;}

.other-thumb a:link, .other-thumb a:visited {
opacity: .8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
}

.other-thumb a:hover, .other-thumb a:active {
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
} 

/* LINKS */
a {padding: 0 2px;}
a:link, a:visited {color: #CE7438;}
a:hover, a:active {color: #FF6700;}
#ft a:link, #ft a:visited {color: #CCB29F; text-decoration: none;}
#ft a:hover, #ft a:active {text-decoration: underline;}

p.continue-reading a {
padding: 2px 10px; 
text-decoration: none;
border: 1px solid #343434;
background: #282828 url(images/link-button-bkg.png) repeat-x center center;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-shadow: 0 -0.3px 0 #999;
color: #ccc;
}

p.continue-reading a:hover, p.continue-reading a:active {
color: #dcdcdc;
text-shadow: 0 -0.5px 0 #777;
}

/* TYPOGRAPHY */
body {font-family: "Trebuchet MS", "Bitstream Vera Sans", Monaco, Optima, Verdana, sans-serif;}
p#breadcrumbs {font: 108% FreeSans, "Nimbus Sans L", Calibri, Arial, Helvetica, sans-serif;}
#bd h1, h2, h3, h4, h5 h6, p, dl, table {margin-bottom: 15px;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {text-decoration: none;color: #75D3CE;}
#bd h1 {color: #D6952D;font-size: 182%;margin-top: 0;font-family: "MgOpen Moderna", Tahoma, Geneva, "Nimbus Sans L", Arial, sans-serif;}
h2 {
font: bold 153.9% FreeSans, "Nimbus Sans L", Calibri, Arial, Helvetica, sans-serif;
color: #D3A666;
margin: 20px 0 10px 0; 
text-transform: uppercase;
font-size: 183%;
}

h2.post-title {margin: 20px 20px 10px 20px;}

h2.post-title a {text-decoration: none; color: #D3A666;}

h2.showreel-year {
margin: 0 0 0 529px;
display: block;
width: 140px;
height: 38px;
background: url(images/showreel-year-bkg.png) no-repeat center center;
font-family: "Note This", "URW Chancery L", "Apple Chancery", "Monotype Corsiva", cursive;
text-align: center;
color: #232323;
padding-top: 12px;
}
h3 {
font-size: 138.5%;
color: #EAD5BB;
border-bottom: 1px solid #212121;
margin-top: 15px; 
clear: both;
}

p {line-height: 146.5%;margin-bottom: 15px;font-size: 116%;text-align: left;}
strong, b {font-weight: bold;}
em {font-style: italic;}

blockquote {
padding: 10px 0 10px 30px;
margin: 0 30px 0 0;
color: #888;
background: url(images/quote.png) no-repeat left 10px;}

.post-meta p, p.author-edit, p.index-meta {line-height: 1em;margin: 0 30px 3px 30px;font-size: .8em;color: #666;}
p.index-meta {color: #666;font-size: .8em;margin-bottom: 15px;}

.story-content {margin: 20px;}
/*.page-home .story-content, .page-showreel .story-content, .page-news .story-content {margin: 0 20px 0 105px;}*/
.date-wrap {
background: url(images/date-bkg.png) no-repeat center center;
display: block;
width: 65px;
height: 85px;
color: #635129;
text-align: center;
position: relative;
float: right;
margin: 0 20px 20px 20px;
}

.date-wrap span {
top: 20px;
font-size: 138.5%;
position: absolute;
left: 0;
width: 65px;
}

/* IMAGES */
img {padding: 2px;border: 1px solid #CECECE;background: #fcfcfc;}
.alignleft {float: left;margin: 0 20px 10px 0;}
.alignright {float: right;margin: 0 0 10px 20px;}
.aligncenter {margin-left: auto;margin-right: auto;}
.wp-caption p {text-align: center;font-size: 93%;margin: -4px 4px 0 0;border: 1px solid #CECECE;background: #efefef;padding: 2px 0 1px 0;-moz-border-radius: 0 0 2px 2px;-webkit-border-bottom-left-radius:2px;-webkit-border-bottom-right-radius:2px;}
img.wp-smiley {float: none;border: none;margin: 0 3px 0 1px;padding: 0;}
/* LISTS ETC */
.content-wrap ul, .content-wrap ol {margin: 10px 0 10px 20px;}
.content-wrap  ul li {display: list-item;list-style-type: square;margin: 0 0 3px 20px;}
.content-wrap ol li {list-style-type: decimal;font-size: 108%;margin: 0 0 4px 10px;}

/* Sociable Plugin */

#bd .sociable {
margin: 30px 0; 
background: #282828; 
padding: 5px 20px; 
border: 1px solid #525252; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
height: 20px;
}

.sociable_tagline {display: inline; font-size: 116%;}
#bd .sociable ul li {list-style: none; margin: 0 0 0 10px;}

#bd .sociable img {background: transparent;}
#bd .sociable-hovers {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}

#bd .sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#bd .sociable a:hover, #bd .sociable a:active {background: transparent;}


/* WIDGETS */
#bd .side {padding-top: 30px; margin-right: 20px; width: 220px;}
.widget {padding: 10px 0; margin-bottom: 10px; background: url(images/widget-border.png) no-repeat center bottom;}
.widget ul {}
.widget ul li {}
h2.widgettitle, .widget-social div {border: none;color: #9AB286;margin: 0;font-size: 153.9%; font-family: "MgOpen Moderna", Tahoma, Geneva, "Nimbus Sans L", Arial, sans-serif; text-transform: none; font-weight: normal;}

/*** mailing list widget ***/
.wpmlwidget {position: relative;}
.wpmlwidget h2 {background: url(images/icons/mailing-list.png) no-repeat left bottom;padding: 10px 0 0 60px;}
.side .wpmlwidget fieldset {width: 170px;}

.side .wpmlwidget fieldset legend {
color: #ccc;
font: italic 100% Georgia, "Times New Roman", Times, serif;
}

.side .wpmlbutton input {
font-size: 116%;
background: #57634B; 
border: none; 
position: absolute; 
right: 0; 
top: 86px;
*top: 89px';
bottom: 10px; 
display: block; 
width: 32px; 
height: 23px; 
color: #fff;
cursor: pointer;
}

.side .wpmlbutton input:hover {
background: #798768;
}

/*** social widgets ***/
.widget-social div {padding-left: 60px; background-position: left center; background-repeat: no-repeat;}
.widget-rss div {background-image: url(images/icons/rss-48.png);}
.widget-vimeo div {background-image: url(images/icons/vimeo-48.png);}
.widget-twitter div {background-image: url(images/icons/twitter-48.png);}
.widget-social a:link, .widget-social a:visited {color: #9AB286; text-decoration: none;}
.widget-social a:hover, .widget-social a:active {color: #FFFDE3; text-decoration: none;}


.widget p {font-size: 108%;line-height: 116%;text-align: right;}
/*.widget a:link, .widget a:visited {color: #fff; text-decoration: none;}
.widget a:hover, .widget a:active  {color: #FFFDE3; text-decoration: none; border-bottom: px dotted #fffde3;}*/

/* CFORMS */

.cform {margin: 0;}

.cform ol, .commentform ol.commentbox {margin: 20px 0 0 0;position: relative;}

.cform ol li, .commentform ol.commentbox li {
list-style-type: none;
padding-bottom: 10px;
position: relative;
}

.cform ol li label, .cform ol li.cf-box-title, .commentform ol.commentbox li label {
position: absolute;
text-align: right;
width: 150px;
background: #323232;
border-bottom: 1px solid #656565;
padding: 4px 5px 3px 5px;
color: #fff;
left: 0;
font-family: "TlwgTypewriter", "American Typewriter",  Courier, "Courier New", monospace;
text-shadow:0 0 3px #aaa;
}

.cform ol li input, .cform ol li textarea, .cform ol li select, .commentform ol li input, .commentform ol li textarea {
padding: 4px;
width: 300px;
position: relative;
border: 1px solid #cecece;
background: #F9F9F4;
left: 170px;
font-style: italic;
color: #4C3205;
}

.cform ol li textarea, .commentform textarea {height: 180px;}

.cform input:focus, .cform textarea:focus {
border: 1px solid #6D1D1D;
background: #fff;
}

.reqtxt, .emailreqtxt {
font-size: 85%;
color: #8E3526;
font-style: italic;
padding-left: 10px;
}

p.cf-sb {margin-left: 180px;}

input.sendbutton, input#submit {
padding: 2px 10px; 
text-decoration: none;
border: 1px solid #343434;
background: #282828 url(images/link-button-bkg.png) repeat-x center center;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-shadow: 0 -0.3px 0 #999;
color: #ccc;
}

/* COMMENTS */

#commentwrap h3 {
background: url(images/comment-head-bkg.png) no-repeat;
font-family: "Note This", "URW Chancery L", "Apple Chancery", "Monotype Corsiva", cursive;
font-size: 138.5%;
padding: 23px 25px;
color: #000;
border: none;
}

ol#commentlist {
margin: 0 30px; 
padding: 0;
}

#commentlist li {
background: transparent url(images/comment-bkg.png) repeat;
list-style: none;
margin: 0 0 20px 0;
padding: 0;
border: 1px solid #343434;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

#commentwrap img.avatar {
border: none;
padding: 12px 11px 25px 10px;
background: transparent url(images/avatar-bkg.png) no-repeat top left;
float: right;
margin: 20px;
}

.comment-content {
padding: 20px 105px 10px 20px;
}

.comment-content p.comment-meta {
font-size: 93%;
margin: 0 0 30px 0;
padding: 0 0 5px 0;
text-align: right;
line-height: 100%;
color: #999;
}

.comment-content p {
font-size: 108%;
line-height: 123.1%;
color: #ccc;
font-family: "TlwgTypewriter", "American Typewriter",  Courier, "Courier New", monospace;
}

/* FOOTER ITEMS */

#ft ul {margin: 0 20px 15px 20px;padding: 0 20px 10px 0;}
#ft ul li {margin: 0 2px 4px 0;list-style-type: none;display: inline;}
#ft p {color: #7C6352;}
#ft img {border: 1px solid #fff;padding: 0;}

/* THICKBOX FIXES */

#TB_title #TB_closeAjaxWindow #TB_closeWindowButton img, #TB_window #TB_closeWindow #TB_closeWindowButton img, #TB_load img {margin: 0;border: none;padding: 0;}
#TB_window #TB_caption {font-size: 108%;height: 40px;}
#TB_window #TB_secondLine {font-size: 100%;margin-top: 10px;}
#TB_load {-moz-border-radius: 10px;-webkit-border-radius: 10px;}