/*
Theme Name: Magicalthinklet 
Theme URI: http://magicalthinklet.com/
Description: A theme by <a href="http://lotus-girl.com">lotus girl</a>.
Version: 1.0
Author: Betsy Lam
Author URI: http://lotus-girl.com/
Tags: 
*/

/* Palette ------------------
muted pink = #EFD1EA
hot pink = #EF008C
violet = #6F005D
slate = #D1DBED
egg nog = #F0EECF
olive = #BFBD9B

---------------------------- */

/* Global ------------------ */
body {
background: #DFDEC3; /*url('../images/body_bkgd_grass.jpg') repeat left top;*/
color: #444;
font-family: "Gill Sans", arial, helvetica, verdana, courier, "courier new";
font-size: 12px;
letter-spacing: 0.03em;
}
#outerContainer {
background: #F0EECF;
display: block;
margin: 0 auto;
}
#innerContainer {
float: left;
}
#outerContainer, #innerContainer {
width: 1024px;
}
#contentContainer {
background: url('../images/content_bkgd.jpg') no-repeat left top;
float: left;
padding: 0 10px;
/*position: relative;
top: -290px;*/
}
h1, h2, h3, h4, h5, h6 {

}
h3 {
margin: 5px 0;
}
p {
line-height: 20px;
}
a {
color: #EF008C;
text-decoration: none;
}
a:hover {
cursor: pointer;
text-decoration: underline;
}
strong {
color: #EF008C;
}
small {
font-size: 10px;
}
.col {
float: left;
width: auto;
}
.left {
float: left;
}
.right {
float: right;
}
blockquote {
color: #666;
float:left;
margin-left: 20px;
margin-right: 20px;
width: 460px;
}
#content .posts .postContent blockquote p {
width: 460px;
}
#header .hideMe {
display: block;
text-indent: -33333px;
}

/* Header ------------------ */
#header {
background: url('../images/banner_bkgd_1024y.jpg') no-repeat left top;
display: block;
height: 404px;
margin: 0 auto;
width: 1024px;
}
#header a {
float: left;
height: 270px;
width: 650px;
}
/* Social Sprites Large */
#header #socialLinks {
float: left;
width: 374px;
}
#header #socialLinks li, #header #socialLinks li a, #header #socialLinks li a:hover {
clear: left;
display: block;
float: left;
width: 211px;
}
#header #socialLinks li a {
position: relative;
}
#header #socialLinks .twitter a {
background: url('../images/twitter_li.png') no-repeat 0 2px;
height: 96px;
left: 200px;
}
#header #socialLinks .facebook a {
background: url('../images/facebook_li.png') no-repeat 1px top;
height: 78px;
top: 165px;
}
#header #socialLinks .rss a {
background: url('../images/rss_li.png') no-repeat left -1px;
height: 86px;
left: 170px;
top: -10px;
}
#header #socialLinks li a:hover {
background-position: left bottom;
}

/* Columns and Sidebars -------------- */
.col h2 {
margin: 0 0 5px 0;
}
.col ul li {
padding: 5px 0;
}
#leftSidebar.col {
margin-right: 15px;
width: 200px;
}
#rightSidebar.col {
margin-left: 15px;
width: 220px;
}
#leftSidebar.col ul, #rightSidebar.col ul, #rightSidebar.col p {
margin: 0 0 10px 0;	
}
/* Right Sidebar */
#rightSidebar.col h2, #rightSidebar.col ul, #rightSidebar.col form, #rightSidebar.col p {
clear: left;
float: left;
}
#rightSidebar.col h2, #rightSidebar.col label {
margin: 10px 0 5px 0;
}
#rightSidebar img.profile {
float: left;
height: auto;
padding: 5px 8px 0 0;
width: 95px;
} 
#rightSidebar.col .bio {
width: auto;
}
#rightSidebar.col #sponsors li a {
display: block;
}
#rightSidebar.col span {
color: #EF008C;
}
/* Search Form */
#searchform {
margin: 0 0 15px 0;
}
#searchform, #searchform label {
float: left;
width: auto;
}
#searchform label {
float: left;
font-weight: bold;
padding: 0 0 5px 0;
}
/* Main Content ------------------ */
#content {
background: #FFFEEF;
border: 1px solid #DFBD61;
float: left;
padding: 10px;
width: 510px;
}
#content .posts, #content .posts li, #content .posts .postContent, #content .posts li p, #content .posts li h2, #content .posts li img, #content .posts li .post-categories,
#content .post li, #content .post li p, #content .post li h2 {
display: block;
float: left;
width: auto;
}
#content .posts li .date, #content .post li .date {
border-bottom: 1px dotted #FF00CC;
width: 500px;
}
#content .posts li h2, #content .post li h2 {
clear: left;
font-size: 14px;
width: 100%;
}
#content .posts {
width: 512px;
}
#content .posts li {
margin: 5px 0;
padding: 5px;
width: 500px;
}
#content .posts li span, #content .post li span {
padding: 0 5px;
}
#content .posts li span, #content .posts li a, #content .post li h2 {
line-height: 20px;
}
#content .posts li .more-link {
background: #FFDFDF;
float: left;
padding: 1px 6px;
}
#content .posts li p img, #content .posts li p a img {
clear: both;
}
#content .posts .postContent, #content .posts .postContent p {
clear: left;
width: 500px;
}
#content .postContent {
float: left;
margin-top: 10px;
width: auto;
}
#content .postContent h4 {
clear: left;
float: left;
font-weight: normal;
width: auto;
}
#content .postContent h4 a {
color: #9F8300;
}
#content .postContent p {
clear: left;
padding: 5px 0;
}
#content .postContent img {
float: left;
width: auto;
}
/* Single Post Only */
#content.single {
float: left;
width: 530px;
}
#content.single #postNavigation {
margin-bottom: 20px;
width: 100%;
}
#content.single .post, #content.single #respond {
float: left;
}
#content.single .post {
margin: 5px 0;
padding: 5px;
width: 518px;
}
/* User Stuff */
#content .postInfo #userStuff li {
clear: left;
float: left;
padding: 5px 0;
}
#content #respond {
float: left;
width: 530px;
}
#content #commentform p {
margin: 5px 0;
}
#content .commentlist {
float: left;
margin: 10px 0 0 0;
width: 520px;
}
#content .commentlist li {
background: #FFF;
border-bottom: 1px dotted #CCC;
clear: left;
float: left;
padding: 10px 0;
width: 510px;
}
#content #comments {
float: left;	
}
#content .commentlist .comment-author, #content .commentlist .comment-meta {
float: left;
width: 250px;
}
#content .commentlist .comment-author img, #content .commentlist .comment-author .fn, #content .commentlist .comment-author .says {
float: left;
width: auto;	
}
#content .commentlist .comment-meta a {
color: #747273;
}
#content .commentlist .comment-author .fn {
background: #FFDFDF;
color: #EF008C;
display: block;
font-style: normal;
padding: 1px 6px;
margin: 0 5px;
}
#content .commentlist li p {
clear: left;
left: 250px;
position: relative;
width: 250px;
}
/* Socialize This */
#socialize-this {
float: left;
margin: 0 5px 0 0;
width: auto;
}
#socialize-this img {
height: 25px;
width: 25px;
}
/* Post Info & More */
#content .posts .more {
margin: 5px 0;
}
#content .posts .postInfo, #content .postInfo li, #content .postInfo li span, #content .postInfo li p, #content .postInfo li a {
display: inline;
}
#content .postInfo {
clear: left;
float: left;
margin: 20px 0;
width: 500px;
}
#content .postInfo li {
border: none;
margin: 0;
padding: 0;
width: auto;
}
#content .postInfo li.left, #content .postInfo li.left span, #content li.left.admin {
float: left;
}
#content .postInfo li span {
float: left;
padding-left: 0;
}
#content li.left.admin {
background: #FFDFDF;
}
#content li.left.admin a {
color: #EF008C;
display: block;
padding: 1px 6px;
}
#content .postInfo li.right {
float: right;
}
#content .postInfo li a {
float: none;
}
#content .posts li .post-categories {
display: inline;
}
#content .posts li .post-categories li {
margin: 0;
padding: 0 5px 0 0;
width: auto;
}
/* PostNav */
#postNavigation {
clear: left;
float: left;
margin: 20px 0;
width: 510px;
}

/* Search Results ----------- */
#content.searchResults {

}

#content.searchResults h2 {
float: left;
width: 500px;
}
#content.searchResults .pagetitle {
font-size: 14px;
}
#content.searchResults .post {
border-bottom: 1px dotted #CCC;
float: left;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
width: 500px;
}
#content.searchResults #searchform label {
margin: 5px 10px 0 0;
}
#content.searchResults #searchform #s {
color: #EF008C;
font-size: 14px;
padding: 5px;
width: 250px;
}
#content.searchResults #searchform #searchsubmit {
font-size: 14px;
}

/* Footer ------------------- */
#footerContainer {
background: url('../images/footer.jpg') no-repeat left top;
float: left;
margin: 50px 0 0 0;
width: 1024px;
}
#footer {
float: left;
padding: 0 10px;
width: 1004px;
}
#footer .col {
margin: 0 10px 0 0;
width: 200px;
}
#footer img {
float: left;
}
#footer h2, #footer ul {
float: left;
width: 200px;
}
#footer #aboutBlog.col {
float: right;
width: 500px;
}
#footer #aboutBlog span {
color: #DB4415;
}
#footer p {
clear: left;
float: left;
padding: 5px 0;
}
#footer .copy {
float: none;
text-align: center;
}
#wordpressFooter {
clear: left;
margin: 0 auto;
text-align: center;
width: 100%;
}