/*
Theme Name: SAYATOO fairytale 
Version: 1.0
Author: sayatoo
Author URI: http://www.sayatoo.com/
By downloading our themes, you agree that you: 
       1)  Can not resell the theme
       2)  You may use and modify the theme but the footer link back to WWW.SAYATOO.COM  should be retained.
       3)  You may use the theme on personal or commercial projects as far as #2 above is met 
*/

* {margin:0px; padding:0px;}
body {font-size:9pt;	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;background: #ffffff;color: #7F7F00;text-align: center;margin: 0;padding: 0;}
img {border: medium none;}
#header{width:100%; height:400px;}
/* background: url(images/headbg.jpg) left top no-repeat;}*/
#pagebody {width:950px;margin:auto;}

/*sidebars*/

#sidebars{margin:20px 0px 0px 0px;width:250px;text-align:left;float:left;clear:left;overflow:hidden;}
.searchdiv{width:100%;height:75px;background:url(images/searchbg.jpg) left top no-repeat;}
.categoriesdiv{width:100%;height:289px;background:url(images/categoriesbg.jpg) left top no-repeat;}
.archivesdiv{width:100%;height:190px;background:url(images/archivesbg.jpg) left top no-repeat;}
.linkdiv{width:100%;height:360px;background:url(images/linkbg.jpg) left top no-repeat;}
.recentpostdiv{width:100%;height:235px;background:url(images/newpostbg.jpg) left top no-repeat;}
.recentcommentdiv{width:100%;height:290px;background:url(images/newcommentbg.jpg) left top no-repeat;}
.mostcommentdiv{width:100%;height:282px;background:url(images/mostcommendedbg.jpg) left top no-repeat;}
.addiv{width:100%;height:120px;}

.addiv ul {padding:0px 25px;list-style:none;}
.addiv li{padding:3px 0px;list-style:none;}
.searchdiv ul {margin:0px 0px;list-style:none;}
.searchdiv li {margin:0px;color:#a7a093;}
.categoriesdiv ul {padding:44px 60px;list-style:none;}
.categoriesdiv li {padding:3px 0px;list-style:none;}
.archivesdiv ul {padding:60px 60px;list-style:none;}
.archivesdiv li {padding:3px 0px;list-style:none;}
.linkdiv ul {padding:65px 60px;list-style:none;}
.linkdiv li {padding:3px 0px;list-style:none;}
.metadiv  ul {padding:0px 60px;list-style:none;}
.metadiv li {padding:3px 0px;list-style:none;}
.musicdiv ul {padding:0px 60px;list-style:none;}
.musicdiv li {padding:3px 0px;list-style:none;}
.feeddiv  ul {padding:0px 60px;list-style:none;}
.feeddiv li {padding:3px 0px;list-style:none;}
.recentpostdiv ul {padding:30px 50px;list-style:none; }
.recentpostdiv li {padding:3px 10px;list-style:none;overflow:hidden; background: url(images/ten.jpg) 0px 5px no-repeat;border-bottom:1px dashed #a7a093;}
.recentcommentdiv ul {padding:30px 50px;list-style:none; }
.recentcommentdiv li {padding:10px 6px 1px;list-style:none;overflow:hidden;background: url(images/ten.jpg) 0px 14px no-repeat;border-bottom:1px dashed #a7a093;}
.mostcommentdiv ul {padding:40px 50px;list-style:none;}
.mostcommentdiv li {padding:3px 10px;list-style:none;overflow:hidden; background: url(images/ten.jpg) 0px 5px no-repeat;border-bottom:1px dashed #a7a093;}

#sidebars a{	color: #8bb623;	text-decoration: none;}
#sidebars a:hover {font-size: 9pt;color: #D49F00;text-decoration: underline;}

/*searchbar*/
.searchbox{padding:25px 50px;}
.searchinput{float:left;padding:7px 0px;}
.applesearchbutton {float:right;padding:0px 0px;}
.searchinput input{color: #8bb623;height:18px;width:100px;padding:2px 8px 0 3px;border:1px solid #D8D8BA;background:#FFF url(images/inputcorner.gif) bottom right no-repeat;}
.applesearchbutton input {border:none; background:transparent url(images/applebutton.jpg) center top no-repeat; width:30px; height:34px;}

/*content*/
#content {margin:0px 10px 0px 10px;border:0px solid #E00;width:660px;text-align:left;float:right;clear:right;overflow:hidden;}
#content h1, h2, h3 {font-family:'ËÎÌå','Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-weight: bold;color:#D49F00;}
#content h1{text-align:left;font-size: 18px;padding:2px 0px 2px 0px;}
#content h1 a, h1 a:visited{font-size: 18px;color:#D49F00;text-decoration: none;}
#content h1 a:hover {font-size: 18px;text-decoration: underline;}
#content .entry{padding:20px 0px 10px;text-align:left;line-height: 1.8em;}
#content .postmetadata{text-align:left;font-size:9px;font-family:Verdana, Arial, Sans-Serif;color:#909090;padding:5px 0px;}
#content .postmetadata a,a:visited{font-size:12px;color:#CBCDB1;text-decoration: none;}
#content .postmetadata  a:hover {font-size:12px;color:#D49F00;text-decoration: underline;}
#content .post {padding: 25px 0 15px;text-align: left;}
#content li a,li a:visited,a,a:visited{color: #8bb623;;text-decoration: none;}
#content a:hover {color:#D49F00;text-decoration: underline;}
#content .title{padding:10px 50px 10px;}
#content .postline{width:100%;border-top:1px dashed #cccccc;height: 1px;overflow:hidden;}
#content .title {position:relative; padding-bottom:30px;}
.title .date {position:absolute; left:-50px; top:8px; font:10px Verdana; padding:10px 0px 0 0;width:37px; height:46px; text-align:center; background: url(images/date.jpg) no-repeat;}
.commentjpg{margin:-2px 0px;}
/*footer*/
#footer{margin:30px 0px;width:100%; height:297px; background: url(images/bottombg.jpg) left bottom no-repeat;}
#footer .copyright{border:0px solid #E00;font-size:10px;font-family:Verdana, Arial, Sans-Serif;margin:10px 0px;}
/* Begin Images 
p img {padding:0;max-width: 100%;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;	display: inline;}
.alignright {float: right;}
.alignleft {	float: left}
/* End Images */


#wp-calendar {width:100%; font-size:12px; font-family:Georgia; text-align:center;}
#wp-calendar th {font-family:Georgia,Arial, Sans-Serif;font-size:12px;text-align:center; border-bottom:1px dashed #e0e0e0; color:#8bb623;font-weight:0px;}
#wp-calendar td {font-family:Georgia,Arial, Sans-Serif;font-size:10px; text-align:center; border-bottom:1px dashed #e0e0e0; color:#8bb623;}
#wp-calendar td a {font-family:Georgia,Arial, Sans-Serif;font-size:10px;display:block; color:#8bb623;background:#F0F1E1;}
#wp-calendar td a:hover{font-family:Georgia,Arial, Sans-Serif;font-size:10px;display:block; color:#B31B58; text-decoration:underline;background:#FCE4EE;}
#wp-calendar .caption {font-family:Georgia,Arial, Sans-Serif;font-size:12px;}
#wp-calendar .caption a{font-family:Georgia,Arial, Sans-Serif;font-size:12px;}
#wp-calendar .caption a:hover{font-family:Georgia,Arial, Sans-Serif;font-size:12px;}