/*
Theme Name: Greg Mileham
Theme URI: http://greg.mileham.net/
Description: Greg Mileham Wordpress template
Version: 2.0
Author: Greg Mileham
Author URI: http://greg.mileham.net/
Tags: greg mileham
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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 {	background:transparent; border:0; margin:0; padding:0; vertical-align:baseline; }
body { line-height:140%; }
p       { padding:0 0 12px 0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
ol, ul { margin:0 0 0 8px; padding:4px 0 12px 22px; }
li          { padding:0 0 6px 0; }
blockquote { quotes:none; }
blockquote:before, blockquote:after { content:''; content:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
a img { border:none; }
a           { color:#333; text-decoration:underline; }

/* =Layout
-------------------------------------------------------------- */
@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('fonts/Chunkfive-webfont.eot');
    src: url('fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Chunkfive-webfont.woff') format('woff'),
         url('fonts/Chunkfive-webfont.ttf') format('truetype'),
         url('fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body        { font-family:tahoma, arial, helvetica, sans-serif; margin:0; padding:0; font-size:80%; background:#b5b39a url('images/bg_top.png') repeat-x; }
h1            { font-family:ChunkFiveRegular; margin:0; padding:0; font-size:160%; line-height:125%; color:#fff; }
h2            { font-family:ChunkFiveRegular; margin:0; padding:0 0 14px 0; font-size:160%; color:#633; }
h3            { font-family:ChunkFiveRegular; margin:0; padding:0 0 14px 0; font-size:110%; color:#633; }
img          { border:none; }

.container  { width:100%; }
.head       { width:980px; height:90px; margin:0 auto; padding:10px; font-size:95%; }
.head ul    { float:right; width:600px; height:38px; list-style:none; margin:4px 0 0 0; padding:0; }
.head li    { float:left; margin:0 40px 0 0; padding:0; }
.head li a  { display:block; float:left; margin:-14px -28px -14px -14px; padding:21px 12px 24px 24px; color:#797959; text-decoration:none; background:url('images/menu_left.png') no-repeat; }
.head li span  { display:block; float:right; width:14px; height:58px; margin:-14px -42px -14px 28px; background:url('images/menu_right.png') no-repeat; }
.head li.on a { background:url('images/menu_left2.png') no-repeat; }
.head li a:hover  { background:url('images/menu_left2.png') no-repeat; }
.logo a      { float:left; width:252px; height:85px; margin:4px 0 0 0; background:url('images/logo.png') no-repeat; }
.logo h1    { display:none; }
.banner     { width:100%; height:220px; background:url('images/bg_strip.jpg') center repeat-x; }
.banner_container { width:1000px; margin:0 auto; }
.intro      { float:left; padding:20px 30px 20px 30px; width:300px; }

.main       { width:1000px; margin:0 auto; padding:0; }
.panel_1    { clear:both; float:left; width:280px; height:300px; margin:-144px -10px -10px -10px; padding:40px; background:url('images/container_text01.png') no-repeat; }
.panel_2    { float:left; width:260px; height:160px; margin:-4px -10px -10px -10px; padding:40px; background:url('images/container_text02.png') no-repeat; }
.panel_2 input   { width:100px; }
.panel_2 textarea   { width:140px; height:54px; margin:0 0 14px 0; }
.panel_2 select   { width:100px; }
.form_text1     { float:left; width:120px; }
.form_text2     { float:left; width:140px; }

.wpcf7-response-output      { clear:both; }
.wpcf7-not-valid-tip           { display:block; width:20px; }
.wpcf7-form-control-wrap  { width:20px; }

.content    { position:relative; float:left; width:920px; margin:-144px 0 0 -10px; padding:40px; background:url('images/bg_main.png') no-repeat; z-index:1; }
.content_portfolio   { position:relative; float:left; width:920px; margin:-144px 0 0 -10px; padding:40px; background:url('images/bg_main2.png') no-repeat; z-index:1; }
.content_intro    { float:left; width:280px; height:120px; }
.content_main      { clear:both; }
.content_main p   { clear:both; }

.whatdoeshedo ul  { list-style:none; margin:0; padding:0; }
.whatdoeshedo li  { float:left; width:160px; margin:0 30px 0 0; padding:0; }

.portfolio          { margin:0; padding:0; }
.portfolio li       { float:left; list-style:none; width:100px; height:156px; margin:0 16px 16px 0; padding:12px; border:1px solid #B5B39A; background:#fff; }
.portfolio a       { text-decoration:none; }

.page_left            { float:left; width:280px; margin:0 40px 0 0; }
.page_right           { float:left; width:580px; margin:120px 0 0 0; padding:20px 0 20px 20px; }

.foot       { clear:both; width:940px; height:100px; margin:0 auto; padding:10px; }

.blog             { margin:-23px 0 0 5px; }
.blogpost     { float:left; width:183px; margin:0 9px 10px 5px; padding:12px 20px 20px 20px; background:#fff; border:1px solid #ccc; }
.blogpost h2    { font-size:120%; }
#navigation   { float:left; width:180px; padding:5px 20px 20px 10px; }
#single       { float:left; width:690px; padding:5px 20px 20px 20px; }
.entry-content p img  { display:none; }

/************************************
 ****** Scroller JQuery Plugin ******
 ************************************/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.image_container     { position:relative; float:left; width:631px; height:340px; margin:-40px 0 0 -31px; padding:21px 0 0 21px; background:url('images/container_image2.png') no-repeat; z-index:99; }
.image      { position:relative; width:620px; height:335px; overflow:hidden; }
.image .items      { width:20000em; position:absolute; clear:both; }
.image .items img  { width:620px; height:335px; }

.home_intro     { position:absolute; margin:232px 0 0 -624px; padding:17px 30px 0 0; z-index:999; }
.home_intro h1  { display:inline; padding:10px 20px 1px 30px; color:#fff; background:url('images/bg_titles.png'); }
.home_intro p   { font-family:ChunkFiveRegular; clear:both; display:block; width:570px; height:40px; padding:10px 20px 20px 30px; color:#fff; background:url('images/bg_titles.png'); }
.home_intro a   { color:#f90; }

.post_gallery .scrollable           { position:relative; overflow:hidden; width:350px; height:221px; }
.post_gallery .scrollable .items    { width:20000em; position:absolute; clear:both; }
.post_gallery .items img            { width:350px; }
.post_gallery .scrollable .items a  { float:left; }

.navholder    { position:absolute; width:350px; list-style:none; margin:-26px 0 0 410px; padding:0; z-index:9999; }
.post_gallery .navholder    { width:350px; list-style:none; margin:10px 0 0 0; padding:0; }
.navholder a span { display:none; }

/* prev, next, prevPage and nextPage buttons */
a.browse { float:left; display:block; width:18px; height:18px; margin:0; padding:0; background:url('images/hori_large.png') no-repeat; cursor:pointer; font-size:1px; }

/* right */
a.right         { background-position: 0 -18px; clear:right; margin-right:0px; }
a.right:hover   { background-position:-18px -18px; }
a.right:active  { background-position:-36px -18px; } 

/* left */
a.left          { margin:0 12px 0 0; } 
a.left:hover    { background-position:-18px 0; }
a.left:active   { background-position:-36px 0; }

/* disabled navigational button */
a.disabled {  } 	

/* items inside navigator */
.navi a { display:block; float:left; width:18px; height:18px; margin:0 12px 0 0; background:url('images/navigator.png') 0 0 no-repeat; font-size:1px; }

/* mouseover state */
.navi a:hover { background-position:0 -18px; }

/* active state (current page state) */
.navi a.active { background-position:0 -36px; }