/*
Theme Name: Summer Redux
Author: Nikki Brion
Author URI: http://bottledsky.com/
*/

body {
color:#3f3f3f;
background:#a3dfe9 url('images/bg-body.jpg') no-repeat top center;
font-size:62.5%;
text-align:center;
}

a {
text-decoration:none;
font-weight:700;
}

a:link, a:visited {
color:#1dabc1;
}

a:hover, a:active {
color:#3f3f3f;
}

#container {
background:url('images/bg-body.jpg') no-repeat -120px 0;
width:980px;
padding:185px 0 0;
margin:0 auto;
text-align:center;
font:1.2em/1.8em Arial,sans-serif;
overflow:hidden;
}

/* HEADER */

#header {
background:url('images/bg-header.png') no-repeat bottom left;
width:930px;
height:125px;
padding:0 0 0 50px;
text-align:left;
}

h1 a {
background:url('images/bg-h1.png') 0 0 no-repeat;
text-indent:-10000px;
display:block;
width:500px;
height:110px;
}

h1 a:hover {
background-position: 0 -110px;
}

/* CONTENT LAYOUT */

#content {
background:url('images/bg-content.png') repeat-y top left;
width:980px;
padding:0 0 40px 0;
text-align:left;
float:left;
}

#main {
background:url('images/bg-main.png') no-repeat top left;
width:500px;
padding:0 40px 0 50px;
text-align:left;
float:left;
}

#side {
background:url('images/bg-side.png') repeat-y top left;
width:390px;
text-align:left;
float:right;
}

/* MAIN */

#main h2 {
color:#fd6d53;
font:2em/1.2em Trebuchet MS,Arial,sans-serif;
padding:30px 0 0;
margin:0 0 32px 0;
}

#main h3 {
font:1.6em/1.2em Trebuchet MS,Arial,sans-serif;
padding:10px 0 0;
margin:20px 0;
}

#main h3.b {
font:1.4em/1.2em Trebuchet MS,Arial,sans-serif;
padding:10px 0 0;
margin:20px 0 0;
}

#main h2 a, #main h3 a, #side h2 a, .post-more a, .post-meta a, .comment-meta a.comment-date, .formcontainer span.required {
color:#fd6d53;
}

#main h2 a:hover, #main h3 a:hover, #side h2 a:hover, .post-more a:hover, .post-meta a:hover, .comment-meta a.comment-date:hover, #main h2 em.b {
color:#3f3f3f;
}

#main h2 a, #side h2 a, .post-meta a, #footer a, #main h3 a {
font-weight:400;
}

#main p {
margin:20px 0;
}

#main .picframe {
background-color:#fff;
border:#ddd solid 15px;
padding:5px;
margin:5px;
}

#main .picframe2 {
background-color:#fff;
border:#ddd solid 11px;
padding:3px;
margin:9px;
}

#main a:hover img.picframe, #main a:hover img.picframe2 {
border-color:#3f3f3f;
}

#main .thumbs li {
display:inline;
}

#main blockquote {
background-color:#eee;
margin:20px 0;
padding:0 15px;
}

#main blockquote .quote {
background:url(images/bg-quote.png) no-repeat 0 10px;
text-indent:22px;
font:italic 1.2em/1.6em Georgia,serif;
}

#main blockquote .quote cite {
font:400 0.75em Arial,sans-serif;
text-transform:uppercase;
}

#main #comments blockquote {
background-color:transparent;
margin:0;
padding:0 15px;
font-style:italic;
}

.post {
margin:0 0 30px;
}

.post-comments {
float:right;
}

.post-comments a {
color:#fff;
background:url(images/bg-comments.png) 0 0 no-repeat;
display:block;
width:50px;
height:50px;
padding:0 0 0 10px;
margin:0 0 0 15px;
text-align:center;
font:700 2em/50px Arial,sans-serif;
}

.post-comments a:hover {
color:#1dabc1;
background:url(images/bg-comments.png) 0 0 no-repeat;
background-position: 0 -50px;
}

.post-meta, .skip-top, .form-submit {
height:20px;
overflow:hidden;
background-color:#ffead3;
font-size:0.9em;
text-transform:uppercase;
text-align:right;
}

a .post-more {
color:#3f3f3f;
padding:0 0 1px;
border-bottom:#fd6d53 solid 1px;
}

a .post-more:hover {
color:#fd6d53;
border:0;
}

.post-date, #main .skip-top a {
color:#fff;
background-color:#fd6d53;
font-weight:700;
height:20px;
padding:0 5px;
display:block;
}

.post-date {
float:left;
}

.skip-top a {
float:right;
}

.post-categories {
margin:0 5px 0;
}

.post-nav {
overflow:auto;
}

.post-nav a {
display:block;
width:30px;
height:30px;
margin:10px 0;
text-indent:-10000px;
}

.post-nav .next a {
background:url(images/bg-next.png) 0 0 no-repeat;
float:right;
}

.post-nav .prev a {
background:url(images/bg-prev.png) 0 0 no-repeat;
float:left;
}

.post-nav .next a:hover, .post-nav .prev a:hover {
background-position: 0 -30px;
}

#comments ul {
clear:both;
}

.comment-body {
width:340px;
float:left;
background-color:#def7fb;
padding:0 15px;
border-bottom:#fff solid 25px;
overflow:hidden;
}

#main .comment-body p, #main blockquote p {
margin:0;
padding:10px 0;
}

.bypostauthor .comment-body {
color:#f4f4f4;
background-color:#3f3f3f;
}

.comment-meta {
width:115px;
padding:3px 0;
float:right;
overflow:hidden;
}

.comment-meta cite, #comment-form label {
display:block;
font:700 1.2em Arial,sans-serif;
}

.comment-meta a.comment-date {
font:400 0.9em Arial,sans-serif;
text-transform:uppercase;
}

#comment-form p {
margin:15px 0;
}

#comment-form label {
color:#999;
width:115px;
height:25px;
float:right;
line-height:25px;
}

#comment-form label span {
font-weight:400;
}

#comment-form input, #comment-form textarea, .formcontainer input, .formcontainer textarea {
width:358px;
border:#aaa solid 1px;
padding:5px;
font:1em Arial,sans-serif;
}

#comment-form input, .formcontainer input {
height:14px;
}

#comment-form textarea, .formcontainer textarea {
height:120px;
}

#comment-form .req:after {
content:"*";
color:#fd6d53;
margin:0 2px;
}

#comment-form input.comment-button, .form-submit input.button {
color:#fff;
background-color:#fd6d53;
width:115px;
height:20px;
padding:0;
border:0;
margin:0;
display:block;
float:right;
font:700 0.9em Arial,sans-serif;
text-transform:uppercase;
}

#comment-form input.comment-button:focus {
background-color:#3f3f3f;
}

#comment-form .post-meta {
text-align:left;
padding:0 0 0 6px;
margin:10px 0;
border-top:#fff solid 5px;
border-bottom:#fff solid 5px;
}

.form-label label {
color:#999;
font:700 1.2em Arial,sans-serif;
}

.form-input, .form-textarea {
margin:0 0 10px;
}

.form-submit, .formcontainer {
margin:30px 0 0;
}

.normallist, .normallist2 {
margin:0 0 0 15px;
}

.normallist li {
list-style-type:disc;
margin:1px 0;
}

.normallist2 li {
list-style-type:disc;
margin:20px 0;
}

.search-excerpt {
color:#1dabc1;
}

img.portfolio {
width:118px;
height:118px;
}


/* NAVIGATION */

ul#nav {
background:url('images/bg-nav.png') no-repeat top left;
width:185px;
height:200px;
}

ul#nav li {
height:35px;
}

ul#nav li a {
display:block;
height:25px;
text-indent:-10000px;
}

#blog {
width:90px;
background:url(images/bg-nav-blog.png) 0 0 no-repeat;
}

#about {
width:100px;
background:url(images/bg-nav-about.png) 0 0 no-repeat;
}

#portfolio {
width:133px;
background:url(images/bg-nav-portfolio.png) 0 0 no-repeat;
}

#contact {
width:120px;
background:url(images/bg-nav-contact.png) 0 0 no-repeat;
}

#rss {
width:95px;
background:url(images/bg-nav-rss.png) 0 0 no-repeat;
}

#blog:hover, #blog.current, #about:hover, #about.current, #portfolio:hover, #portfolio.current, #contact:hover, #contact.current, #rss:hover, #rss.current {
background-position: 0 -25px;
}

/* SIDEBARS */

#side .module {
width:155px;
}

#side .left {
float:left;
padding:0 0 0 30px;
}

#side .right {
float:right;
padding:0 30px 0 0;
}

#side .search {
background:url(images/bg-search.png) no-repeat 30px 0;
width:330px;
height:40px;
padding:0 30px;
overflow:hidden;
border-bottom:#a3dfe9 solid 10px;
}

#side #s {
width:270px;
height:18px;
margin:11px 0 11px 14px;
border:0;
color:#999;
background-color:transparent;
font:1em Arial,sans-serif;
float:left;
}

#side #s:focus {
color:#3f3f3f;
}

#search-button {
width:20px;
height:20px;
margin:11px 9px;
float:right;
}

#side .module, #side ul.links, #side .search {
margin:0 0 20px;
}

#side h2 {
color:#fd6d53;
font:1.6em/1em Trebuchet MS,Arial,sans-serif;
margin:0 0 10px;
}

#side h2 span {
color:#fff;
}

#side p {
margin:0 0 5px;
}

#side .picframe2 {
background-color:#e4f5f8;
border:#77cedd solid 11px;
padding:3px;
}

#side a:hover img.picframe2 {
border-color:#e4f5f8;
}

#side ul.links li {
padding:3px 5px 2px 18px;
line-height:1.6em;
}

#side ul.links li:hover a, #side li.current-cat a, #side li.current-cat a:hover {
color:#00869b;
}

#side ul.links li:hover {
color:#3f3f3f;
background-color:#77cedd;
}

#side ul.tags li {
background:url(images/bg-side-tag.gif) no-repeat 5px 8px;
}

#side ul.tags li:hover {
background:#77cedd url(images/bg-side-tag.gif) no-repeat 5px 8px;
}

#side ul.tags li.current-cat {
background:url(images/bg-side-curcat.gif) no-repeat 5px 8px;
} 

#side ul.tags li.current-cat:hover {
background:#77cedd url(images/bg-side-curcat.gif) no-repeat 5px 8px;
}

#side ul.posts li {
background:url(images/bg-side-post.gif) no-repeat 5px 8px;
}

#side ul.posts li:hover {
background:#77cedd url(images/bg-side-post.gif) no-repeat 5px 8px;
}

#side ul.out li {
background:url(images/bg-side-out.gif) no-repeat 5px 8px;
}

#side ul.out li:hover {
background:#77cedd url(images/bg-side-out.gif) no-repeat 5px 8px;
}

#side ul.thumbs li {
margin:0 0 15px 0;
}

#side a#twitter {
display:block;
text-indent:-10000px;
background:url(images/bg-twitter.png) no-repeat 30px 0;
width:330px;
height:40px;
padding:0 30px;
}

#side a#twitter:hover {
background-position: 30px -40px;
}

/* FOOTER */

#footer {
background:url('images/bg-footer.png') no-repeat top left;
width:540px;
height:90px;
padding:0 440px 0 30px;
text-align:left;
clear:both;
}

#footer ul li {
background:url('images/bg-footer-links.png') repeat-x top left;
padding:0 6px;
height:30px;
display:inline;
float:left;
}

#footer ul li a {
color:#fff;
height:30px;
display:block;
font:0.9em/30px Arial,sans-serif;
letter-spacing:0.1em;
text-transform:uppercase;
}

#footer ul li a.copyright {
width:80px;
background:url(images/bg-footer-copy.png) 0 0 no-repeat;
padding:0 0 0 21px;
margin:0 0 0 6px;
}

#footer ul li a.xhtml {
width:42px;
}

#footer ul li a.css {
width:28px;
}

#footer ul li a.valid {
background:url(images/bg-footer-valid.png) 0 0 no-repeat;
padding:0 0 0 18px;
}

#footer ul li a.wp {
width:20px;
background:url(images/bg-footer-wp.png) 0 0 no-repeat;
padding:0 0 0 14px;
margin:0 6px 0 0;
}

#footer ul li a.copyright:hover, #footer ul li a.valid:hover, #footer ul li a.wp:hover {
background-position: 0 -30px;
}

#footer ul li#top {
padding:0;
height:40px;
float:right;
}

#footer ul li#top a {
display:block;
text-indent:-10000px;
width:50px;
height:40px;
background:url(images/bg-footer-top.png) 0 0 no-repeat;
}

#footer ul li#top a:hover {
background-position: 0 -40px;
}

/* OTHERS */

hr,.hide,#eXTReMe,#neXTReMe,.post-comments span, .formcontainer legend, .formcontainer .information {
display:none;
}

em {
font-style:italic;
}

strong {
font-weight:700;
}

code {
background-color:#cdeff4;
padding:0 4px;
font-size:1.1em;
}

.centered {
display:block;
text-align:center;
width:100%;
}

.noframe {
border:0;
}

.floatright {
float:right;
margin:5px 5px 10px 10px;
}

.floatleft {
float:left;
margin:5px 10px 10px 5px;
}

.button {
height:31px;
width:88px;
border:none;
margin:10px 5px 0 5px;
}

.symbol {
font-family:Verdana,sans-serif;
}

.clear {
clear:both;
}