/*
Theme Name: GavinHolt
Theme URI: http://www.gavin-holt.com
Version: 1.0
Author: Gavin Holt
*/
* {
margin:0;
padding:0;
}
body {
background:#272F34 url(images/bg_main.gif) repeat-y scroll 50% 0;
color:#354657;
font-family:Verdana, Tahoma, Sans-Serif;
font-size:0.75em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:160%;
text-align:center;
}
a {
color:#FF7300;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
img {
border:medium none;
}
h1, h3, h4, h5, h6 {
font-weight:normal;
}
h2 {
font-weight:normal;
padding-bottom:5px;
}
#wrapper {
background:#FFFFFF none repeat scroll 0 0;
margin:0 auto;
overflow:hidden;
text-align:left;
width:759px;
}
#body {
float:left;
margin-top:1px;
position:relative;
width:100%;
}
#content {
float:left;
min-height:493px;
padding:0;
width:550px;
}
#content_single {
background:transparent url(images/bg_sidebar.gif) no-repeat scroll 100% 0;
float:left;
min-height:493px;
padding:0;
width:100%;
}
#sidebar {
clear:none;
float:right;
width:200px;
}
#header {
background:#151C24;
float:left;
min-height:128px;
position:relative;
width:100%;
}
* html #header {
height:128px;
}
#header h1 {
display:none;
position:absolute;
}
.navigation {
background:#151C24 url(images/bg_nav.gif) repeat-x scroll 0 0;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:100%;
}
.navigation li, .navigation li a {
color:#FFFFFF;
float:left;
height:34px;
line-height:35px;
}
.navigation li a:hover {
background:transparent url(images/bg_nav_hover.gif) no-repeat scroll 50% 1px;
text-decoration:none;
}
.navigation li {
margin-left:25px;
}
.entry{
margin-left:10px;
}
.navigation .selected a, .navigation .selected a:hover {
background:transparent url(images/bg_nav_selected.gif) no-repeat scroll 50% 100%;
}
#wrapper #search {
background:transparent none repeat scroll 0 0;
border:medium none;
clear:none;
float:right;
margin:-2.3em 0 0;
padding:0 20px 0 0;
position:relative;
}
#search label {
position:absolute;
visibility:hidden;
}
#search #query {
background:transparent url(images/navbar-image.jpg) no-repeat scroll 0 0;
border:medium none;
color:#8D8D8D;
height:18px;
margin-top:1px;
padding:1px 5px 0 25px;
position:absolute;
right:33px;
width:195px;
}
#wrapper #search .button {
background:transparent url(images/button_search.gif) no-repeat scroll 0 0;
border:medium none;
display:none;
height:21px;
line-height:200px;
overflow:hidden;
text-indent:100px;
width:39px;
}
html > body #wrapper #search .button {
position:relative;
top:13px;
}
* html #wrapper #search .button {
position:relative;
top:11px;
}
#indicator {
height:16px;
margin-left:5px;
margin-right:18px;
margin-top:2px;
overflow:hidden;
position:absolute;
right:-5px;
width:16px;
}
#search p {
margin:0;
}
#searchresults {
background:#2E3A42 none repeat scroll 0 0;
border-bottom:2px solid white;
border-top:1px solid #4E595F;
clear:both;
float:left;
position:relative;
width:100%;
}
#searchresults ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#searchresults li {
background:#2E3A42 none repeat scroll 0 0;
color:#CAD3D4;
display:block;
padding:5px;
}
#searchresults a {
color:#CAD3D4;
margin-left:20px;
}
#closeresults {
background:white url(images/close.png) no-repeat scroll 4px 3px;
float:right;
height:16px;
overflow:hidden;
padding:3px;
text-indent:-3000px;
width:17px;
}
#teaser h2 {
font-size:150%;
margin-bottom:1em;
}
#teaser {
background:#D8DCDF url(images/bg_teaser.gif) no-repeat scroll 0 0;
height:14.5em;
padding:25px;
}
#teaser ul {
font-size:120%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#teaser li {
background:transparent url(images/icons/icon_list_teaser.gif) no-repeat scroll 0 50%;
padding:0.3em 0 0.3em 30px;
}
.section {
background:transparent url(images/bg_separator.gif) no-repeat scroll 0 0;
clear:both;
padding:20px 25px;
}
.section.firstchild {
background:transparent none repeat scroll 0 0;
padding-top:5px;
}
.section h3 {
font-size:180%;
margin-bottom:0.2em;
}
.section h3 a {
color:#354657;
}
.section p {
margin-bottom:0.77em;
}
.meta, .meta a {
color:#889AAB;
margin:0;
}
.section .more-link {
background:transparent url(images/icons/icon_more.gif) no-repeat scroll 100% 50%;
color:#FF7500;
padding-right:10px;
text-decoration:underline;
}
.date, .comments {
margin-right:0.5em;
padding-left:15px;
}
.comments {
background-image:url(images/icons/icon_comment.gif);
}
.section.mailform input {
margin-top:0;
width:auto;
}
.section.mailform label {
margin-bottom:1px;
}
.section.mailform form .button {
border-color:#363F49;
width:auto;
}
.pages {
float:left;
margin-bottom:15px;
margin-left:25px;
width:400px;
}
.pages-border {
clear:both;
height:6px;
width:100%;
}
.page-previous {
background:transparent url(images/icons/icon_prev.gif) no-repeat scroll 0 50%;
float:left;
padding:10px 0 10px 15px !important;
}
.page-next {
background:transparent url(images/icons/icon_next.gif) no-repeat scroll 85% 50%;
float:right;
padding:10px 30px 10px 0 !important;
}
.pages a {
color:#354657;
font-weight:bold;
}
.new {
background:transparent url(images/icons/star.png) no-repeat scroll 100% 50%;
height:27px;
padding-top:18px;
width:237px;
}
span#error {
display:block;
padding:5px 5px 5px 0;
width:100%;
}
#error {
float:left;
}
#error h4 a {
color:#354657;
font-size:103%;
font-weight:bold;
text-indent:0.5em !important;
}
#error em {
color:#697E99;
font-style:normal;
text-indent:0.5em !important;
}
#error p {
padding-top:1em;
text-indent:0.5em !important;
}
#sidebar h2 {
margin-top:20px;
padding:10px 10px 10px 25px;
}
#sidenote h2 a {
color:#354657;
}
.sidenote {
clear:both;
padding:10px 20px 10px 25px;
}
.sidenote h3 {
font-size:100%;
font-weight:bold;
}
.sidenote h3 a {
color:#FF7300;
}
.sidenote .meta {
background:transparent url(images/icons/icon_date.gif) no-repeat scroll 0 0.4em;
color:#889AAB;
margin-right:0.5em;
padding-left:16px;
}
#previousnotes {
background:transparent url(images/icons/icon_more.gif) no-repeat scroll 100% 50%;
font-weight:normal;
padding-left:25px;
padding-right:10px;
}
#sidebar li {
background:transparent url(images/sb_bullet.png) no-repeat scroll 15px 50%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:10px;
padding-left:30px;
padding-right:20px;
}
#sidebar form {
background:transparent none repeat scroll 0 0;
border:medium none;
margin-top:5px;
padding:0 25px 10px;
}
.separator {
background:transparent url(images/bg_separator.gif) no-repeat scroll 0 0;
clear:both;
float:left;
padding:30px 10px 25px 25px;
width:347px;
}
.separator a {
color:#354657;
}
#formcontainer .rss a {
clear:both;
}
.rss a {
background:transparent url(images/icons/icon_rss.gif) no-repeat scroll 100% 50%;
color:#354657;
padding:0.2em 20px 0.2em 0;
}
#contact {
background:#EAEEEF url(images/bg_contact.gif) no-repeat scroll 0 0;
height:14.5em;
padding:25px 25px 25px 70px;
}
#contact h2 {
margin-bottom:1em;
margin-left:-40px;
padding:0;
}
* html #contact h2 {
margin-bottom:0;
margin-left:-20px;
}
#contact h3 {
background:#EAEEEF url(images/icons/icon_vcard.gif) no-repeat scroll 0 50%;
clear:both;
float:none;
font-size:100%;
font-weight:bold;
margin:0 0 0 -40px;
padding-left:40px;
}
#contact h3 strong {
display:block;
font-weight:normal;
}
#contact address {
font-style:normal;
}
.check {
background:transparent url(images/icons/icon_list_teaser2.gif) no-repeat scroll 0 50%;
padding-left:28px;
}
#contact2 {
background:#FFFFFF none repeat scroll 0 0;
height:14.5em;
padding:0 25px 0 70px;
}
#contact2 h2 {
margin-bottom:1em;
margin-left:-40px;
padding:0;
}
* html #contact2 h2 {
margin-bottom:1em;
margin-left:-40px;
}
#contact2 h3 {
background:#FFFFFF url(images/icons/icon_vcard.gif) no-repeat scroll 0 50%;
clear:both;
float:none;
font-size:100%;
font-weight:bold;
margin:0 0 0 -40px;
padding-left:40px;
}
#contact2 h3 strong {
display:block;
font-weight:normal;
}
#contact2 address {
font-style:normal;
}
#emailmeresults {
background:#EAEEEF none repeat scroll 0 0;
border-bottom:3px solid #272F34;
border-top:3px solid #272F34;
color:#272F34;
font-size:14px;
font-style:italic;
padding:25px;
text-align:center;
}
#busy {
margin-left:3px;
}
a.dnld {
background:transparent url(images/icon-dnld.gif) no-repeat scroll 0 3px;
color:#354657;
padding-left:12px;
}
#footer {
background:#141D25 url(images/bg_footer.gif) repeat-x scroll 0 -1px;
clear:both;
color:#FFFFFF;
height:70px;
padding:17px 0;
position:relative;
width:100%;
}
#footer p {
margin-left:25px;
}
#footer em {
color:#889AAB;
font-style:normal;
}
#footer ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
right:25px;
top:17px;
}
#footer li, #footer li a {
color:#FFFFFF;
float:left;
}
#footer li a {
margin-right:20px;
padding-left:25px;
}
#infoarea {
background:#404A54;
border-bottom:1px solid #212E35;
clear:both;
color:#CDD3D4;
float:left;
padding-bottom:3.5em;
width:100%;
}
#infoarea .content {
padding:30px 25px;
}
#infoarea form {
background:transparent none repeat scroll 0 0;
border:medium none;
margin-top:1em;
padding:0.2em 0.3em;
}
#wrapper #infoarea form .button {
border-color:#363F49;
width:auto;
}
#infoarea .column {
float:left;
margin:0;
padding:0 25px 25px 0;
width:210px;
}
#infoarea .column h4 {
color:#FFFFFF;
font-size:160%;
margin:1em 0;
}
#infoarea h4 em {
color:#889AAB;
font-style:normal;
}
#infoarea .column ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
width:100%;
overflow:hidden;
}
#infoarea .column li {
background:transparent none repeat scroll 0 0;
width:100%;
}
#infoarea .column li a {
background:transparent none repeat scroll 0 0;
border-bottom:1px solid #4D5760;
border-top:1px solid #4D5760;
color:#FFFFFF;
display:block;
margin-top:-1px;
padding:0.2em 4em 0.2em 0.3em;
position:relative;
text-decoration:none;
white-space:nowrap;
}
#infoarea .column li a:hover {
background-color:#363F49;
}
#infoarea .column li a:active {
background-color:#151D25;
}
.technorati {
float:left;
padding:0 0 6px;
width:100%;
}
.technorati a {
color:#FFFFFF;
}
#wrapper .technorati #te_p {
display:block;
margin-right:1em;
}
.technorati img {
display:none;
}
#wrapper #footer .technorati {
clear:both;
padding-top:1em;
}
#wrapper ul#technoratilist {
border-bottom:1px solid #4D5760;
margin-top:-10px;
padding-bottom:10px;
width:210px;
}
#tech1 {
padding:2px 0;
}
#wrapper ul#technoratilist li a {
border:medium none;
float:left;
text-align:left;
white-space:pre;
width:109px;
}
#wrapper ul#technoratilist li {
white-space:pre;
}
#wrapper ul#technoratilist li#technoratiicon a {
float:left;
margin-top:5px;
padding:0;
width:50px;
}
#wrapper ul#technoratilist li#technoratiicon a:hover {
background:transparent none repeat scroll 0 0;
}
li#technoratiicon a img {
float:left;
}
#toggleinfoarea {
background:transparent url(images/button_infoarea.gif) no-repeat scroll 0 0;
bottom:-1px;
clear:both;
color:#CDD3D4;
cursor:pointer;
height:25px;
left:0;
line-height:25px;
padding-left:40px;
position:absolute;
width:213px;
}
#toggleinfoarea:hover {
background-position:0 -25px;
color:#FFFFFF;
text-decoration:none;
}
#content.section {
background:transparent url() no-repeat scroll 0 0;
clear:none;
float:left;
padding:20px 20px 20px 25px;
width:85%;
}
#content.section p, #content.section ul, #content.section ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:1em;
}
.section li {
line-height:150%;
list-style-image:url(images/icons/icon_bullet.gif);
padding-left:5px;
}
#maincontent h1 {
font-size:200%;
margin-bottom:1px;
margin-top:-0.5em;
}
#maincontent h2 {
font-size:150%;
}
#maincontent h3 {
font-size:110%;
text-transform:uppercase;
}
#maincontent blockquote {
background:transparent url(images/icons/icon_quote.gif) no-repeat scroll 0 0.3em;
color:#889AAB;
font-style:italic;
margin:0;
padding:0 25px;
}
#maincontent .frame {
border:1px solid #889AAB;
padding:5px;
}
.section ul, .section ol {
margin-bottom:10px;
margin-left:20px;
}
.alert {
background:transparent url(images/icons/icon_error_bullet.gif) no-repeat scroll 0 50%;
padding-left:24px;
}
#author {
background:transparent url(images/icons/icon_user.gif) no-repeat scroll 0 50%;
padding-left:24px;
}
#posted {
background:transparent url(images/icons/icon_book_open.gif) no-repeat scroll 0 50%;
padding-left:24px;
}
.section .download {
background:transparent url(images/icons/icon_download.gif) no-repeat scroll 0 0.2em;
font-weight:bold;
padding:0.2em 20px;
}
.section .info {
padding-top:1em;
}
.section .info strong {
background:transparent url(images/icons/icon_error_bullet.gif) no-repeat scroll 0 0.2em;
font-weight:bold;
padding:0.2em 0 0.2em 20px;
}
#commentlist {
padding:20px 25px;
}
form {
background:#EAEEEF none repeat scroll 0 0;
border:1px solid #D3DAE0;
margin-top:15px;
padding:20px;
}
h2#comments {
margin-left:1.5em;
}
#formcontainer {
margin-bottom:2em;
margin-left:25px;
}
#commentlist .comment h3 {
color:#889AAB;
font-size:100%;
}
#commentlist .comment p {
margin-bottom:1em;
}
#commentlist li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#commentlist .comment {
border-top:1px solid #EAEEEF;
margin-top:1em;
padding-top:1em;
position:relative;
}
#commentlist .comment h3 cite {
color:#354657;
font-style:normal;
font-weight:bold;
}
#commentlist .gravatar {
background:#EAEEEF none repeat scroll 0 0;
border:1px solid #889AAB;
float:left;
height:48px;
left:0;
padding:5px;
position:absolute;
top:1.3em;
width:48px;
}
* html #commentlist .gravatar {
left:-80px;
}
#commentlist input, #commentlist textarea {
background:#FFFFFF url(images/bg_input.gif) repeat-x scroll 0 0;
border:1px solid #889AAB;
padding:0.1em 0.2em;
}
#commentlist .button {
background:#FF7500 none repeat scroll 0 0;
color:#FFFFFF;
margin-top:-1em;
}
#commentlist #submit {
clear:both;
float:left;
}
#commentlist .officialcomment {
background:#EAEEEF none repeat scroll 0 0;
padding-bottom:1em;
padding-left:15px;
padding-right:15px;
}
#banner {
background:#D8DCDF none no-repeat scroll 0 100%;
border-bottom:1px solid #8C9DAD;
float:left;
padding:10px 0;
width:100%;
}
#banner .section {
background:transparent none repeat scroll 0 0;
float:left;
width:400px;
}
#banner .section h3 {
line-height:110%;
margin-bottom:0.8em;
}
#banner #switcher {
float:left;
padding:20px 15px;
}
#banner #switcher .thumbnail {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #A2ACB4;
display:block;
height:130px;
margin-bottom:1em;
padding:4px;
width:255px;
}
#banner #switcher ul, #banner #switcher li, #banner #switcher li a {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#banner #switcher li a {
background:#576979 none repeat scroll 0 0;
color:#FFFFFF;
margin-right:0.5em;
padding:0.1em 0.5em;
}
#banner #switcher li a:hover {
background:#FF7A00 none repeat scroll 0 0;
text-decoration:none;
}
#banner #switcher li span {
display:none;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}