/*  
Theme Name: Gaijin Film & Sound
Theme URI: http://www.gaijininternational.com/
Description: Gaijin Film & Sound
Version: 1.0
Author: Matthew Hill
Author URI: http://www.friskdeisgn.com/
*/

/*************************************************************************
	Developed by Matthew Hill (c) 2008 -- http://www.friskdesign.com/
	MODULE: 	style.css
	PURPOSE:	all rules for site
*************************************************************************/

/*Auto float clearing for compliant browsers
*************************************************************************/
#wrapper:after,
#banner:after,
#nav:after,
#nav ul:after,
#main:after,
.post:after,
#teamlinks:after,
#portfoliomenu:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/* General Rules and classes
*************************************************************************/
body {
	color:#444;
	background:#FFF url(img/bg-bannerlong.png) center top no-repeat;
	font: normal 1.00em/1.2em Arial,"Helvetica Neue","Helvetica",sans-serif;
	padding:0;
	margin:0;
}
#skipto {
	position:absolute;
	left:-1000em;
}
.floatright {
	float:right;
	text-align:right;
}
.floatleft {
	float:left;
	text-align:left;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}
a img {
	border:none;
}
big {
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:-0.01em;
	color:#423F75;
}
.rightlink {
	text-align:right;
	padding:0 13px 0 0;
	background:url(img/arrow.png) right center no-repeat;
	font-size:1.1em;
}
.hilite {
	color:#E44646;
}
.editlink {
	clear:both;
}
object {
	margin-bottom:20px;
}

/* Layout (sizes / floats / positions of main elements)
*************************************************************************/
#wrapper {
	background:#FFF;
	width:930px;
	margin:0 auto;
}
#main {
	clear:both;
	margin:30px 0 0 0;
	background:url(img/bg-sidebar.png) 620px top repeat-y;	
}
#content {
	float:left;
	width:620px;
	padding:0 0 40px;
}
#innercontent {
	padding:0 30px 0 0;
}
#sidebar {
	float:left;
	width:280px;
	padding:0 0 0 30px;
}


/* Typography
*************************************************************************/
a,a:link {
	color:#E44646;
	font-weight:bold;
	text-decoration:underline;
}
a:visited {
	color:#E44646;	
}
a:hover {
	color:#FF3A3A;
}
#main a, #main a:link {
/*	border-bottom:1px solid #E44646;*/
}
#main a:hover {
/*	border-bottom:1px solid #FF3A3A;*/
}
#main {
	font-size:0.75em;
	line-height:1.4em;
}

h1,h2,h3,h4,h5,h6,ul,ol,p,dl {
	margin:0 0 20px 0;
}

h1,h2,h3,h4,h5,h6 {
	font: normal 1em/normal Arial,"Helvetica Neue","Helvetica",sans-serif;
	color:#423F75;
}
h1 {
	font-size:2.6em;
/*	margin-top:30px;*/
}
h2 {
	font-size:2.0em;
}
h3 {
	font-size:1.7em;
}



/* Banner
*************************************************************************/
#banner {
	background:url(img/bg-banner.jpg) center top no-repeat;
	height:180px;
}
#banner #bannerwrap {
	width:930px;
	height:180px;	
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#banner img {
	margin:23px 24px 0 0;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#banner p {
	position:absolute;
	left:0;
	top:70px;
	margin:0;
	font-size:1.3em;
	line-height:normal;
	width:930px;
	height:60px;
	padding:0 0 0 100px;
	background:#312E66;
	color:#FFF;
	overflow:hidden;
}
#banner big {
	text-transform:uppercase;
	color:#FFF;
}
#banner p span {
	display:block;
	width:930px;
	height:60px;
	background:url(img/bg-title.jpg) top left no-repeat;
	position:absolute;
	top:0;
	left:0;
}

/* Navigation
*************************************************************************/
#nav {
	background:#312E66 url(img/bg-navlong.png) center top no-repeat;
	min-height:40px;
}
#nav ul {
	width:930px;
	margin:0 auto;
	padding:0;
	background:url(img/bg-navline.png) left top repeat-y;
}
#nav ul li {
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	font-size:0.75em;
	background:url(img/bg-navline.png) right top repeat-y;
}
#nav ul li a,
#nav ul li a:visited {
	display:block;
	margin:0 1px 0 0;
	padding:10px 17px;
	color:#FFF;
	text-decoration:none;
}
#nav ul li a:hover {
	background:url(img/bg-navhigh.png);
}

#nav ul li.current_page_item a,
#nav ul li.current_page_ancestor a,
#nav ul li.current_page_parent a {
	background:url(img/bg-navhigh.png);
}



/* Content area (inner rules)
*************************************************************************/
#content ul {
	padding:0 0 0 15px;
}
#content ul li {
	list-style:none;
	padding:0 0 0 15px;
	margin:0 0 7px 0;
	background:url(img/bullet.png) 0 3px no-repeat;	
}

/* Images */
img.size-full {
	display:block;
	margin:0 0 30px 0;
}
img.size-medium {
	
}
img.size-thumbnail {
	
}
img.alignright {
	float:right;
	margin:0 0 30px 30px;
}
img.alignleft {
	float:left;
	margin:0 30px 30px 0;
}


/* Get in touch
*************************************************************************/
#getintouch {
	clear:both;
	background:url(img/bg-linelong.png) top left no-repeat;
	padding:30px 0 0 0;
}
#getintouch p {
	width:250px;
	padding:0 0 0 60px;
	float:left;
	font-size:1.8em;
	font-weight:bold;
	line-height:42px;
	color:#E44646;	
}
#getintouch #getintouchphone {
	background:url(img/icon-phone.png) left center no-repeat;
}
#getintouch #getintouchemail {
	background:url(img/icon-email.png) left center no-repeat;
}

/* Sidebar
*************************************************************************/
#sidebar {
}

#sidebar .panel,
#sidebar .widget {
	background:url(img/bg-lineshort.png) top left no-repeat;
	padding:30px 0 0 0;
}

/* Call us panel */
#callus {
	min-height:260px;
	margin:0 0 0 -30px;
	padding:0 0 0 30px;
	background:#FFF url(img/bg-contact.png) left bottom no-repeat;
}
#callus h2 {
	font-size:2.4em;
}
#callus h3 {
	font-size:1.6em;
	margin-bottom:10px;
}
#callus h3 big {
	font-weight:bold;
	font-size:1.2em;
	letter-spacing:-0.05em;
	color:#E44646;
	padding:0 0 0 50px;
	background:url(img/icon-phonesmall.png) 15px 50% no-repeat;
}

/* News & Team */
#sidenews,
#sideteam {
	font-size:0.90em;
	line-height:1.4em;
}
#sideteam {
	margin-bottom:30px;
}
#sidenews h3,
#sideteam h3,
#sidefolio h3 {
	font-weight:bold;
	font-size:1.1em;
	margin:0 0 10px 0;
}
#sideteam img {
	display:block;
	float:right;
	margin:0 0 10px 10px;
}
#sideteam p {
	margin:0 0 10px 0;
}
#sidefolio img {
	display:block;
	float:none;
	margin:0 0 10px 0;
}
#sidefolio p {
	clear:both;
	margin:0;
	font-size:0.90em;
	line-height:1.4em;	
}


/* Blog Widgets */

#sidebar .widget h2 {
	margin:0 0 10px;
}
#sidebar .widget ul {
	list-style:none;
	margin:0 0 30px 0;
	padding:0;
}
#sidebar .widget ul li {
	list-style:none;
	padding:0 0 5px 15px;
	background:url(img/bullet.png) 0 3px no-repeat;	
}

#sidebar select {
	margin:0 0 30px;
}




/* Footer
*************************************************************************/
#footer {
	clear:both;
	margin:0;
	padding:0;
	background:#312E66 url(img/bg-footlong.png) center top no-repeat;
	font-size:0.70em;
	color:#FFF;	
}
#innerfoot {
	width:930px;
	height:40px;
	padding:0;
	margin:0 auto;
	line-height:40px;
}
#innerfoot ul {
	float:left;
	width:465px;
	margin:0;
	padding:0;
}
#innerfoot ul li {
	display:inline;
	padding:0;
	margin:0 10px 0 0;
	list-style:none;
}
#innerfoot a,
#innerfoot a:visited {
	color:#FFF;
	font-weight:normal;
	text-decoration:underline;
}
#innerfoot p {
	float:right;
	text-align:right;
	width:465px;
	margin:0;
	padding:0;
}

/* Homepage
*************************************************************************/
#content.home p {
	margin:0 0 10px 0;
}
#content.home #explain {
	background:url(img/bg-linelong.png) top left no-repeat;
	padding:30px 0 0 0;
	margin:30px 0 0 0;
}
#content.home #explain div {
	width:280px;
	margin:0 30px 0 0;
	float:left;
}

/* Forms
*************************************************************************/
fieldset {
	border:none;
	margin:0;
	padding:0;
}	
legend {
	display:none;
}
select {
	width: 200px;
	padding:1px;
	margin-right:5px;
	color:#6B6E76;
	border:1px solid #E1E3E7;
	font: normal 1em/normal Arial,"Helvetica Neue",Helvetica,sans-serif;
	}
input,
textarea {
	width: 250px;
	padding:5px 5px;
	height:20px;
	float:left;
	margin:0 0 20px 0;
	color:#423F75;
	border:1px solid #E1E3E7;
	font: normal 1em/normal Arial,"Helvetica Neue",Helvetica,sans-serif;
	}
input.text {
	line-height:30px;
}	
textarea {
	width: 378px;
	height:224px;
	}	
label {
	display:block;
	width:170px;
	float:left;
	clear:left;
	text-align:right;
	padding:13px 0 0 0;
	margin:0 10px 20px 0;
	font: normal 1em/normal Arial,"Helvetica Neue",Helvetica,sans-serif;	
}
form.ddfm .submit input,
button {
	clear:both;
	background:#312E66 url(img/bg-navlong.png) center center no-repeat;
	color:#FFF;
	min-height:32px;
	padding:5px 20px;
	margin:0 0 0 180px;
	border:none;
	font: normal 1em/normal Arial,"Helvetica Neue",Helvetica,sans-serif;
}
form.ddfm .submit input {
	margin:0;
	width:auto;
}

#passwordProtect input.text {
	float:left;
	width:200px;
}
#passwordProtect label {
	display:inline;
	width:auto;
	float:left;
	line-height:30px;
	text-align:left;
}
#passwordProtect button {
	clear:none;
	float:left;
	margin:0 0 0 5px;
}


/* Blog posts
*************************************************************************/
.post {
	background:url(img/bg-linelong.png) top left no-repeat;
	padding:30px 0 0 0;
	margin:0 0 30px 0;
}
.post h2 a,
.post h3 a {
	font-weight:normal;
}
.metaleft {
	display:block;
	width:70%;
	float:left;
	margin:5px 0 0 0;
	font-size:0.90em;
	line-height:normal;
	color:#9CA2B0;
}
.metaright {
	display:block;
	width:30%;
	float:right;
	text-align:right;
	margin:0;
	font-size:1.1em;
	line-height:normal;
}
.metaright a,
.metaleft a {
	font-weight:bold;
}

#innercontent embed {
	display:block;
	margin-bottom:20px;
}

/* Post navigation
*************************************************************************/
.postnavigation {
	clear:both;
	background:url(img/bg-linelong.png) top left no-repeat;
	padding:30px 0 0 0;
	margin:30px 0 0 0;	
}

.postnavigation .alignleft {
	margin:0;
	padding:0;
	width:280px;
	float:left;
}

.postnavigation .alignright {
	margin:0;
	padding:0;
	width:280px;
	float:right;
	text-align:right;
}

/* Post navigation
*************************************************************************/

h3#comments,
h3#respond {
	background:url(img/bg-linelong.png) top left no-repeat;
	padding-top:30px;
	margin-top:30px;
	clear:both;
}
#content ol.commentlist {
	margin:30px 0 -30px 0;
	padding:0;
}
#content ol.commentlist li {
	list-style: none;
	padding:30px 0 10px;
	margin:0;
	border-top:1px dotted #E1E3E7;
	position:relative;
	vertical-align:top;
}
#content ol.commentlist li:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
	}		
#content ol.commentlist li.alt { }
#content ol.commentlist li.author {
	background:#F8F9F9;
}
	
#content ol.commentlist li div.comMeta {	
	width:120px;
	padding:0 20px 0 0;
	float:left;
}
#content ol.commentlist li div.comText {	
	width:440px;
	float:left;
}
#content ol.commentlist li p.comAuthor {	
	margin:0;
}
#content ol.commentlist li p.comDate {	
	margin:0;
	font-size:0.75em;
}
#content ol.commentlist li p.comWaiting {	
	margin:0;
	font-weight:bold;
}
#content ol.commentlist li p.comEdit {	
	margin-top:0;
	font-size:0.75em;
}
#content br.clear {
	clear:both;
}

.commentlist p {
	padding:0;
	}

.nocomments { }

/* Team Links
*************************************************************************/
#teamlinks {
	clear:both;
	background:url(img/bg-linelong.png) top left no-repeat;
	padding:30px 0 0 0;
	margin:30px 0 0 0;
}
#teamlinks div {
	width:280px;
	min-height:210px;
	margin:0 30px 0 0;
	float:left;
}
#teamlinks h3 {
	font-size:1.2em;
	line-height:normal;
	margin:0 0 10px 0;
}
#teamlinks img {
	display:block;
	margin:0 10px 0 0;
}

/* Portfolio
*************************************************************************/
#portfoliomenu {
	clear:both;
	background:url(img/bg-linelong.png) top left no-repeat;
	padding:30px 0 0 0;
	margin:30px 0 0 0;
}
#portfoliomenu div {
	width:280px;
	min-height:260px;
	margin:0 30px 30px 0;
	float:left;
}
#portfoliomenu h3 {
	font-size:1em;
	line-height:normal;
	margin:0 0 10px 0;
}
#portfoliomenu img {
	display:block;
	margin:0 0 10px 0;
}
#portfoliomenu p {
	clear:both;
	margin:0;
	font-size:0.90em;
	line-height:1.4em;
}

/* Sitemap
*************************************************************************/

#content #sitemap {
	margin-bottom:40px;
}
#content #sitemap li {
	list-style:none;
	background:none;
	font-size:1.4em;
	margin-bottom:20px;
}
#content #sitemap li ul {
	margin:5px 0 0 0;
}
#content #sitemap li li {
	font-size:0.8em;
	margin:10px 0 0;
	background:url(img/bullet.png) 0 3px no-repeat;	
}