/* stylesheet for designschool101.com */

/* ## STYLE ## */
body {
/*	background: #48021E url(/images/main_bg.gif) no-repeat top center; */
	background: #FFF;
	text-align: center; /* IE fix for margin: 0 auto */
	padding:0; margin:0;
	width: 100%;
	color: #666; font-size: 12px; font-family: arial, verdana, sans-serif;
	}

/* blue - 2DB8FC */
/* green - 21B906 */

p {margin: 0 0 12px 0; line-height: 150%;}
form {margin: 0;}

h1, h2, h3, h4, #thumbs {font-weight: bold; font-family: Georgia, Tahoma, Times, serif;}
	h1 {margin: 0px; font-size: 50px; color: #FFF;}
		.logo {position: relative; top: 0px; text-align: center;  margin-left: 0px;}
	h2 {margin: 0 0 14px 0; font-size: 24px; color: #000;}
	h3 {margin: 0 0 12px 0; font-size: 16px; color: #000; background: #CFF8FF; display: inline;}
	h4 {margin: 0 0 10px 0; font-size: 14px; color: #000;}

A	{ text-decoration: underline; color: #9ACB36; font-weight: normal;}
A:link 	{ text-decoration: underline; color: #9ACB36; font-weight: normal;}
A:visited	{ text-decoration: underline; color: #21B906; font-weight: normal;}
A:hover 	{ text-decoration: underline; color: #BFE087; font-weight: normal;}

A.footer_link {font-size: 13px; font-weight: bold;}
A.footer_link:link { color: #BFE486; text-decoration: underline; font-weight: bold;}
A.footer_link:visited	{ color: #9BCB35; text-decoration: underline; font-weight: bold;}
A.footer_link:hover { color: #FFF;  }	

.white { color: #FFFFFF;}
.tags {color: #CCC; font-size: 10px; padding: 25px 0 0 0;}

.tutheadline {font-size: 14px; font-weight: bold;}
	.tutheadline a:link{color: #35AFEA; text-decoration: underline; font-weight: bold;}
	.tutheadline a:hover{color: #006591; text-decoration: underline; font-weight: bold;}
	.tutheadline a:visited{color: #006591; text-decoration: underline; font-weight: bold;}
.desc {font-weight: bold; margin-bottom: 5px;}
	.desc p{font-weight: normal;}
.date-display-single {color: #CC3300;}

.slogan {background: #9ACB36; padding: 4px; color: #FFF; text-align: center; font-weight: bold;}

#thumbs {margin: 0; font-size: 14px; color: #FFF; padding: 5px 0 10px 0;}
	.thumb-fa span , .thumb-gr span , .thumb-int span , .thumb-ar span {position: relative; top: 175px;} 
	.thumb-fa {float: left; width: 215px; height: 200px; margin: 0px; text-align: center; background: url(images/fa_design.jpg) no-repeat;}
	.thumb-gr {float: left; width: 215px; height: 200px; margin: 0px; text-align: center; background: url(images/gr_design.jpg) no-repeat;}
	.thumb-int {float: left; width: 215px; height: 200px; margin: 0px; text-align: center; background: url(images/int_design.jpg) no-repeat;}
	.thumb-ar {float: left; width: 215px; height: 200px; margin: 0px; text-align: center; background: url(images/ar_design.jpg) no-repeat;}

/* ## END STYLE ## */

/* ## STRUCTURE ## */
#overall_wrapper {
	margin: 0 auto;
	width: 860px;
	border: 0px solid #CCC;
	text-align: left;	/* IE fix for margin: 0 auto */
	}

#header_wrapper {}

	#header{
		padding: 4px;
		background: #2DB8FC;
	}

#body_wrapper {
	margin: 0px;
}

#body {
	background: url(images/bg_top.gif) no-repeat 50% 100%;
	margin: 0px;
}

	#left_nav_wrapper {
		width: 318px;
		float: left;
		border: 0px dotted #666;
	}
		#left_nav {
			margin: 0px;
		}
	#content_box_wrapper {
		width: 535px;
		float: left;
		margin: 0;
	}
		#content_box {margin: 10px;}
			#contet_box p{color: #1E1E1E;}

#footer_wrapper {
	background: #005D40; 
}
#footer {
	color: #FFF; 
	text-align: center;
	border-right: 10px solid #FFF;
	border-left: 2px solid #FFF;
	padding: 0 0 25px 0;
}
	.footer-left {width: 44%; float: left;}
	.footer-right {width: 44%; float: right;}
	
#footer_img {
	background: url(images/bg_bottom.gif) no-repeat center top;
	margin: 0px;
	height:  285px;
}
		
.clear {clear: both;}

/* ## END STRUCTURE ## */