@media screen
{
	/* -----------------------------------
	general
	----------------------------------- */
	
	body
	{
		margin: 0;
		padding: 0;
		font: 100%/1.4 helvetica, arial, sans-serif;
		color: #444;
		background: #fff;
	}
	
	h1, h2, h3, h4, h5, h6
	{
		margin: 0 0 .6em;
		line-height: 1.1;
	}
	
	h2, h3 { color: #003d5d; }
	h2 { font-size: 218.75%; }
	h3 { font-size: 137.5%; }
	#content h3 { clear: left; }
	
	h4
	{
		font-size: 118.75%;
		margin: 1em 0 .6em;
	}
	
	h5 { font-size: 112.5%; }
	p { margin: 0 0 1em; }
	img { border: none; }
	a:link { color: #035389; }
	a:visited { color: #027c87; }
	a:focus { color: #000; }
	a:hover { color: #649805; }
	a:active { color: #b00; }
	
	

	
	/* -----------------------------------
	classes
	----------------------------------- */

	.structural
	{
		position: absolute;
		left: -500em;
		color: #000;
		background: #fff;
	}
	
	.date
	{
		margin: 0 0 1em;
		font-style: normal;
		color: #585858;
		font-size: 87.5%;
	}
	
	p.date { margin: 2em 0; }
	
	.edit
	{
		clear: left;
		margin: 2em 0;
	}
	
	.edit a
	{
		font-weight: bold;
		color: #fff;
		background: red;
		text-decoration: none;
		padding: 5px 10px;
	}
	
	p.intro
	{
		font-size: 112.5%;
		padding: 15px 0 0;
	}
	
	pre.codesample
	{
		background: #444;
		color: #fff;
		margin: 1em 0;
		padding: 1.5em;
		overflow: auto;
	}
	
	.codesample code
	{
		background: none;
		line-height: 1;
		margin: 0;
	}
	
	.codesample a { color: #fff; }
	
	p.entry
	{
		background: url(/media/arrow.gif) no-repeat 0 .3em;
		padding: 0 0 0 25px;
	}
	
	p.entry a
	{
		font-weight: bold;
		font-size: 112.5%;
	}
	
	.workshop-image { float: right; }
	
	
	.imagefloat
	{
		float: right;
		margin: 0 0 10px 10px;
	}
	
	.workshop-banner
	{
		font-size: 85%;
		background: #dbf3fb;
		margin: 0 0 2em;
		padding: 20px;
	}
	
	#content .workshop-banner h3 { margin: 0 0 .3em; }
	.workshop-banner p { margin: 0; }


	/* -----------------------------------
	header
	----------------------------------- */

	#header-container
	{
		float: left;
		width: 100%;
		background: #075385 url(/media/background-header.jpg) repeat-x 0 100%;
		border-bottom: 1px solid #cae298;
	}
	
	.home #header-container { border-bottom: 1px solid #609dbc; }
	
	#header
	{
		margin: 0 auto;
		width: 1000px;
	}
	
	#header2
	{
		float: left;
		width : 95%;
		background: url(/Media/newlogo.png) no-repeat 0 100%;
	}
	
	#header2 h1
	{
		float: left;
		width: 262px;
		height: 103px;
		margin: 0;
	}
	
	#header2 h1 a
	{
		display: block;
		width: 262px;
		height: 103px;
	}
	
	#header2 h1 span
	{
		position: absolute;
		left: -500em;
	}


	/* -----------------------------------
	navigation
	----------------------------------- */
	#navigation
	{
		float: right;
		margin: 38px 0;
		font-size: 93.75%;
		line-height: 1;
	}
	
	#navigation ul
	{
		margin: 0;
		padding: 0;
	}
	
	#navigation li
	{
		margin: 0;
		padding: 0;
		display: inline;
		list-style-type: none;
	}
	
	#navigation a
	{
		display: block;
		float: left;
		margin: 0 0 0 2px;
		padding: 6px 10px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		-webkit-border-radius:  5px;
		-moz-border-radius:  5px;
		border-radius:  5px;
	}


	
	#navigation a:focus
	{
		color: #fff;
		background: #000;
	}
	
	#navigation a:hover
	{
		color: #003d5d;
		background: #d5f1f9;
		-webkit-transition-duration: 0.7s;
		-webkit-transform: scale(1);
	}
	
	/* -----------------------------------
	content
	----------------------------------- */
	#content-container
	{
		clear: left;
		float: left;
		width: 100%;
		padding: 50px 0 0; 
		background: url(/media/background-content.jpg) repeat-x;
		min-height : 600px;
		
	}
	
	#content
	{
		margin : 0px 10px 0px 10px;
    	min-height : 600px;
	}
	
	#content h3 { margin: 2em 0 .6em; }
/*	
	#content ul
	{
		margin: 1em 0 1.5em;
		padding: 0;
	}
*/	
	/*#content ul li
	{
		margin: 0;
		padding: 2px 0 3px 25px;
		list-style-type: none;
		background: url(/media/arrow.gif) no-repeat 0 .3em;
	}*/
	
	#content dl
	{
		float: left;
		width: 648px;
		margin: 0;
		padding: 0 0 2em;
	}
	
	#content dl dt
	{
		float: left;
		clear: left;
		width: 180px;
		margin: 0 15px 0 0;
		padding: 3px 0 0;
		text-align: right;
	}
	
	#content dl dd
	{
		margin: 0 0 0 195px;
		padding: 3px 0 0;
	}
	


	
	/* -----------------------------------
	single
	----------------------------------- */
	
	#main
	{
	    float: left;
		padding: 0 0 30px;
		width:100%;
	}
	
	#main h2 { padding: 0 0 30px; }
	#main p.intro { padding: 0; }

	
	#sidebar
	{
		clear: left;
		float: left;
		width: 100%;
	}
	
	#sidebar h3 
	{
		margin: 0 0 5px;
	}
		

	
	
	/* -----------------------------------
	footer
	----------------------------------- */
	
	#footer-container
	{
		clear: both;
		float: left;
		width: 100%;
		padding: 30px 0;
		border-top: 5px solid #9fce30;
		background: #ecf7fd;
	}
	
	#footer
	{
		margin: 0 auto;
		width: 940px;
	}
	

	#footer-general { clear: both; }
	
	#footer-general ul
	{
		margin: 0;
		padding: 2em 0;
		text-align: right;
	}
	
	#footer-general li
	{
		padding: 0;
		list-style-type: none;
		display: inline;
		margin: 0 20px 0 0;
	}
	
	#footer-general a { font-weight: bold; }
	
	/* -----------------------------------
	form
	----------------------------------- */
	
.gform_wrapper ul
{
	margin: 0;
	padding: 0;
}

.gform_wrapper li
{
	list-style-type: none;
	margin: 0 0 .5em;
}

.gform_wrapper .medium, .gform_wrapper .textarea
{
	width: 290px;
	margin: 0;
	padding: 8px;
	color: #005584;
	border: 1px solid #C5DBE7;
	font: 100%/1.4 helvetica, arial, sans-serif;
}

.gform_wrapper .medium:focus, .gform_wrapper .textarea:focus
{
	border: 1px solid #000;
}

#gform_submit_button_1
{
	margin: 0;
	padding: 8px 15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0 none;
	color: #fff;
	background-color: #549906;
	background-image: -webkit-gradient(linear, center bottom, center top, from(#549906), to(#92c315));
	background-image: -moz-linear-gradient(90deg, #549906, #92c315);
	font-size: 110%;
	font-weight: bold;
}

	/* -----------------------------------
	commentlist
	----------------------------------- */
	
	ol.commentlist
	{
		margin: 0;
		padding: 0;
	}
	
	ol.commentlist li
	{
		margin: 0 0 2px;
		padding: 1.5em;
		list-style-type: none;
		background: #ecf7fd;
	}
	
	ol.commentlist li.odd { background: #fff; }
	.says { display: none; }
	
	.comment-author img
	{
		float: right;
		margin: 0 0 5px 10px;
		border: 1px solid #555;
	}
	
	.comment-author cite { font-style: normal; }
	.comment-author, .commentmetadata { font-size: 81.25%; }
	
	.comment-author, .commentmetadata, .comment-author a, .commentmetadata a
	{
		text-decoration: none;
		color: #585858;
	}
	
	.commentmetadata { margin: 0 0 20px; }
	
	#main ol.commentlist li p
	{
		margin: 1em 0 0;
		padding: 0;
	}
	
	

	/* -----------------------------------
	swapimage
	----------------------------------- */

	#swapimage
	{
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	a.blocklink
	{
		position: absolute;
		left: 610px;
		top: 25px;
		display: block;
		width: 350px;
		height: 247px;
		color: #fff;
		background: #FFF;
		-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
		-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.4);
	}

}