/*
Theme Name:Magic
Theme URI: http://ilinas.com/
Description: Ilina S. Magic Theme
Version: 3.0
Author: Ilina S.
*/

html {
	background: url(img/bg-html.gif) center top;	
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(img/bg-body.gif) repeat-x center top;
	margin: 0;
	padding: 0 0 36px;
}
.clear {clear:both}
.none{display:none;}
img.noborder{border:0px!important; padding:0px!important; margin:0!important;}
#wrapper {
	background-color: #f7f4e3;	
	background-image: url(img/bg-wrapper.gif) ;	
	background-repeat: repeat-y;	
	background-position: center 0;	
	width: 986px;
	margin:0 auto;
	}
#magic {
	background: url(img/magic.jpg) no-repeat center 123px;
	}
#header {
	background: url(img/bg-header-.gif) repeat-x center 0;
	height:395px;
	position:relative;
	}		
#logo {
	width:236px;
	height:99px;
	position:relative;
	display:inline;
	float:left;
	margin-top:36px;
	}	
#navigation {
	background: url(img/corner.gif) no-repeat right 36px;
	height:130px;
	display:inline;
	float:left;
	position:relative;
	padding:49px 120px 0 318px;
	}	
#page{padding: 0 13px 10px; position:relative;}	

.sc{display:none}

input, textarea {border:1px solid #ccc; font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px; background: url(img/w.gif)!important; color:#000!important; margin-right: 10px;}

.btnhome:link, .btnhome:visited {background: url(img/btn_home.gif) left center; width:78px; height:64px; display:block; float:left; outline:none;}
.btnhome:hover {background: url(img/btn_home.gif) left bottom;}
.btnhome:active{background: url(img/btn_home.gif) left top;}
.btnhome-sel{background: url(img/btn_home.gif) left top; width:78px; height:64px; display:block; float:left;}

.btngoodies:link, .btngoodies:visited {background: url(img/btn_goodies.gif) left center; width:78px; height:64px; display:block; float:left; outline:none;}
.btngoodies:hover {background: url(img/btn_goodies.gif) left bottom;}
.btngoodies:active {background: url(img/btn_goodies.gif) left top;}
.btngoodies-sel {background: url(img/btn_goodies.gif) left top; width:78px; height:64px; display:block; float:left;}

.btnabout:link, .btnabout:visited {background: url(img/btn_about.gif) left center; width:78px; height:64px; display:block; float:left; outline:none;}
.btnabout:hover {background: url(img/btn_about.gif) left bottom;}
.btnabout:active {background: url(img/btn_about.gif) left top;}
.btnabout-sel {background: url(img/btn_about.gif) left top; width:78px; height:64px; display:block; float:left;}

.btncontact:link, .btncontact:visited {background: url(img/btn_contact.gif) left center; width:78px; height:64px; display:block; float:left; outline:none;}
.btncontact:hover {background: url(img/btn_contact.gif) left bottom;}
.btncontact:active {background: url(img/btn_contact.gif) left top;}
.btncontact-sel {background: url(img/btn_contact.gif) left top; width:78px; height:64px; display:block; float:left;}

/*****************************************/
/* MAIN ENTRY *                           /
/*****************************************/
.line{width:500px;float:left;margin:0 0 10px;padding:0 0 5px 2px; border-bottom:#e2e2e0 1px solid;}

.post{width:500px;float:left;background:url(img/bg-entry.gif) no-repeat;margin:0 0 25px 24px;display:inline;}
.post h2, .post h3{padding: 30px 25px 10px; margin:0;}
.post small{padding: 0 0 10px 25px; xcolor:#979577; margin-top: -5px;}
.post h2 a:link, .post h2 a:visited, .post h2 a:active {color:#000; font-size:18px; font-weight:bold; margin:0; padding-bottom:0; xtext-decoration:underline;}
.post h2 a:hover{color:#b9585d;}

.entry{color:#767558;padding:20px 5px 0 25px;}
.entry p{text-align:justify; margin:0 0 10px;}
.entry img {border:1px solid #dfdcce!important; padding: 6px; margin: 5px 10px 5px 0; background:#fff;}
#flickr img:hover{border:1px dotted #2ea8e1!important; }

.entry2{width:500px;float:left;color:#666;text-align:justify;margin:5px auto;padding:5px 6px 10px;}
.pastentry{width:200px;float:left;color:#666;margin:0;padding:0;}

#content{width:530px;float:left;line-height:140%;margin:0;padding:0; position:relative; display:inline;}
.left {float:left; width:240px; padding-right:10px; border-right:1px dashed #ccc; color:#666;}
.right {float:right;padding-right:20px;width:240px; color:#666;}
.postmetadata {color:#979577;background:url(img/bg-entry-btm.gif) no-repeat left bottom;margin:0;padding:10px 0 20px 25px; font-size:10px;}
.entry .postmetadata { line-height: 13px; margin-left:-25px; border-top:1px solid #dad7c8; margin-top:20px;}
.alignleft{padding:0 0 0 35px; float:left; padding-right:15px; border-right:1px double #dad7c8; margin-right:15px; margin-bottom:5px;}
.alignright{padding:0; margin-bottom:5px; }

.pagetitle{margin-left:25px;}

/*****************************************/
/* COMMENTS*                              /
/*****************************************/
.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:510px;}
#commentform{ background:url(img/bg-entry.gif) no-repeat ; margin:0 0 0 22px; padding:20px 0 0 25px; display:block;}
#commentform label, #commentform label small { margin:-10px 0 0; padding:0; color:#767558; }

#commentform input{width:170px;margin:5px 5px 0 0;padding:6px; background: url(img/w.gif)!important; }
#commentform textarea{width:400px;margin:0 0 10px;padding:6px;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin: 0;}

h3 { font-family:"Trebuchet MS", Verdana, Arial;}
#comments{padding: 0 0 10px 46px; font-size:12px;}
#respond{font-size:4px;}

ol.commentlist{margin:0;padding:0; color:#767558;}
ol.commentlist li{ background:url(img/bg-comment.gif) no-repeat right top; margin:0 0 0 45px; border-top: 1px solid #e9e6d6; display:block;list-style:none;padding:15px 15px 1px 0;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 0; font-weight:bold;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{list-style:none;margin:0 0 1px;padding:0;}
ol.tblist li{display:block;list-style:none;padding:10px 5px 10px 5px;margin:0 0 5px; border:1px dashed #ccc;}
input#url,input#author,input#email,textarea{color:#666;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}

#respond{ font-family:"Trebuchet MS", Verdana, Arial; padding: 0 0 0 45px; font-size:14px;}

/*****************************************/
/* WP-PAGENAVI*                           /
/*****************************************/
.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:active{text-decoration:none;border:1px dashed #000;color:#7c940c;background-color:#FFF;margin:5px;padding:5px 10px;}
.wp-pagenavi a:hover{border:1px dashed #000;color:#147;background-color:#FFF;}
.wp-pagenavi span.pages{color:#000;border:1px dashed #000;background-color:#FFF;margin:2px;padding:5px 10px;}
.wp-pagenavi span.current{font-weight:700;border:1px dashed #000;color:#000;background-color:#FFF;margin:5px;padding:5px 10px;}
.wp-pagenavi span.extend{border:1px dashed #000;color:#000;background-color:#FFF;margin:5px;padding:5px 10px;}
.theme {position:absolute; overflow:hidden; left:1px; top:1px; width:0px; height:0px; z-index:0}

/*****************************************/
/* SEARCH *                               /
/*****************************************/
#bsearch{width:383px;font-size:11px;margin:5px 0 5px 0;padding:10px; background:url(i/info.gif) repeat-x; border:#eee 1px solid; float:left;}
#searchform{height:30px;line-height:30px;float:left;padding-top:5px;margin:0;}
#searchform #s{font-size:8pt;width:230px;}
#searchform #submit{font-size:8pt;}
input#s{color:#666;border:1px solid #cbcbcb;background:#fcfcfc;}


/*****************************************/
/* SIDEBAR *                              /
/*****************************************/
#sidebar { width:400px; float:left; display:inline; xbackground: url(img/dot.gif) repeat-y; margin-bottom:15px; padding: 0 0 0 15px; color:#767558;}

#side1 {width: 170px; float:left; display:inline; margin:10px 0 0px 7px; padding: 10px 0;}
#side2 {width: 170px; float:left; display:inline; margin:10px 0; padding: 10px 20px;}

#side2 ul li ul{list-style-type:none;margin:0;padding:0; border-bottom:1px solid #e0dccf; }
#side2 ul li ul li {list-style-type:none; margin:0; padding: 7px 0; border-top:1px solid #e0dccf; }


#side1 ul li ul{list-style-type:square;margin:0;padding:0;}
#side1 ul li ul li{list-style-type:none; margin:0; padding: 7px 0; border-top:1px solid #e0dccf; }

#flickr{margin:0; background:url(img/bg-side1.gif) no-repeat;}
#flickr img {border:1px solid #dfdcce!important; padding: 6px; margin: 0 0 8px 38px; background:#fff;}
#flickr img:hover{border:2px dotted #2ea8e1!important; margin: -1px 0 7px 37px;}
#side1 #flickr h2 {font-size: 15px!important; border-bottom:0!important; margin:0; padding: 18px 0 13px 24px;}

#sidebar img, 
#side1 img{border:0;}

#side2 ul, 
#side1 ul,
#side2 ul li, 
#side1 ul li{list-style-type:none;margin:0;padding:0;}

#side2 p, 
#side1 p{padding:0;}

#about {line-height:15px; color:#767558; background: url(img/bg-about-btm.gif) no-repeat 25px bottom; padding:0 11px 25px; }
#about h2{background: url(img/bg-about.gif) no-repeat 11px 0; padding: 6px 0 20px 155px; color:#000; font-size:18px;}



/*****************************************/
/* FOOTER *                              /
/*****************************************/
#footer {
	background: url(img/bg-footer.gif) no-repeat left bottom;
	height:45px;
	text-align:center;
	font-size:10px;
	color:#979577;
	}	

/*****************************************/
/* LINKS H1 H2 H3 H4 H5*                  /
/*****************************************/
a:link, a:visited { color:#2ea8e1; text-decoration:none; }
a:hover,a:active { text-decoration:underline; }

#side2 ul li ul li a:link, 
#side2 ul li ul li a:visited, 
#side2 ul li ul li a:active  { background: url(img/bul.gif) no-repeat 0 60px; text-decoration:none; padding:7px 0; color:#7d8156; margin:0;}
#side2 ul li ul li a:hover{ padding-left: 16px; background: url(img/bul.gif) no-repeat 0 10px; color:#000; }

h2{ margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif;  }

#side2 h2 {color:#000; font-size:14px; margin-top: 15px;}
#side1 h2 {color:#000; font-size:14px; border-bottom:#ccc solid 1px;  margin: 19px 0 0; }

#content .entry h2 { margin:10px 0; font-size:18px; color:#666; }

#content h2,.postinfo a:link, 
#content h2,.postinfo a:visited { font-weight:normal; text-decoration:none;}

#content h2,.postinfo a:visited {color:#660}

#content h2,.postinfo a:hover,
#content h2,.postinfo a:focus,
#content h2,.postinfo a:active {color:#660}

.entry a:link{ color:#666; font-weight:normal; text-decoration:none; border-bottom:dotted 1px #666; }

.feedx {position:absolute; overflow:hidden; left:1px; top:1px; width:0px; height:0px; z-index:0}