/*
THEME NAME: PaulOcalv0.1
THEME URI: http://www.paulocal.com
DESCRIPTION: Designed by the legendary - Paul Ocal
VERSION: 0.1
AUTHOR: <a href="http://paulocal.com/">Paul Ocal</a>
AUTHOR URI:
TAGS: paulocal
*/

html{
background: url(images/htmlbg.jpg) top repeat-x black;
padding: 0;
height: 100%;
}
body{
background: url(images/bg.jpg) center top no-repeat #000;
margin:10px 0 0 0;
font-family: Helvetica, Arial;
color:white;
}
a{
outline:none;
}

#wrapper{
margin: 0 auto;
width: 940px;
padding:0 20px;
padding-bottom:60px;
}
#header{
padding: 20px 0;
}
#logo{
background: url(images/pologo.png) no-repeat;
width: 138px;
height: 43px;
}
#logo a{
display: block;
height: 100%;
width:100%;
}
#contactme{
float:right;
background: url(images/contact.png) no-repeat;
width: 72px;
height: 13px;
margin-top: -13px;
}
#contactme a{
display: block;
height: 100%;
width:100%;
}
.fourlines{
height: 16px;
background: url(images/4lines.png) repeat-x;
}
.eightlines{
height: 36px;
background: url(images/8lines.png) repeat-x;
}
#desc{
width: 587px;
height: 124px;
float: left;
background: url(images/desc.png);
}
.clear{
clear: both;
}
#services p{
margin:10px 0;
}
#mac{
background: url(images/mac.png) no-repeat;
float: left;
width: 236px;
height: 152px;
margin: -10px 0 0 50px;
}
#descheader{
padding: 30px 20px 20px 20px;
}
#featuredbar{
background: url(images/featuredbar.png) no-repeat;
height: 41px;
margin: 20px 0;
}


#worknav{
float:right;
width: 173px;
height: 20px;
margin: 10px;
}
#prev{
width: 87px;
float: left;
height: 20px;
}
#next{
float: left;
width:86px;
height: 20px;
}
.prevdisabled{
background: url(images/worknav.png) left top;
}
.prevenabled{
background: url(images/worknav.png) left center;
}
.prevhover{
background: url(images/worknav.png) left bottom;
}
.nextenabled{
background: url(images/worknav.png) right center;
}
.nextdisabled{
background: url(images/worknav.png) right top;
}
.nexthover{
background: url(images/worknav.png) right bottom;
}
#workcontainer{
overflow: hidden;
margin-bottom: 20px;
width: 940px;
}
#thework{
width:10000px;
position: relative;
left:0;
}
.workentry{
width: 230px;
padding: 35px;
float: left;
margin-right: 20px;
background: url(images/whitebg.png);
height: 330px;
cursor: pointer;
}
.workentry p {
margin:0;
}
.workentry img{
margin:0 0 20px 0;
}
.workentry:hover{
background: url(images/hoverbg.png);
}
.workentry h2 a{
color:#cb1b1b;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.entry-content p{
font-size: 12px;
color:#afa8a1;
line-height: 22px;
margin: 10px 0;
}

#footer{
background: #d41b1b;
min-height: 100px;
margin: 20px 0;
padding: 30px 20px 50px 20px;
}
#services{
width: 260px;
padding: 0 10px;
float:left;
}
#contact{
float: left;
width: 260px;
padding: 0 10px;
margin: 0 20px;
}
#contact p{
color:#232323;
font-size: 12px;
line-height: 16px;
}
#services h3{
color:white;
font-size: 12px;
font-weight: bold;
padding-left:10px;

}
#services p{
color:#232323;
font-size: 12px;
padding: 0 10px;
line-height: 16px;
}
#serviceshead{
background:url(images/services.png) no-repeat;
height: 29px;
width: 108px;
margin-bottom: 30px;
}
#contacthead{
background:url(images/contacthead.png) no-repeat;
height: 24px;
width: 151px;
margin-bottom: 30px;
margin-top: 3px;
}
form{
margin: 20px 10px; 
}
label{
float:left;
width: 80px;
color:#232323;
font-size: 12px;
font-weight: bold;
padding: 5px 0;
height: 20px;
}
.textinput{
float:left;
width: 152px;
height: 12px;
border: 0;
}
textarea{
border: 0;
height: 60px;
width: 152px;
}
input, textarea{font-family: Helvetica,Arial;font-size:12px;padding: 4px;}
.submit{
float:right;
margin: 10px 0;
background: #ff1a00;
border: 1px solid #600d05;
padding: 3px 10px;
color: white;
font-weight: bold;
font-size:12px;
font-family: Helvetica,Arial;
}
.submit:hover{
background: #bf0b0b;
}
#social{
float: left;
width: 260px;
padding: 0 10px;
margin: 0 10px;
}
#twitter_div{
margin-top: 20px;
width:230px;
background: url(images/tweethead.png) no-repeat top #1c1c1c;
padding: 70px 20px 20px 20px;
}
#twitter_update_list{
list-style: none;
color:#888;
font-size: 11px;
padding: 0;
margin: 0;
font-weight: normal;
line-height: 16px;
}
#twitter_update_list a{
display: block;
float:right;
color:#ff1a00;
text-decoration: none;
font-weight: bold;
margin-top:5px;
}
#twitter-link{
width: 100%;
height: 100%;
display: block;
}

.entry-title a{
display: block;
width: 100%;
height: 100%;
}
/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}



input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

#contactmessage{margin:20px 0;}