/*
Theme Name: Motherlode
Theme URI: http://motherlode.org.uk
Description: Wordpress theme
Version: 1.0
Author: Takashi Irie
Author URI: http://takashiirie.com
Tags:
*/

/************************************************
*	global reset v1.0 | 20080212 				*
************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/************************************************
*	Image Resizing in IE7 and IE6  				*
************************************************/
img{-ms-interpolation-mode:bicubic;}

/************************************************
*	clear settings							    *
************************************************/
.clear{clear:both; display:block;}
.clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*Win IE7 only */
*:first-child+html .clearFix{height:1%;}
/*Win IE6 only */
*html .clearFix{height:1%;}

/************************************************
*	Wordpress default classes settings		    *
************************************************/
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left;margin-right:15px;}
.alignright { float:right;margin-left:15px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/************************************************
*	global settings							    *
************************************************/
html{font-size:100.01%;}
body {font-size:62.5%;font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#444444;background: url(images/bg.gif) no-repeat 0 183px;}
a{outline:none;  text-decoration:none; color:#ffaa00; }
a:hover{color:#000;}
p{font-size:1.2em;line-height:1.3333em;}
h1, h2, h3, h5, h5, h6 { font-weight:normal }
ul, li, ol{font-size:1.0em;}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
.fl{float:left}
.fr{float:right}
/************************************************
*	Header settings							*
************************************************/
#header{margin:15px 0 0 15px;border-top:5px solid #000;}
#header_inner{width:960px;}
#header_left{padding:31px 0 7px 0;width:497px;}
#logo{display:block;width:497px;height:105px;text-indent:-9999px;background: url(images/logo.gif) no-repeat 0 0;}
#logo a{display:block;width:497px;height:105px;}
#header_right{padding:72px 0 36px 0;width:160px;}
#header_right p{font-size:1.0em;line-height:1.6em;}
#header_right a{border-bottom:1px dotted #ffaa00}
#header_right a:hover{color:#fff;background-color:#000;padding:0 2px;}
#header span{position:absolute;background-color:#fff;height:5px;width:15px;left:975px;top:15px;}
/************************************************
*	Wrapper settings							*
************************************************/
#main_wrapper{width:100%;}
#main{width:975px; height: auto !important; /* for modern browsers */ height: 560px; /* for IE5.x and IE6 */ min-height: 560px; /* for modern browsers */}
/************************************************
*	Navigation settings							*
************************************************/
#nav_holder{width:175px;padding:30px 0 0 0;}
#nav{margin:0 0 8px 0}
#nav a{font-size:1.1em;line-height:1.4545em;text-transform: uppercase;font-weight:bold;padding:0 10px 0 15px;color:#000}
#nav a#here{color:#fff;background:#000 url(images/ribonR.gif) no-repeat right 50%;}
#subnav{font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;font-style: italic;margin-bottom:16px;}
#subnav a{text-transform:capitalize;}
#socialmedia_links{margin:7px 0 8px 15px;}
#socialmedia_links a{color:#848484;font-size:1.1em;line-height:1.4545em;text-transform: uppercase;font-weight:bold;}
#socialmedia_links a:hover{color:#000;}
hr{color: #848484;background-color: #848484;height: 1px;width:5px;text-align:left;margin:0 auto 0 15px;}
/************************************************
*	Contents settings							*
************************************************/
#contents{width:800px;}
#pagetitle{font-size: 1.2em;line-height:1.3333em;letter-spacing:5px;color:#b8b8b8;text-transform:uppercase;margin:0 0 16px 0;}
#content_left{width:320px;padding:0 15px 0 0}
#content_left_narrow{width:225px;padding:0 15px 0 0;margin:-3px 0 0 0;}
#content_right{width:560px}
.post p{margin:0 0 16px 0;}
.post ul, .post ol{margin:0 0 16px 0}
.post ul li, .post ol li{font-size:1.2em;line-height:1.4545em;}
.post ul li{list-style: disc;}
.post ol li{list-style:decimal-leading-zero;}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6{font-size:1.2em;line-height:1.4545em;margin:0 0 16px 0;font-weight: bold}
.post p a{border-bottom:1px dotted #ffaa00}
.post p a:hover{color:#fff;background-color:#000;padding:0 2px;}
#edilink{margin-top:16px;text-transform: uppercase;font-size:1.0em;line-height:1.6em;font-weight:bold;display:none;}
#edilink a{color:red;}
/************************************************
*	Footer settings							*
************************************************/
#footer{border-top:1px solid #cdcdcd;margin:48px 0 0 15px;padding:16px 0 16px 160px;position:relative}
#footer p{color:#aaaaaa;font-size:1.0em;line-height:1.6em;}
#footer a{color:#989898;}
#footer span{position:absolute;background-color:#fff;height:1px;width:15px;left:960px;top:-1px;}
/************************************************
*	Home settings							    *
************************************************/
#home_nav{width:800px}
#home_nav li{display:block;width:385px;height:560px;}
#home_nav a *{display:none;}
#home_nav a, #home_nav a .hover{display:block;width:385px;height:560px;position:relative}
#home_nav a#bc{background: url(images/bc.gif) no-repeat 0 0;}
#home_nav a#ff{background: url(images/ff.gif) no-repeat 0 0;}
#home_nav .highlight a#bc:hover, #home_nav a#bc .hover{background: url(images/bc.gif) no-repeat 0 -560px;}
#home_nav .highlight a#ff:hover, #home_nav a#ff .hover{background: url(images/ff.gif) no-repeat 0 -560px;}
.home #contents{padding:32px 0 0 0}
/************************************************
*	Motherlode Studio Page settings				*
************************************************/
.page-template-page-studio-php #content_left{width:305px;padding:0 15px 0 0}
#staff{float:left;width:320px;}
#staff li{width:160px;height:160px;display:block;}
#staff a *{display:none;}
#staff li a, #staff li a .hover{width:160px;height:160px;display:block;}
#staff li a#ross{background: url(images/ross.jpg) no-repeat 0 0;}
#staff li a#megan{background: url(images/megan.jpg) no-repeat 0 0;}
#staff li a#jason{background: url(images/jason.jpg) no-repeat 0 0;}
#staff li a#simon{background: url(images/simon.jpg) no-repeat 0 0;}
#staff li a#pola{background: url(images/pola.jpg) no-repeat 0 0;}
#staff li a#takashi{background: url(images/takashi.jpg) no-repeat 0 0;}
#staff #ross .hover, #staff .highlight2 #ross:hover{background: url(images/ross.jpg) no-repeat 0 -160px;}
#staff #megan .hover, #staff .highlight2 #megan:hover{background: url(images/megan.jpg) no-repeat 0 -160px;}
#staff #jason .hover, #staff .highlight2 #jason:hover{background: url(images/jason.jpg) no-repeat 0 -160px;}
#staff #simon .hover, #staff .highlight2 #simon:hover{background: url(images/simon.jpg) no-repeat 0 -160px;}
#staff #pola .hover, #staff .highlight2 #pola:hover{background: url(images/pola.jpg) no-repeat 0 -160px;}
#staff #takashi .hover, #staff .highlight2 #takashi:hover{background: url(images/takashi.jpg) no-repeat 0 -160px;}
.place_holder{background: url(images/placeholder.gif) no-repeat 0 0;}
.parent-pageid-27 #content_left{width:640px;}
/************************************************
*	Our Work Page settings						*
************************************************/
.page-id-29 .alignleft { float:left;margin-right:0px;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;border-right:1px solid #fff}
/************************************************
*	Contact Page settings						*
************************************************/
#gform_1 label{text-transform: uppercase;font-size:1.1em;line-height:1.5em;font-weight:bold;}
#gform_1 div{margin:0 0 16px 0;width:385px;}
#gform_1 input[type=text],#gform_1 input[type=email]{font-size:1.2em;line-height:1.5em;padding:5px 2px;width:390px;}
#gform_1 textarea{font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#444444;font-size:1.2em;line-height:1.5em;padding:5px 2px;width:394px;}
#gform_1 input[type=submit]{background-color:#000;color:#fff;font-size:1.0em;height:25px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border:0;text-transform: uppercase;cursor:pointer;width:65px;}
#gforms_confirmation_message{font-size:1.2em;line-height:1.5em;}