/*  
Theme Name: Cupcakes
Theme URI: http://poshbaker.com
Description: Posh Bake Shoppe Theme
Version: 1.0
Author: Emily Carlin
Author URI: http://swankwebstyle.com/
*/
/*
General
----------------------------------------------- */
* {margin: 0; padding: 0;}

body {
	background: url(images/bg.gif) repeat top left;
	font-size: small;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
        color: #000;
        text-align: left; }

* html body {
        font-size: x-small; /* for IE5/Win */
        f\ont-size: small;  /* for other IE versions */ }

p { padding: 0 0 10px; }

.clearit { clear: both; }

.alignleft { float: left; }
.alignright { float: right; }

blockquote {
        text-align: left;
        background-color: #FBDFEB;
        border: 1px dotted #803201;
        font-size: 90%;
        margin: 0 20px 20px 20px; 
	padding: 10px 10px 0 10px; }

input, select, textarea {
        background-color: #FBDFEB;
        border: 1px dotted #803201;
        margin: 0 0 4px;
        padding: 3px; }

.divider {
        clear: both;
        width: 364px;
        height: 56px;
        margin: 20px auto 30px;
        text-align: center;
	background: url(images/divider.gif) no-repeat top center; }

#page .divider {
        margin: 10px auto; }

/*
Links
----------------------------------------------- */
a { color:#FF0066; font-weight:normal; text-decoration:none; }
a:link { color:#FF0066; font-weight:normal; text-decoration:none; }
a:visited { color:#FF0066; font-weight:normal; text-decoration:none; }
a:hover { color:#FF80B3; background-color: #FEEC98; font-weight:normal; text-decoration:none; }

ul#topmenu-left a:hover, ul#topmenu-right a:hover { color:#FF80B3; border-bottom: 1px dotted #FEEC98; background-color: transparent; font-weight:normal; text-decoration:none; }

/*
Structure
----------------------------------------------- */
#container {
	width: 100%;
	margin: 0 auto;
	background: url(images/bg-top.gif) repeat-x top center;
        overflow: hidden;  }

#container-image {
	width: 772px;
	height: 249px;
	background: url(images/header.gif) no-repeat top center;
        margin: 0 auto; }

#container2 {
	width: 772px;
	margin: 0 auto;
	background: url(images/background.gif) repeat-y top left;
        overflow: hidden;  }

ul#topmenu-left {
        float: left;
        padding: 145px 0 0 0;
        text-align: center; }

ul#topmenu-left li {
        float: left;
        list-style-type: none;   
        list-style-position: outside; 
        padding: 0 6px;
        text-align: center; }

ul#topmenu-right {
        float: right;
        padding: 145px 0 0 0;
        text-align: center; }

ul#topmenu-right li {
        float: left;
        list-style-type: none;   
        list-style-position: outside; 
        padding: 0 3px 0 4px;
        text-align: center; }

#content {	
        float: left;
        width: 480px;
        margin: 0; }

.storycontent {
	margin: 0;
        padding: 0 15px 20px;
        line-height: 150%;
        text-align: left;
        font-size: 110%; }  

#main .storycontent { font-size: 120%; }  

#side {
        float: right;
	width: 274px;
	padding: 0 15px 20px 0;
        line-height: 150%; }

.side-main {
        text-align: left;
	background: url(images/side-mid.gif) repeat-y top left;
        padding: 0 15px; }

#footer {
        clear: both;
	background: url(images/footer.gif) no-repeat top left;
	width: 772px;
	height: 58px;
        margin: 0 auto 10px;
        padding: 0; }	

.bottommenu {
        margin: 0;
        padding: 30px 0 0 0;
        font-size: 90%;
	text-align: center;
        color: #803201; }

/*
Blog
----------------------------------------------- */
#blog #content {	
        float: left;
        width: 550px;
        margin: 0; }

.post {
        font-size: 150%;
	text-align: left;
        font-variant: small-caps;
        color: #FF80B3;
	margin: 0 0 10px;
        padding: 0; }	

.navigation {
        font-size: 85%;
	text-align: center;
        padding: 0 0 15px;
	margin: 0; }

#blog #side {
        float: right;
	width: 200px;
	padding: 0 15px 20px 0;
        line-height: 150%; }

.side-blog {
        text-align: center;
	background: url(images/blogside-mid.gif) repeat-y top left;
        padding: 0 15px 5px; }

/*
Comments
----------------------------------------------- */
ol.commentlist {
        list-style-type: none;
	margin: 0;
	padding: 0; }

ol.commentlist li {
        list-style-type: none;
	margin: 0 0 20px;
	padding: 0; }

ol.commentlist img {
        background-color: transparent;
	margin:0;
        padding: 0;
        border: 0px solid #333;
        text-align: left; }

.avatar { float: left; }

.commentmetadata {
        float: left;
        background-color: #FEEC98;
        width: 91%;
        height: 24px;
        font-variant: small-caps;
        font-size: 110%;
        text-align: left;
        v-align: middle;
        margin: 0 0 5px 5px;
        padding: 3px 0 3px 10px;  }

.com-text { padding: 5px 0 0 30px; }

.bypostauthor .commentmetadata { background-color: #FF80B3; }

.children { list-style-type: none; width: 97%; margin: 0; padding: 10px 0 0 15px; }

.left-comform {float: left; width: 30%; padding: 10px 0 0 0;}

.right-comform {float: right; width: 65%; padding: 10px 0 0 0;}

#commentform { margin: 0 0 10px; text-align: left; }

#commentform #author, #commentform #email, #commentform #url {
        background-color: #FBDFEB;
        border: 1px dotted #803201;
	width: 150px;
	padding: 3px;
	margin: 0 0 5px; }

#commentform textarea {
        background-color: #FBDFEB;
        border: 1px dotted #803201;
        width: 97%; 
        padding: 3px;
	margin: 0; }

/*
Lists
----------------------------------------------- */	
.column1 {
        float: left;
        width: 220px; }

.column2 {
        float: right;
        width: 220px; }

ul {
        list-style-type: none;    
        margin: 0 0 25px; 
        padding: 0; }

ul li {
        list-style-type: circle;
        list-style-position: inside;
        line-height: 160%;
        color: #803201;
        text-align: left;
        padding: 0 5px; }

#side ul li {
        list-style-type: circle;
        list-style-position: inside;
        color: #FF80B3;
        line-height: 160%;
        text-align: left;
        margin: 0;
        padding: 0; }

ol {
        list-style-type: none;
        margin: 0 0 10px 0; }
  
ol li {
        list-style-type: disc;
        list-style-position: inside;
        line-height: 160%;
        text-align: left;
        margin: 0 0 0 10px; }

dl { }

dt {
        font-size: 130%;
	text-align: left;
        font-variant: small-caps;
        color: #FF80B3;
	margin: 0;
        padding: 0; }	

dd { padding: 0 0 15px; }

/*
Headings
----------------------------------------------- */	
h1 {
        font-size: 180%;
	margin: 0 0 15px;
        padding: 0;
        color: #ED086C;
	text-align: left;
	font-weight: normal; }		

h2 {
	font-weight: normal;
        font-size: 150%;
	text-align: left;
        font-variant: small-caps;
        color: #FF80B3;
	margin: 0 0 10px;
        padding: 0; }	

h2.right { font-size: 130%; text-align: right; }

h3 {
        font-size: 85%;
	text-align: left;
	color: #ED086C;
	font-weight: normal;
        padding: 0 0 15px;
	margin: 0;
        line-height: 130%; }	

h4 { margin: 0 0 5px; text-align: left; }

/*
Images
----------------------------------------------- */	
img { border:0; }

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
        padding: 4px;
        background-color: #fff;
        border: 1px dotted#FF80B3; }
	
img.alignright {
        padding: 4px;
        background-color: #fff;
        border: 1px dotted #FF80B3;
	margin: 0 0 10px 10px;
	display: inline; }

img.alignleft {
        padding: 4px;
        background-color: #fff;
        border: 1px dotted #FF80B3;
	margin: 0 10px 10px 0;
	display: inline; }

.image { float: left; }

#side .image { float: left; margin: 0 0 0 8px; }

.image img.alignleft {
        padding: 2px;
        background-color: #fff;
        border: 1px dotted #FF80B3;
	margin: 0 6px 10px 0;
	display: inline; }