/*  
Theme Name: Spring Smile
Theme URI: http://www.wannasmile.com
Description: 3 Columns
Version: 1.0
Author: Gina - Creative Streak
Author URI: http://creative-streak.com
*/


/* Layout
----------------------------------------------- */

body {
padding: 0;
margin: 0;
font-family: trebuchet ms, trebuchet, verdana, sans-serif;
font-size: 12px;
line-height: 18px;
background-color: #FFFFFF;
color: #3A3A39;
background-image: url(images/top_bg.jpg);
background-repeat: repeat-x;
background-position: top left;
}

#container {
width: 988px;
margin: 0 auto 0 auto;
background-image: url(images/bg.jpg);
}

#header {
cursor: pointer;
margin:0;
width: 988px;
height: 334px;
background-repeat: no-repeat;
background-image: url(images/header.jpg);
}

div#preloaded-images {
position: absolute;
overflow: hidden;
left: -9999px; 
top: -9999px;
height: 1px;
width: 1px;
background: url(images/bg.jpg) 1 1 no-repeat;
background: url(images/header.jpg) 1 1 no-repeat;
background: url(images/hdr_btn.png) 1 1 no-repeat;
}

#header_buttons{
float: left; 
margin-top: 250px;
}

#header_buttons a{
color:#FFFFFF;
}
#header_buttons span{
font-size: 18px;
margin-top: 5px;
}
#header_buttons a:hover{
color:#73C300;
}

#header_button{
background-image: url(images/hdr_btn.png);
display:inline;
float:left;
height:26px;
margin-right:5px;
position:relative;
text-align: center;
width:116px;
z-index:11;
}

#ereferrerdiv{
width: 400px;
}

#header_button_text{
margin-top:5px;
font-size: 18px;
}

.home_button{
background-image: url(images/hdr_btn_home.png);
display:inline;
float:left;
height:26px;
margin-right:5px;
position:relative;
width:116px;
z-index:11;
}
.home_button:hover{
background-image: url(images/hdr_btn_home_over.png);
}


#content {
float: left;
width: 520px;
margin: -30px 0 0 85px;
color: #3A3A39;
display: inline;
text-align: justify;
}

*html #content {
margin: -30px 0 0 26px;
}

#leftbar {
float: left;
width: 190px;
margin: -70px 0 0 -41px;
display: inline;
}

*+html #leftbar {
margin: -58px 0 0 -41px;
}

*html #leftbar {
margin: -58px 0 0 -41px;
}

#sidebar {
float: right;
width: 190px;
margin: -70px 56px 0 -60px;
display: inline;
}

*+html #sidebar {
margin: -58px 56px 0 -60px;
}

*html #sidebar {
margin: -58px -5px 0 -30px;
}

#footer {
margin:0;
width:988px;
height: 158px;
background-repeat: no-repeat;
background-image: url(images/footer.jpg);
clear: both;
}

#header, #content, #footer {
overflow: hidden;
}

#leftbar, #sidebar {
position: relative;
}

/* Content
----------------------------------------------- */

#content ul li {
list-style: square;
margin: 0;
padding: 0;
}


/* Sidebars
----------------------------------------------- */

#leftbar ul ul, #sidebar ul ul {
list-style: none;
margin: 0;
padding: 0;
}

#leftbar ul ul li, #sidebar ul ul li{
margin: 0 0 0 13px;
padding: 0;
list-style-image: url(images/bullet.gif);
}

*+html #leftbar ul ul li, *+html #sidebar ul ul li{
margin: 0 0 0 16px;
padding: 0;
list-style-image: url(images/bullet_ie.gif);
}

*html #leftbar ul ul li, *html #sidebar ul ul li{
margin: 0 0 0 16px;
padding: 0;
list-style-image: url(images/bullet_ie.gif);
}

#leftbar ul li, #sidebar ul li, .widget_pages, .widget_text, .widget_search, .widget_links, .widget_meta, .widget_categories, .widget_archive, .widget_recent_comments, .widget_collapslink, #flexo-archives, .wp_cumulus_widget, .widget_tag_cloud {
list-style: none;
margin: 0 0 0 9px;
padding-bottom: 0;
width: 190px;
word-wrap: break-word;
}

.width {
width: 150px;
}

#leftbar h3,  #sidebar h3{
padding: 2px;
font-family:  trebuchet ms, trebuchet, verdana, sans-serif;
font-size: 18px;
color: #FFFFFF;
text-align: left
}


#leftbar a, #leftbar a:link, #leftbar a:visited, #leftbar a:hover, #leftbar a:active,  #sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active {
color: #6BBD01;
text-decoration: none;
font-weight: bold;
}

.top {
width: 207px;
height: 24px;
background-image: url(images/top.jpg);
background-repeat: no-repeat top left;
}

.middle {
width: 207px;
background-image: url(images/middle.jpg);
background-repeat: repeat-y;
}

.bottom {
width: 207px;
height: 24px;
background-image: url(images/bottom.jpg);
background-repeat: no-repeat bottom left;
}


/* Posts
----------------------------------------------- */

.post {
margin-bottom: 10px;
color: #3A3A39;
font-size: 12px;
line-height: 20px;
}

.postdatetime {
font-size: 9px;
text-transform: uppercase;
color: #3A3A39;
margin-top: -15px;
padding-bottom: 5px;
letter-spacing: 2px;
}

.postmetadata a, .postmetadata a:link, .postmetadata a:visited, .postmetadata a:hover, .postmetadata a:active{
font-size: 12px;
color: #6BBD01;
font-weight: bold;
}

.post li {
margin-left: 20px;
}

.post ul {
list-style: square;
margin-bottom: 10px;
}


/* Comments
----------------------------------------------- */

ol.commentlist {
width: 476px;
margin: 0 0 0 -30px;
text-align: justify;
}

*+html ol.commentlist {
margin: 0 0 0 10px;
}

*html ol.commentlist {
margin: 0 0 0 10px;
}

ol.commentlist li {
margin-bottom: 15px;
padding: 5px;
list-style: none;
background-color: #B6E2FC;
border: 1px solid #C6E8FC;
}

ol.commentlist a {
color: #6BBD01;
font-weight: bold;
}

small.commentmetadata {
font-size: 12px;
margin-bottom: 5px;
display: block;
}

#comments {
padding-left: 5px;
margin-left: 5px;
margin-bottom: 10px;
}

#comment_post {
display:none;
}

#fb_user {
width: 200px;
}

#comment_post_loading {
display:inline;
padding-left: 10px;
}

#commentform {
color: #3A3A39;
padding-left: 10px;
}

#comment {
font-family: trebuchet ms, trebuchet, verdana, sans-serif;
font-size: 12px;
color: #3A3A39;
border: 1px solid #C6E8FC;
}

.commentcountbg {
float: right;
width: 52px;
height: 49px;
font-family: trebuchet ms, trebuchet, verdana, sans-serif;
background-image: url(images/comment_bg.gif);
background-position: center center;
background-repeat: no-repeat;
}

.commentcount {
float: right;
margin: 17px -26px 0 0;
font-size: 14px;
font-weight: bold;
color:  #DD861E;
}

*+html .commentcount {
margin: 17px -60px 0 18px;
}

*html .commentcount {
margin: 17px -60px 0 18px;
}

/* Images
----------------------------------------------- */

a img {
border: none;
}

.post img {
padding: 7px;
background: #FFFFFF;
border: 1px solid #3A3A39;
}
.post .size-full{
    height: auto;
    width: 504px;
}

img.aligncenter {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}

img.centered {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft {
float: left;
padding: 4px;
margin: 0 7px 2px 0;
text-align: left;
display: inline;
}

img.alignright {
float: right;
padding: 4px;
margin: 0 0 2px 7px;
text-align: right;
display: inline;
}

.attachment {
text-align: center;
margin: 5px 0px;
}


/* Copyright
----------------------------------------------- */

.copyright {
text-align: center;
display: block;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
color: #3A3A39;
font-size: 12px;
}

*html .copyright {
margin-top: 65px;
}



/* Search
----------------------------------------------- */
#searchform {
text-align: center;
display: block;
}

#searchform #s {
width: 80%;
margin: 10px 0 15px 0;
}


#searchsubmit {
margin-top: 30px;
padding: 1px;
}

*+html #searchsubmit {
padding: 1px 0 0 0;
}

*html #searchsubmit {
padding: 1px 0 0 0;
}


/* General
----------------------------------------------- */

h2 {
padding: 2px;
margin-top: 2px;
font-family:  trebuchet ms, trebuchet, verdana, sans-serif;
font-size: 22px;
color: #FFFFFF;
text-decoration: none;
text-align: left;
}

h2 a:hover, h2 a:visited, h2 a:active, h2 a:link {
color: #FFFFFF;
text-decoration: none;
}

h3 {
padding: 2px;
margin-top: 5px;
font-family:  trebuchet ms, trebuchet, verdana, sans-serif;
font-size: 18px;
color: #FFFFFF;
text-align: left
}

blockquote {
font-style: italic;
margin: 1em 1.5em;
padding-left: 25px;
padding-right: 10px;
border-left: 3px solid #6DA6FD;
background-color: transparent;
text-align: justify;
}

blockquote cite {
margin: 5px 0 0;
display: block
}

a, a:link, a:visited, a:hover, a:active {
color: #6BBD01;
text-decoration: none;
font-weight: bold;
}

code {
font-size: 12px;
color: #6DA6FD;
}

input, textarea, option  select {
border: 1px solid #C6E8FC; 
background-color: #B6E2FC; 
color: #3A3A39; 
font-family: trebuchet ms, trebuchet, verdana, sans-serif;
font-size: 12px;
padding: 2px;
}

acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #808080;
}

.navigation {
display: block;
margin: 10px 0 10px 0;
padding-bottom: 10px;
}

.alignleft {
float: left;
padding-left: 10px;
text-align: left;
display: inline;
}

.alignright {
float: right;
padding-right: 10px;
text-align: right;
display: inline;
}

#respond {
font-size: 16px;
margin-left: 10px;
}

.gravatar {
margin: 2px 0 0 2px;
}

.small {
font-size: 10px;
}

#sidebar .adspot .adspot_content ul li {
margin-left: 0 !important;
}

.stumbleupon_button {
float: right;
}