/*   
Theme Name: Teachable Blog Solution
Theme URL: http://www.markblythe.co.uk
Description: Wordpress theme made for Teachable.net.
Author: Mark Blythe
Author URL: http://markblythe.co.uk
Version: 1.0
*/

body {
	font:90% "Helvetica", "Arial", "sans-serif"; 
	color:#333;
	margin:0;
	border-top:30px solid #fff;
	
}

* {
	margin:0;
	padding:0;
}



#blanklink, #homelink {
	text-decoration:none;
}

#homelink {
	width: 600px;
	}



a {
color:#000;
text-decoration:none;
border-bottom:1px dotted;
}

a:hover{
color:#FD6907;
text-decoration:none;
border-bottom:1px solid;
}

a img {border:none;}
a img:hover {border:none;}
img a {border:none;}
img a:hover {border:none;}

blockquote {
	margin:20px 10px;
	font-size:1.2em;
	font-style:italic;
}

#header {
	background-image: url("http://blog.teachable.net/wp-content/uploads/2011/08/header_bg_left.png"), url("http://blog.teachable.net/wp-content/uploads/2011/08/header_bg_right.png"), url("http://blog.teachable.net/wp-content/uploads/2011/08/header_bg.png");
	background-position: top left, top right, top center;
	background-repeat: no-repeat, no-repeat, repeat-x;
	position:relative;
	
}
	#logo {position:absolute; top:-13px; left:15px; height:91px; width:180px;}
	#logo img {background:transparent; border:none;}
	#logo a {width:100%;}
	

	#header h1{
	padding:10px 20px 80px 20px;
	font-family: "arial", "Helvetica", "sans-serif"; 
	font-size:1.6em;
	font-weight:normal;
	color:#000;
	margin:0 0 0 0;
	position:relative;
	top:-6px;
	left:10px;
	}

	#header a {float:right; line-height:1.2em; font-weight: bold; font-size:0.8em; color:#fff; text-decoration:none; padding:5px;border:none; }

	#header a:hover {
		text-decoration:underline;
		
	}

#wrapper {
	width:960px;
	margin:0 auto;
	}

.clear {
	clear:both;
}

#content {
	/* border:1px solid #dcdcdc; */
	padding: 0px 25px 30px 25px;
	overflow:hidden;
}

#content p {
	line-height:20px;
	margin:25px 0;
	word-spacing:2px;
}

#content a {
	text-decoration:none;
	color:#000;
	border-bottom:1px dotted #000;
}

#content a:hover {
	color:#FD6907; border-bottom:1px solid #FD6907;
}

#content h2 {
	font-size:2em;
	font-weight:normal;
	margin:15px 0;
	padding:5px 0;
}

#content h2 a {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #000;
}

#content h2 a:hover {
	border-bottom:1px solid #000;
}

#content h3 {
	font-size:1.4em;
	margin:15px 0;
	font-weight:normal;}

#content h3 a {text-decoration:none; border-bottom:1px dotted;}

#content h3 a:hover {text-decoration:none; border-bottom:1px solid;}

#content h4 {margin:10px auto;}

#content ul {
	list-style-type:circle;
	line-height:20px;
	margin:-10px 15px;
	padding:0;
}

#content ol {
	list-style-type:decimal;
	line-height:20px;
	margin:-10px 20px;
	padding:0;
}

#content li {padding:5px;}

#content p.list {margin:0px; padding:5px 0;}
#content p.list img {float:left; vertical-align:middle; border:none; background:transparent; margin-top:15px; margin-right:5px;}
#content p.list2 {margin:0 50px; padding:5px 0;}
#content p.list2 img {float:left; vertical-align:middle; border:none; background:transparent; margin-top:15px; margin-right:5px;}
#content p.list2 img.tick {float:right; border:none; background:#fff; margin-top:0px; height:20px}

#content div.bio {clear:both; margin-bottom:10px; display:block;}
#content div.contact {background:#ededed; padding:10px 10px 20px 10px; height:auto;}

#h4.contact {margin:0 0 0 0; padding:0 0 -10px 0;}

#content div.result {width: 280px; border:1px solid #dcdcdc; padding:10px; overflow: hidden; float: left; margin:0 0 10px 10px; height:11.5em; position:relative;}
#content div.result:hover, #content div.result.hover {background-color:#e5e5e5;}
#content a.resourceImage {width: 278px; height:200px; display: block; float: left; text-align: center;}
#content a.resourceImage img {max-width:275px; max-height:200px;  border: 1px solid #dcdcdc; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
#content a.resourceImage:hover img {border: 1px solid #ff6900;}

.separator {
	border-bottom: solid 2px #dcdcdc;
	margin-bottom: 20px;
}

.separator2 {
	border-bottom: solid 2px #fff;
	margin-bottom: 20px;
}


.left {text-align:left; display:inline;}

.right {text-align:right;display:inline;}

#footer {
	width:auto;
	padding:15px 25px 15px 25px;
	border:1px solid #dcdcdc;
	margin:0;
	color:#000;
	background:#ededed;
	clear:both;

} 

#footer a{border-bottom:dotted 1px; color:#333333; text-decoration:none;}

#footer a:hover {
	color:#333333; border-bottom:solid 1px;
}

#footer td strong {
	text-align:left;
	font-weight:bold;
}

#footer td {
	width:20%;
	text-align:left;
	background:transparent;
	padding:10px 20px 10px 20px;
}

#footer td img {
	padding:0 0 0 0;
	vertical-align:middle;
}

#sidebar {
	height:auto;
	width:250px;
	float:right;
	padding:10px 10px 30px 10px;
	border:1px solid #dcdcdc;
	background:#ededed;
	clear:both;
}

#sidebar ul {
	list-style:none;
	margin:0 0 20px 0;
}

#sidebar li {
	list-style:none;
	padding:0 5px 0 5px;
	border-bottom:none;
}

img {
	background:#ccc;
	padding:1px;
	border:5px solid #eee;
}

tbody {border:none; overflow:hidden; margin:0 auto;}
table {border:none; overflow:hidden; margin:0 auto;}
table img {border:none; margin:0 23px;}
table a {border:none;}
td {width:200px; padding:0; top:0; margin:0 auto; vertical-align:top;}



label {width: 4em; float: left; text-align: right; margin-right: 10px; margin-left:10px; display:inline; padding:25px 5px 0 0;}
	
input {color: #333333; background: #fff; border: 1px solid #fd6907; display:inline; padding:5px;}

.submit input {color: #fff; background: #fd6907; border: 1px outset #333333; margin-left:20px;}

fieldset {border: 1px solid #ccc; width:auto;}

legend { color: #fff; background: #fd6907; border: 1px solid #fd6907; padding: 2px 10px; margin-left:5px;} 

p.form {margin:0!important; padding:0;}