/*
Theme Name: Cherry Dreams
Description: A cute and vibrant theme by <a href="http://www.arlain.net">Arlain</a>
Version: 0.3
Author: Carolina Canchila
Author URI: http://www.arlain.net/
Tags: fixed-width, two-columns, pink, fixed-width, right-sidebar 
*/

/* ------- Modified by: Christine Hudnall - Hammock House -------- */
/* ------- Last Edited: September 05, 2010 --------- */


html { background-color: #fff; color: #666; width: 100%; }


/* -------------------- wordpress basics -------------------- */

 
.aligncenter { margin-left: auto;  margin-right: auto;  }

.alignleft { 
	float: left; 
	margin: 5px 15px 10px 0;
	font-size: .9em;
}

.alignright { 
	float: right; 
	margin: 5px 0 10px 15px;
	font-size: .9em; 
}

.wp-caption {
   border: 1px solid #f6e5ed;
   text-align: center;
   background-color: #f6e5ed;
   padding-top: 4px;
   margin: 10px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
   color: #333;
}

code { font-size: 1em; font-style: italic; }

blockquote {
	position: relative;
	background: #fff4fc url(images/blockquote_close.png) no-repeat right bottom;
	color: #c6628f;
	border: 1px dotted #9a4069;
	margin: 10px 10px;
}

blockquote blockquote {
	background: transparent url(images/blockquote_open.png) left top no-repeat;
	color: inherit;
	border-top: 1px solid #fff;
	margin: 0;
	padding: 15px;
}

blockquote blockquote p, blockquote blockquote ul {
	margin: 15px;
	color: #c05083;
	background-color: transparent;
	padding: 10px;
}

br { padding: 0; margin: 0; }

pre, code { width: 100%; overflow: auto; font-size: 1em; }



/* -------------------- calendar -------------------- */


#calendar_wrap { width: 90%; margin: 0 0 0 14px; }

#wp-calendar {}

#wp-calendar tbody { font-size: .9em; }

#wp-calendar caption { font-size: 1.2em; padding: 4px 0; font-variant: small-caps; font-weight: bold; }

#today {text-decoration: underline; background: #fff; color: #c6628f; }



/* -------------------- links -------------------- */



a { color:#c6628f; }

a:hover { background: #f6e5ed; color: #9a4069; }

a img { border: none; }


.linkcat a { color:#c6628f; margin: 1px 3px; }

.linkcat h2 { font-size: 1.1em; }

.linkcat a:hover {
	background: #d181a5;
	color: #fff;
	padding: 1px 3px;
}

.linkcat a img { border: none; }



/* -------------------- basics -------------------- */



body {
	background: #fde6ee url(images/background.png) repeat-x;
	font-family: "trebuchet ms", sans-serif;
	color: #666;
	font-size: 100%;
	margin-top: 30px;
}

#container {
	background: url(images/cont_back.png) repeat-y;
	width: 983px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}



/* -------------------- header -------------------- */



#header {
	background: #fde6ee url(images/header.png) no-repeat top left;
	width: 980px;
	height: 202px;
	margin: 32px 0 0 0;
	text-align: center;
	padding: 0;
}

#header a img {
	color: #cc769c;
	text-decoration: none;
	width: 975px;
	height: 202px;
}

#header a:hover { background: transparent; color: #fff; }

.description {
	text-align: left;
	color: #cc769c;
	font-size: 1.3em;
	padding: 0 0 0 220px;
	margin: -9px 0 10px 60px;
	visibility: hidden;
}



/* -------------------- menu -------------------- */



#navigation {
	margin: 0 auto;
	list-style: none;
	padding: 0;
	width: 960px;
	text-align: center;
}

#navigation ul { list-style-type: none; }

#navigation li {
	margin: -32px 0 0 0;
	padding: 5px;
	float: left;
	text-align: center;
	width: 15%;
}

#navigation li a {
	display: block;
	padding: 1px;
	text-decoration: none;
	font-size: .8em;
	font-weight: bold;
	background: #fff;
	border: 2px outset #cc769c;
	color: #9a4069;
	font-variant: small-caps;
	margin: 3px;
	width: 100%;
	
}

#navigation li a:hover { color: #000; padding: 1px; border: 2px inset #cc769c; }

.img_rss {
	float: right;
	position: relative;
	top: 38px; 
	right: 243px;
}



/* -------------------- content -------------------- */



#content {
	width: 650px;
	float: left;
	text-align: left;
	padding: 0 5px 0 45px;
}

#post { margin: 5px; font-size: .9em; }

.post {
	margin: 5px;
	background: url(images/post_top.png) no-repeat right top;
	font-size: .9em;
}

.post p { margin: 10px 0 0 0; }

#post p li { border: 1px solid red; margin: 2px 2px 4px; padding: 3px 6px; }

.post_title h2 {
	color: #c6628f;
	font-size: 1.3em;
	text-align: left;
	padding: 5px 0 0 70px;
}

#content .post .post_title h2 a { text-decoration: none; border-bottom: 0; }

.post_title p { margin: 0; }

.end_post { background: url(images/line.png) no-repeat; padding: 15px 0 0 0; }

.autor {
	font-size: .9em;
	text-align: left;
	padding: 3px 0 0 70px;
	color: #c6628f;
}

#content .post .autor a { text-decoration: none; border-bottom: 0; }

.info {
	text-align: left;
	padding: 3px 0 25px 70px;
	font-size: .8em;
}

#content .post .info a { text-decoration: none; border-bottom: 0; }

.postmetadata {
	background: url(images/tags.png) no-repeat;
	padding: 3px 5px 5px 10px;
	margin: 3px 0;
}

#content .post .postmetadata a { text-decoration: none; border-bottom: 0; }



/* -------------------- sidebar -------------------- */



#sidebar h3 {
	margin: 6px auto;
	width: 190px;
	padding: 5px 5px 0 18px;
	height: 30px;
	font-size: 1.2em;
	font-weight: bold;
	background: url(images/titles.png) no-repeat;
	color: #9a4069;
	font-variant: small-caps;
	text-align: right;
	border-top: 1px dotted #9a4069;
}

#sidebar {
	width: 230px;
	padding: 2px 0 2px 30px;
	float: left;
	margin: 0;
	font-size: .8em;
}

#sidebar li {
	padding: 2px 0 2px 5px;
	border-bottom: 1px dotted #9a4069;
	list-style: none;
	text-align: left;
}


#sidebar li a { color: #c6628f; text-decoration: none; border-bottom: 0; padding: 2px 5px 2px 7px; }
#sidebar li a:hover { background: #fff; color: #b25881; padding: 2px 5px 2px 7px; border-bottom: 1px dotted; }

#cats { margin-left: -5px; }



/* -------------------- navigations -------------------- */



.navigation_single {
	background: url(images/navigation.png) no-repeat;
	height: 35px;
	font-size: 1em;
	padding: 3px 0 0 0;
	margin: 0;
}

.navigation_single { height: 40px; background: url(images/nav_single.png) no-repeat; }

.alignleft_single { 
	float: left; 
	margin: 10px 15px 10px 70px; 
	font-size: .9em;
}

.alignright_single { 
	float: right; 
	margin: 10px 70px 10px 15px;
	font-size: .9em; 
}



/* -------------------- comments -------------------- */



.commenti {
	padding-left: 20px;
	line-height: 1.1;
	float: right;
}

.commento {
	border: 0;
	color: #666;
	bottom: 10px;
	left: 20px;
	padding: 10px;
	margin: 10px;
	font-size: .9em;
}

ol.comm { list-style: none; margin-right: 45px; }

.commento h4 {
	color: #666;
	padding: 0;
	margin: 3px 0;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 1.1em;
	float: left;
}

.commento .idcomm {
	font-size: 11px;
	font-weight: bold;
	float: left;
	width: 20px;
}

.commento p { clear: left; padding-left: 20px; }

.commento blockquote {
	position: relative;
	background: #fff;
	margin: auto 10px;
	border-left: 1px solid #b25881;
}

.commento blockquote blockquote { margin: 0; padding: 15px 0; }


.commento blockquote blockquote p {
	margin: 10px;
	color: #4f5f92;
	background-color: transparent;
	padding: 15px;
}

.commento cite { font-weight: bold; font-style: normal; }

.commento cite { font-size: .9em; color: #9a4069; }

cite.commauth, .commento cite a { text-decoration: none; }

.commento cite a { color: #9a4069; }
cite.commauth a { color: #9a4069; }

div .textright cite { margin-left: 80px; font-size: .8em; padding-bottom: 3px; }
div .textright cite a { font-size: .9em; }
 
cite.auth, cite.auth a { font-size: 1em; }

div .authbgd {background: #f0f0f1; color: #9a4069; border: 1px; padding: 3px; text-decoration: none; }

form.comment_user {
	position: relative;
	font-size: .8em;
	color: #aaa;
}

form.comment_user input { width: 40%; padding: 0.3em; margin-top: 0.2em; }

form.comment_user label { display: block; width: 40%; }

form.comment_user textarea {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 50%;
	height: 80%;
	overflow: auto;
}



/* -------------------- form labels -------------------- */



label { font-weight: bold; color: #9a4069; }

fieldset {
	padding: 1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}

legend { font-weight: bold; font-size: 1.2em; }



/* -------------------- lists -------------------- */



ul,ol { margin: 0 5px 5px 5px; }

ul { list-style-type: disc; }

ol { list-style-type: decimal; }

dl { margin: 0 0 5px 0; }

dl dt { font-weight: bold; }

dd { margin-left: 5px; }



/* -------------------- tables -------------------- */



table { margin-bottom: 1.4em; width: 100%; }

th {
	font-weight: bold;
	background: #edcbda;
	color: #9a4069;
}

th, td { padding: 2px 7px; }

tr.even td { background: #f6e5ed; }

tfoot { font-style: italic; }

caption { background: #e3b0c8; color: #9a4069; }

table#ssscale {
	background: #fff;
	color: #c6628f;
	border: 1px dotted #c6628f;
	text-align: center;
	margin: 3px auto;
	width: 190px;
}

/* -------------------- footer -------------------- */



#footer {
	background: url(images/footer.png) no-repeat bottom left;
	height: 60px;
	padding: 21px 0 10px 35px;
	text-align: center;
	font-size: .7em;
}

#footer p { padding: 20px 0 0 0; }



/* -------------------- blog images -------------------- */



div.right {
	float: right;
	margin:  20px;
	padding: 5px 0;
	text-align: center;
	font-style: italic;
	font-size: .8em;
	text-decoration: none;
}

div.left {
	float: left;
	margin:  20px;
	padding: 5px 0;
	text-align: center;
	font-style: italic;
	font-size: .8em;
	text-decoration: none;
}

.imgbox {
	float: left;
	text-align: center;
	width: 190px;
	height: 155px;
	border: 1px solid gray;
	margin: 4px;
	padding: 0px;
}

.thumbnail { width: 170px; height: 120px; margin: 3px; }

.box { width: 170px; padding: 0px; }


.imgbox2 {
	float: left;
	text-align: center;
	width: 37px;
	height: 34px;
	border: 1px solid gray;
	padding: 2px;
	background: #fff;
	margin: 3px;
}

.imgbox3 {
	float: right;
	text-align: center;
	width: 55px;
	height: 55px;
	border: 1px solid gray;
	padding: 2px;
	background: #fff;
	margin: 3px;
}

.thumbnail2 { width: 31px; height: 25px; margin: 3px; }

.box2 { width: 34px; padding: 0px; }



/* -------------------- general rules -------------------- */



acronym { cursor: help; border-bottom: 1px dotted gray; }

a[rel=toplink]:after {
	content: " ""\2191";
}

div.related { font-size: .9em; display: block; }

div.bord { border-top: 1px solid #ccc; }

div.linkwithin_div { width: 475px; margin: 0 auto; padding: 2px 0; }

div.goog { border: dotted #b25881; padding: 7px 0; border-width: 2px 0; width: 475px; margin: 0 auto; }

div.amazpost { border-bottom: 1px dotted #b25881; padding: 14px; width: 475px; margin: 0 auto; }



/* -------------------- fixies -------------------- */

.clear{ clear: both; }