/*

Theme Name: Delightful Retro
Theme URI: http://www.delightfulwebdesign.net
Description: A blue 1950's retro style Wordpress theme.
Author: William Lowden
Author URI: http://www.delightfulwebdesign.net
Tags: blue ,1950's, delightful, web, retro

        Dark Blue:#19697E
        Light Blue:#5DB1C8
        White:#F5F1E9
        Dark Tan:#989380
        Light Tan:#A7A18D
*/

/*  Basic declarations   */

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
a {
color:#19697E;
text-decoration:none;
}
a:hover {
color:#5DB1C8;
}
.button {
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
background-color:#989380;
border-style:none;
}
.button:hover {
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
background-color:#A7A18D;
border-style:none;
color:#FFFFFF;
cursor:pointer;
}
#outsideWrap {
background-color:#5DB1C8;
height:100%;
width:100%;
}
#insideWrap {
background-color:#5DB1C8;
height:auto;
margin:0 auto;
width:960px;
}
#head {
background-color:#5DB1C8;
background-image:url(images/head.jpg);
height:148px;
width:960px;
}
#logo {
background-image:url(images/logo.png);
height:147px;
margin:0 auto;
width:453px;
}
#logo a {
display:block;
height:100%;
text-decoration:none;
text-indent:-500em;
}
#navBar {
background-color:#F5F1E9;
background-image:url(images/navBar.jpg);
height:31px;
width:960px;
}
#navBar ul {
float:left;
list-style-image:none;
list-style-type:none;
margin:6px;
padding:0;
}
#navBar li {
display:inline;
font-family:Lucida Sans,Arial,Georgia;
margin-top:20px;
padding:0;
}
#search {
float:right;
margin-right:5px;
margin-top:5px;
}
#content {
background-color:#989380;
clear:both;
height:auto;
overflow:hidden;
width:960px;
}
.blogDisc {
color:#FFFFFF;
font-family:Georgia,Arial,Lucida Sans;
font-size:x-large;
font-weight:bold;
margin:10px auto 30px;
}
#socialBar {
background-color:#989380;
float:left;
height:auto;
overflow:hidden;
text-align:left;
text-indent:40px;
width:200px;
}
#socialBar h2 {
background-color:#989380;
background-image:url(images/widgetImg.jpg);
background-position:center top;
background-repeat:no-repeat;
color:#FFFFFF;
font-family:Lucida Sans,Arial,Georgia;
margin-top:30px;
padding:7px 0;
text-align:center;
text-indent:-10px;
}
#mainContent {
background-color:#989380;
float:left;
height:100%;
margin:0 0 10px;
overflow:hidden;
text-align:center;
width:560px;
}
#post {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#A7A18D;
border-bottom:1px solid #989380;
margin:0 25px;
padding:10px;
text-align:left;
}
#postTop {
background-image:url(images/postTop.jpg);
background-repeat:no-repeat;
height:90px;
margin:auto;
width:513px;
}
#postMid {
background-image:url(images/postMid.jpg);
background-repeat:repeat-y;
height:100%;
margin:auto;
width:513px;
}
#postBtm {
background-image:url(images/postBot.jpg);
background-repeat:no-repeat;
height:92px;
margin:auto;
width:513px;
}
#post h2 {
font-family:Lucida Sans,Arial,Georgia;
font-size:large;
font-weight:bold;
margin:5px;
text-align:center;
}
#post a {
color:#FFFFFF;
}
#post a:hover {
color:#5DB1C8;
}
.postDate {
color:#19697E;
font-size:xx-small;
padding:10px;
text-align:center;
}
.postTags {
font-size:small;
padding:10px;
}
#sideBar {
background-color:#989380;
float:left;
height:auto;
margin:0 0 10px;
overflow:hidden;
padding-bottom:10px;
padding-top:0;
text-align:left;
text-indent:40px;
width:200px;
}
.sideBar h2 {
background-color:#989380;
background-image:url(images/widgetImg.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-family:Lucida Sans,Arial,Georgia;
margin-top:30px;
padding:7px 0;
text-align:center;
text-indent:-15px;
}
li.categories {
color:#FFFFFF;
}
#footer {
background-color:#5DB1C8;
background-image:url(images/footer.gif);
clear:both;
height:100px;
width:960px;
}
#footer a {
color:#FFFFFF;
text-decoration:none;
}
#footer a:hover {
color:#5DB1C8;
}
#footer p {
padding:50px;
}
.singleSmall {
font-size:small;
margin:20px 75px 10px;
}
#commentform {
padding:20px;
}
.alt {
margin:20px;
}
#commentform textarea {
height:200px;
padding:10px;
width:90%;
}