/*
Theme Name: Jackson Whelan
Theme URI: http://jacksonwhelan.com
Description: 
Version: 0.2
Author: Jackson Whelan
Author URI: http://jacksonwhelan.com/
*/
* {
margin:0;
padding:0;
}

body {
background:url(images/background.jpg) repeat-x top center #1A6AFF;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
text-align:center;
padding:20px 0;
}

#wrapper {
width:900px;
margin-left:auto;
margin-right:auto;
border:2px solid #CCC;
background: #FFFFFF url(images/wp.jpg) no-repeat bottom right;
text-align:left;
overflow:hidden;
}
#headerimg {
background:#1A6AFF url(images/sand-900x125.jpg) no-repeat top left;
height:125px;
}
#about-the-site {
}
#content {
padding:20px 0 20px 20px;
}
.post {
margin-right:20px;
}
.homepost {
width:200px;
float:left;
margin:0 20px 20px 0;
height:250px;
}
.blogpostcontent {
margin:10px 20px;
}
#thanks {
background-color: #91FF63;
}
#footer {
margin-right:50px 20px 0 0;
}
#intro {
margin-bottom:20px;
}

#intro p {
width:390px;
float:left;
}
#intro p#contact {
width:auto;
float:right;
text-align:right;
border-left: 1px #CCC solid;
padding-left:10px;
}
#thanks p {
margin:10px;
}
#footer {
clear:both;
color:#999999;
padding-right:53px;
text-align:right;
}
.item {
margin:5px 0 20px 0;
}
#headerimg h1 a {
display:block;
height:80px;
outline:none;
text-indent:-9999px;
}
#content h1 {
font-family: "atrement-web-1","atrement-web-2",Arial,sans-serif;
font-size:20px;
font-weight:bold;
border-left:1px solid #1A6AFF;
border-bottom:1px solid #1A6AFF;
margin-bottom:10px;
margin-right:20px;
padding:5px;
}
#content div.post h1 {
margin-right:0;
}
h2 {
font-size:20px;
font-family: "atrement-web-1","atrement-web-2",Arial,sans-serif;
font-weight:normal;
color:#1A6AFF;
}
.post h2 {
font-weight: bold;
font-size: 28px;
}
#headerimg h2 {
padding:10px 20px;
font-size:18px;
text-shadow: #777 2px 2px 2px;
color:#666666;
float:left;
width:400px;
}
.homepost h2 {
font-size:18px;
color:#339900;
padding:3px;
}
.blogpost h2 {
padding:10px 20px;
}
.blogpost h2 a {
color:#FFFFFF;
}

h2 span {
font-weight: normal;
font-size: 11px;
color: #333;
}

.n1 h2 a, .n9 h2 a {
color:#226FFF;
}
.n2 h2 a, .n10 h2 a {
color:#3279FF;
}
.n3 h2 a, .n11 h2 a {
color:#4484FF;
}
.n4 h2 a, .n12 h2 a {
color:#538EFF;
}
.n5 h2 a, .n13 h2 a {
color:#6297FF;
}
.n6 h2 a, .n14 h2 a {
color:#72A2FF;
}
.n7 h2 a, .n15 h2 a {
color:#83ACFF;
}
.n8 h2 a, .n16 h2 a {
color:#90B4FF;
}

h3 {
color:#333333;
border-bottom:1px dotted #999999;
}
p {
margin-bottom:10px;
}
blockquote {
margin:10px 20px;
padding:10px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}
small {
color:#226FFF;
}
div.item p {
font-size:12px;
}
p.postmetadata {
color: #CCC;
}
a {
text-decoration:none;
color: #006600;
}
p.postmetadata a {
color: #CCC;
}
h1 a {
color:#FFFFFF;
}
#headerimg h2 a {
color: #FFFFFF;
font-weight:bold;
}
#footer a {
color:#689DFF;
}
.alignright {
float:right;
margin-left:10px;
margin-bottom:10px;
}
div.alt-row .alignright {
float:left;
margin-right:10px;
margin-left:0;
}
.alignleft {
float:left;
margin:0 10px 10px 0;
}
.navigation {
margin-right:20px;
font-weight: bold;
}

#navlist {
padding: 25px 20px 0 0 ;
margin-left: 0;
text-align:right;
width:400px;
float:right;
}
#navlist li {
list-style: none;
margin: 0;
display: inline;
}
#navlist li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background:#689DFF;
text-decoration: none;
height:25px;
}
#navlist li a { 
color: #FFFFFF; 
}
#navlist li a:hover {
color: #000000;
background: #1A6AFF;
border-color: #227;
}

body.home li#home a,
body.recent-work li#work a,
body.about-jackson-whelan li#about a,
body.blog li#blog a,
body.links li#links a,
body.contact li#contact a,
#navlist li.current_page_parent a, #navlist li.current_page_item a {
background: white;
border-bottom: 1px solid white;
color:#1A6AFF;
}

ul#links {
list-style:none;
}
li.linkcat {
width:200px;
float:left;
margin-right:20px;
}
ul.blogroll {
margin:10px 0 10px 15px;
list-style:square;
}

fieldset {
padding:10px;
width:380px;
}
legend {
font-weight:bold;
padding:0 5px;
}
form.contact label, div#imageVerificationText {
display:block;
float:left;
margin:10px;
width:100px;
}
form.contact input, form.contact textarea, div#imageVerificationImages {
float:left;
margin:10px;
width:200px;
}

div#imageVerification {
clear:both;
}

.clear {
clear:both;
}
a img {
border:none;
}