/* 
Theme Name: Muffins and Cupcakes
Theme URI: http://www.muffinsandcupcakes.com/
Description: Customized theme for Muffins and Cupcakes
Version: 1.0
Author: Andrew Lindstrom
Author URI: http://www.andrewmakeswebsites.com/
*/
* 
{
margin: 0;
padding: 0;
}

body 
{
font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
font-size: 100%;
color: #333;
background-image: url(images/titleback.gif);
background-repeat: repeat-x;
background-color: #FCF0F6;
text-align: center;
}  

#wrapper 
{
width: 840px;
margin: 0px auto;
text-align: left;
}

h1, h2, h3, h4, h5, h6 
{
}

p 
{
}

a 
{
color: #69c;
text-decoration: underline;
}

a:hover, a:focus, a:active 
{
color: #d66767;
text-decoration: underline;
}

a:focus, a:active 
{
color: red;
}

img, a img 
{
padding: 0;
margin: 0;
border: 0;
}

div.boxcontent div p a img
{
padding: 2px;
border: 1px solid #e6e6e6;
text-align: center;
}

img.center 
{
display: block;
margin-left: auto;
margin-right: auto; 
padding-bottom: 25px;
}

small 
{
}

abbr, acronym 
{
}

blockquote 
{
}

cite 
{
}

em 
{
}

strong 
{
}

form 
{
}

fieldset 
{
}

legend 
{
}

label 
{
}

select 
{
}

option 
{
}


input:focus, select:focus, option:focus, textarea:focus 
{
}

#header 
{
text-align: center;
}

#content 
{
}

#sidebar
 {
}

#navigation 
{
}

#footer 
{
color: #d66767;
font-size: 80%;
padding-top: 5em;
clear: both;
text-align: center;
bottom:0;
width:100%;
height:20px;
}

#footer a
{
color: #69c;
}

#footer a:hover
{
color: #369;
}


.boxbig {background: #fff url(images/boxt.gif) top center repeat-x; width: 550px; float: left; margin: 0px 30px 30px 0px;}
.boxleft {background: url(images/boxl.gif) 0 0 repeat-y;}
.boxright {background: url(images/boxr.gif) 100% 0 repeat-y;}
.botleft {background: url(images/boxbl.gif) 0 100% no-repeat;}
.botright {background: url(images/boxbr.gif) 100% 100% no-repeat;}
.topleft {background: url(images/boxtl.gif) 0 0 no-repeat;}
.boxcontent {background: url(images/boxtr.gif) 100% 0 no-repeat; padding: 20px;}
.boxbottom {background: url(images/boxb.gif) bottom center repeat-x;}
.boxsmall {background: #fff url(images/boxt.gif) top center repeat-x; width: 250px; float: right;}

hr
{
border-top: 1px solid #e6e6e6;
height: 1px;
color: #fff;
background-color: #fff;
width: 100%;
margin: 0 0 2em 0;
padding: 0;
}

ul
{
padding-bottom: 8px;
}

li.pagenav, div.boxcontent ul li
{
list-style: none;
}

div.boxcontent ul li.pagenav ul li, div.boxcontent ul li ul li, h2, h4
{
padding: 2px;
line-height : 110%;
list-style: none;
text-indent: 5px;
list-style: none;
border-bottom: 1px solid #e6e6e6;
}

div.boxcontent ul li p
{
border-bottom: 1px solid #e6e6e6;
padding: 5px;
}

div.boxcontent ul li p a
{
background-image: none;
padding: 0;
}

div.boxsmall ul li a
{
background-image: url(images/heart.gif);
background-repeat: no-repeat;
background-position: 0 10px;
color: #69c;
text-decoration: none;
padding: 2px 2px 2px 13px;
line-height : 110%;
list-style: none;
text-indent: 5px;
list-style: none;
}



div.boxsmall ul li a:hover
{
color: #d66767;
}

div.boxsmall ul
{
padding-bottom: 1em;
}

li.bump
{
padding-bottom: 1em;
}

div.boxsmall ul li h2, h4
{
padding-left: 27px;
background-image: url(images/mufpink.gif);
background-position: 0 2px;
background-repeat: no-repeat;
color: #d66767;
line-height: 25px;
margin: 0px;
font-size: 120%;
text-indent: 0;
}

div.boxbig h3 a, h3.pagetitle
{
padding-left: 25px;
background-image: url(images/mufblue.gif);
background-position: 0 2px;
background-repeat: no-repeat;
color: #d66767;
line-height: 25px;
margin: 0px;
font-size: 105%;
text-decoration: none;
text-indent: 0;
}

h4.feed
{
background-image: url(images/feed.gif);
background-position: 5px 6px;
background-repeat: no-repeat;
}

h4.about
{
background-image: url(images/mufcream.gif);
background-position: 0 0px;
background-repeat: no-repeat;
}

h4.arc
{
background-image: url(images/mufchoc.gif);
background-position: 0 4px;
background-repeat: no-repeat;
}

h4.cat
{
background-image: url(images/mufyellow.gif);
background-position: 0 4px;
background-repeat: no-repeat;
}



h4.con
{
background-image: url(images/mufplain.gif);
background-position: 0 4px;
background-repeat: no-repeat;
}

h4.pagetitle, h4.response, h4.leavea
{
text-align: right;
padding: 0;
margin: 0 0 1em 0;
color: #ccc;
background-image: none;
background-position: 0;
}

div.boxbig span
{
font-size: 75%;
color: #999;
letter-spacing: 0.1em;
}

div.boxcontent div p
{
text-align: justify;
padding: 0.75em 0;
font-size: 100%;
color: #333;
letter-spacing: 0;
line-height: 1.5em;
font-family: Georgia,"Times New Roman",Times,serif;
}

div.boxcontent p
{
font-size: 75%;
color: #999;
letter-spacing: 0.1em;
}

div.boxcontent ol li
{
padding: 1em;
}

div.boxcontent ol
{
list-style: decimal inside;
}

.black
{
color: #333;
}

.bold 
{
}

.italic
{
}

.hidden 
{
}

.offset 
{
}

.highlight 
{
}

.tiny 
{
}

.error 
{
}

.abbr 
{
}

span.left
{
float: left;
padding-left: 25px;
}

span.right
{
float: right;
padding-right: 25px;
}

#next, #next a
{
color: #d66767;
line-height: 25px;
margin: 0px;
font-size: 105%;
text-decoration: none;
clear: both;
width: 550px;
}

#next a:hover
{
color: #69c;
text-decoration: underline;
}

textarea
{
border: 1px solid #69c;
background-color: #fff;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999;
margin: 4px 0 5px 0;
padding: 2px;
}

input 
{
border: 1px solid #69c;
background-color: #fff;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999;
margin: 4px 0 10px 0;
padding: 2px;
}
