/*  
Theme Name: Magic Studio
Description: A crisp two-column theme on a white background.
Version: 1.0
Author: 72 dots Ltd
Author URI: http://www.72dots.co.uk
*/

/* Basics and Typography */

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-size: 78%;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #333;
	text-align: center;
}
p {
	font-size:1.2em;margin:0px;font-family:Arial,Verdana, sans-serif;
}
ol, ul {
	
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	color: #97989b; 
}



h1, h2 {font-size:2.7em;font-weight:normal;}

h2.title {border-bottom:16px solid #CBDB42; padding-bottom:16px;}

h3 {
font-size:2.2em;
font-weight:normal;
padding:24px;
border-top:16px solid #CBDB42;
}

#sidebar h3 {
	border-top:medium none;
font-size:1.68em;
font-weight:normal;
}

.inside h3 {
background-color:#F6F6F6;
color:#000000;
margin:0px;
border-top:none;
padding:12px 0px 10px 21px;
}



h4 {
	font-size: 1.2em;
}
a {
	text-decoration: none;
}


a:link {
	color: #c38710;
}
a:visited {
	color: #97989b;
}
a:hover, a:active {
	text-decoration:underline;
}

.postentry a:link, 
.postentry_list a:link, .page_content a:link {text-decoration:underline;color: #c38710;font-weight:bold;}

.postentry, .postentry_list, .page_content, p {line-height:1.46;}

.postentry p, .postentry_list p, .page_content p{margin-bottom:0.75em;font-family:Arial,Verdana,"Trebuchet MS",sans-serif;}

.postentry a:hover, .postentry_list a:hover
.page_content a:hover
{text-decoration:none;color: #c38710;font-weight:bold;}

a:focus {
outline: none;
}
input, textarea, select {
	border: 1px solid #C1C0B5;
	color: #333;
	font-size: 1em;
	font-family: arial, verdana;
}

input#s {
border:1px solid #7F9DB9;
font-size:15px;
margin-right:12px;
width:183px;
}

blockquote {
	margin: 0 20px;
	padding: 0 20px;
	border-left: 4px solid #E8E7D0;
	font-size: 0.9em;
}
code {
	font-family: monospace;
	color: #666;
}
form, img {
	margin:0px 0px 0px 21px;
	padding: 0;
	border: 0;
}
.small {
	font-size: 0.9em;
	color: #999;
}

/* Layout */

#wrapper {
	margin: 0 auto;
	width: 882px;
	background-color: #FFF;
	text-align: left;
}
#header {
	padding: 57px 0px 15px;
	margin-bottom:24px;
	border-bottom: 1px solid #ddd;
}
	/* Header Styles */
	#header h1 {
		margin: 0;
		text-indent:-8888px;
height:34px;
width:226px;
display:block;
float:left;
background: url(images/magicstudio.gif) no-repeat center left;
	}
	#header h1 a {
		text-decoration: none;
		color: #80904F;
width:226px;
display:block;

	}		
#content {
	display:inline;
float:left;
margin:0px 0px 50px 26px;
width:609px;
}
#sidebar {
	float: left;
	width: 243px;
	font-size: 0.9em;
margin-bottom:30px;
	display: inline; /* IE double margin bug fix */
}
.page_content {padding: 21px 52px 32px 0; border-bottom:16px solid #CBDB42;}


* html #content, * html #sidebar {
	overflow: hidden; /* For IE */
}
#footer {
	clear: both;
	border-top:1px solid #DDDDDD;

}
	/* Footer Styles */
	
#footer p {
		color:#97989B;
margin:0pt;
padding:10px 0pt 20px;
text-align:right;
	}
#footer p a {color:#97989b;}	
#footer p a:hover {text-decoration:underline;}


	
/* Sidebar Styles */



#sidebar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	background: url(images/arrow.gif) no-repeat center right;
	font-size: 1.1em;
}
#sidebar h2 a {
	color: #9BBB38;
}
#sidebar h2 a:hover {
	color: #E58712;
}
#sidebar ul {
	margin: 0;
	padding: 12px 0px 4px 21px;
	list-style-type: none;
font-size:1.2em;
font-family:"Trebuchet MS",arial,sans-serif;
}


/* for a hypothetical time when ie actually works...
#sidebar ul li:before {
	content: "\00BB \0020";
font-size:1.2em;
	}*/

#sidebar li {
list-style-type: none;
	background: transparent url(images/raquo_on.gif) no-repeat scroll left 0.6em;
        text-indent:10px;
        color:#97989B
}
#sidebar li:hover {
list-style-type: none;
	background: transparent url(images/raquo_on.gif) no-repeat scroll left 0.6em;
text-indent:10px;
color:#97989B
}

#sidebar ul li.current-cat a {color:#000;}

#sidebar li.current-cat {
list-style-type: none;
	background: transparent url(images/raquo_current.gif) no-repeat scroll left 0.6em;
text-indent:10px;
color:#97989B
}


#sidebar ul ul {
	margin: 1.2em 0;
	border-top: 1px solid #E8E7D0;
	background-color: #FAFAF0;
}
#sidebar ul ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #E8E7D0;
}
#sidebar ul ul li a {
	display: block;
	margin: 0 0 0 -10px;
	padding: 0.1em 10px;
	width: 190px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 170px;
} 





/* Blog */

.post {
}
.posttitle {
	margin-bottom: 0;
	color: #5a4503;
	overflow: auto;
	/* Width and overflow to clear '.posttitle a' */
}
.posttitle a {
	float: left;
	padding: 0px;
	}
.posttitle a:link, .posttitle a:visited {
	
}
.posttitle a:hover, .posttitle a:active {
	text-decoration:underline;
}
.postmeta {
	margin-top: 0;
	padding-top: 0px;
	font-size: 0.9em;
	font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
}
.postentry {
}
.permalink {
	margin: 0 1.8em 0 0;
	padding: 0 0 0 14px;
	background: url(images/permalink.gif) no-repeat center left;
}
.commentslink {
	padding: 0 0 0 3px;
	
}

/* Comments */

#commentlist {
	margin: 1.2em 0;
	padding: 0;
	border-bottom: 1px solid #E8E7D0;
	list-style-type: none;
}
#commentlist li {
	border-top: 1px solid #E8E7D0;
	padding: 1px 20px;
	background-color: #FFF;
}
.alt {
	background-color: #FAFAF0 !important;
}
.commenttitle {
	margin-bottom: 0;
	font-size: 1.1em;
border:none;
}
.commentmeta {
	margin-top: 0;
	font-size: 0.9em;
	color: #999;
}
#comment {
	width: 299px;
}

/* Widgets and Etc */

.widget_search div {
	margin: 1.2em 0;
}
#sidebar #s {
	margin-bottom: 2px;
	width: 180px;
}

.clear {clear:both}
.left {float:left;}
.right {float:right;}


#search {float:right}




/* Sidebar boxes */

.top-left {
background-image: url('images/box_top.gif');
height: 4px;
font-size: 2px;
}

.bottom-left {
background-image: url('images/box_bot.gif');
height: 4px;
font-size: 2px;
 margin-bottom:20px;
}

.inside {
	
	border-left: 1px solid #dfd3d6; 
	border-right: 1px solid #dfd3d6;
	background: #fdfdfd;            
	color: #000000;                 
	padding-left: 0px;             
padding-bottom:9px;
	padding-right:0px;             
	}
.notopgap    { margin-top: 0; }    
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } 





/* Post and list styles */

h3.posttitle  {font-size:2.7em;
font-weight:normal;color:#86878a;}

.postentry {margin-top:22px;border-top: #cbdb42 solid 16px;background:transparent url(images/post_gradient.jpg) repeat-x scroll left top; padding:24px;font-family: Arial, Verdana, "Trebuchet MS", sans-serif;}

.breadcrumb {margin-bottom:15px;
font-family: Arial, Verdana, "Trebuchet MS", sans-serif;}

.postentry ul, .page_content ul, ul.related_post {list-style: none;
	margin-left: 24px;
	}

.postentry li, 
.page_content li,
ul.related_post li {
background:transparent url(images/raquo_content.gif) no-repeat scroll left 0.3em;
display:block;
font-family:Arial,Verdana,sans-serif;
font-size:1.2em;
font-weight:bold;
list-style-type:none;
margin-bottom:14px;
padding-left:28px;
}

.postmetadata {
border-top:1px solid #DDDDDD;
font-size:0.9em;
padding:16px 24px 24px 24px;
font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
}

ul.related_post {margin-top:0px;}

img.rss_logo {margin:1px 12px 1px 21px; float:left;}


.post_list {border-bottom:1px solid #DDDDDD;}

h3.posttitle_list {color:#5A4503;font-weight:normal;border:none;padding:0px; font-size:1.6em;line-height:1.2;}


h3.posttitle_list a {
color:#5A4503;
font-weight:normal;
border:none;
padding:0px;}

.postentry_list {padding:0px 0px 17px;font-family: Arial, Verdana, "Trebuchet MS", sans-serif;}
.postmeta_list {font-size:0.9em; padding:0px 20px 0px 0px;font-family: Arial, Verdana, "Trebuchet MS", sans-serif;}
.postentry_list p {padding-top:17px;}


   ul.stripelists {
	background:#fff;
	list-style: none;
	border: none;
margin:0px;
	}
	
	   ul.stripelists li.lm_over{
		border-bottom:1px solid #DDDDDD;

	}
	
	    ul.stripelists li {
	padding:26px;
	border-bottom:1px solid #DDDDDD;
	display:block;
	}


h3.related {margin-top:-16px;}


#searchsubmit {
background:transparent url(images/search_button.gif) no-repeat scroll center top;
border:0pt none;
cursor:pointer;
height:29px;
margin:0px;
padding:0pt;
text-indent:-1000em;
width:63px;
cursor: hand; /* for IE 5.x */
}

#submit {
background:transparent url(images/submit_comment.gif) no-repeat scroll center top;
border:0pt none;
cursor:pointer;
height:25px;
margin:0px;
padding:0pt;
text-indent:-1000em;
width:119px;
cursor: hand; /* for IE 5.x */
margin-top:17px;
}


#author, #url, #email {width: 299px;
margin-bottom:10px; float:left;}


#commentform label {
display:block;
float:left;
margin-left:10px;float:left;}


ul.related_list {
list-style:none;
margin-top:0px;
}


ul.related_list li a {
border:medium none;
color:#5A4503;
display:block;
font-size:1.6em;
padding:0px;}