/*
Theme Name: Greenish Orange
Theme URI: http://greenishorange.com
Description: The default WordPress theme for Greenish Orange, LLC
Version: 1.0
Author: Mattbob
Author URI: http://mattbobjones.com
*/

/* RESET
--------------------------------------------------- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea,hr {margin:0;padding:0}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,textarea,input {font-size:1em;font-style:normal;font-weight:400}
ul,ol {list-style:none}
fieldset,img,hr,input,textarea {border:none}
input,textarea {outline:none}

/* BODY & LINKS
--------------------------------------------------- */
body {
background:#272715 url(images/bg.png) no-repeat 50% 0;
border-top:4px solid #000;
color:#F2F2F2;
font:13pt 'Trebuchet MS', Arial;
width:100%
}

a,#main strong {color:#FFF}
a:hover {color:#BEBEB4}
.wp {background:url(images/wp-icon.png) no-repeat 0 50%;padding-left:22px}

/* NAVIGATION
--------------------------------------------------- */
#nav {
margin:0 auto;
width:960px
}

#nav li {
display:inline;
float:left;
margin:0 0 15px
}

#nav a {
display:block;
height:54px;
overflow:hidden;
text-indent:-9999px
}

#nav .home a {
background:url(images/nav3.png) 0 0;
width:101px;
margin-left:1px
}

#nav .home .cur,#nav .home a:hover {
background-position:0 -54px
}

#nav .folio a {
background:url(images/nav3.png) -101px 0;
width:133px
}

#nav .folio .cur,#nav .folio a:hover {
background-position:-101px -54px
}

#nav .about a {
background:url(images/nav3.png) -234px 0;
width:136px
}

#nav .about .cur,#nav .about a:hover {
background-position:-234px -54px
}

#nav .process a {
background:url(images/nav3.png) -370px 0;
width:153px
}

#nav .process .cur,#nav .process a:hover {
background-position:-370px -54px
}

#nav p {
background:url(images/phone-left.png) no-repeat;
float:right;
height:33px;
line-height:33px;
margin:5px;
padding-left:4px
}

#nav p span {
background:url(images/phone-right.png) no-repeat 100% 0;
display:block;
padding:0 10px 0 6px
}

/* LOGO
--------------------------------------------------- */
#logo h1 a {
background:url(images/logo.png);
display:block;
height:191px;
margin:0 auto;
overflow:hidden;
text-indent:-9999px;
width:863px;
clear:both
}

/* MAIN
--------------------------------------------------- */
#main {
margin:40px auto 0;
width:984px
}

#main .third {
background:#000 url(images/third.png) no-repeat 0 100%;
display:inline;
float:left;
margin:11px;
min-height:310px;
.height:310px;
width:306px
}

#main .half {
background:#000 url(images/half.png) no-repeat 0 100%;
display:inline;
float:left;
margin:11px;
width:634px
}

#main .single {
background:#000 url(images/single.png) no-repeat 0 100%;
margin:0 auto;
width:960px
}

#main h2 {
background:url(images/header-green-left.png) no-repeat;
font-size:1.75em;
font-weight:700;
height:52px;
line-height:52px;
padding-left:5px;
text-transform:uppercase;
letter-spacing:1px;
text-shadow:#111 1px 1px 1px
}

#main h2 span {
background:url(images/header-green-right.png) no-repeat 100% 0;
display:block;
padding:0 12px 0 7px
}

#main #past-work a {
padding-top:1px
}

#main .letstalk h2 {
background:url(images/header-orange-left.png) no-repeat
}

#main .letstalk h2 span {
background:url(images/header-orange-right.png) no-repeat 100% 0
}

#main h3 {
color:#FF7300;
font-size:1.5em;
padding:11px 0 0;
letter-spacing:1px;
clear:both;
border-top:1px solid #222;
margin:11px 11px 0
}

#our-process h3 {
color:#FF7300;
text-transform:uppercase;
font-size:1.1em;
letter-spacing:1px;
padding:0;
border-top:0;
line-height:1em
}

#portfolio #main h3:first-of-type {
border-top:0
}

#main h3 a {
color:#FF7300
}

#main h3 span a {
color:#BEBEB4;
font-size:.5em;
font-style:italic;
margin-left:20px
}

#main h4 {
color:#FF7300;
font-size:1.25em;
padding:11px;
letter-spacing:1px;
clear:both
}

#main small {
padding:0 11px;
font-style:italic
}

#main p {
clear:both;
line-height:1.5em;
padding:11px;
font-weight:100
}

#main .third p {
line-height:1.4em
}

#main p img {
float:left
}

#main .single li {
float:left;
padding:10px 20px 20px 0
}

#main .third ul {
list-style:disc inside;
padding:20px 11px 10px
}

#main .third li {
padding:0 0 10px
}

#main form p {
.margin:11px 0;
.padding:0 11px
}

#main .left {
margin:0 11px 22px 0
}

#main .right {
line-height:1em;
text-align:right;
padding:11px
}

#main .right li {
margin-left:20px;
float:right;
list-style:none
}

#main label {
background:url(images/label.png) no-repeat;
display:block;
float:left;
font-weight:700;
height:35px;
line-height:35px;
text-align:center;
width:70px
}

#main .text {
background:url(images/input.png) no-repeat 100% 0;
display:block;
float:left;
font:1em 'Trebuchet MS', Arial;
height:35px;
line-height:35px;
padding:0 5px;
width:204px
}

#main .text, x:-moz-any-link, x:default {
height:25px;
padding:5px;
line-height:normal
}

#main form span {
background:url(images/textarea-top.png) no-repeat;
display:block;
padding:5px 0 0;
width:284px
}

#main textarea {
background:#F2F2F2 url(images/textarea-bottom.png) no-repeat 0 100%;
float:left;
font:1em 'Trebuchet MS', Arial;
height:99px;
padding:0 5px 5px;
width:274px
}

#main .submit,#main #submit {
background:url(images/submit.png) no-repeat;
color:#F2F2F2;
cursor:pointer;
float:right;
font:1em 'Trebuchet MS', Arial;
font-weight:700;
height:35px;
line-height:35px;
margin:0 0 11px;
text-align:center;
width:70px
}

#main span.error {
background:none;
color:#FF7300;
font-size:.7em;
float:left
}

#our-process ol {
list-style:none
}

#our-process ol li {
padding:0 0 0 63px
}

#our-process ol #step1 {
background:url(images/step1.png) no-repeat 11px 0
}

#our-process ol #step2 {
background:url(images/step2.png) no-repeat 11px 0
}

#our-process ol #step3 {
background:url(images/step3.png) no-repeat 11px 0
}

#our-process ol #step4 {
background:url(images/step4.png) no-repeat 11px 0
}

#our-process ol #step5 {
background:url(images/step5.png) no-repeat 11px 0
}

/* BLOG STUFF
--------------------------------------------------- */
#older {
float:right;
padding:11px;
display:block
}

.post {
border-bottom:2px solid #4A6930;
margin:0 0 10px
}

.post ul {
padding:11px 40px 6px 50px
}

#main .post strong {
color:#FF7300
}

.post .commentlink {
background:#000;
display:block;
height:32px;
line-height:32px;
margin-left:-43px;
margin-top:12px;
position:absolute;
text-align:center;
width:32px;
text-decoration:none
}

#relatedposts {
margin:0 0 10px
}

#relatedposts ul {
padding:11px 33px 6px
}

.post li,#relatedposts li {
list-style:disc outside;
padding:0 0 5px
}

#comments .comment {
clear:both;
margin:22px 11px;
padding:11px;
background:#272715 url(images/brown-top.png) no-repeat
}

#comments .comment h4 {
font-size:.8em;
float:left;
margin-left:11px;
clear:none;
padding:5px 0;
color:#F2F2F2
}

#comments .comment a{
color:#FF7300;
font-size:1.25em
}

#comments .comment span {
background:#000;
display:block;
height:32px;
float:left;
width:32px
}

#comments .comment img {
float:left
}

#comments .comment p{
padding:11px;
font-size:.8em;
background:#272715 url(images/brown-bottom.png) no-repeat 0 100%;
margin:-11px
}

#comments form span {
background:url(images/textarea-comments-top.png) no-repeat;
width:612px
}

#comments form textarea {
background:#F2F2F2 url(images/textarea-comments-bottom.png) no-repeat 0 100%;
width:602px;
height:150px
}

/* FOOTER
--------------------------------------------------- */
#footer {
clear:both;
margin:0 auto;
padding:15px 0 60px;
width:960px;
height:70px
}

#footer p {
float:left;
margin:0 0 10px
}

#footer li {
float:left;
margin-left:20px
}

.facebook {
background:url(images/facebook.png) no-repeat 0 50%;
padding-left:23px
}

.linkedin {
background:url(images/linkedin.png) no-repeat 0 50%;
padding-left:23px
}

.twitter {
background:url(images/twitter.png) no-repeat 0 50%;
padding-left:23px
}