/*
	CSS files kept in the 'styles' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 version as well as debug any problems
	that might occur.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name	: Megat Azim Jamil
	Author Site	: http://www.megatazimjamil.com/
	Style Name	: blackcarbon
	Style URI	: http://www.megatazimjamil.com/blackcarbon/
	Version		: 1.0.0
	Comments	: K2 at best!
*/

/*- Page Structure */

body {
	font: 62.5% Verdana, Arial, Sans-Serif;
	background: #333333 url('body_bg.png') top repeat-x;
	}

#page {
	background: #333333;
	padding: 0 0 10px !important;
	border: none;
	}

#header {
	height: 120px;
	background: #222222 url('header.png') top repeat-x;
	border-bottom: 1px solid #656565;
	}

.secondary {
	font-size: 1em;
	line-height: 1.5em;
	padding: 10px 0;
	margin: 0 0 20px 71%;
	width: 26%;
	color: #CCCCCC;
	position: relative;
	}

/*- Main Menu in Header */

ul.menu li a {
	color: #EEEEEE;
	background: #222222;
	text-transform:lowercase;
	}

ul.menu li a:hover {
	background: #454545;
	color: #FFFFFF !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #EEE !important;
	background: #656565;
	}

/*- Headings */

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	text-transform:lowercase;
	}

h1 { /* H1 is the title in the header */
	font-size: 4em;
	font-weight: normal;
	letter-spacing: -3px;
	padding: 10px 40px 0;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	color: #FFEE00 !important;
	}

#header .description { /* Description in header */
	font-weight: bold;
	}

h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0px;
	padding-left: 40px;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 1.5em !important;
	font-weight: normal !important;
	letter-spacing: -1px;
	padding: 0 !important;
	display: inline;
	}

#primary h3, #primary h4 {
	font-size: 2.6em;
	letter-spacing: -2px;
	color: #CCCCCC;
	}
	
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #FFFFFF;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}

/*- Primary Contents */

.entry-content {
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: justify;
	color: #CCCCCC;
	}

.entry-content blockquote {
	background-position: 15px 5px;
	background: url('quote.png') no-repeat 10px 0;              
	color: #888888;
	}

.entry-content a[href*='#more-'] {
	display: block;
	color: #888888;
	}

.entry-content a[href*='#more-']:visited {
	display: block;
	color: #888888;
	}

.entry-content a[href*='#more-']:after {
	content: ' \00BB';
	color: #888888;
	}

#commentlist li .comment-content {
	font-size: 1.1em;
	line-height: 1.5em;
	}

.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
	margin: 3px 0;
	color: #CCCCCC;
	}

#commentlist li .commentauthor {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	color:#CCCCCC;
	}

li.byuser {
	background: #434343;
	}

li.bypostauthor {
	background: #434343;
	border: none;
	}

li.bypostauthor blockquote {
	color: #333333;
	background: url('quote.png') no-repeat 10px 0;              
	}

#footer {
	background: #333333;
	font-size: 1em;
	text-align: left;
	width: 730px;
	margin: 0 auto;
	padding: 10px 25px;
	}

#footer a {
	border-bottom: none;
	color:#CCCCCC;
	}

#footer a:hover {
	color: #FFEE00;
	text-decoration: underline;
	}

/*- Links */

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #FFEE00 !important;
	}

a {
	color: #FFEE00;
	text-decoration: none;
	}

.entry-content a:visited {
	color: #FFEE00;
	}

/*- Various Tags and Classes */

#primary .entry-content img {
	padding: 0px;
	border: 1px solid #CCCCCC;
	margin: 0 0px;
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	}
	
img.alignright, img[align="right"] {
	padding: 0px !important;
	margin: 0 0 2px 7px !important;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 0px !important;
	margin: 0 7px 2px 0 !important;
	display: inline;
	}

img.noborder {
	border: none !important;
	padding: 5px !important;
	}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #333333;
	background: url('quote.png') no-repeat 10px 0;
	border: none;
	}

.alert {
	display: block;
	text-align: justify;
	margin: 0 0 1em 0; padding: 5px 5px 5px 36px;
	background: #FFF6BF url('../../images/exclamation.png') no-repeat 10px 50%;
	border: 3px solid #FFCC33;
	}

/*- Search Form and Livesearch */

#s.livesearch {
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	width: 100%;
	font-size: 1.1em;
	color: #666666;
	font-weight: normal;
	text-transform: lowercase;
	}