/* Normalize main elements */
html, body, form, input, img, h1, h2, h3, h4, h5, table, tr, th, td, textarea, ul, ol
{
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	border-collapse: collapse;
}

body { background: #141414 url(/pm/bg.png) repeat-x center top }

ul, ol { margin-left: 25px }



/* Notifications */
.note, .info, .error { margin-top: 15px }

.info
{
	height: 15px;
	padding: 3px 3px 3px 8px;
	background: #FFFFAA;
	border-top: 1px solid #DDDD55;
	border-bottom: 1px solid #DDDD55;
}

.info a
{
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.info a:hover
{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.note, .error { padding: 5px 7px 5px 21px }

.note { background: #418F53 url(/pm/check.png) no-repeat 6px 6px }

.error { background: #963E3E url(/pm/error.png) no-repeat 9px 5px }



/* Text and font modifiers */
.small, .foot { font-size: 11px }

.nav, .side, .p_date, .c_head, .note, .info, .error { font-size: 12px }

.large, h5, .pages { font-size: 14px }

.larger, h2, h3 { font-size: 16px }

.huge, h1 { font-size: 23px }

.toobig, .p_title { font-size: 28px }

.blue, a { color: #0042B0 }

.orange, a:hover { color: #A76E3C }

.red { color: #DD0000 }

.white, .foot a:hover, .nav a:hover, .p_date, .p_date a, .side a:hover, h5, .c_head, .chart th, .cont, .note, .error { color: #FFF }

.gray, .nav a { color: #EEE }

.gray2, .side a, .foot, .foot a, .p_date a:hover, .cont:hover { color: #DDD }

.light, .pages a, .postinfo th { color: #777 }

.dark, .p_title a:hover, .postinfo a { color: #555 }

.p_body { color: #222 }

.black, .pages a:hover, .p_title a, .postinfo a:hover { color: #000 }

.bold, h3, h5, .note, .error, .pages { font-weight: bold }

.normal, .note, .error, .c_head { line-height: normal }

.nodec, a { text-decoration: none }



/* Positioning and float modifiers */
.block, .nav a, .side a, .pages a { display: block }

.left, .head img, .nav a, .content, .side { float: left }

.right, .head form, .head input, .info a { float: right }

.clear, .head, .nav, .p_date, .p_title, .p_body { clear: both }

.head, .nav, .body { width: 960px }

.head, .nav, .body, .foot { margin: auto }



/* Head section */
.head { height: 52px }

.q
{
	width: 200px;
	height: 21px;
	padding: 5px;
	background: #FFF;
	font-size: 14px;
}

.b
{
	width: 36px;
	height: 31px;
	background: url(/pm/search.png);
}

.fb, .tw
{
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	margin: 6px 8px 0 0;
	background: url(/pm/socialicons.png) no-repeat;
}

.tw { background-position: 0px -20px }

.nav { height: 28px }

.nav a
{
	height: 21px;
	padding: 7px 10px 0 10px;
}



/* Body section */
.body { background: #1D1E28 url(/pm/bg_body.png) repeat-x center top }

.content
{
	width: 813px;
	background: #FFF;
}

.p_title { padding: 22px 30px 8px 30px }

.p_date, .c_head, .cont { background: #25306F }

.p_date
{
	margin: 0 20px;
	padding: 6px 10px;
}

.p_body { padding: 20px 30px 90px 30px }

.c_head, .c_body { padding: 6px 10px }

.c_head { margin: 15px 0 0 0 }

.c_body, .p_body { line-height: 20px }

.cont { padding: 6px 9px }

.postinfo
{
	border-top: 1px solid #BBB;
	padding: 6px 10px;
}

.postinfo
{
	width: 753px;
	margin-top: 22px;
}

.postinfo th
{
	width: 70px;
	text-align: left;
}

.border
{
	padding: 4px;
	border: 1px solid #AAA;
}

img.left { margin: 0 25px 15px 0 }

img.right { margin: 0 0 15px 25px }

.chart
{
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
}

.chart th, .chart td
{
	padding: 3px 7px 3px 7px;
	text-align: left;
	border-left: 1px solid #555;
	border-top: 1px solid #555;
}

.chart th { background: #555 }

.padded { padding: 30px }

.padded2 { padding: 0 30px 30px 30px }

.padded3 { padding: 0 0 40px 40px }

.pages
{
	margin-top: 15px;
	padding: 15px;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

.pages a
{
	padding: 5px 8px;
	border: 1px solid #CCC;
}

.pages a:hover { border: 1px solid #999 }

.inp1, .inp2, .txt1, .btn1, .code, .as3, .php
{
	padding: 5px;
	border: 1px solid #CACACA;
	border-bottom: 1px solid #979797;
	border-right: 1px solid #979797;
	text-align: left;
}

.inp1 { width:460px }

.txt1
{
	width: 600px;
	height: 50px;
}

.btn1
{
	padding: 4px 10px;
	background: #EEE;
}

.code, .as3, .php
{
	width: 738px;
	padding: 2px 5px;
	overflow: auto;
	background: #F6F6F6;
	font-family: "Courier New", Courier, monospace;
	border-left: 3px solid #CCC;
}

.as3 .red, .as3 .blue { color: #0000FF }

.as3 .str { color: #009900 }

.as3 .com, .as3 .com .red, .as3 .com .blue, .as3 .com .str { color: #808080 }

.php .blue { color: #0000BB }

.php .red { color: #BA0A0A }

.php .str { color: #CE0000; background: #E4E4E4 }

.php .com, .php .com .str, .php .com .red, .php .com .blue { color: #f57f00 }

.ad { margin: 0 0 20px 25px }



/* Sidebar section */
.side { width: 147px }

h5 { padding: 12px 0 3px 15px }

.side a
{
	width: 122px;
	padding: 4px 0 4px 25px;
}



/* Foot section */
.foot
{
	width: 930px;
	padding: 15px;
	background: #1D1E28;
}
