/*



Theme Name: OnlineCourses



Description: Custom Theme for OnlineCourses



Author: Astrit Kita



*/







* {



	margin:				0px;



	padding:			0px;



}



table, tr, td {



	border-collapse:	collapse;



	border-spacing:		0;



}



a { color:#517099; text-decoration:none; outline:none; }



a:hover { color:#517099; text-decoration:underline }







html {



	height:				100%;



}



body {



	font-family:		Arial, sans-serif;



	font-size:			12px;



	line-height:		19px;



	color:				#000;







	background:			#fff;



	height:				100%;



	margin-bottom:		1px;



}



#page {



	width:				990px;



	margin:				0 auto;



	padding-bottom:		50px;



	overflow:			hidden;



}



#header {



	height:				37px;



	background:			#fff;



	margin-top:			11px;



}



#logo {



	background:			url( images/logo.png ) no-repeat;



	width:				171px;



	height:				35px;



	float:				left;



}



#logo a {



	display:			block;



	width:				171px;



	height:				35px;



}



#nav {



	background:			url( images/navl.png ) top left no-repeat #3d2b19;



	width:				797px;



	margin-left:		7px;



	height:				28px;



	padding-top:		8px;



	padding-left:		10px;



	float:				left;



}



#navr {



	background:			url( images/navr.png ) top right no-repeat;



	float:				left;



	width:				2px;



	height:				36px;



}



#nav ul {



	margin-left:		10px;



}



#nav ul li {



	display:			inline;



	list-style-type:	none;



}



#nav ul li a {



	color:				#fff;



	font-weight:		bold;



	font-size:			12px;



	margin-right:		15px;



}



#nav ul li a:hover {



	text-decoration:	none;



}



#msg {



	background:			url( images/msgl.png ) top left no-repeat #faf7d2;



	height:				66px;



	float:				left;



	width:				984px;



	margin-top:			7px;



}



#msgwelcome {



	float:				left;



	height:				66px;



	font-size:			32px;



	line-height:		66px;



	font-weight:		bold;



	margin-left:		20px;



}



#msgbody {



	float:				left;



	margin:				8px 0 0 13px;



	padding:			0 0 0 13px;



	border:				solid #3d2b19;



	border-width:		0 0 0 1px;;



	width:				700px;



	height:				50px;







	font-weight:		bold;



	font-size:			12px;



	line-height:		17px;



}



#msgr {



	background:			url( images/msgr.png ) top right no-repeat;



	height:				66px;



	float:				left;



	width:				3px;



	margin-top:			7px;



}



a.msgoff {



	float:				right;



	color:				#3d3d3d;



	font-weight:		bold;



	font-size:			14px;



	padding:			5px 11px;



}



a.msgoff:hover {



	text-decoration:	none;



}







/* content wrappers */



#wrapper {



	clear:				both;



}



#content {



	float:				right;



	overflow:			hidden;



	width:				653px;



	margin-top:			10px;



	margin-left:		        10px;



}



/* various round boxes */



.fluid { width:653px; background:#3D2B19 url(images/title.gif) no-repeat top left !important; }



.fluid h1, .fluid h2 { color:#FFFFFF; font-size:17px; text-transform:uppercase; padding:5px 0px 5px 10px !important; }



.fluid h1 a, .fluid h1 a:hover, .fluid h2 a, .fluid h2 a:hover { color:#FFFFFF; text-decoration:none; }



.posthead,



.homehead {



	background:			url( images/homehead.png ) top left no-repeat;



	width:				653px;



	height:				34px;



}



.homehead { margin-top:10px; }



.posthead {



	background:			url( images/posthead.png ) top left no-repeat;



	height:				45px;



}



.posthead h1.pagestitle { color:#FFFFFF; font-size:17px; text-transform:uppercase; padding:10px 0px 0px 10px !important; }



.posthead a,



.homehead a {



	color:				#fff;



	font-weight:		bold;



	font-size:			14px;



	line-height:		30px;



	margin-left:		10px;



	text-transform:		uppercase;



}



.posthead a {



	line-height:		45px;



}



.posthead a:hover,



.homehead a:hover {



	text-decoration:	none;



}



.postbody,



.homebody {



	border:				solid #3d2b19;



	border-width:		0 6px 0 5px; /* wtf */



	padding:			10px 12px;



	color:				#4d5659;



}



#homepic {



	position:			absolute;



	top:				-3px;



	right:				0;



	width:				271px;



	height:				213px;



}



.homebody {



	position:			relative;



	overflow:			visible;



	height:				187px;







	font-weight:		bold;



}



.homebody div {



	width:				340px;



}



.homebody h1 a, .homebody h1 a:hover {



	color:				#000000;



text-decoration:none; 



}



.homebody h1 {



	margin-bottom:		10px;



line-height:24px;



}



.postbody {



	padding:			10px 0px !important;



	color:				#000;



	font-size:			14px;



position:relative;



width:653px;



}



.postfoot,



.homefoot {



	background:			url( images/homefoot.png ) top left no-repeat;



	width:				653px;



	height:				8px;



	margin-bottom:		11px;



}



.postmeta {



width:100% !important;



min-height:25px !important;



background:url(images/by.gif) no-repeat top left;



font-size:12px;



padding:5px 0px 0px 20px;



position:absolute;



position:relative;



top:-2px;



left:-5px;



display:block;



}







.postbody a.readmore { margin-left:15px; border-bottom:1px solid #f3d9c6;}



/*-------------The Post-------------*/







.postbody h1 { color:#000000; font-size:24px; padding:0px 5px 5px 5px; font-family:Helvetica, Arial }



.postbody h2 { color:#000000; font-size:20px; padding:15px 5px 5px 5px; }



.postbody h2 a { color:#000000; text-decoration:none; }



.postbody h2 a:hover { text-decoration:none; color:#000000 }



.postbody small.by { padding-left:5px; color:#666666; }



.postbody small.by span, .postbody small.by span a, .postbody small.by span a:hover { color:#000000; text-decoration:none; }



.postbody p { padding:10px 15px 5px 15px; position:none; }



.postbody a { color:#3551AE; text-decoration:none; }



.postbody a:hover { color:#3551AE; text-decoration:underline; }







.postbody ul, .postbody ol {



 margin-left:40px;



}







.postbody .entry {



 border-bottom:1px solid #EBEBEB;



 padding-bottom:5px;



}







.postbody a img {



	border:0;



}







blockquote {



 margin:10px 10px 10px 20px;



 padding:10px 15px 10px 15px;



 font-style:italic;



}







/* favorite schools */



.favhead {



	background:			url( images/favhead.png ) top left no-repeat;



	width:				653px;



	height:				46px;



}



.favhead h2 {



	color:				#c77c46;



	font-size:			26px;



	line-height:		46px;



 padding:10px 0px 0px 10px;



}



.favhead h2 span {



	color:				#7dd1fc;



}



.favbody {



	border:				solid #3d2b19;



	border-width:		0 7px 0 5px; /* wtf */



	background:			url( images/click.png ) bottom right no-repeat;



	overflow:			hidden;



}



.favleft {



	width:				229px;



	float:				left;



}



.favlefttop {



	border:				dotted #3d2b19;



	border-width:		0 2px 0px 0;



	height:				95px;



}



.favlefttop img {



	border:				0;



	display:			block;



	margin:				auto;



	padding:			10px 0;



}



.favleftfoot {



	border:				dotted #3d2b19;



	border-width:		0 2px 0 0;



	height:				60px;



	text-align:			left;



padding-left:35px;



}



.favleftfoot a {



	color:				#be682a;



	font-weight:		bold;



}



.favright {



	float:				left;



	height:				137px;



	width:				370px;



	position:			relative;



	padding:			10px 20px;







	line-height:		1.2;



}



.favright h1 a {



	color:				#be682a;



	font-weight:		bold;



	font-size:			14px;



}



.favright h1 a {



	text-decoration:	none;



}



.favright .learnmore {



	border:				0;



	margin-top:			10px;



}



.favright a.clickhere {



	display:			block;



	width:				64px;



	height:				18px;



	position:			absolute;



	bottom:				0;



	right:				0;



}



.favsep {



	background:			url( images/favsep.png ) top left no-repeat;



	width:				653px;



	height:				36px;



}



.favfoot {



	background:			url( images/favfoot.png ) top left no-repeat;



	width:				653px;



	height:				11px;



}



a.readmore {



	line-height:		40px;



	color:				#cf671b;



	font-weight:		bold;



	border-bottom:		2px solid #f3d9c6;



 text-transform:uppercase;



}



a.readmore:hover {



	color:				#cf671b;



	border-bottom:		2px solid #f3d9c6;



	text-decoration:	none;



}







/* sidebar */



#sidebar {



	float:				left;



	width:				319px;



	margin-top:			10px;



}







#searchtop {



	background:			url( images/searchtop.gif) no-repeat;



	width:				320px;



	height:				3px;



}



#searchbody {



	width:				320px;



	background:			#4786a7;



	height:				322px;



}



#searchbody h2 {



	padding:			20px 0 0 28px;



	color:				#fff;



	text-align:			left;



	text-transform:		uppercase;



	font-size:			36px;



	line-height:		26px;



	font:				Arial, sans-serif;



}



#searchfoot {



	background:			url( images/searchfoot.gif) no-repeat bottom;



	width:				320px;



	height:				3px;



	margin-bottom:		11px;



}







.sidebartop {



	background:			url( images/sidebartop.png) no-repeat;



	width:				320px;



	height:				28px;







	color:				#fff;



	font-weight:		bold;



	font-size:			14px;



	line-height:		28px;



	padding-left:		10px;



	text-transform:		uppercase;



}



.sidebarbody {



	width:				310px;



	border:				solid #3d2b19;



	border-width:		0 5px 0 5px;



}



.sidebarbody .inside {



	padding:			10px 12px;



}



.sidebarbody .inside a {



	color:				#cf671b;



	font-size:			12px;



}



.sidebarbody .resources li {



	list-style-type:	square;



	margin-left: 20px;



}



#welcome img {



	margin-top:			-2px;



	width:				310px;



}



.sidebarfoot {



	background:			url( images/sidebarfoot.png) no-repeat;



	width:				320px;



	height:				9px;



	margin-bottom:		10px;



}







/* posts */



.post .by {



	margin-bottom:		8px;



}



.post .by a {



	color:				#333;



}



.post h2 {



	font-weight:		normal;



	font-size:			20px;



	margin-top:			-2px;



	margin-bottom:		8px;



}



.post h2 a {



	color:				#48614a;



}



.postbody p {



	margin-bottom:		10px;



}







/* comments */



#comment {



	margin-top:			8px;



	padding-top:		8px;



}



#comment .children {



	margin-left:		20px;



}



h5#respond {



	margin-top:			40px;



	font-size:			24px;



	color:				#4c4c4c;



	padding-bottom:		8px;



	font-weight:		normal;



}



#comments {



	font-size:			16px;



}



ol.commentlist, ol.commentlist ul { list-style:none; }



ol.commentlist li {



	margin-top:			4px;



	overflow:			hidden;



}







.avatar {



	float:				left;



	margin:				4px;



	border:				2px solid #ccc;



}



.avatar img {



	border:				0;



	margin:				0;



}



.commentmetadata {



	color:				#666;



	margin-bottom:		10px;



}



.commenttext {



	margin-left:		80px;



}







ol.commentlist p { padding-left:45px; }







cite {



	font-style:			normal;



}



cite a {



	text-decoration:	none;



	color:				#000;



}



a.reply {



	color:				#248aa3;



	text-decoration:	underline;



}



p.respond {



	margin-bottom:		10px;



	color:				#4c4c4c;



}



#commentform label {



	color:				#4c4c4c;



}



#commentform p {



	margin-bottom:		8px;



}



#commentform input,



#commentform textarea {



	border:				1px solid #666;



}







/* footer */



#footer {



	clear:				both:



	width:				990px;



	margin:				0 auto;



	text-align:			center;



	padding-bottom:		50px;



	font-size:			12px;



}







h2.pagetitle,



.blogtitle h1 {



	color:				#3d2b19;



	margin-bottom:		5px;



	font-size:			32px;



	line-height:		40px;



	font-weight			normal;



	text-transform:		uppercase;



}







.navigation {



 overflow:hidden;



 padding:5px 0px 10px 0px;



}







.navigation div.alignleft {



 width:47%;



 float:left;



}







.navigation div.alignright {



 width:47%;



 float:right;



 text-align:right;



 padding-right:5px;



}







/*- Search Widget In Homepage -*/



#dfw-widget { width:653px; margin:0px !important; padding:0px !important; }



#dfw-widget.edudirect-search-widget { width:653px; height:397px; background:#FFFFFF url(images/search-widget.gif) no-repeat top left !important; border:0px; margin:0px !important; padding:0px !important; }



#dfw-widget.edudirect-search-widget .className1, #dfw-widget.edudirect-search-widget .className2, #dfw-widget.edudirect-search-widget .className3 { width:204px; float:left; margin-top:55px; }



#dfw-widget.edudirect-search-widget .className1 { margin-left:10px; }



#dfw-widget.edudirect-search-widget .className2 { margin-left:10px; }



#dfw-widget.edudirect-search-widget .className3 { margin-left:10px; }



#edudirect-search-widget { width:653px !important; border:0px !important; background:transparent !important; margin:0px !important; padding:0px !important; }



#edudirect-search-widget button { clear:both !important; display:block; width:87px; height:53px; background:url(images/go.gif) no-repeat top left; text-indent:-9999px; float:right; margin:25px 20px 0 0; border:0px !important; cursor:pointer; }



#edudirect-search-widget button[disabled] { cursor:not-allowed !important; }



#edudirect-search-widget h3 { display:none; }



#edudirect-search-widget select { width:204px !important; font-size:12px; border:0px; }



#edudirect-search-widget form { margin:0px !important; padding:0px !important; }







/*- My Own Code for Posts -*/



.post { background-color:#3D2B19; padding-bottom:10px; -moz-border-radius:4px; -webkit-border-radius:4px; overflow:hidden; margin-bottom:10px; }



.post .entry { background-color:#FFFFFF; margin:0px 10px 0px 10px; -moz-border-radius:4px; -webkit-border-radius:4px; padding-bottom:5px; }



.post h1 { color:#FFFFFF; font-size:17px; text-transform:uppercase; padding:10px 0px 10px 15px; line-height:15px; }



.post .entry p { padding:10px 15px 5px 15px; }



.post .entry p.by { padding:5px 15px 0px 15px; font-size:11px; }



.post h2 { padding:10px 0px 10px 0px; margin:0px 15px; }



.post h2 a { color:#FFFFFF; font-size:17px; text-transform:uppercase; line-height:17px; text-decoration:none; font-weight:bold; }



.post h2 a:hover { color:#FFFFFF; text-decoration:none; }



p.readmore a {



	line-height:		40px;



	color:				#cf671b;



	font-weight:		bold;



	border-bottom:		2px solid #f3d9c6;



 text-transform:uppercase;



}



p.readmore a:hover {



	color:				#cf671b;



	border-bottom:		2px solid #f3d9c6;



	text-decoration:	none;



}







.post ul, .post ol { margin:5px 0 0 45px; }



#dfw-widget1 form {padding-left: 10px !important; padding-top: 20px !important;}

#dfw-widget1 select {width: 280px !important;}

#dfw-widget1 label {display: block !important; color: white; font: 1.5em bold Arial !important;}

#dfw-widget1 #edudirect-search-widget button { display:block; width:87px; height:53px; background:url(images/go.gif) no-repeat top left; text-indent:-9999px; border:0px !important; cursor:pointer; float:none !important; clear:!important; margin: 0 !important; !margin-top: 10px}
