@import "theme.css";

/* 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", "Myriad", "Trebuchet MS", Tahoma, Sans-Serif;
		background:#eee url('../img/pbg.png');
		color:#36393d;
	}
	div.component, div.container
	{
		min-height:30px;
	}
	div.page
	{
		margin:20px 10px;
		min-width:800px;
	}
	
	div.header, div.body, div.title, div.cfooter, div.extras, div.footer
	{
		clear:both;
	}
	
	div.header, div.body, div.extras, div.footer
	{
		margin:0 auto;
		max-width:1200px;
	}
	
	div.component
	{
		/* Other special formatting for content segments */
	}
	
	div.header
	{
		background:#36393d;
		color:#eee;
		min-height:100px;
	}
	
	div.title
	{
		padding:10px 0 0 30px;
		width:45%;
	}
	
	div.body
	{
		background:#fff url('../img/colbg.png') 70% repeat-y;
	}
	
	div.nav
	{
		color:#fff;
		background:#3f4c6b;
		min-height:40px;
	}

	div.welcome
	{
		margin:10px;
		background:#eef;
		border:1px solid #c3d9ff;
	}
	
	div.main
	{
		float:left;
		width:70%;
	}
	
	div.sidebar
	{
		float:left;
		width:30%;
	}
	
	div.footer
	{
		background:#333;
		color:#eee;
	}
	
	div.post
	{
		margin: 0 0 10px 0;
	}
	
	div.extras
	{
		background:#333;
		color:#ddd;
		padding:0 0 20px 0;
		border:20px solid #444;
		border-width:20px 0 0 0;
	}

	a
	{
		color:#356aa0;
	}
	div.welcome a
	{
		color:#333;
	}
	a:visited, div.welcome a:visited
	{
		color:#575757;
	}
	a img
	{
		border:0;
		vertical-align:middle
	}
	a.highlight, span.highlight
	{
		color:#000;
		background:#c3d9ff;
		border:1px solid #4096ee;
		border-width:0 0 1px 0;
		padding:1px 5px;
		text-decoration:none;
	}

	a.highlight:visited, a.highlight:visited:hover, span.highlight:hover
	{
		color:#333;
		background-color:#eef;
		border-color:#c3d9ff;
	}
	a.highlight:hover, a.highlight:visited:hover
	{
		color:#eee;
	}
	div.post p.data a, div.post p.data a:hover, div.post p.data a:visited, div.post p.data a:visited:hover, 
	div.body h2 a, div.body h2 a:hover, div.body h2 a:visited, div.body h2 a:visited:hover, 
	div.body h3 a, div.body h3 a:hover, div.body h3 a:visited, div.body h3 a:visited:hover,
	div.body h4 a, div.body h4 a:hover, div.body h4 a:visited, div.body h4 a:visited:hover
	{
		color:#333;
		padding:0;
		border:0;
		background:transparent;
	}
	
	div.header a, div.header a:visited, div.extras a, div.extras a:visited, div.sidebar ul li a:hover
	{
		color:#eee;
	}
	p.data a
	{
		background-color:#eef;
		padding:1px 3px;
	}
	
	p.data a:visited
	{
		color:#575757;
	}
	
	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, div.sidebar ul li a
	{
		padding: 5px 10px;
		display: block;
		background:#36393D;
		text-decoration: none;
		color: #eee;
	}
	div.column li a:hover, div.sidebar ul li a:hover, div.post a.highlight:hover, div.post a.highlight:visited:hover
	{
		background:#555;
		border-color:#000;
	}
	div.sidebar ul li a
	{
		color:#36393d;
		border:0;
		background:#eef;
	}
	ul.nav
	{
		float:left;
	}
	
	ul.nav li
	{
		float:left;
		position:relative;
		display:block;
	}
	
	ul.nav li ul li, ul.nav li.current a, ul.nav li a:hover
	{
		background:#333;
	}
	
	ul.nav li a, ul.nav li a:visited
	{
		display:block;
		padding:8px 15px 11px 15px;
		color:#fff;
		text-decoration:none;
		min-width:60px;
		font-size:120%;
		text-align:center;
	}
	
	ul.nav li a
	{
		background:#3f4c6b;
	}

	ul.nav li ul li a, ul.nav li ul li a:visited
	{
		border:0;
		text-align:left;
		padding:10px;
		font-size:90%;
	}
	ul.nav li ul
	{
		display:none;
		position:absolute;
		top:40px;
		left:0px;
		width:200px;
		list-style:none;
		margin:0;
		padding:0;
		z-index:500;
	}
	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%;
		padding: 5px 10px 0 0;
		margin: 0 0 0 10px;
		color:#444;
		border: 0;
	}
	h1 a, h1 a:visited
	{
		text-decoration: none;
		color:#eee;
	}	
	h2
	{
		font-size: 180%;
		padding: 10px;
	}
	h2, h2 a, h2 a:visited
	{
		color:#555
	}
	div.welcome h2
	{
		color:#444;
	}
	h3
	{
		font-size: 150%;
		padding: 10px;
	}
	
	div.post h3, h4
	{
		font-size: 130%;
	}
	
	div.post h3 a, div.post h3 a:visited, div.post h3 a:hover, div.post h3 a:visited:hover, 
	h4 a, h4 a:visited, h4 a, h4 a:visited:hover
	{
		color:#3f4c6b;
		padding:0;
		border:0;
		background:transparent;
		text-decoration:none;
	}
	div.extras h4 a, div.extras h4 a:visited, div.extras h4 a:hover, div.extras h4 a:visited:hover
	{
		color:#eee;
	}
	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.post h3, div.extras h4
	{
		color:#dde;
	}
	h5
	{
		font-size:120%;
	}

	p
	{
		padding: 5px 10px 20px 10px;
		line-height: 200%;
	}
	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;
	}
	
	div.header p.desc
	{
		line-height:normal;
		padding:0 10px 20px 10px;
		word-spacing:5px;
		letter-spacing:2px;
		text-transform:uppercase;
	}
	div.footer p
	{
		line-height:normal;	
	}
	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:#ddd;
	}
	p.powered a, p.powered a:visited
	{	
		color:#eee;
	}

	div.sidebar ul
	{
		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;
	}

	.noshow
	{
		display:none;
	}
	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;
		clear:none;
	}
	#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;
	}
	
	hr
	{
		height: 1px;
		margin:0 10px;
		padding:0;
		border:0;
		clear:both;
		background:#fff;
		color:#fff;
	}
	div.extras hr
	{
		background:#333;
		color:#333;
	}
	
	div.msg, div.msg a
	{	
		font-weight:bold;
		margin:5px;
		color:#444;
		background:#ff8;
		border:1px solid #B02B2C;
	}
	
	div.msg a
	{
		margin:0;
		padding:1px 3px;
		border-width:0 0 1px 0;
		background:#C3D9FF;
	}
	
	div.msg_error
	{
		border-color:#ff8;
		color:#fff;
		background:#c00;
	}
	div.msg_error a
	{
		background:#fff;
		border-color:#4096ee;
	}
	
	div.msg_notice
	{
		border-color:#4096ee;
		background:#C3D9FF;
		color:#3F4C6B;
	}
	div.msg_notice a
	{
		background:#ff8;
	}
	
	div.msg p.title
	{
		font-size:130%;
		padding:5px 10px;
		line-height:normal;
	}
	div.msg p
	{
		line-height:normal;
	}
}

/* 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;
	}
}