/*
	phobeo.css
  customization for phobeo. com of blackcarbon template (see original note below)
	
	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: #000000;
	}

#page {
	background: #333333;
	padding: 0 0 10px !important;
	border: none;
	}

#header {
	height: 120px;
	background: #000000;
	border-bottom: 1px solid #656565;
	}

.secondary {
	font-size: 1em;
	line-height: 1.5em;
	padding: 10px 0;
	margin: 3em 0 10px;
	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.	margin: 0 0 20px 71%; Eg. 'Monthly Archive'. */
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	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: #000000 url('footer_bg.png') top repeat-x;
	font-size: 1em;
	text-align: left;
	width: 730px;
	margin: 0 auto;
	padding: 10px 25px;
  padding-top: 80px;
	}

#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;
	}
