/*
Theme Name: Summer Sun V2
Theme URI: http://storyboutagirl.org
Description: A summer fun theme by Kirsten of <a href="http://storyboutagirl.org">storyboutagirl.org</a>, hand drawn in photoshop.
Author: Kirsten
Author URI: http://storyboutagirl.org
version: 2.0

Tags: two-column, widget-ready, sunshine, summer
*/

* {
margin : 0;
padding : 0;
}
body {
background : url(images/bg.png) repeat top left;
background-color : #9cc5e6;
font-family : arial, verdana, tahoma, sans-serif;
font-size : 14px;
line-height : 16px;
margin : auto;
}
h1 {
font-size : 16px;
text-transform : uppercase;
color : #d34171;
margin : 10px;
}
h2 {
font-size : 15px;
text-transform : uppercase;
color : #d34171;
}
h3 {
font-size : 14px;
text-transform : uppercase;
color : #d34171;
margin : 10px;
}
h4 {
font-size : 13px;
text-transform : uppercase;
color : #d34171;
margin : 10px;
}
hr {
background : #a4cff2;
height : 1px;
width : 400px;
border : 0 solid transparent;
margin : 10px 20px 10px auto;
}
img {
border : none;
padding : 0;
}
img a {
border : none;
}
img.left {
float : left;
border : none;
padding : 6px 0 0 0;
}
img.right {
float : right;
border : none;
padding : 0 0 0 6px;
}
blockquote {
border-left : 1px solid #a4cff2;
margin : 15px;
padding : 0 12px 0 12px;
}
input, textarea {
font-family : arial, Tahoma, verdana, sans-serif;
font-size : 14px;
color : #6d751c;
padding : 2px;
background : #ffffff;
border : 1px solid #a4cff2;
}
code {
font-family : arial, verdana, tahoma, sans-serif;
}
#story-link {
position : absolute;
top : 78px;
left : 554px;
width : 300px;
height : 50px;
background-color : transparent;
outline-style : none;
outline-width : 0;
}
#home-link {
position : absolute;
top : 14px;
left : 46px;
width : 49px;
height : 20px;
background-color : transparent;
outline-style : none;
outline-width : 0;
}
#girl-link {
position : absolute;
top : 14px;
left : 126px;
width : 32px;
height : 20px;
background-color : transparent;
outline-style : none;
outline-width : 0;
}
#domain-link {
position : absolute;
top : 14px;
left : 185px;
width : 60px;
height : 20px;
background-color : transparent;
outline-style : none;
outline-width : 0;
}
#resources-link {
position : absolute;
top : 14px;
left : 276px;
width : 78px;
height : 20px;
background-color : transparent;
outline-style : none;
outline-width : 0;
}
#contact-link {
position : absolute;
top : 14px;
left : 386px;
width : 60px;
height : 20px;
background-color : transparent;
outline-style : none;
outline-width : 0;
}
#links-link {
position : absolute;
top : 14px;
left : 475px;
width : 41px;
height : 20px;
background-color : transparent;
outline-style : none;
outline-width : 0;
}
a {
color : #9cc5e6;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
#container {
background : transparent url(images/container.png) repeat-y center top;
width : 904px;
margin : auto;
padding : 0;
color : #6d751c;
overflow : auto;
}
#inside {
background : transparent;
width : 904px;
margin : auto;
padding : 0;
color : #6d751c;
overflow : auto;
}
#headerbg {
background : url(images/background.png) repeat-x top left;
width : 100%;
height : 100%;
}
#header {
background : #9cc5e6 url(images/header.png) no-repeat center top;
width : 904px;
height : 314px;
color : #fff;
margin : auto;
position : relative;
}
#header h1 {
font : normal 20px arial, verdana, tahoma, sans-serif;
padding : 20px 0 0 16px;
margin : 0;
}
#header h1 a {
color : #e4c542;
text-decoration : none;
}
#header h1 a:hover {
color : #e4c542;
text-decoration : none;
}
#header h2 {
font : normal 10px arial, verdana, tahoma, sans-serif;
color : #e4c542;
padding : 0 0 0 18px;
margin : 0;
}
#menu {
background : transparent url(images/menu.png) no-repeat center top;
width : 904px;
height : 52px;
margin : auto;
position : relative;
}
#menu ul {
margin : 0;
padding : 0;
}
#menu ul li {
list-style-type : none;
float : left;
margin : 0;
padding : 0;
}
#menu ul li a {
padding : 4px 10px;
margin : 0;
display : block;
}
#content {
float : left;
width : 660px;
overflow : hidden;
margin : auto;
padding : 0 0 0 20px;
text-align : justify;
}
.post {
margin : 0;
padding : 10px;
line-height : 16px;
}
.post h2 {
font : normal 17px arial, verdana, tahoma, sans-serif;
color : #e4c542;
text-transform : uppercase;
text-align : left;
margin-top : 0;
width : 400px;
}
.post h2 a {
color : #e4c542;
}
.post h2 a:hover {
color : #9cc5e6;
text-decoration : none;
}
.post li {
margin-left : 45px;
}
.entry p {
margin : 12px 0;
}
.postmetadata {
clear : both;
padding : 0;
text-transform : uppercase;
font-size : 12px;
text-align : left;
}
.postmetadata a {
color : #9cc5e6;
}
.postmetadata2 {
clear : both;
padding : 0;
text-transform : uppercase;
font-size : 12px;
text-align : right;
}
.postmetadata2 a {
color : #9cc5e6;
}
.navigation {
font-size : 14px;
width : 100%;
float : left;
margin : 5px;
padding : 0;
}
.alignleft a {
float : left;
margin : 25px 0;
}
.alignright a {
float : right;
margin : 25px 0;
}
#sidebar {
font-family : arial, verdana, tahoma, sans-serif;
font-size : 14px;
line-height : 18px;
width : 180px;
float : right;
margin-top : -23px;
padding : 20px;
}
#sidebar h2 {
font : normal 17px arial, verdana, tahoma, sans-serif;
color : #e4c542;
margin-top : 30px;
margin-bottom : 0;
padding : 0;
text-transform : uppercase;
width : 140px;
}
#sidebar h2 {
font : normal 17px arial, verdana, tahoma, sans-serif;
color : #e4c542;
margin-top : 30px;
margin-bottom : 0;
padding : 0;
text-transform : uppercase;
width : 140px;
}
#sidebar h2 a {
font : normal 17px arial, verdana, tahoma, sans-serif;
color : #e4c542;
margin-top : 30px;
margin-bottom : 0;
padding : 0;
text-transform : uppercase;
width : 140px;
}
#sidebar label {
font : normal 18px arial, verdana, tahoma, sans-serif;
color : #e4c542;
margin : 0;
padding : 0;
}
#sidebar p {
margin : 0;
padding : 0 6px 0 12px;
line-height : 16px;
}
#sidebar img {
padding : 0;
margin : 0;
}
#sidebar ul {
margin : 0;
padding : 0;
}
#sidebar ul li {
margin : 0;
padding : 0;
line-height : 16px;
list-style-type : none;
}
#sidebar ul ul {
margin : 14px 0;
padding : 0;
}
#sidebar ul ul li {
list-style-type : none;
}
#sidebar ul ul ul {
margin : 0;
padding : 0;
}
#sidebar ul ul ul li {
padding : 0 0 0 25px;
list-style-type : square;
}
table#wp-calendar caption {
padding-top : 5px;
}
#commentform {
background : #fff;
margin : 0;
padding : 0;
}
#commentform p {
color : #6d751c;
}
#commentform a {
color : #a4cff2;
text-decoration : none;
border-bottom : 1px dotted #465d71;
line-height : 14px;
}
#commentform h3 {
font-family : arial, verdana, tahoma, sans-serif;
font-size : 10px;
color : #e4c542;
margin : 0;
padding : 0;
}
#comment {
width : 80%;
}
#author, #email, #url, #comment, #submit {
background : #fff;
font-family : arial, verdana, tahoma, sans-serif;
font-size : 14px;
margin : 5px 5px 0 0;
padding : 0;
}
#submit {
margin : 5px 5px 0 0;
}
#comments {
margin : 0;
padding : 0;
}
ol.commentlist {
list-style-type : none;
margin : 0;
padding : 0;
}
.avatar {
float : left;
margin : 0 12px 0 0;
}
ol.commentlist li {
background : #fff;
margin : 10px 0;
padding : 5px 0 5px 10px;
border : 1px solid #e4c542;
}
ol.commentlist li.alt {
background : #fff;
border : 1px solid #9cc5e6;
}
ol.commentlist li p {
margin : 6px 0 6px 0;
padding : 0 12px 0 0;
line-height : 14px;
}
ol.commentlist a {
color : #a4cff2;
}
cite {
font-family : arial, verdana, tahoma, sans-serif;
font-size : 14px;
font-style : normal;
}
cite a {
color : #a4cff2;
text-decoration : none;
}
#searchform {
position : absolute;
top : 12px;
left : 654px;
padding : 0;
float : right;
margin : 0;
}
#searchform input#s {
background : transparent;
margin : 0;
padding : 0;
color : #6d751c;
border : 0;
width : 135px;
height : 23px;
outline-style : none;
outline-width : 0;
}
#searchform input#searchsubmit {
background : transparent;
border : 0;
width : 65px;
height : 25px;
cursor : pointer;
color: transparent;
}
img.centered {
display : block;
margin-left : auto;
margin-right : auto;
}
img.alignright {
padding : 4px;
margin : 0 0 2px 7px;
display : inline;
}
img.alignleft {
padding : 4px;
margin : 0 7px 2px 0;
display : inline;
}
.alignright {
float : right;
}
.alignleft {
float : left;
}
.wp-caption {
border : 1px solid #ddd;
text-align : center;
background-color : #f3f3f3;
padding-top : 4px;
margin : 10px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}
#footer {
background : url(images/footer.png) no-repeat center top;
clear : both;
margin : auto;
padding : 0;
width : 904px;
height : 301px;
}
#footerbg {
background : url(images/footerbg.png) repeat-x center bottom;
width : 100%;
height : 100%;
}
#footer a {
color : #bcbcbc;
text-decoration : none;
}
#footer a:hover {
color : #5d5d5d;
text-decoration : underline;
}