/*  
Theme Name: Princess For Hire
Theme URI: http://princessforhire.com
Description: Princess For Hire Theme
Version: 1.0
Author: Emily Carlin
Author URI: http://swankwebstyle.com/
*/
/*
General
----------------------------------------------- */
* {margin: 0; padding: 0;}

html { background-color: #ffe73f; }

body {
	background: #fff url(images/bg.gif) repeat-x top center;
	font-size: small;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0 auto;
        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: #fff;
        border: 1px dotted #d7227a;
        font-size: 90%;
        color: #fff; 
        margin: 0 20px 20px 20px; 
	padding: 10px 10px 0 10px; }

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

#searchform div { text-align: center; }

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

/*
Links
----------------------------------------------- */
a { color:#d7227a; font-weight:normal; text-decoration:none; }
a:link { color:#d7227a; font-weight:normal; text-decoration:none; }
a:visited { color:#d7227a; font-weight:normal; text-decoration:none; }
a:hover { color:#ea65a6; border-bottom: 1px dotted #ea65a6; font-weight:normal; text-decoration:none; }

ul#topmenu li a:hover { color:#ea65a6; border-bottom: 1px dotted #fff; font-weight:normal; text-decoration:none; }

#side a { color:#fff; font-weight:normal; text-decoration:none; }
#side a:link { color:#fff; font-weight:normal; text-decoration:none; }
#side a:visited { color:#fff; font-weight:normal; text-decoration:none; }
#side a:hover { color: #041655; border-bottom: 1px dotted #fff; font-weight:normal; text-decoration:none; }

#side a { color:#d7227a; font-weight:normal; text-decoration:none; }
#side .side-ask a:link { color:#d7227a; font-weight:normal; text-decoration:none; }
#side .side-ask a:visited { color:#d7227a; font-weight:normal; text-decoration:none; }
#side .side-ask a:hover { color: #ea65a6; border-bottom: 1px dotted #fff; font-weight:normal; text-decoration:none; }

#footer a { color:#ffe73f; font-weight:normal; text-decoration:none; }
#footer a:link { color:#ffe73f; font-weight:normal; text-decoration:none; }
#footer a:visited { color:#ffe73f; font-weight:normal; text-decoration:none; }
#footer a:hover { color:#041655; border-bottom: 1px dotted #041655; font-weight:normal; text-decoration:none; }

/*
Structure
----------------------------------------------- */
#container {
	width: 800px;
	margin: 0 auto;
        overflow: hidden;  }

#container-image {
	width: 800px;
	height: 234px;
	background: url(images/header.gif) no-repeat top left; }

ul#topmenu {
        padding: 205px 0 0 5px;
        text-align: center; }

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

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

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

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

.side-blog {
        text-align: left;
	background-color: #ea65a6;
        *padding: 0 0 5px; }

.side-ask {
        text-align: center;
	background-color: #ffe73f;
        padding: 0 5px 0;
        *padding: 0 5px 5px; }

.side-arch {
        text-align: left;
	background-color: #d7227a;
        *padding: 0 0 5px; }

#footer {
        clear: both;
	background: url(images/footer-bg.gif) repeat-x top left;
	width: 100%;
	height: 40px;
        margin: 0 auto;
        padding: 0; }	

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

/*
Pages
----------------------------------------------- */
ul.subscribe { margin: 5px 0 0 665px; }

ul.subscribe li {
        float: left;
        padding: 0 8px 0 0; }

.navigation { text-align: right; margin: 0 0 5px; font-size: 90%; }

/*
Comments
----------------------------------------------- */
ol.commentlist {
	margin: 0;
	padding: 0; }

ol.commentlist li {
        list-style-type: none;
        width: 95%;
        _width: 90%;
	margin: 0 0 20px;
	padding: 10px 10px 0;
        background-color: #ffe73f;
        line-height: 140%; }

ol.commentlist li.alt {
        background-color: #ea65a6; }

.bypostauthor { background-color: #fff; border: 1px dotted #d7227a; }

.children { list-style-type: none; margin: 0; padding: 0; }

ol.commentlist li ul li { margin: 0; padding: 10px 10px 0; }

.commentlist .avatar { 
        margin: 0 10px 5px 0; 
        padding: 3px; 
        background-color: #fff; }

.storycontent .wp-smiley { border: 0; margin: 0; padding: 0; }

.commentlist .bypostauthor .avatar { background-color: #fff; }

.left-com { float: left; width: 13%; }

.right-com { float: right; width: 87%; padding: 0; }

.commentmetadata { font-size: 90%; text-align: left; margin: 0 0 10px; }

#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }

#commentform {
	margin: 0;
	padding: 0; }

#commentform #author, #commentform #email, #commentform #url {
        background-color: #fff;
        border: 1px dotted #d7227a;
        color: #000;
	width: 200px;
	padding: 1px;
	margin: 0 0 2px 0; }

#commentform textarea {
        background-color: #fff;
        border: 1px dotted #d7227a;
        color: #000;
        width: 97%; 
        padding: 2px;
	margin: 0; }

#submit { font-size: 90%; }

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

h2 {
	font-weight: normal;
        font-size: 150%;
	text-align: left;
        color: #ea65a6;
	margin: 0 0 15px;
        padding: 0; }	

h2.comments { margin: 0 0 5px; }

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

.post h3 {
        font-size: 110%;
	text-align: left;
	font-weight: normal;
        padding: 0 0 5px;
	margin: 0; }

h4 {
        font-size: 120%;
	text-align: center;
	font-weight: normal;
        padding: 0 0 10px;
	margin: 0; }

/*
Lists
----------------------------------------------- */	
ul {
        list-style-type: none;    
        margin: 0; 
        padding: 0; }

ul li {
        list-style-type: none;
        line-height: 160%;
        text-align: left;
        padding: 0 5px; }

#side ul li {
        list-style-type: none;
        line-height: 100%;
        text-align: left;
        font-size: 120%;
        margin: 0 0 0 10px;
        padding: 0 5px 10px 0; }

#side .side-arch ul {
        list-style-type: none;
        margin: 0;
        padding: 0 0 15px; }

#side .side-arch ul li {
        background: url(images/bullet-bl.gif) no-repeat top left;
        list-style-type: none;
        line-height: 110%;
        text-align: left;
        font-size: 100%;
        margin: 0 0 0 10px;
        padding: 0 5px 10px 20px; }

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

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

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

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

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