html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, acronym, cite, code, em, font, img,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 1em;
	font-family: inherit;
font-family: Calibri, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", Arial, serif;
color: #addee4;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

a {
color: #42cede;
text-decoration: none;
}

h1 {
font-size: 55px;
color: #d0cca3;
font-weight: normal;
line-height: 65px;
margin-bottom: 18px;
}

#single-page-info {
position: fixed;
top: 50%;
left: 50%;
margin: -235px 0 0 -480px;
width: 395px;
}

#single-title {
float: left;
font-size: 45px;
color: #ffffff;
display: block;
padding-right: 20px;
letter-spacing: -2px;
font-weight: normal;
line-height: 48px;
width: 375px;
text-align: right;
margin-bottom: 7px;
}

#single-date, #single-tags, #single-category, #single-comments {
text-align: right;
float: left;
clear: left;
font-size: 12px;
color: #ffffff;
width: 375px;
margin-bottom: 2px;
}

h2, .cat-item {
font-size: 24px;
color: #d0cca3;
line-height: 28px;
font-weight: normal;
}

a:hover {
color: #fff;
border-bottom: solid 1px #b8b692;
}

html, body {
height: 100%;
width: 100%;
background: url(images/bg_seanblakeley.jpg) no-repeat #000;
background-attachment: fixed;
}

#container {
position: absolute;
top: 0;
left: 50%;
width: 960px;
height: 100%;
margin: -250% 0 0 -480px;
text-align: left;
}

#header {
text-indent: -99999px;
}

#footer {
position: fixed;
bottom: 20px;
height: 15px;
font-size: 11px;
line-height: 15px;
z-index: 60;
}

#sean-blakeley-bar {
position: fixed;
top: 50%;
margin-top: -38px;
width: 960px;
height: 77px;
}

#navigation {
position: fixed;
top: 50%;
left: 50%;
text-align: right;
font-weight: bold;
margin: -28px 0 0 -167px;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
z-index: 20;
}

#link-light {
position: fixed;
top: 50%;
left: 50%;
margin: 4px 0 0 -195px;
height:5px;
width: 5px;
overflow: hidden;
background: url(images/link-light.jpg) no-repeat;
}

#light-linkage {
position: fixed;
top: 50%;
left: 50%;
margin: -200% 0 0 -215px;
display: block;
height:5px;
width: 20px;
overflow: hidden;
background: url(images/link-light-connector.jpg);
}

#website-details-connector {
position: fixed;
top: 50%;
left: 50%;
margin: -200% 0 0 -215px;
height: 41px;
width: 1px;
display: block;
overflow: hidden;
background: #848e90;
z-index: 500;
}



.nav-unselected a {
color: #addee4;
}

.nav-unselected a:hover {
color: #d0cca3;
border-bottom: none;
}
.nav-selected, .nav-selected a, .nav-selected a:hover {
color: #fff;
border-bottom: none;
}

#home-content, #about-content, #blog-content, #contact-content {
position: absolute;
width: 425px;
left: 50%;
top: 50%;
Margin: -228px 0 0 -65px;
font-size: 12px;
line-height: 18px;
z-index: 10;
}

#blog-content {
Margin-top: -190px;
}

#about-content {
Margin-top: -160px;
}

#about-content ul li h2 {
margin-bottom: 15px;
}

#contact-content {
Margin-top: -200px;
padding-left: 62px;
}

#contact-content h2{
Margin-bottom: 10px;
}

#work-content {
position: absolute;
top: 0px;
width: 425px;
left: 50%;
height: 100%;
Margin: 0 0 0 -65px;
overflow: hidden;
z-index: 10;
}

#single-page-content {
position: absolute;
width: 425px;
left: 50%;
top: 50px;
margin-left: -65px;
font-size: 12px;
line-height: 18px;
z-index: 10;
margin-bottom: 30px;
}

.prev {
position: absolute;
top: 0px;
width: 420px;
left: 50%;
margin-left: -66px;
height: 25px;
overflow: hidden;
text-indent: -99999px;
z-index: 10;
background: url(images/btns.gif) 0 0 no-repeat;
cursor: pointer;
}

.next {
position: absolute;
bottom: 0px;
width: 420px;
left: 50%;
height: 25px;
margin-left: -66px;
overflow: hidden;
text-indent: -99999px;
z-index: 10;
background: url(images/btns.gif) 0 -50px no-repeat;
cursor: pointer;
}

#blog-dropdown {
position: fixed;
top: 0px;
width: 425px;
left: 50%;
margin: -185px 0 0 -66px;
height: 210px;
overflow: hidden;
z-index: 500;
background: url(images/btns.gif) 0 -100px no-repeat;
}

#blog-nav {
float: left;
width: 425px;
left: 50%;
height: 25px;
overflow: hidden;
}

#blog-options {
float: left;
width: 425px;
height: 185px;
overflow: hidden;
}

#category-details, #tag-details, #popular-details {
position: absolute;
top: 20px;
left: 25px;
}

#category-details ul li, #tag-details ul li, #popular-details ul li{
border-bottom: solid 1px #16535a;
}

#category-details ul li a, #tag-details ul li a{
display: block;
width: 165px;
height: 20px;
color: #fff;
margin: 4px 0;
line-height: 20px;
}

#popular-details ul li a{
display: block;
width: 380px;
height: 20px;
margin: 4px 0;
line-height: 20px;
}
.dropdown-list {
float: left;
margin-right: 15px;
width: 180px;
}
 
#category-details ul li a:hover, #tag-details ul li a:hover, #popular-details ul li a:hover{
color: #222;
border-bottom: none;
background: url(images/btns.gif) 0 -535px #42cede no-repeat;
}

#search-details {
position: absolute;
top: 80px;
left: 25px;
}

#blog-nav ul {
margin-left: 10px;
}

#blog-nav ul li {
float: left;
width: 101px;
text-align: center;
color: #42cede;
}

#about-content p{
margin-bottom: 10px;
}

#home-content p {
margin-bottom: 28px;
}

#bracket-right {
position: fixed;
left: 50%;
top: 50%;
margin: -187px 0 0 360px;
height: 398px;
width: 120px;
}

#bracket-left {
position: fixed;
left: 50%;
top: 50%;
margin: -56px 0 0 -105px;
height: 132px;
width: 44px;
}

#colour-splash {
position: fixed;
left: 50%;
top: 50%;
margin: -135px 0 0 -500px;
height: 270px;
width: 370px;
}

#form-name, #form-email, #message-area, #search-area, #author-form, #email-form, #url-form {
font-family: Calibri, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", Arial, serif;
position: relative;
margin-bottom: 10px;
background: #faeada;
font-size: 20px;
border: solid 1px #fff;
font-weight: bold;
color: #6e99a4;
width: 300px;
padding-left: 5px;
}

#comment-area, #author-form, #email-form, #url-form {
font-family: Calibri, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", Arial, serif;
position: relative;
margin-bottom: 10px;
background: #faeada;
font-size: 20px;
border: solid 1px #fff;
font-weight: bold;
color: #6e99a4;
width: 410px;
padding-left: 5px;
}

#search-area {
float: left;
width: 280px;
}
 

#searchsubmit {
float: left;
margin: 4px 0 0 10px;
}

#message-area {
height: 125px;
}

#comment-area {
height: 250px;
}

#website-details-bg {
position: fixed;
top: 50%;
left: 50%;
height: 175px;
width: 347px;
padding: 5px 10px;
overflow: hidden;
background: url(images/btns.gif) 0 -310px no-repeat;
margin: -200% 0 0 -480px;
}

.website-details {
position: fixed;
top: 50%;
left: 50%;
height: 175px;
width: 347px;
padding: 5px 10px;
margin: -200% 0 0 -480px;
border: solid 1px #848e90;
}

.box-image {
float: left;
display: block;
width: 50px;
height: 50px;
background: #000;
border: solid 3px #192023;
margin: 5px 0 10px 0;
overflow: hidden;
}

.website-details-content {
clear: both;
font-size: 12px;
line-height: 16px;
margin-top: 5px;
}

.box-title {
float: left;
font-size: 28px;
line-height: 30px;
width: 280px;
margin: 2px 0 0 10px;
text-transform: uppercase;
color: #d9eaee;
letter-spacing: -1px;
}

.ingredients {
position: absolute;
bottom: 10px;
font-size: 11px;
}

.ingredients-title {
color: #fff;
float: left;
margin-right: 5px;
}

#carousel ul li{
height: 100px;
}

.website-examples {
width: 422px;
display: block;
height: 88px;
background: url(images/btns.gif) 0 -575px no-repeat;
}

.website-examples a{
width: 390px;
display: block;
height: 78px;
overflow: hidden;
border: solid 5px #192023;
}

 .website-examples a:hover {
width: 390px;
display: block;
height: 78px;
overflow: hidden;
border: solid 5px #42cede;
}

.date {
color: #fff;
}

.single-date {
float: left;
}

.blog-title, .cat-item {
display: block;
width: 415px;
margin-bottom: 2px;
padding-bottom: 1px;
}

.blog-title h2 a, .cat-item  a {
letter-spacing: -1px;
display: block;
}

.blog-title h2 a:hover, .cat-item a:hover {
border: none;
background: url(images/btns.gif) 0 -764px no-repeat;
}
.clear {
clear: both;
}

.post-image {
margin: 10px 0;
}

.post-image a{
width: 415px;
display: block;
height: 78px;
overflow: hidden;
border: solid 5px #192023;
}

hr {
margin: 10px 0 20px 0;
height:2px;
width: 425px;
overflow: hidden;
background: url(images/divider.jpg);
}

.post-image a:hover{
border: solid 5px #fff;
}

.read-more {
margin-top: 10px;
font-size: 12px;
text-align: left;
color: #192023;
font-weight: bold;
width: 90px;
}

.read-more a {
display: block;
padding-left: 5px;
width: 102px;
background: url(images/btns.gif) 0 -535px no-repeat;
overflow: hidden;
height: 19px;
color: #fff;
/*color: #192023;
*/
}

.read-more a:hover {
border: none;
color: #192023;
background: url(images/btns.gif) 0 -663px no-repeat;
overflow: hidden;
}

.btn {
font-family: Calibri, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", Arial, serif;
border: none;
width: 78px;
font-size: 15px;
line-height: 20px;
text-align: left;
padding-left: 18px;
background: url(images/btns.gif) 0 -495px no-repeat;
color: #fff;
height: 20px;
cursor: pointer;
font-weight: bold;
margin-bottom: 20px;
}

#highlight-arrow {
position: absolute;
top: 160px;
left: 27px;
display: block;
height: 37px;
width: 67px;
}

.authorcomment, .authorcomment cite, .authorcomment p, .authorcomment .comment-author {  
color:#222222;  
font-weight:bold;  
background:#42cede;  
}  

.comments-list li {
margin: 10px 0px;
padding: 10px;
}

.comment-text {
font-size: 18px;
}

.comment-author {
font-size: 18px;
}

.no-results {
margin-bottom: 20px;
}