/*
 * CSS-Reset v1.0 | 20080212
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Arial, Verdana, Sans-serif;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
body.mceContentBody {
	background-image:none;
   	background-color:#000000;
	text-align:left;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to define focus styles! */
a:focus, label:focus, input:focus, select:focus, textarea:focus {
	outline: 1px dotted #333;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
 * General Styles
 */
td, th{ 
	vertical-align: top;
	text-align:left;
}

hr {
	height:1px;
	background-color:#FFFFFF;
	border:none;
	color:#000000;
}

/* links */
a {
	color:#0072bc;
	text-decoration:none;
}

a:hover, a.current {
	
}

/*
 * General Classes
 */
.wrapper {
	float:left;
	width:100%;
}

.small {
	font-size:10px;
	line-height:normal;
}

.hide {
	display:none;
}

.right {
	text-align:right;
}

.top {
	vertical-align:top;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.clear {
	clear:both;
}

.nowrap {
	white-space:nowrap;
}

/*
 * Form Elements
 */
label:hover, .submit input:hover {
	cursor:pointer;
}

/*
 * HTML
 */
html {
	font-size:100.01%;
	height:100%;
	overflow:-moz-scrollbars-vertical;
	overflow-y:scroll;
}

/*
 * Body
 */
body {
	background:#010e17;
	color:#fff;
	font-size:13px;
	height:100%;
	line-height:20px;
	text-align:center;
}

/*
 * Main Wrapper
 */
#mainWrapper {
	background:url(../img/background-mainwrapper-center.png) 90px top repeat-y;
	margin:0 auto;
	min-height:100%;
	width:1200px;
}

#mainWrapper1 {
	background:url(../img/background-mainwrapper-left.jpg) left top no-repeat;
	min-height:647px;
}

#mainWrapper2 {
	background:url(../img/background-mainwrapper-right.jpg) right top no-repeat;
	min-height:647px;
}

#mainWrapper3 {	
	background:#131313;
	margin:0 0 0 90px;
	text-align:left;
	width:1024px;
}

/*
 * Header
 */
#header {
	background:#131313 url(../img/background-header.jpg) left top no-repeat;
	height:276px;
	margin-bottom:15px;
}

#headerInner {
	background:url(../img/background-header-gradient.jpg) left bottom repeat-x;
	height:276px;
}

#headerInnerInner {
	border-bottom:1px solid #1c1c1c;
	height:274px;
}

/*
 * Logo
 */
#logo {
	float:left;
	margin:12px 48px 0 33px;
}

#logo a {
	display:block;
	height:252px;
	width:217px;
}

/*
 * Top Menu
 */
#topmenu {
	float:left;
	font-size:10px;
	font-weight:bold;
	margin:224px 0 0 0;
	text-transform:uppercase;
}

#topmenu li {
	background:#000;
	float:left;
	display:block;
	height:20px;
	text-align:center;
	margin-right:12px;
}

#topmenu li.first {
	background:transparent;
	margin-right:31px;
	text-align:left;
}

#topmenu a {
	background:#242424;
	color:#797877;
	display:block;
	margin:1px 1px 0 1px;
	padding:0 5px 0 6px;
}

#topmenu li.first a {
	background:transparent;
	color:#fff;
	margin:1px 0 0 0;
	padding:0;
}

/*
 * Social Networking Menu
 */
#socialNetworkingMenu {
	float:right;
	margin:223px 42px 0 0;
}

#socialNetworkingMenu li {
	float:left;
	display:block;
	margin-left:4px;
}

#socialNetworkingMenu a {
	display:block;
}

/*
 * Main
 */
#main {
	margin-bottom:18px;
}

/*
 * Sidebar
 */
#sidebar {
	background:#101010;
	float:left;
	font-size:12px;
	width:218px;
	margin:0 62px 0 17px;
}

#sidebarInner {
	float:left;
	margin:8px 8px 10px 8px;
	width:202px;
}

/* search */
#search {
	float:left;
	margin-bottom:16px;
	width:100%;
}

#search div {
	float:left;
}

#search div.input {
	background:#fff;
	border-right:1px solid #f1f1f1;
	height:27px;
	width:170px;
}

#search div.input input {
	color:#0f0f0f;
	font-size:11px;	
	padding:8px 8px 6px 8px;
	width:155px;
}

/* sidebar headings */
#sidebar h2 {
	border-bottom:1px solid #242424;
	color:#797877;
	float:left;
	line-height:25px;
	text-transform:uppercase;
	width:100%;
}

#sidebar h2 span {
	border-bottom:1px solid #000;
	height:24px;
	padding-left:9px;
	display:block;
}

/* sidebar menus */
#sidebar ul {
	float:left;
	line-height:25px;
	width:100%;
}

#sidebar li {
	display:block;
	float:left;
	width:100%;
}

#sidebar ul a {
	background:url(../img/bullet.png) 32px center no-repeat;
	color:#fff;
	display:block;
	padding-left:45px;
}

/*
 * Content
 */
#content {
	color:#c9c9c9;
	float:left;
	width:693px;
	margin-top:48px;
}

/*
 * Page Title
 */
#pagetitle {
	color:#0072bc;
	font-size:21px;
	margin-bottom:35px;
	line-height:24px;
	text-transform:uppercase;
}

.article #pagetitle, .articleIndex #pagetitle {
	margin-left:144px;
}

.article #pagetitle {
	color:#fff;
	font-weight:normal;
}

.articleIndex #pagetitle {
	font-size:25px;
	line-height:28px;
	margin-top:-2px;
	margin-bottom:33px;
	text-transform:none;
}

/*
 * Content Block Level Elements
 */
#content p, #content ul, #content ol, #content table {
	margin-bottom:18px;
}

/*
 * Article
 */
.articleTop {
	float:left;
	margin-left:144px;
	width:549px;
}

.article h3, .article h3 a {
	color:#fff;
	text-transform:uppercase;
}

.article h3 {
	font-size:18px;
	line-height:21px;
	margin-bottom:31px;
}

#content p.category {
	margin-bottom:4px;
}

p.category a {
	color:#c9c9c9;
}

p.category span {
	font-size:14px;
}

.article {
	margin-bottom:25px;
}

.articleInfo {
	float:left;
	font-size:12px;
	margin-right:37px;
	text-align:right;
	width:107px;
}

.articleInfo a {
	display:block;
	font-weight:bold;
}

.articleContent {
	border-bottom:1px solid #242424;
	float:left;
	width:549px;
}

.articleContentInner {
	border-bottom:1px solid #000;
}

.more-link {
	display:block;
}

.more-link span {
	font-size:14px;
}

.articleNavigation {
	margin-bottom:44px;
}

.articleNavigationInner {
	float:left;
	margin:0 0 0 144px;
	width:549px;
}

.articleNavigation span {
	font-size:14px;
}

.articleNavigation a {
	color:#575656;
	display:block;
}

.prevArticle {
	float:left;
}

.nextArticle {
	float:right;
}

.articleComments {
	margin-bottom:25px;
}

.comment {
	margin-bottom:12px;
}

.commentAvatar {
	float:left;
	margin:0 22px 0 0;
	text-align:right;
	width:112px;
}

.commentAvatarInner {
	float:right;
	width:83px;
}

.commentAvatarInnerInner {
	margin:5px;
}

.commentContent {
	float:left;
	position:relative;
	left:5px;
	width:559px;
}

.commentContentInner {
	background:#242424 url(../img/background-comment.png) left 22px no-repeat;
	float:left;
	margin:5px;
	width:549px;
}

.commentContentInner1 {
	float:left;
	margin:20px 28px 0 23px;
}

.commentInfo span {
	display:block;
	float:left;
}

.commentAuthor {
	font-weight:bold;
}

.commentDate {
	color:#797877;
	font-size:12px;
}

.commentInfo .separator {
	color:#797877;
}

.commentAuthor, .commentInfo .separator {
	margin-right:12px;
}

/* gradient frames */
.commentContent, .commentAvatarInner {
	background:url(../img/background-border-top.png) left top repeat-x;
}

.commentContent1, .commentAvatar1 {
	background:url(../img/background-border-bottom.png) left bottom repeat-x;
}

.commentContent2, .commentAvatar2 {
	background:url(../img/background-border-left.png) left top repeat-y;
}

.commentContent3, .commentAvatar3 {
	background:url(../img/background-border-right.png) right top repeat-y;
}

.commentContent4, .commentAvatar4 {
	background:url(../img/background-border-top-left.png) left top no-repeat;
}

.commentContent5, .commentAvatar5 {
	background:url(../img/background-border-top-right.png) right top no-repeat;
}

.commentContent6, .commentAvatar6 {
	background:url(../img/background-border-bottom-left.png) left bottom no-repeat;
}

.commentContent7, .commentAvatar7 {
	background:url(../img/background-border-bottom-right.png) right bottom no-repeat;
}

/* comment form */
#commentForm {
	border-top:1px solid #000;
	float:left;
	margin:0 0 0 144px;
	width:549px;
}

#commentForm form {
	border-top:1px solid #242424;
}

#commentForm h3 {
	color:#fff;
	margin:26px 0;
	text-transform:uppercase;
}

#commentForm label {
	color:#6b6b6b;
	display:block;
	font-size:12px;
	line-height:15px;
}

#commentForm label span {
	color:#0072bc;
	font-size:13px;
	font-weight:bold;
}

#commentForm div.input {
	background:#fff url(../img/background-input.png) left top no-repeat;
	height:29px;
	margin:0 0 15px -3px;
	width:218px;
}

#commentForm div.input input {
	color:#0f0f0f;
	font-size:11px;
	padding:8px 6px 7px 6px;
	width:206px;	
}

#commentForm div.textarea {
	background:#fff url(../img/background-textarea.png) left top no-repeat;
	height:145px;
	margin:0 0 15px -3px;
	width:354px;
}

#commentForm div.textarea textarea {
	color:#0f0f0f;
	font-size:11px;
	margin:3px;
	padding:5px 3px 4px 3px;
	width:342px;
	height:130px;
}

#commentForm div.submit {
	background:#1a80c3 url(../img/background-submit.png) left top no-repeat;
	height:37px;
	width:129px;	
}

#commentForm div.submit input {
	color:#fff;
	font-weight:bold;
	height:37px;
	text-align:center;
	width:129px;
}

#pagination {
	float:left;
	margin:-10px 0 0 144px;
	width:549px;
	line-height:25px;
}

#pagination, #pagination span, #pagination li, #pagination a {
	color:#0072bc;
	display:block;
	float:left;
}

#pagination span {
	margin-right:9px;
}

#pagination li {
	background:#010101;
	height:25px;
	width:25px;
	margin-right:5px;
	text-align:center;
}

#pagination li.first {
	margin-right:7px;
}

#pagination li.last {
	margin-left:2px;
}

#pagination a {
	background:#101010;
	height:23px;
	line-height:23px;
	margin:1px 0 0 1px;
	width:23px;
}

#pagination li.current a {
	background:#0072bc;
	color:#fff;
}

#pagination li.first a, #pagination li.last a {
	line-height:25px;
	margin:0;
}

#pagination li.prev a, #pagination li.next a {
	font-size:14px;
}

#pagination li.first, #pagination li.last, #pagination li.first a, #pagination li.last a {
	background:transparent;
	height:auto;
	width:auto;
}

/*
 * Footer
 */
#footerWrapper {
	clear:both;
	margin:-91px auto 0 auto;
	width:1200px;
	text-align:center;
}

#footer {
	background:#030303 url(../img/background-footer.jpg) left top repeat-x;
	color:#363636;
	float:left;
	font-size:10px;
	height:91px;
	line-height:12px;
	margin:0 0 0 90px;	
	width:1024px;
}

#footer p {
	margin-bottom:21px;
	padding-top:15px;
}

#footer a {
	color:#363636;
}

#footer ul {
	font-weight:bold;
	line-height:12px;
	text-transform:uppercase;
}

#footer li {
	display:inline;
	border-right:1px solid #fff;
	margin-right:12px;
	padding-right:13px;
}

#footer li.last {
	border:0;
	margin:0;
	padding:0;	
}

#footer li a {
	color:#fff;
	text-decoration:none;
}