/*
	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 versions as well as debug any potential
	problems.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name		: 	Jamie Crockett
	Author Site		: 	http://jamiecrockett.com
	Style Name		: 	POBI
	Style URI		:	http://getk2.com
	Version			:	1.0
	Header Height	:	24
	Comments		:	I am using the Dynamic Header plugin for the header - http://nicasiodesign.com/blog/category/wordpress-plugins/
*/


/*- Typography */

body {
    font-family: "Tahoma", verdana, arial, helvetica, sans-serif;
	}

strong, em, b, i {
    font-family: "Tahoma", verdana, arial, helvetica, sans-serif;
	}

h1, h2, h3, h4, h5, h6, {
	font-family: "Tahoma", verdana, arial, helvetica, sans-serif;
	}

.comments input[type=text], .comments textarea, code {
	font-family: "Tahoma", verdana, arial, helvetica, sans-serif;
	}


body {
	font-size: 62.5%; 
	background: #336699;
	color: #FFF;
	margin: 0;
	}
	
.textwidget P {
font-size: 110%;
}

.textwidget {
font-size: 115%;
}
	
	}

body.lang-ar,
body.lang-fa,
body.lang-he,
body.lang-hi,
body.lang-km,
body.lang-ko,
body.lang-ja,
body.lang-th,
body.lang-zh {
	font-size: 70%; /* Resets 1em to 11px */
	}

#page {
	background: A9D3A9 !important;
	text-align: left;
	margin: 0 auto;
	padding-top: 0px !important;
	position: relative;
	border: none;
	border-top: none !important;
	clear: both;
	}
	
/*- Sidebar Subpages Menu */

sidebar {
    background: #A9D3A9 !important;
	color: #A9D3A9
		}

.sb-pagemenu ul {
	margin-left: 2px;
	}

.sb-pagemenu ul ul {
	margin-top: 2px;
	}

.sb-pagemenu ul ul .page_item {
	margin-left: 2px;
	padding: 0;
	}

.sb-pagemenu .current_page_item {
	}

/* hopefully solving the myster space in explorer below */
	
body.columns-two #primary-wrapper {
	float: left;
	margin-right: -240px !important;
	width: 100%;
	}

body.columns-two #primary {
	margin-right: 200px !important;
	}

body.columns-two .secondary {
	float: right; }
	
#primary {
	position: relative;
	float: left;
	width: 500px;
	padding: 10px;
	}

* html #primary {
	display: inline;
	}

.columns-one .secondary {
	width: 240px 
	border-top: 0px solid #eee;
	}
	

/*- Headings */

#header {
	position: top;
	height: 24px;
	background: #FF6666 !important;
	background-position: top;
	}

h1 {
	font-size: 3em;
	}

h1.blog-title {
	font-weight: bold;
	letter-spacing: 1px important;
	padding: 75px 40px 0;
	}

h1.blog-title a,
#header .description {
	text-decoration: none;
	color: white;
	}

h1.blog-title a:hover {
	text-decoration: underline;
	}

#header .description { /* Description in header */
	font-size: 1em;
	margin: 0 0px;
	}

h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	text-align: left;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 1.5px;
	}


		
.primary {
	padding-left: 0px;
	}

#page, ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover {
	background: fff;
	align: left;
	}
	
/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	position: middle !important;
	bottom: 0;
	left: 5px;
	width: 100% !important;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 4px 8px 4px !important;
	}

ul.menu li a {
	font-size: .9em;
	font-weight: bold;
	color: fff;
	margin: 0;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	}

ul.menu li a:hover {
	background: #ff9933;
	font-size: .9em;
	color: #fff !important;
	text-decoration: none;
	}
	

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_ancestor a,
ul.menu li.current_page_ancestor a:hover {
	background: #ff9933 !important;
	font-color: #fff!important;
	text-decoration: none;
	}
	
ul.menu li a:visited {
	color: #fff;
	text-decoration: none;
	}
	
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 {
	color: #006666 !important;
	
	}
h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	text-align: left;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 1.8px !important;
	}

h2 span a, 
h2 span a:visited,
h3 span a,
h3 span a:visited {
	color: #006666 !important;
	font-weight: normal !important;
	}
	

h3, h4, .single .k2-asides h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: .5px !important;
	}
.entry-content h3 {
	font-size: 1.7em;
	font-weight: normal;
	margin-top: 0px;
	}

.entry-content h4 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 0px;
	}
.entry-content h5 {
	font-size: 1.3em;
	font-weight: normal;
	}
.entry-content h6 {
	font-size: 1.1em;
	font-weight: normal;
	}

.primary .entry-meta a, .primary .entry-meta a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #fff;
	font-weight: normal;
	}
	
.entry-meta { /* Time and category for blog entries */
	font-size: 1em;
	line-height: 1.2em;
	display: block;
	margin-top: 1px;
	color: #bbb;
	}
	
.counter a {
	color: #222;
	}
	
.commentlist li {
	color: #666;
	}

.commentlist li:hover {
	background: none;
	}
	
blockquote, #weightedcategories, .authorcomment {
	background: #fff;
	border-color: #fff;
	}
	
.primary img {
	border-color: #fff;
	background: #fff;
	}

.inputcontainer {
	margin-bottom: 0px;
	
	}
/*- 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: #27d !important;
	}

a {
	color: #27d;
	text-decoration: none;
	}

.entry-content a:visited {
	color: #27d !important;
	
/*- Primary Contents */

.hentry {
	margin: 5px 0 15px;
	position: relative;
	}

.entry-content {
	font-size: 1.2em;
	line-height: 1.4em !important;
	text-align: justify;
	color: #444;
	}

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content div,
.entry-content blockquote {
	margin: 13px 0;
	}

.k2-asides .entry-content p,
.k2-asides .entry-content ul,
.k2-asides .entry-content ol,
.k2-asides .entry-content div,
.k2-asides .entry-content blockquote {
	margin: 5px 0;
	}
	}

/* Gray Color */
#footer, small, .sidebar ul ul li, .sidebar ul ol li, .nocomments, ul#activity li small a, ul#activity li, .LSRow small, #searchcontrols small  {
	color: #A9D3A9;
	}

a, a:visited, .sidebar a:visited {
	color: #006699;
	}
	
.post p a:visited {
	color: #006699;
	}

#af-ela-menu li {
	border: none;
	background: #161616;
	}


#af-ela-menu, #af-ela-menu li {
	border-bottom: none;
	}

#af-ela-menu li.selected {
	background: #333;
	}

/* Hovering state of the table items */
#af-ela-year li:hover, #af-ela-month li:hover, #af-ela-post li:hover, #af-ela-category li:hover {
	background: #222;
	border-top: none;
	border-bottom: none;
	}

/* Active or hovered item in list */
#af-ela-year li.selected, #af-ela-month li.selected, #af-ela-post li.selected, #af-ela-category li.selected, #af-ela-post li:hover {
	background: #222;
	border-top: none;
	border-bottom: none;
	}

#af-ela-post {
	border-left: 1px solid #fff;
	border-right: none;
	}

/* Rolling Archives Slider */
#dynamic-content #pagetrack {
	height: 18px;
	background: url('sliderbgleft.png') no-repeat center left;
	}

#dynamic-content #pagetrackwrap {
	height: 18px;
	padding-right: 2px;
	top: 0px;
	background: url('sliderbgright.png') no-repeat center right;
	}

#dynamic-content #pagehandle {
	width: 18px;
	height: 18px;
	top: 0px;
	background: url('sliderhandle.png') no-repeat center center;
	cursor: e-resize;
	}

body.smartposition #rollingarchives {
	background-color: ffffff;
	border-bottom: none;
	}