/*   
Theme Name: lahive-portfolio-theme
Theme URI: http://www.lahive.co.uk/
Description: Portfolio site
Author: Lahive
Author URI: http://www.lahive.co.uk/
Version: 2.0
*/

@import url('css/reset.css');

@import url('css/rebuild.css');

@import url('css/prettyPhoto.css');

html, body {
height:100%;
}

body {
background:#040302 url(images/bg.jpg) center top fixed;
color:#777;
font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

a:link, a:visited {
color:#7BA0B3;
text-decoration:none;
}

a:hover {
color:#222;
}

a.arrow {
background:url(images/arrow.png) 0 2px no-repeat;
font-size:12px;
height:12px;
padding-left:15px;
width:12px;
}

a.arrow:hover {
background-position:0 -10px;
color:#222;
}

#deco {
background:url(images/deco.jpg) center top no-repeat;
height:50px;
width:100%;
}

#wrapper {
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -4em;
}

#header {
position:relative;
margin:0 auto;
width:900px;
}

.sitename {
background:url(images/sitename.png) no-repeat;
height:125px;
margin:auto;
width:900px;
}

.sitename h1 {
text-indent:-9999px;
}

.sitename a {
display:block;
height:100%;
text-indent:-9999px;
width:100%;
}

#branding {display:none;}

#access {margin:0; overflow:auto; text-indent:-9999px;}

.skip-link {display:none;}

#menu {
background:url(images/menu-bg.png);
height:40px;
line-height:40px;
margin:5px auto 0 auto;
text-align:center;
width:900px;
}

#menu ul li {
display:inline;
}

#menu ul li a, #menu ul li a:visited {
color:#777;
font-size:12px;
font-variant:small-caps;
padding:0 32px;
text-transform:uppercase;
vertical-align:middle;
}

#menu ul li a:hover {
background:transparent;
color:#333;
}

#content-static {
color:#777;
display:block;
margin:30px auto 0 auto;
position:relative;
width:900px;
}

/* homepage */

#slides {
background:url(images/slideshow-bg.png) no-repeat;
height:262px;
position:relative;
margin-top:10px;
width:900px;
}

.badge {
background:url(images/badge.png);
bottom:-40px;
height:158px;
position:absolute;
right:-40px;
text-indent:-9999px;
width:159px;
z-index:1;
}

.fadein {
float:left;
height:220px;
margin:21px 0 0 21px;
position:relative;
width:858px;
}

.fadein img { 
left:0; 
position:absolute; 
top:0; 
}

.holder {
float:left;
width:275px;
}

.shift {
margin-left:37px;
}

.holder .info {
background:url(images/holder-btm.png) bottom center no-repeat;
float:left;
margin-left:5px;
padding-bottom:30px;
width:180px;
}

.holder .info h1 {
background:url(images/info-bg.png) left top repeat-x;
color:#ddd;
font:13px/26px Georgia, "Times New Roman", Times, serif;
letter-spacing:1px;
text-indent:25px;
}

.holder .info p {
font-size:12px;
line-height:18px;
margin:3px 5px;
}

.design, .emails, .testimonials {
background:url(images/blog.png);
float:left;
height:80px;
width:80px;
}

.emails {
background:url(images/emails.png);
}

.testimonials {
background:url(images/testimonials.png);
}


/* work */

.work-thumb {
float:left;
margin:5px 0 25px 25px;
position:relative;
width:270px; 
}

.blog-thumb {
margin-left:0;
}

.work-thumb .frame {
background:url(images/scr-thumb.png) top no-repeat;
height:200px;
width:270px; 
}

.work-thumb-img {
top:20px;
position:absolute;
left:20px;
}

.work-thumb ul li {
color:#585858;
font-size:12px;
margin:0 10px;
padding:3px 0;
text-align:center;
}

.work-thumb ul li.client {
font-size:14px;
}

p.linking {
background:url(images/double-stitch.png) left top repeat-x;
height:55px;
line-height:55px;
text-align:center;
vertical-align:middle;
width:100%;
}


/* services / testimonials */

ul.replacement-ol {
margin-left:35px;
position:relative;
width:700px;
}

ul.replacement-ol li.number, ul.replacement-ol li.number2 {
color:#222;
display:block;
font-size:160px;
float:left;
margin:-40px 30px 0 0;
padding:0;
width:auto;
}

ul.replacement-ol li.number2 {
font-size:80px;
margin:0 30px 50px 50px;
}

ul.replacement-ol li {
display:block;
}

ul.replacement-ol li.heading  {
color:#ddd;
font-size:1.8em;
padding-top:20px;
}

ul.replacement-ol li.text {
font-size:12px;
line-height:18px;
}

ul.replacement-ol span {
font-size:0.75em;
padding-left:20px;
}



/* about */

#counter {
position:absolute;
height:250px;
left:0;
top:0;
width:250px;
}

#countdown, h4#stopSample {
color:#222;
display:block;
font:200px Arial, Helvetica, sans-serif;
text-align:right;
width:250px;
}

#about {
float:left;
margin-left:280px;
width:500px;
}

#about h1 {
color:#ddd;
font:30px Georgia, "Times New Roman", Times, serif;
margin-top:20px;
}

#about p {
font-size:12px;
line-height:18px;
margin:10px 0;
float:left;
}

#about .image-holder {
float:left;
margin:20px 20px 0 0;
width:75px;
}

#about .image-thumb {
height:92px;
margin:auto;
width:80px;
}

#about .image-text {
height:33px;
width:75px;
}

.steve, .kate, .claudia, .apollo {background:url(images/steve.png) no-repeat; display:block;}
.kate {background:url(images/kate.png) no-repeat;}
.claudia {background:url(images/claudia.png) no-repeat;}
.apollo {background:url(images/apollo.png) no-repeat;}
.steve-text, .kate-text, .claudia-text, .apollo-text {background:url(images/steve-text.png);}
.kate-text {background:url(images/kate-text.png);}
.claudia-text {background:url(images/claudia-text.png);}
.apollo-text {background:url(images/apollo-text.png);}


/* contact */

.contact {
float:left;
width:550px;
}

h1.contact {
color:#ddd;
font:30px Georgia, "Times New Roman", Times, serif;
letter-spacing:2px;
margin:35px 0 10px 0;
}

.contact p {
font-size:12px;
margin-top:20px;
}


/* footer */

#footer {
display:block;
margin:0 auto;
padding:0;
width:900px;
}

#footer, .push {
height:4em;
}

.copy, .wp, .valid {
float:left;
padding-top:30px;
text-align:right;
width:340px;
}

.wp {
float:left;
margin:auto;
padding:0;
width:214px;
}

.wp img {
display:block;
height:40px;
margin:10px auto 0 auto;
width:214px;
}

.valid {
float:left;
text-align:left;
}

#footer p {
background:transparent;
color:#333;
font-size:11px;
line-height:11px;
margin:0;
padding:0;
}

a#wordpress {
text-indent:-9999px;
}


/* blog */

#container {
margin:30px auto;
width:900px;
}

#content {
float:left;
margin-top:10px;
width:600px;
}

h1.entry-title, h2.entry-title, h2.entry-title a {
color:#d4d1d1;
display: block;
font:30px Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
margin:5px 0 5px 0;	
}

h2.entry-title a {
text-decoration:none;
}

img.float-left {
float:left;
margin:20px 20px 0 0;
}

#sidebar{
float:right;
width:250px;
}

.entry-meta {
background:url(images/post-underline.png) bottom left no-repeat;
color:#555;
font:italic 13px Arial, Helvetica, sans-serif;
margin-bottom:15px;
padding-bottom:15px;
}

.entry-meta a {
text-decoration:none;
}

.entry-utility {
background:url(images/double-stitch.png) left top repeat-x;
color:#444;
font-size:12px;
height:55px;
line-height:55px;
vertical-align:middle;
text-align:left;
}

.entry-utility a {
text-decoration:none;
}

#respond {
font-size:12px;
display:block;
margin-top:20px;
}

.comments-link {
background:url(images/comments.png) center left no-repeat;
padding-left:19px;
}

#commentform input {
background:#333;
border:1px solid #3a3a3a;
color:#d4d1d1;
margin:0 0 10px 0;
padding:6px 3px;
width:250px;
}

#commentform label {
line-height:28px;
}

#commentform textarea {
background:#333;
border:1px solid #3a3a3a;
color:#d4d1d1;
margin:0 0 8px 0;
padding:4px;
width:450px;
}

#commentform #submit {
background:#333;
border:1px solid #3a3a3a;
color:#d4d1d1;
cursor:pointer;
font-size:11px;
padding:5px;
width:100px;
}

#commentform #submit:hover {
color:#666;
}

#comments-list h3 {
font:18px/30px Georgia, "Times New Roman", Times, serif;
color:#555;
margin:40px 0 20px 0;
}

#comments-list li {
background:#333;
border:1px solid #3a3a3a;
color:#d4d1d1;
display:block;
margin-top:1px;
padding:10px;
position:relative;
}

#comments-list li .avatar {
position:absolute;
top:12px;
left:10px;
margin-right:20px;
width:40px;
height:40px;
}

#comments-list .comment-author {
font-weight: bold;
padding:8px 0 0 46px;
}

#comments-list .comment-meta {
color: #666666;
font-size: 11px;
padding:2px 0 0 46px;
}

.comment-content {
margin-top:3px;
}

.comment-reply-link {
font-size:12px;
padding:5px 0 18px 0;
text-align:left;
}

.unapproved {
background:#fff;
color:#444;
display:inline-block;
margin:4px 0;
padding:1px 3px;
}

abbr, code {
border:none;
}

.post {
margin:0 0 2.6em 0;
}

h1.page-title {
color:#555;
font-size:16px;
margin-bottom:15px;
}

#sidebar h3 {
background:url(images/sidebar-underline.png) bottom left no-repeat;
clear: both;
color:#c0c0c0;
display:block;
height:40px;
font:19px/40px Georgia, "Times New Roman", Times, serif;
margin:15px 0 5px 0;
padding-bottom:5px;
text-transform:lowercase;
}

.widget-area ul {list-style: none; margin-left: 0; margin-bottom:1em;}

.widget-area ul ul {}


.widget-container {}

.widget-area ul li {
font-size:12px;
margin:6px 0;
}

.widget-area ul ul li {
background:url(images/post-li.png) left no-repeat;
}

.widget-area ul li a {
color:#7BA0B3;
padding-left:10px;
font-size:12px; 
text-decoration:none; 
}

.navigation {
margin:4em 0 1.5em 0;
width:300px;
}

.nav-previous {
float: left;
width: 50%;
}

.nav-next {
float: right;
width: 50%;
text-align: right;
}

.navigation a {
font-style: italic;
text-decoration: none;
}

.navigation a:active, .navigation a:hover {
color: #555;
}



/* ie6 */

#ie6wrapper{
background:#030202;
position:absolute;
top:0;
left:0;
height:2000px;
width:100%;
}
#ie6box {
float:left;
margin:40px 0 0 40px;
width:800px;
}
#ie6box p {
background:transparent;
color:#fff;
font-size:18px;
margin-top:20px;
}
#ie6box a:link,#downie6 a:visited{
font:40px/128px Georgia, "Times New Roman", Times, serif;
text-align:left;
}
#downie6 a:hover{
text-decoration:none;
}
#firefox, #ie8, #chrome, #safari {
background:url(images/firefox.png) center left no-repeat;
clear:both;
float:left;
height:128px;
margin-top:20px;
padding-left:133px;
}
#ie8 {
background:url(images/ie8.png) center left no-repeat;
}
#chrome {
background:url(images/chrome.png) center left no-repeat;
}
#safari {
background:url(images/safari.png) center left no-repeat;
}

#stats {
display:none;
}