/*
	
	Styles for dcthrasher.com Webucation Theme
	Holler at Zac with any questions
	http://dcthrasher.com || Zac's email was here

*/


/*
============================================
960 Ganked code:
============================================
*/

#wrapper,
.wrapper,
#sitenotice,
#mainmenu,
#introsection,
#mainpage,
#footer,
#thewall p#graffiti,
#thewall p.backtotop{margin-left:auto;margin-right:auto;width:960px; clear: both;}

#article {float: left;}
#maincontent {width:600px; float: left;}
#aside {width:200px; float: right;}

/*
============================================
Global Rules:
============================================
*/
a,
a strong{text-decoration: none; color: rgb(0, 102, 255); outline: none;}
a:visited,
a:visiter strong {color: rgb(102, 0, 204); outline: none;}
a:hover,
a:hover strong {color: rgb(255, 102, 0) ;}
li {list-style: none;}
.hidden,
#question label,
ul#skipto {position: absolute; left: -99999px;}
strong {color: rgb(255,0,0);}
.a2	{background-color: #FF0; cursor: pointer; outline: medium none; }
/*
============================================
Typography
============================================
*/
h1, h2, h3, h4, h5, h6 {margin:0 0 30px 0; padding: 0; line-height: 30px; text-transform: capitalize; clear: both}
h1 {font-size: 32px; clear: left}
h2 {font-size: 28px; }
h3,
#footer dl#whatisawebucator dt {font-size: 24px; }

#mainpage dt,
#mainpage dd,
#mainpage p,
#mainpage li {font-size: 16px; padding: 0; margin: 0; line-height: 30px; margin: 30px 0;}
#mainpage li {margin: 0}
#mainpage ul,
#mainpage ol {margin-bottom: 30px}

#mainpage #aside h2,
#mainpage #aside h3 {font-size: 14px; line-height: 10px; background: none; margin:0; padding:0; color: #333; padding-top: 20px;}
#mainpage #aside h2 {font-size: 16px; color: #444}

#mainpage #aside p,
#mainpage #aside li,
#mainpage #aside dt,
#mainpage #aside dd, {font-size: 10px; padding: 0; margin: 0; line-height: 30px; font-weight: normal}
#mainpage #aside p {font-weight: normal; margin-left: 0}
#mainpage dl {margin-left: 10px;}
#mainpage dt {font-weight: bold}
#mainpage dt,
#mainpage dd {margin: 0; padding: 0}

#footer dl#whatisawebucator dl {position: relative}
#footer dl#whatisawebucator dt {display: block; margin-left: 60px; padding-top: 10px; margin-bottom: 20px}
#footer dl#whatisawebucator dd {margin-left: 60px; padding-right: 10px;}
#footer #webucatornetwork h3 {color: #fff; font-size: 16px; margin: 5px 0 15px;}


/* Marker Felt */
ul#mainmenu {font-family: "Marker Felt", "AbcBulletin", Arial; font-weight: bold}

/* Rockwell */
#sitenotice,
h1, h2, h3, h4, h5, h6,
#aside,
#header .askaquestion,
#searchsubmit,
#aside h2,
#aside h3,
#footer dl#whatisawebucator dt
{font-family: Rockwell, "New Courier", Courier, Georgia, "Times New Roman", Times, serif;}



/* Bradley Hand ITC TT */
p#stealthistheme,
p#sitename,
p#sitedescription {font-family: "Bradley Hand ITC TT", "Bradley Hand ITC";}

/*
============================================
Backgrounds:
============================================
*/
body {background: #3a5a31 url(images//bg-tile.jpg)  repeat;}	
#header {background: url(images//spine.gif) repeat-x;}

h1 {background: url(images//h1.png) no-repeat 0 3px; padding-left: 100px; margin-left: -100px;}
#mainpage h2 {background: url(images//h2.png) no-repeat 0 3px; padding-left: 100px; margin-left: -90px;}
#mainpage h3 {background: url(images//h3.png) no-repeat 0 3px; padding-left: 84px; margin-left: -74px;}

#mainpage .secondarysubcontent p{margin: 0 10px; font-size: 14px}
#mainpage .secondarysubcontent h2,
#mainpage .secondarysubcontent h3 {background-image: none; font-size: 20px; font-weight: normal; margin-bottom: 0}
#mainpage .secondarysubcontent h2 {font-size: 24px; color: #FF6600 }



/*
============================================
#header
============================================
*/
p#sitenotice {color: #fff; font-size: 12px; padding-top: 5px;}
p#sitenotice strong {color: #00CC00;}

ul#mainmenu {margin-top: 25px; height: 55px; position: relative; z-index: 200}
ul#mainmenu li {float: left; font-size: 28px; margin: 0 24px 0 0;}
ul#mainmenu li a:visited,
ul#mainmenu li a {background: #fff; background: rgba(255, 255, 255, .9); padding: 0px 8px; color:#FF6600; display: block;}
ul#mainmenu li a:hover,
ul#mainmenu li a.active {color: #FF6600; background: rgba(255, 255, 255, 1); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg);}
ul#mainmenu li a.active {-webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); color: rgb(102,0,204); }

ul#mainmenu li a.dropped {background: #000; padding: 10px 8px 12px; margin: -10px 0 -12px; color: #fff; display: block; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}

#introsection {position: relative;}
p#stealthistheme {text-align: right; position: absolute; right: 24px; top: 100px; width: 180px; text-align: center}
p#stealthistheme a {font-size: 24px; color: rgb(153, 153, 153); background: url(dcthrasher.com) no-repeat 0 -65px; padding-left: 36px; height: 80px; display: block}
p#stealthistheme a:hover {color: rgb(255, 102, 0);background: url(dcthrasher.com) 0px 5px no-repeat;}


img#logo {position: absolute; z-index: -100; top: 0; left: -40px; top: -25px}
p#askaquestion {
	position: absolute;
	z-index: 90;
	top: 220px;
	left: 19px;
}
input#searchsubmit,
p#askaquestion a,
input#submit {background: rgb(255, 102, 0); color: #fff; font-size: 12px; display: block; width: 80px; text-align: center; line-height: 10px; padding: 5px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 102, 0)), to(rgb(231, 92, 0)));}
p#askaquestion a:hover,
input#submit:hover,
input#searchsubmit {background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 102, 0)), to(rgb(222, 59, 2))); cursor: pointer;}

p#sitename a {
	display: block;
	color: #fff;
	font-size: 50px;
	line-height:60px;
	position: absolute;
	top: 28px;
	left: 257px;
	width: 459px;
}
p#sitedescription a {
	display: block;
	color: rgb(255, 102, 0);
	font-size: 22px;
	position: absolute;
	top: 158px;
	left: 311px;
}
p#valid {
	float:right;
}
.dropdown {display: none}
.dropdown {margin: 0 0 20px; position: absolute; background: #000 ; z-index: 100; top: 100px; padding: 20px; 
	-webkit-border-bottom-right-radius: 10px; 
	-moz-border-radius-bottomright: 10px; 
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; 
	-moz-border-radius-bottomleft: 10px; 
	border-bottom-left-radius: 10px;
/*	border-width: 5;
	-webkit-border-image: url(dcthrasher.com) 5 5 5 5 stretch stretch;
	-moz-border-image: url(http://dcthrasher.com/images/ui/spine.gif) 5 5 5 5 stretch stretch;
*/	}
.dropdown p {font-size: 18px; maring: 0;}
.standoutlink,
p#decifer a,
.dropdown p a {background: #171717; border: 1px #282828 solid; color: #646464; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; display: block; float: left;}
#thewall p.backtotop a {display:inline; float: none; padding: 2px; color: #000; border-bottom: 1px #000 solid; background: #C4C3C2;}
#thewall p.backtotop a:hover,
p#decifer a:hover,
.dropdown p a:hover {color: #fff; border-color: #fff;}
ul#submenu li {margin: 0; padding: 0; list-style: disc inline; font-size: 16px;}
ul#submenu li.course {width: 220px; float: left; clear: none; margin-right: 20px; color: #fff;}
ul#submenu li#springbrookclasses {width: 160px;}
.dropdown a {color: #fff;}
.dropdown a:hover {color: #0066ff;}
ul#submenu li.course strong {font-size: 20px;}
ul#submenu li.course li {list-style: disc inside}



/*
============================================
#maincontent
============================================
*/
#google_translate_element	{
	margin:-80px 0 70px 0;
}
.mobile	{
	display:none;
}
#maincontent {margin-top: -30px; position: relative}

#mainpage {background: #fff url(images//pink-line.gif) repeat-y 100px top; margin-top: 220px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; z-index: 0}
#article {background: url(images//lines.gif) repeat 0 0px; position: relative; margin-top: 120px; padding-left: 120px; padding-bottom: 120px; width: 840px;}
#mainpage p,
#mainpage ul,
#mainpage ol,
#mainpage img {margin-left: 10px;}

#mainpage li {margin-left: 10px; list-style-type: disc;}
#mainpage ol li {list-style: decimal;}

#mainpage ul#projectcategories li {list-style-type:none; padding-left: 0; margin-left: -10px}
#mainpage ul#projectcategories li h2 {padding-left: 90px}
#mainpage ul#projectcategories li ul li {list-style-type:disc; margin-left: 10px}

#mainpage #aus {margin-bottom: 30px}
.photos-container {
clear:both;
float:left;
padding:20px 20px 50px;
}
.buttonZ	{
	color: #000; 
	background-color: #F00;
	border-bottom-color:#000;
	border-right-color:#000;
	border-left-color:#666;
	border-top-color:#666;
	padding: 0px 5px; 
	margin: 5px 0;
	cursor:pointer; 
	font-family: Georgia, "Times New Roman", serif; 
	font-size: 12px;
	height: 22px; 
	display: block; 
	width: 120px;
	float:left;
	display:inline;
}

/*
============================================
#searchbox
============================================
*/

input#searchbox {margin-top: 5px;}
input#searchsubmit {width: auto; border: none; display: inline; padding: 2 4px}
input#searchbox {font-size: 10px; background: #fff; border: 1px #ccc dotted; rgb(0,0,0); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 30px; padding: 5px; width: 140px}
input#searchbox:focus {border: 1px rgb(0,0,0) solid;}
#res div {background: transparent; width: 600px}

/*
============================================
form#contact
============================================
*/

#contact {width: 550px; margin: 20px 0; float: left; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #395931; border: 1px #282828 solid; color: #fff; position: relative;}
#contact h2 {margin-left: -110px;}
#contact form {width: 320px; float: left; clear: none;}
#contact p {margin: 0 0 10px; padding: 0}
#contact fieldset legend {display: none}
#contact label {display: block; position: relative}
#contact label.required em {color:#ff6600}
#contact p.minortext {margin-bottom: 3px}
#contact p.minortext label {font-size: 10px;}
#contact input#captcha,
#contact input.text,
#contact textarea.text {width: 300px; padding: 2px 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px #646464 solid; background: #fff; font-size: 16px;}
#contact textarea.text {height: 150px;font-size: 12px; line-height: 30px; background: #fff; border-color: rgb(0,0,0);}
#contact input.checkbox {float: left; display: block; margin-top: 8px}
#contact input#captcha {width: 160px; float: left; margin-top: 4px}
#contact #capthaimage {float: right; display: block}

.commentbox {position: relative;}
h3 em.date {position:absolute; top: 5px; right: 0; color: #999; font-style: normal}

#contact #preview {float: right; clear: none; width: 220px; margin-top: 25px;}
#contact #preview strong {color: #fff}

/*
============================================
.notices
============================================
*/

#mainpage .greenlight,
#mainpage .notice,
#mainpage .warning {padding: 13px 10px; margin-right: 10px; clear: both}

#mainpage .notice {background: rgba(241,255,146, .7); border: 2px #ffcc00 solid; }
#mainpage .warning  {background: rgb(255,153,153); background: rgba(255,153,153, .7); border: 2px #cc0000 solid;}
#mainpage .greenlight {background: rgb(204,255,204); background: rgba(204,255,204, .7); border: 2px #090 solid;}

#mainpage .greenlight a {color: #090}

#mainpage .notice a {color: rgb(255,0,0)}
#mainpage .warning a {color: #cc0000}
 
#mainpage .greenlight a:hover,
#mainpage .notice a:hover,
#mainpage .warning a:hover
 {text-decoration: underline}


/*
============================================
table
============================================
*/
table {width: 100%}
table th {background: #000; color: #fff; text-align: left; font-size: 16px; padding: 5px}
table th + th {border-left: 1px #fff solid;}
/*
============================================
extras
============================================
*/
.scootchedup	{margin: -1000px 0 0 0;}		/* Thrasher addition */
blockquote {margin-left: 10px; border-left: 4px #ccc double;}
.featureimage {float: left; margin: 0 10px 10px 0}
.secondaryimage {float: right; margin: 0 0 10px 10px}
code,
.codeSi pre	{width: 580px; float: left; clear: left; overflow: scroll; margin: 10px 0; padding: 10px 5px 15px; border: 1px #000 solid; background: rgba(255,255,255,.8);}

/*
============================================
div#aside
============================================
*/

#aside {color: #666; padding-right: 2px; margin-top: -90px; position: relative; z-index: 100}
#aside a.rssfeedlink {color: #FF6600;}
#aside a.rssfeedlink:hover {text-decoration: underline;;}

p#licensing {text-align: center;}


/*
============================================
ul#breadcrumbs
============================================
*/
ul#breadcrumbs {position: absolute; left: 120px; width: 640px}
ul#breadcrumbs li {float: left; list-style: disc; margin-left: 20px}
ul#breadcrumbs li.first {list-style: none; margin-left: 0 }


/*
============================================
#subcontent
============================================
*/

.mainsubcontent,
.secondarysubcontent {float: left; clear: none; width: 350px; padding-bottom: 10px}
.secondarysubcontent {float: right; width: 220px;border-left: #ccc 1px dotted; display: block; -moz-box-shadow: rgba(0, 0, 0, 0.2) -5px 5px 25px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) -5px 5px 25px; padding-top: 20px; margin-top: -10px; background: #fff}
#mainpage .secondarysubcontent li {font-size: 12px; padding: 0 5px; margin: 0; list-style-position: inside; line-height: normal; margin-bottom: 10px}

/*
============================================
div#footer
============================================
*/
#footer {overflow: auto; padding-bottom: 40px;}
#footer dl#whatisawebucator {display: block;width: 402px; height: 196px; background: url(images//notecard.png) no-repeat; float: right; clear:none;-moz-box-shadow: rgba(0, 0, 0, 0.2) -5px 5px 25px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px; margin-right: 20px; margin-top: 50px;}
#footer dl#whatisawebucator dt a,
#footer dl#whatisawebucator dd a {color: rgb(255,0,0);}
#footer dl#whatisawebucator dd a:hover {text-decoration: underline;}

#footer #webucatornetwork {float: right; clear: none; width: 240px;}
#footer #webucatornetwork li {list-style: disc; color: rgb(255, 255, 255);}
#footer #webucatornetwork li a {color: rgb(255, 255, 255);}
#footer #webucatornetwork li a:hover {text-decoration: underline;}
#footer #webucatornetwork p#webucatornetworklink {padding: 0 10px;}
#footer #webucatornetwork p#webucatornetworklink a {color: #fff; font-weight: bold; font-size: 16px;}
#footer #webucatornetwork p#webucatornetworklink a:hover {color: #FF6600;text-decoration: none;}

#question {float: left; clear: none; width: 280px; position: relative;}
#question h2 {margin-bottom: 10px;}
#question h2 a {margin: 0; color: #fff;  line-height: auto;}
#question h2 a strong {color: #FF6600;}
#question p {font-size: 14px; padding: 5px; line-height: 16px; margin: 0;}
#question p strong {color: #fff;}
#question textarea {font-size: 12px; font-family:Arial, Helvetica, sans-serif; width: 100%; height:180px; background: #fff url(images//lines.gif); border: 2px #fff solid; rgb(0,0,0); margin-bottom: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;padding: 5px 2px; line-height: 30px;}
#question textarea:focus {font-size: 12px; line-height: 30px; border-color: rgb(0,0,0);}
#thewall p.backtotop {position: relative; margin: 0 auto;}
#thewall p.backtotop em {position: absolute; left:0; top: 20px; z-index: 400; font-style: normal;}
#question input#submit {width: auto; padding: 10px; display: block; clear: both; border: none;}



#thewall {background: url(images//bricks.png) repeat-x; height: 299px; position: relative;}
#thewall p#graffiti {background: url(http://dcthrasher.com/images/ui/graffiti.png) no-repeat; height: 284px; margin-top:0; margin-bottom: 0;}
#thewall p#decifer {position: absolute; bottom: 0; margin-bottom: 5px;}