body {
background-color:#333339;
text-align:left;
font-family:Helvetica, Arial, sans-serif;
background:#fff url(/images/site/background.jpg) left top no-repeat;
margin:0;
padding:0;
}
img {
border:none;
}
a {
font-weight:400;
text-decoration:none;
font-family:Helvetica, Arial, sans-serif;
color: #333;
}
a:hover {
text-decoration:none;
color:#FF2F4B;
}
p,li {
font-family:Georgia,Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:lighter;
font-style:normal;
letter-spacing:0;
color:#5e5e5e;
}
p {
line-height:1.34em;
margin-bottom:20px;
}
h1 {
font-family:Helvetica, Arial, sans-serif;
font-size:1.2em;
font-style:normal;
font-weight:700;
letter-spacing:-0.01em;
color:#333;
}
h2 {
font-size:18px;
font-weight:700;
color:#555;
display:block;
margin: 0px;
padding: 0px;
letter-spacing:-0.02em;
}
h2 a {
color:#555;
}
h2 a:hover {
text-decoration:none;
color:#333;
}
h2.comments {
margin-top:30px;
margin-bottom:16px;
}
h2.work {
margin-top: 14px;
margin-bottom: 10px;
}
#container {
width:100%;
margin:0;
padding:0;
}
#header {
min-width:658px;
max-width:1106px;
border-bottom:1px solid #e3e3e3;
margin:0 40px 20px 136px;
padding:30px 0 6px;
}
#header a.logo {
float:left;
}
#header ul {
width:240px;
float:right;
text-align:right;
margin:22px 0 0 26px;
padding:0;
}
#header ul li {
list-style-type:none;
display:inline;
}
#header ul li a {
color:#666;
font-weight:700;
margin:0;
padding:4px 4px 3px;
}
#header ul li a:hover {
background-color:#666;
color:#fff;
text-decoration:none;
}
#overall {
min-width:658px;
max-width:1122px;
margin:0 40px 0 136px;
}
#overall_blog {
min-width:658px;
max-width:1106px;
margin:0 40px 0 136px;
}
#contentContainer {
width:598px;
float:left;
background-color:#fff;
text-align:left;
min-height:400px;
margin:0 16px 20px 0;
padding:0;
}
#overall_blog #contentContainer {
margin-right:20px;
width:480px;
}
#overall_blog #contentContainer.first_page {
width:270px;
}
#overall_blog #sidebar {
margin-top:8px;
padding-left:20px;
width:186px;
border-left:1px solid #eee;
float:left;
}
#contentContainerfull {
min-width:702px;
max-width:1302px;
}
#contentContainerContact {
width:820px;
background-color:#fff;
text-align:left;
margin:0 20px 0 136px;
padding:1px 0 10px 1px;
}
#contentContainerContact p {
margin:0 30px 20px 0;
font-family:Helvetica, Arial, sans-serif;
}
#contentContainerContact h2 {
padding:0 0 16px;
}
div.project {float:left;height:162px;margin:0 14px 14px 0;padding:1px;border:1px solid #ccc;}
div.project_image {border:1px solid #fff;background-color:#fff;position:relative;z-index:90;margin:0;padding:0;}
div.project_title {background-color:#fff;text-align:center;margin:0;padding:4px;}
div.project_title a {font-size:.84em;color:#484848;font-weight:400;}
div.project_overlay {position:relative;top:-160px;right:-1px;}
div.project_overlay a {width:204px;height:160px;display:block;position:relative;z-index:99;}
div.project_overlay a:hover {background:url(/images/site/view_project.png) center center no-repeat;z-index:99;}
#ui0 {
background-color:#fff;
border-top:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
margin:0 0 25px;
padding:4px 0 10px;
}
img.noThumbs {width:596px;margin:-6px 0 24px;}
#contentContainer h1 {
line-height:18px;
margin:0 0 16px;
padding:0 0 2px;
}
#contentContainer.first_page div.blogEntry {width:266px;padding:0 4px;}
#contentContainer div.blogEntry {float:left;width:470px;margin:0;padding:12px 4px;}
#contentContainer.first_page div.blogEntry:hover {background-color:#efefef;}
#contentContainer.first_page div.blogEntry h2 a {
font-weight:700;
display:block;
margin:12px 0 4px;
}
#contentContainer.first_page div.blogEntry a img {
border:1px solid #ccc;
margin:2px 0 0;
padding:2px;
}
#contentContainer.first_page div.blog_read_more_photo {position:relative;top:-97px;right:-3px;width:260px;height:90px;}
#contentContainer.first_page div.blog_read_more_photo a {width:254px;height:90px;display:block;position:relative;z-index:99;}
#contentContainer.first_page div.blog_read_more_photo:hover {background:url(/images/site/read_post.png) center center no-repeat;z-index:99;}
#contentContainer p.full_post {border-bottom:#999 dotted 1px;margin:0;padding:3px 0 12px;}
#contentContainer p.full_post a {color:#777;}
#contentContainer p.full_post a:hover {color:#333;text-decoration:none;}
#contentContainer p.paginate {float:left;width:266px;background-color:#fff;text-align:left;clear:both;margin:20px 0 0 1px;padding:5px 0 3px;}
#contentContainer p.paginate strong {font-weight:700;background-color:#c3c3c3;color:#222;padding:6px 4px 4px;font-family:Helvetica, Arial, sans-serif;}
#contentContainer p.paginate a {margin:0 -2px;padding:6px 4px 4px;font-weight:700;color:#ff3f4b;}
#contentContainer p.paginate a:hover {background-color:#ff3f4b;color:#fff;text-decoration:none;padding:6px 4px 4px;}
#contentContainer p.total_pages {clear:both;float:left;margin:4px 0 0 4px;}
#contentContainer p.posted {font-size:12px;margin:2px 0;padding:0 0 16px;font-family:Helvetica, Arial, sans-serif;}
#contentContainer p.posted a {color:#FF2F4B;font-weight:700;}
#contentContainer.first_page p.posted {border-bottom:1px dotted #ccc;margin:-86px 0 0;padding:0 0 8px;}
#contentContainer div.bottom_blog_links {width:100%;border-top:#aaa dotted 1px;padding:12px 0 10px;}
#contentContainer div.bottom_blog_links a {font-size:12px;color:#555;margin-right:8px;}
#contentContainer div.bottom_blog_links a span {font-size:12px;color:#555;position:relative;left:-4px;top:-2px;margin-right:0;}
#contentContainer div.blogComment {
margin-bottom:10px;
background-color:#f3f3f3;
float:left;
clear:both;
}
#contentContainer div.blogComment h2 {
margin-top:4px;
padding-bottom:10px;
clear:left;
}
#contentContainer div#comments_list {float:left;clear:both;}
#contentContainer div#comments_list p {font-family:Helvetica, Arial, sans-serif;}
#contentContainer div.blogComment p.entryDate {
float:left;
display:block;
width:462px;
border-top:1px solid #999;
margin:0;
padding:6px 8px;
}
#contentContainer div.comment {
color:#fff;
border-bottom:1px solid #e3e3e3;
background-color:#f3f3f3;
width:462px;
clear:both;
float:left;
margin:0;
padding:4px 8px;
}
#contentContainer div.comment p {color:#333;margin:0 2px;padding:6px 0;}
#contentContainer div.comment p.comment_permalink a {color:#333;font-size:0.78em;display:block;text-align:right;margin-right:4px;}
#contentContainer p.entryDate {background-color:#e3e3e3;color:#555;margin:0 0 10px 2px;padding:2px 6px 2px 5px;}
#contentContainer p.entryDate a {color:#FF2F4B;}
#commentForm {
float:left;
clear:both;
margin-left:0;
}
#commentForm p {
font-family:Helvetica, Arial, sans-serif;
}
form#comment_form {
width:350px;
float:left;
}
form#comment_form p {
margin:0 0 8px;
font-family:Helvetica, Arial, sans-serif;
}
form#comment_form label {
margin:4px 0;
font-family:Helvetica, Arial, sans-serif;
}
form#comment_form input {
width:340px;
border:1px solid #eee;
background-color:#eee;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
margin-bottom:8px;
padding:4px;
}
form#comment_form textarea {
width:340px;
border:1px solid #eee;
background-color:#eee;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
margin-bottom:10px;
padding:4px;
}
form#comment_form input[type=checkbox] {
width:14px;
}
form#comment_form input[type=submit] {
width:60px;
font-weight:700;
background-color:#ccc;
color:#333;
}
form#contact_form {
width:380px;
float:left;
}
form#contact_form input[type=submit] {
width:60px;
font-weight:700;
background-color:#ccc;
color:#333;
border:1px solid #333;
}
form#contact_form input[type=submit]:hover {
width:60px;
font-weight:700;
background-color:#555;
color:#fff;
cursor:pointer;
}
div#contact_other {
float:right;
width:390px;
min-height:514px;
border-left:1px solid #e2e2e2;
padding-left:30px;
}
div.searchRow1 {padding:5px 2px 3px;}
div.searchRow2 {background-color:#eee;padding:5px 2px 3px;}
#sidebar {
width:146px;
float:left;
text-align:left;
border-left:1px solid #e3e3e3;
margin:0;
padding:0 0 0 14px;
}
#sidebar div.addthis_toolbox a {font-size:.82em;color:#333;font-weight:400;margin:0;padding:0;}
#sidebar div.addthis_toolbox a span {position:relative;top:-3px;}
#sidebar input {
width:136px;
border:1px solid #eee;
background-color:#eee;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:8px 0px 8px 0px;
padding:4px;
}
#sidebar input[type=submit] {
width:60px;
font-weight:700;
background-color:#c3c3c3;
color:#333;
}
#sidebar h2 {
margin:4px 0 0 0;
padding:0 0 4px;
}
#sidebar p.rss {margin:18px 0 0;}
#sidebar p.rss a {font-weight:400;}
#sidebar ul {
z-index:99;
margin:0;
padding:10px 0 18px;
}
#sidebar ul li {
list-style-type:none;
font-weight:lighter;
font-style:normal;
letter-spacing:normal;
padding:0;
}
#sidebar ul li a {
text-decoration:none;
color:#333;
display:block;
font-weight:400;
padding:5px 0;
}
#sidebar ul li a:hover {
text-decoration:none;
color:#FF2F4B;
margin:0;
padding:5px 0;
}
#footer {
background-position:top;
background-repeat:no-repeat;
width:400px;
text-align:left;
clear:both;
margin:0 0 0 136px;
padding:0;
}
#footer p {
padding-top:12px;
font-size:12px;
color:#999;
margin:30px 0 40px;
font-family:Helvetica,Arial,sans-serif;
}
h2.search,#contentContainer div.blogEntry img,#contentContainer div.blogEntry div.media {margin-bottom:20px;}
#contentContainerHome a:hover,div.project_title a:hover {text-decoration:none;}
#contentContainer div.blogEntry div.media p,#contentContainer div.blogEntry div.media img {margin:0;padding:0;}
form#comment_form input:focus,form#comment_form textarea:focus,form#contact_form input:focus,form#contact_form textarea:focus,#sidebar input:focus {
background-color:#fff;
border:1px solid #999;
}
form#comment_form input[type=submit]:hover,#sidebar input[type=submit]:hover {
width:60px;
font-weight:700;
background-color:#555;
color:#fff;
cursor:pointer;
}
form#contact_form input,form#contact_form textarea {
width:340px;
border:1px solid #eee;
background-color:#eee;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:4px;
}
div.searchRow1 p,div.searchRow2 p,#sidebar form p,#sidebar form p input.submit {margin:0;}