/* Common */
body
{
	font-family: "Segoe UI", "Trebuchet MS", Tahoma, Sans-Serif;
	font-weight: normal;
	font-size: medium;
}

/* Screen */
@media screen
{
	/* Reset */
	body, div, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, ul, ol, li, table, td, th, hr, img
	{
		margin: 0;
		padding: 0;
		border: 0;
	}
	body
	{
		font:normal 81% "Segoe UI", "Trebuchet MS", Tahoma, Sans-Serif;
		background:#eef url('img/bg.png');
		color:#444;
	}

	div.page
	{
		margin:0 auto;
		width:90%;
		min-width:800px;
	}
	
	div.header, div.body, div.title, div.fcontent, div.feature, div.cfooter, div.extras, div.footer
	{
		clear:both;
	}
	
	div.header, div.body, div.feature, div.extras, div.footer
	{
		margin:0 auto;
		max-width:1200px;
	}
	
	div.header
	{
		min-height:79px;
	}
	div.title
	{
		margin:10px 0;
		width:50%;
		float:left;
	}
	div.nav
	{
		background:#333 url('img/dbg.png');
		min-height:40px;
	}
	div.feature
	{
		background:#fff;
		margin:0 auto 10px auto;
	}
	div.body
	{
		background:#fff url('img/colbg.png') 70% repeat-y;
		border:5px solid #999;
		border-width:0 0 5px 0;
	}
	div.extras
	{
		background:#333 url('img/dbg.png');
		color:#ccc;
		border:20px solid #444;
		border-width:20px 0 0 0;
	}
	div.columns
	{
		min-height:200px;
	}
	div.column
	{
		width:24%;
		float:left;
	}
	div.column ul, div.sidebar ul, ul.nav
	{
		list-style:none;
	}
	div.column li 
	{
		padding: 0 0 2px 0;
	}
	div.column li a
	{
		padding: 5px 10px;
		display: block;
		background:#333;
		text-decoration: none;
		border:3px solid #575757;
		border-width:0 0 0 3px;
		color: #ddd;
	}
	div.column li a:hover
	{
		color: #eee;
		background:#555;
		border-color:#aaa;
	}

	div.main
	{
		width:70%;
		float:left;
	}
	
	div.sidebar
	{
		width:30%;
		float:left;
	}
	
	div.footer
	{
		display:block;
		font-size:90%;
		background:#ccf url('img/bg.png');
		color:#444;
	}
	
	div.cfooter
	{
		color:#444;
	}
	
	div.content
	{
		padding:5px;
	}
	div.functions
	{
		float:right;
		width:40%;
		padding:10px;
	}
	hr
	{
		height: 1px;
		margin:0 10px;
		clear:both;
		background: #ddf;
		color: #ddf;
	}
	div.extras hr
	{
		width:1px;
		background:#333 url('img/dbg.png');
		color:#222;
	}

	a
	{
		color:#005fff;
	}

	a:visited
	{
		color:#575757;
	}
	
	div.functions a
	{
		color:#333;
		padding:4px 10px;
		display:block;
		font:normal 100% Times;
		text-decoration:none;
	}
	div.functions ul
	{
		list-style:none;
		float:right;
	}
	div.functions ul li
	{
		padding:0 0 0 10px;
		display:inline;
		float:left;
	}
	
	ul.nav
	{
		list-style:none;
		float:left;
		display:inline;
	}

	ul.nav li
	{
		float:left;
		position:relative;
		display:block;
	}
	ul.nav li a, ul.nav li a:visited, ul.nav li ul li
	{
		color:#ddd;
		
	}
	
	ul.nav li ul li, ul.nav li.current a
	{
		background:#333 url('img/dbg.png');
	}
	
	ul.nav li a, ul.nav li a:visited
	{
		display:block;
		padding:7px 15px 12px 15px;
		color:#ddd;
		text-decoration:none;
		min-width:60px;
		font-size:120%;
		text-align:center;
	}
	ul.nav li a:hover
	{
		color:#dde;
	}
	ul.nav li ul li a, ul.nav li ul li a:visited
	{
		color:#ccc;
		text-align:left;
		padding:7px 10px;
		font-weight:normal;
		font-size:100%;
	}

	ul.nav li ul li a:hover
	{
		background:#ccf;
		color:#333;
	}

	ul.nav li ul
	{
		display:none;
		position:absolute;
		top:28px;
		left:0px;
		width:200px;
		list-style:none;
		margin:0;
		padding:0;
	}
	ul.nav li ul li ul
	{
		top:0;
		left:200px;
		padding: 0 0 0 16px;
	}


	ul.nav li ul li
	{
		position:relative;
		float:none;
	}

	ul.nav li a, ul.nav li ul li span
	{
		display:block;
	}

	ul.nav li ul li span
	{
		padding:0;
	}

	ul.nav li:hover ul, ul.nav li ul:hover
	{
		display:block;
		background:url('img/rarrow.png') top left no-repeat;
	}
	
	ul.nav li:hover ul li ul, ul.nav li ul:hover li ul
	{
		display:none;
	}
	
	ul.nav li ul li:hover ul, ul.nav li ul li ul:hover
	{
		display:block;
	}
	
	ul.nav li ul li:hover ul li ul, ul.nav li ul li ul:hover li ul
	{
		display:none;
	}
	
	ul.nav li ul li ul li:hover ul, ul.nav li ul li ul li ul:hover
	{
		display:block;
	}

	ul.nav li ul li ul li ul:hover li ul, ul.nav li ul li ul li:hover ul li ul
	{
		display:none;
	}

	ul.nav li ul li ul li ul li:hover ul, ul.nav li ul li ul li ul li ul:hover
	{
		display:block;
	}
	
	h1, h2, h3, h4, h5, h6
	{
		padding: 5px 10px;
		color:#444;
	}
	
	h1, h2, h3, h4, h5
	{
		font-weight: normal;
	}
	
	h1
	{
		display: block;
		font-size: 240%;
		font-family: Times;
		padding: 5px 10px 0 0;
		margin: 0 0 0 10px;
		color:#444;
		border: 0;
	}
	
	h1 a, h1 a:visited
	{
		text-decoration: none;
		color:#444;
	}
	
	h2
	{
		font-size: 180%;
		padding: 10px;
	}
	h2, h2 a, h2 a:visited
	{
		color:#777
	}
	div.post h2
	{
		padding:10px 10px 0 10px;
	}
	h3
	{
		font-size: 150%;
		padding: 10px;
	}
	
	div.post h3, h4
	{
		font-size: 130%;
	}
	div.post h3 a, div.post h3 a:visited, h4 a, h4 a:visited
	{
		color:#444;
		text-decoration:none;
	}
	h4.pages
	{
		word-spacing: 10px;
		padding: 20px 10px;
	}
	h4.pages a, h4.pages a:visited
	{
		color: #575757;
		word-spacing: normal;
		text-decoration: none;
	}
	h4.pages a:hover
	{
		color: #333;
	}
	h4 a:hover
	{
		text-decoration:underline;
	}
	div.post h3, div.post h4
	{
		padding: 5px 10px 0 10px;
	}
	div.extras h4
	{
		color:#dde;
		font-size:140%;
		padding: 5px 10px 7px 10px;
	}
	h5
	{
		font-size:120%;
	}

	p
	{
		padding: 5px 10px 20px 10px;
		line-height: 200%;
	}
	.noshow
	{
		display:none;
	}
	p.data, p.info
	{
		padding:0 10px 20px 10px;
		font-size:90%;
	}
	p.data
	{
		line-height:normal;
	}
	p.data span, p.info span
	{
		display:block;
	}
	p.data span span, p.info span span
	{
		display:inline;
	}
	span.date
	{
		font-size:95%;
	}
	div.extras h4, div.sidebar h4, div.functions a, span.date
	{
		font-family:Times;
		text-transform:uppercase;
		letter-spacing:2px;
		word-spacing:5px;
	}
	div.extras h4, div.sidebar h4
	{
		word-spacing:normal;
	}
	div.header p.desc
	{
		line-height:normal;
		padding:0 10px 20px 10px;
		font:normal 100% Times;
		text-transform:uppercase;
		letter-spacing:2px;
	}
	div.sidebar form p, #searchform p
	{
		line-height:normal;
		padding:5px 10px;
	}
	div.postform p
	{
		line-height: 150%;
		padding: 5px 10px;
	}
	p.powered
	{
		text-align:center;
		color:#ccf;
	}
	p.powered a, p.powered a:visited
	{	
		color:#444;
	}
	div.sidebar ul
	{
		list-style:none;
		line-height:150%;
	}
	div.sidebar ul li ul
	{
		margin:0 10px;
		text-align:left;
	}
	
	div.sidebar ul li ul li
	{
		display:block;
		margin:1px 0;
	}
	div.sidebar ul li ul li a, div.sidebar ul li ul li a:visited
	{
		text-decoration:none;
		color:#444;
		background:#ddf url('img/bg.png');
		border:3px solid #575757;
		border-width:0 0 0 3px;
		display:block;
		padding:2px 10px;
	}
	div.sidebar ul li ul li a:hover
	{
		background:#fff;
		color:#444;
		border-color:#ccf;
	}
	form
	{
		clear:both;
	}
	fieldset
	{
		padding: 5px;
		margin: 10px;
		display: block;
		border: 5px solid #fff;
	}
	#searchform fieldset
	{
		padding:0;
		margin:0;
		border:0;
	}
	#searchform label
	{
		display:none;
	}
	legend
	{
		margin: 0 10px;
		padding: 10px;
		display: inline;
		clear: both;
		line-height: 1.6em;
		font-size: 140%;
		font-weight: normal;
	}
	#searchform fieldset legend
	{
		display:none;
	}
	input, select, textarea
	{
		font: normal 100% sans-serif,tahoma,verdana;
		color: #444;
	}
	input[type^='text'], input[type^='password'], textarea
	{
		padding: 2px;
	}
	select
	{
		padding: 3px;
		margin: 0 4px;
		border: 1px solid #777;
	}

	input[type^='button'], input[type^='submit'], input[type^='reset']
	{
		padding: 3px 5px;
		cursor: pointer;
		color: #444;
		background: #fff;
		font-size: 120%;
	}
	div.sidebar input[type^='text'], div.sidebar input[type^='password'], div.sidebar textarea, div.sidebar select
	{
		width: 85%;
		display:block;
		border: 1px solid #aaa;
	}
	#searchform
	{
		float:right;
		display:inline;
		padding:4px 0 0 0;
	}
	#searchform input[type^='text'], div.sidebar select
	{
		display: inline;
	}
	label.error, .err
	{
		color: #fff;
		background: #f33;
		padding: 2px;
		display:block;
	}
	.err
	{
		margin:20px;
		padding:20px;
		font-size:130%;
	}
	div.sidebar input[type^='text'].error, div.sidebar input[type^='password'].error, div.sidebar textarea.error, div.postform input[type^='text'].error, div.postform input[type^='password'].error, div.postform textarea.error
	{
		color: #000;
		border: 1px solid #f33;
	}
	div.sidebar input[type^='text'].error, div.sidebar input[type^='password'].error, div.sidebar textarea.error
	{
		display: block;
	}
	div.sidebar label.error
	{
		width:85%;
	}
	div.postform select
	{
		margin: 0;
	}
	div.postform label
	{
		font-size: 110%;
		display: block;
	}
	div.postform label span
	{
		font-size: 80%;
	}
	div.postform input[type^='text'], div.postform input[type^='password'], div.postform select, div.postform textarea
	{
		width: 200px;
		border: 1px solid #777;
	}
	div.postform textarea, div.postform input.tags
	{
		width: 99%;
		overflow: auto;
	}
}

/* Mobile device */
@media handheld
{
	body
	{
		background:#fff;
		color:#000;
	}
	a
	{
		color:#007fff;
	}
	a:visited
	{
		color:#008;
	}
}

/* Printer */
@media print
{
	body
	{
		background:#fff;
		color:#000;
	}
	a
	{
		color:#000;
	}
	div.sidebar, div.header, div.footer
	{
		display:none;
	}
	
	div.nav
	{
		display:none;
	}
}