/*
Theme Name: Convert Theme
Theme URI: http://redefinetheskyline.com/
Description: The Convert WordPress theme designed by <a href="http://www.swiss-miss.com/">swissmiss</a>.
Version: 1.0
Author: John Ford
Author URI: http://www.aldenta.com/
Tags: custom, two columns
*/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

.clrfix{zoom:1;}
.clrfix:after{content:".";display:block;height:0;width:0;line-height:0;clear:both;visibility:hidden;}

body { color: #333; font-family: georgia; -webkit-text-size-adjust: none; }
a { outline: none; }
img { display: block; }
strong, strong em { font-weight: bold; }
em { font-style: italic; }

.skip { float: left; text-indent: -999em; letter-spacing: -999em; }

#page { width: 678px; margin: 0 auto; padding: 39px 20px 0 20px; }

#header { height: 103px; }
#header .logo { float: left; }
#header .logo a { display: block; width: 240px; height: 56px; background: #fff url(images/sprites.png) 0 0 no-repeat; text-indent: -999em; }
#header .logo a:hover { background-position: 0 -56px; }

/*#header .headline { float: left; }*/
#header .tagline { float: left; display: block; width: 243px; height: 39px; margin: 13px 0 0 55px; background: #fff url(images/sprites.png) 0 -114px no-repeat; text-indent: -999em; }

#sidebar { float: left; width: 69px; padding-right: 22px; }

#nav { padding-bottom: 1px; background: #fff url(images/dots.gif) repeat-x 0 bottom; _float: left; }
#nav li { margin: 0 0 36px 0; padding: 1px 0 0 0; background: #fff url(images/dots.gif) repeat-x 0 0; _float: left; _width: 69px; }
#nav li a { display: block; width: 69px; height: 9px; padding: 8px 0 9px 0; background: #fff url(images/sprites.png) 0 0 no-repeat; text-indent: -999em; _font-size: 0; }

/* about */
#nav li.page-item-2 a { background-position: 0 -182px; }
#nav li.page-item-2 a:hover { background-position: -138px -182px; }
#nav li.page-item-2.current_page_item a,
#nav li.page-item-2.current_page_parent a { background-position: -69px -182px; }

/* projects */
#nav li.page-item-3 a { background-position: 0 -212px; }
#nav li.page-item-3 a:hover { background-position: -138px -212px; }
#nav li.page-item-3.current_page_item a,
#nav li.page-item-3.current_page_parent a { background-position: -69px -212px; }

/* contact */
#nav li.page-item-7 a { background-position: 0 -242px; }
#nav li.page-item-7 a:hover { background-position: -138px -242px; }
#nav li.page-item-7.current_page_item a,
#nav li.page-item-7.current_page_parent a { background-position: -69px -242px; }

#nav li.current_page_item, 
#nav li.current_page_parent { background-image: none; border-top: 2px solid #73ac27; }

#nav ul li { margin: 0; padding: 0; text-align: right; background-image: none; }
#nav ul li a { width: auto; height: auto; padding: 0; color: #666; font-size: 85%; text-decoration: none; background-image: none; line-height: 1.539; }
#nav ul li a:hover, #nav ul li.current_page_item a { color: #60921e; }
#nav ul li.current_page_item a, #nav ul li.current_page_item a:hover { font-weight: bold; }
#nav ul li.current_page_item { padding: 0; border: 0; }

#content { float: left; width: 587px; background: #fff url(images/dots.gif) repeat-x 0 0; }

.page-home #content { background-image: none; }
.page-home #content ul li { float: left; margin: 0 8px 8px 0; }
.page-home #content ul li.last { margin-right: 0; }
.page-home #content ul li.last-row { margin-bottom: 0; }

.page-about #content h2 { height: 88px; padding-top: 36px; font-size: 230.1%; font-style: italic; font-weight: bold; line-height: 2.684; }
.page-about #content .wrap { padding-bottom: 75px; /*background: #fff url(images/chris-amy.jpg) no-repeat 0 bottom;*/ }
.page-about #content .col1 { float: left; width: 329px; /*padding-bottom: 272px; *//*font-size: 108%;*/ line-height: 1.465; }
.page-about #content .col1 p { margin-bottom: 9px; }
.page-about #content .col2 { float: right; margin: 4px 0 0 0; padding-top: 10px; width: 238px; line-height: 1.539; background: #fff url(images/dots.gif) repeat-x 0 0; }
.page-about #content .col2 h3 { margin-bottom: 10px; font-weight: bold; }
.page-about #content .col2 p { margin-bottom: 10px; }

/* project */
.project .sheet { height: 33px; padding-top: 30px; text-align: right; }
.project .sheet a { float: right; /*height: 20px; margin-bottom: 13px; */padding-right: 26px; color: #333; font-size: 69%; line-height: 1.08; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; background: #fff url(images/sprites.png) no-repeat right -155px; }
.project .photos { width: 587px; height: 390px; margin-bottom: 5px; }
.project .photos .photo { position: absolute; display: none; }
.project .photos .photo.first { display: block; }
.project .thumbs { margin-bottom: 24px; }
.project .thumbs li { float: left; width: 69px; height: 69px; margin-right: 5px; background-color: #d8d8d8; }
.project .thumbs li.last { margin-right: 0; }
/*.project .thumbs a img { visibility: hidden; }*/
.project .thumbs a span { display: none; }
.project .thumbs a.selected span { display: block; position: absolute; width: 69px; height: 5px; margin-top: 64px; background-color: #60921e; _font-size: 0; }
.project .details { margin-bottom: 34px; }
.project .details h2 { float: left; width: 210px; padding: 0 12px 4px 0; color: #60921e; font-size: 138.5%; font-weight: bold; line-height: 1; }
.project .details dl { font-size: 93%; line-height: 1.16; }
.project .details dt { font-weight: bold; }
.project .details dd { margin-bottom: 14px; }
.project .details .col1 { float: left; width: 135px; padding-right: 13px; }
.project .details .col2 { float: left; width: 160px; }

.page-contact #content .wrap { margin-bottom: 85px; padding-top: 18px; }
.page-contact #content .col1 { float: left; width: 310px; font-size: 108%; line-height: 1.465; }
.page-contact #content .col1 p { margin-bottom: 9px; }
.page-contact #content .col1 label { float: left; text-indent: -999em; letter-spacing: -999em; }
.page-contact #content .col1 form li { width: 310px; margin-bottom: 9px; }
.page-contact #content .col1 form li.last { margin-bottom: 7px; }
.page-contact #content .col1 form li.error .text,
.page-contact #content .col1 form li.error .textarea { background-color: #ffede7; }
.page-contact #content .text, 
.page-contact #content .textarea { display: block; padding: 3px 5px; font-family: georgia; font-size: 85%; border: 1px solid #929292; }
.page-contact #content .text { width: 176px; }
.page-contact #content .textarea { width: 298px; height: 166px; }
.page-contact #content .input-hint { color: #8c8c8c; }
.page-contact #content .col1 button { display: block; width: 105px; height: 18px; background: #fff url(images/sprites.png) 0 -282px no-repeat; text-indent: -999em; border: 0; cursor: pointer; }

.page-contact #content .col2 { float: right; width: 225px; height: 154px; padding: 20px 18px 0 18px; line-height: 1.31; background-color: #f5f5f5; }
.page-contact #content .col2 h3 { width: 80px; height: 12px; margin-bottom: 12px; background: #f5f5f5 url(images/sprites.png) 0 -270px no-repeat; text-indent: -999em; line-height: 1; _font-size: 0; }
.page-contact #content .col2 p { margin-bottom: 10px; font-size: 93%; }
.page-contact #content .col2 a { color: #333; text-decoration: none; }
.page-contact #content .col2 a:hover { text-decoration: underline; }

.page-404 #page { padding-top: 100px; }
.page-404 a { display: block; width: 311px; height: 201px; margin: 0 auto; background: #fff url(images/not-found.png) 0 0 no-repeat; text-indent: -999em; }

#footer { clear: left; padding-bottom: 20px; }
#footer .col1 { float: left; width: 69px; margin-right: 22px; height: 1px; background: #fff url(images/dots.gif) repeat-x 0 0; }
#footer .col2 { float: left; width: 587px; padding-top: 9px; color: #666; font-size: 77%; font-style: italic; line-height: 1.31; background: #fff url(images/dots.gif) repeat-x 0 0; }

#footer .col2 a { color: #666; text-decoration: none; }
#footer .col2 a:hover { text-decoration: underline; }

.page-home #footer .col2 { background-image: none; }

#flash { display: block; margin-bottom: 7px; font-size: 93%; }
#flash.notice { padding: 10px; color: #60921e; font-weight: bold; text-align: center; border: 3px solid #60921e; background-color: #eff4e8; }
#flash.error { padding: 10px; color: #fe520f; line-height: 1.385; border: 3px solid #fe520f; }
#flash.error h4 { float: left; width: 65px; font-weight: bold; text-transform: uppercase; }
#flash.error ul { margin-left: 65px; }

/* IE is the devil */
#old-browser { width: 100%; padding: 5px 0; color: #fff; font-size: 12px; background-color: #000; text-align: center; }
#old-browser a { color: #fff; font-size: 11px; }