/*  
Theme Name: So Charmed
Theme URI: http://www.charmedjane.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: verdana,impact,tahoma,arial;
font-size: 11px;
line-height: 18px;
background-color: #EFEFEF;
color: #2D2D2D;
}

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

#header {
margin: 0 auto 0 auto;
width: 947px;
height: 308px;
background-repeat: no-repeat;
background-image: url(images/header.jpg);
}

#container {
width: 947px;
margin: 0 auto 0 auto;
display:inline;
overflow: hidden;
}

#content {
float: left;
width: 528px;
padding: 0 0 0 19px;
color: #2D2D2D;
display:inline;
overflow: hidden;
}

#sidebarcontainer{
float: right;
margin-right: 19px;
display: inline;  
width: 362px; 
padding: 0;
}

#leftbar {
float: left; 
width: 182px;
display: inline;
margin: 0;
padding: 5px 0 0 0;
overflow: hidden;
}

#rightbar {
float: right; 
display: inline; 
margin: 0;
padding: 5px 0 0 0; 
width: 182px;
}

*+ #rightbar {
padding: 10px 0 0 0; 
}

*#rightbar {
padding: 10px 0 0 0; 
margin: -4px -14px 0 0;
}

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

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


/* Ads
----------------------------------------------- */

#ad {
float: right;
margin: 0 30px 0 0;
width: 300px;
height: 250px;
display: inline; 
overflow: hidden;
border-bottom: 1px solid #A5A4A4;
padding-bottom: 28px;
background-color: #FFFFFF;
}

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

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

.list {
list-style: none;
}

*+html .list {
list-style: none;
margin-left: -18px;
}

*html .list {
list-style: none;
margin-left: -16px;
}


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

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

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

#leftbar ul li {
width: 182px;
list-style: none;
margin-left: -30px;
}

#rightbar ul li {
width: 182px;
list-style: none;
margin-left: -41px;
}

#leftbar ul li ul li, #rightbar ul li ul li {
list-style: none;
margin-left: -40px;
padding: 0 0 5px 0;
}


/* Menu
----------------------------------------------- */

#menubar {
background-color: transparent;
width: 947px;
height: 31px;
margin: 66px 0 0 17px;
padding: 0px;
overflow: hidden;
}
	
#menubar a {
color: #FFFFFF;
font-size: 14px;
text-decoration: none;
text-transform: lowercase;
padding: 0px 0px 0px 3px;
}
	
#menubarleft {
width: 840px;
float: left;
margin: 0px;
padding: 0px;
}

#menu {
margin: 0px;
padding: 0px;
list-style: none;
}
	
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#menu li {
float: left;
margin: 0px;
padding: 0px;
}

#menu li ul {
position: absolute;
width: 10em;
left: -999em;
}

#menu a, #menu a:visited {
background-color: transparent;
color: #FFFFFF;
font-family: georgia, times roman, sans-serif;
display: block;
letter-spacing: 1px;
margin: 0px;
padding: 8px 15px 8px 15px;
border-left: 1px solid #616060;
}
	
#menu a:hover {
color: #FFFFFF;
margin: 0px;
padding: 8px 15px 8px 15px;
text-decoration: none;
}

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

#leftside {
float: left;
width: 508px;
margin: 110px 0 0 30px;
display: inline;
}

#leftside ul li {
list-style: none;
margin: 0;
padding: 0;
}

#leftside ul li ul li{
list-style-image: url(images/bullet.gif);
margin: 0;
padding: 0;
}

#leftside a, #leftside a:link, #leftside a:visited, #leftside a:active {
color: #FA7C94;
text-decoration: none;
}

#rightside {
float: right;
width: 316px;
margin: 38px 32px 0 0;
display: inline;
}

#rightside ul li {
list-style: none;
margin: 0;
padding: 0;
}

#rightside a, #rightside a:link, #rightside a:visited, #rightside a:active {
color: #FA7C94;
text-decoration: none;
}

#feeds {
margin: -15px 0 0 153px;
background: transparent url(images/rss.gif) no-repeat;
width: 85px;
height: 78px;
}

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

.post {
margin-bottom: 10px;
color: #2D2D2D;
font-size: 11px;
}

.postdatetime {
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
color: #2D2D2D;
margin-top: -15px;
}

.postmetadata {
font-size: 11px;
}

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

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

.pagespace {
height: 350px;
}

.text {
text-align: justify;
}


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

ol.commentlist {
width: 490px;
margin: 0 0 0 -22px;
text-align: justify;
}

ol.commentlist li {
margin-left: 0px;
margin-bottom: 10px;
}

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

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

.alt {
background-color: #EFEFEF;
border-top: 1px solid #A5A4A4;
border-bottom: 1px solid #A5A4A4;
}

small.commentmetadata {
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
color: #2D2D2D;
display: block;
padding: 5px;
}

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

#commentform {
color: #2D2D2D;
padding-left: 10px;
}

#comment {
font-family: verdana,impact,tahoma,arial;
font-size: 11px;
color: #2D2D2D; 
}

#commenttext {
margin-bottom: 5px;
display: block;
padding: 5px;
}


/* Blockquote
----------------------------------------------- */

blockquote {
font-style: italic;
padding-left: 25px;
padding-right: 10px;
border-left: 3px solid #7ECFD3;
background-color: transparent;
text-align: justify;
color: #2D2D2D;
}

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

/* Calendar
----------------------------------------------- */

#wp-calendar {
width: 160px;
}

#wp-calendar #today {
color: #2D2D2D;
background-color: #EFEFEF;
border: 1px dotted #2D2D2D;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}


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

.copyright {
text-align: center;
margin: 245px 47px 0 -3px;
color: #FFFFFF;
font-size: 10px;
}

*+html .copyright {
margin: 230px 42px 0 0;
}

*html .copyright {
margin: 230px 42px 0 0;
}

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

a img {
border: none;
}

.post img.none {
padding: 0;
border: none;
background: none;
}

.post img {
padding: 6px;
background: #FFFFFF;
border: 1px solid #A5A4A4;
}

.post img.wp-smiley {
padding: 0;
border: none;
background: none;
}

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;
}

.alignleft img{
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;
}

.gravatar {
float: right;
margin: 5px;
padding: 3px;
background: #FFFFFF;
border: 1px solid #A5A4A4;
}

/* Captions
----------------------------------------------- */

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.caption {
text-align: center;
padding-top: 4px;
margin: 10px;
}

.caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.caption p {
font-size: 11px;
line-height: 18px;
font-style:  italic;
padding: 5px;
margin: 0;
}

/* Search
----------------------------------------------- */

.search {
float: right;
padding: 0;
margin: 25px 31px 0 -115px;
display: inline;
}

#searchform {
text-align: left;
}

#searchform #s {
width: 210px;
}

#searchsubmit {
padding: 1px;
}

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

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

/* Forms
----------------------------------------------- */

input, textarea, option  select {
border: 1px solid #2D2D2D; 
background-color: #FFFFFF;
color: #2D2D2D; 
font-family: verdana,impact,tahoma,arial;
font-size: 11px;
padding: 2px;
}


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

h2 {
margin-top: 10px;
font-family:  georgia, times roman, sans-serif;
font-size: 21px;
color: #7ECFD3;
line-height: 24px;
text-align: left !important;
}

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

h3 {
font-family:  georgia, times roman, sans-serif;
padding: 3px;
margin-top: 14px;
font-size: 16px;
color: #7ECFD3;
text-align: left
}

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

code {
font-size: 11px;
color: #FA7C94;
}

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

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

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

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


.small {
font-size: 10px;
}

.clear {
clear: both;
}

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

#home {
margin: 80px 0 0 17px;
width: 915px;
height: 116px;
}

