/*

Theme Name: simpleX

Theme URI: http://www.wpshoppe.com/freebies/free-simplex-theme-ready-for-download/

Description: CSS customization of the default WordPress Theme.

Version: 1.1.3

Author: Chandra Maharzan

Author URI: http://www.wpshoppe.com/about/

Tags: custom css, custom header, fixed width, two columns, widgets, buddypress



	Development Log

	===============================================================

	Nov 5, 2008 - 1.0.1 Works in Firefox, Chrome. Few IE Bugs

	Nov 6, 2008 - 1.0.2 Works in IE6, IE7, Firefox 2+, Chrome 0.3

	Nov 6, 2008 - 1.0.3 Sidebar CSS fixes

	Nov 6, 2008 - 1.0.4 Icons added to sidebar

	Nov 7, 2008 - 1.0.5 Single Page Templates customized

	Nov 8, 2008 - 1.0.6 Flickr Badge (from widget) added / CSS

	Nov 9, 2008 - 1.0.7 Comments section CSS

	Nov 9, 2008 - 1.0.8 Footer / RSS beautified!

	Nov 10, 2008 - 1.0.9 Sidebar CSS / Calendar fixed

	Nov 12, 2008 - 1.1 Multi-level menus fixed

	Nov 13, 2008 - 1.1.1 CSS Fixed

	Nov 26, 2008 - 1.1.2 Index Page Link Fixed

	Dec 2, 2008 - 1.1.3	Various CSS Issues Fixed

	

	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/



/* Begin Typography & Colors */



body {

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family:  Arial, Verdana, Sans-Serif;

	background: #fafafa;

	color: #333;

	text-align: center;

	margin: 0;

	padding: 0;

	}



#page {

	text-align: left;

	}



#header {

	background: #000080;


 background-image:url('http://cogh.net/wp-content/themes/simplex/images/bg15.png');
background-repeat:repeat-x; 


	}



#headerimg 	{

/* 	margin: 7px 9px 0;	*/

	}

	

#container, #main { /* SimpleX addition to center as well as make header footer 100% */

	width: 960px;

	margin: 0 auto;

	}



#content {

	font-size: 1.4em;

	float: left;

	}



.narrowcolumn p {


	}



.narrowcolumn .entry {

	line-height: 1.4em;

	width: 100%;

	}



.narrowcolumn .postmetadata {

	text-align: left;

	}

	

#footer {

	background: #eee;

	}



small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: .95em;

	line-height: 1.5em;

	}



h1, h2, h3 {

	font-family: Arial,Georgia, Sans-Serif, Verdana ;

	font-weight: normal;

	}



h1 {
	font-size: 3em;
  margin: 0 auto;
  padding-bottom: 0;

	}



#headerimg .description {
	font-size: 1.2em;
	float: left;
	color:#FFFFFF;
	}



h2 {

	font-size: 1.6em;

	clear:both;

	}



/* customized for simpleX*/

h2.pagetitle {

	font-size: 1.8em;

	color:#666;

	}

/**/

#sidebar ul li h2 {

	font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif;

	font-size: 1.6em;

	color: #999;

	padding: 5px 5px;

	border-bottom: 3px solid #eee;

	}



h3 {

	font-size: 1.6em;

	clear:both;

	}



h1, h1 a, h1 a:hover, h1 a:visited {

	text-decoration: none;

	color: #ddd;

	}



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

	color: #333;

	}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

	text-decoration: none;

	}



.entry p a:visited {

	color: #b85b5a;

	}



.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em Arial, 'Lucida Grande', Verdana, Sans-Serif;

	}



.commentlist li {

	font-weight: bold;

	background:#fdfdfd;

	}



.commentlist li .avatar { 

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.2em;

	text-transform: none;

	}



#commentform p {

	font-family: Arial, 'Lucida Grande', Verdana,  Sans-Serif;

	}



.commentmetadata {

	font-size: 0.9em;

	font-weight: normal;

	}

.commentlist li.alt {	

	background:#fefefe;	

}

#sidebar {

	font: 1.2em Arial,'Lucida Grande', Verdana, Sans-Serif;

	}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	color: #808080;

	}



code {

	font: 0.9em 'Courier New', Courier, Fixed;

	padding: 10px;

	border: 1px solid #eee;

	display: block;

	background:#fff;

	}



acronym, abbr, span.caps

{

	font-size: 1.1em;

	letter-spacing: .07em;

	}



#content a {



	text-decoration: none;

	border-bottom: 1px solid #E8C8C8;

	padding: 0 1px;

	}

#content a:visited {
	color: #B85B5A;
}

#content a:hover {

	color: #333;

	text-decoration: none;

	background: #E8C8C8;

	border-bottom: 1px solid #c47373;

	}

	

h1 a, h2 a, h3 a, h1 a:hover,h2 a:hover, h3 a:hover{

	border: none;

	background: none;

}

#sidebar #wp-calendar #prev a, #wp-calendar #next a {

	font-size: 1em;

	}



#sidebar #wp-calendar a {

	text-decoration: none;

	background: #eee;

	margin: 0;

	padding:0;

	}

#sidebar #wp-calendar a:hover {

	background: #E8C8C8;



	}	



#sidebar #wp-calendar caption {

	font: bold 1.3em  Arial,'Lucida Grande', Verdana, Sans-Serif;

	text-align: left;

	margin-top: 6px;

	}



#sidebar #wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	text-align: center;

	border-bottom:1px solid #eee;

	}

/* End Typography & Colors */







/* Begin Structure */

body {

	margin: 0;

	padding: 0;

	}



#page {

	padding: 0;

	width: 100%;	

	}



#header {

	margin:0;

	padding: 0;

	width: 100%;

	}



#headerimg {

	margin: 0;

	height: 110px;

	width: 960px;

	margin: 0 auto;

	

	}

/* SimpleX search location */

#searchdiv {

	position:absolute;

	top: 30px;

	right: 100px;



}



.narrowcolumn {

	padding: 30px 40px;

	margin: 0px auto;

	width: 580px;	

	}



.post {

	margin: 0 0 30px;	

	/*border-bottom: 3px solid #eee;*/

	}



.post hr {

	display: block; 

	border: none;

	border-top: 1px dotted #ccc;

	}

	

.narrowcolumn .postmetadata {

	padding:0;

	margin:0;

	padding: 20px 0 40px;

	}



.narrowcolumn .postmetadata2 {

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

	padding: 13px 0 16px 0;

}



.postmetadata {

	clear: both;

	font-size: 0.8em;

}



.clear {

	clear: both;

}



#footer {

	padding: 0;

	margin: 0 auto;

	width: 100%;

	clear: both;

 	overflow: hidden;

	}

	

#footerarea {

	width: 960px;

	margin: 0 auto;	

}



#footerarea span {

	margin: 0;

	padding: 30px 40px;

	font-size: 1.1em;

	}

	

#footerarea span#footerleft {

	float:left;	

}



#footerarea span#footerright {

	float:right;

}

/* End Structure */





/*	Begin Headers */

h1 {

	padding-top: 20px;

	padding-bottom: 5px;

	line-height: 60px;

	padding-left:0;

	margin: 0;

	}

#header h1 {

/*	padding-left:40px; */

	}	



h2 {

	margin: 10px 0 2px 0;

	padding-top: 10px;

	}





#sidebar h2 {

	margin: 5px 0 0;

	padding: 0;

	}



h3 {

	padding:0;

	margin: 30px 0 0;

	}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}

/* End Headers */







/* Begin Images */

.entry img {

	padding: 5px;

	max-width: 100%;

	border: 1px solid #eee;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 5px;

	margin: 0 0 5px 15px;

	}



img.alignleft {

	padding: 5px;

	margin: 0 15px 5px 0;
	float: left;

	}



.alignright {

	float: right;
	padding: 5px;

	margin: 0 0 5px 15px;
	}



.alignleft {

	float: left;
		padding: 5px;

	margin: 0 15px 5px 0;

	}

/* End Images */







/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



/* simpleX addition */



.entry {

	border-top: 1px solid #eee;

	margin-top: 15px;

	padding-top: 15px;

	float: left;	

	margin-bottom: 20px;

}



.entry p {

/*

float: none;
	padding: 7px 0 7px 0;

	margin:0;
	*/
}

.entry p a.img {

	border:none;

	background:none;

}

.entry p a.img:hover {

	border:none;

	background:none;

}





/* end */



html>body .entry ul {

	margin-left: 50px;

	padding: 0px 0 0px 0 30px;

	padding-left: 10px;

	

	}



html>body .entry li {

	margin: 0;

	}



/*.entry ul li:before, #sidebar ul ul li:before {

	content: "\00BB \0020";

	}*/



.entry  ol, .entry ul {

	padding:0;

	margin:  5px 0 5px 50px;

	}



.entry ol li, .entry ul li {

	margin: 0;

	padding: 0;

	}

	



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;	

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 15px;

	

	}



#sidebar ul p, #sidebar ul select {

	margin: 0;

	}



#sidebar ul ul, #sidebar ul ol {

	margin:0px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin:0;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 0;

	padding:0;

	list-style:none;

	

	}

	

#sidebar a {

	border: none;

	background: none;	

	display: block;

	padding: 5px 5px;

	border-bottom:1px solid #eee;

	background: url(images/meta.gif) no-repeat 5px 7px;

	padding-left: 20px;

}

#sidebar a:hover {

	border-bottom: 1px solid #c47373;

	background: #E8C8C8 url(images/meta.gif) no-repeat 5px 7px;

}	



* html #sidebar a {

	height: 1px;

}

	

#sidebar .archives a, #sidebar .cat-item a, #sidebar .cat-item a:hover,

#sidebar #archives ul li a {

	background: url(images/cat.gif) no-repeat 5px 7px;

	padding-left: 20px;	

}



#sidebar .cat-item a:hover, #sidebar .archives a:hover,

#sidebar #archives ul li a:hover {

	background: #E8C8C8 url(images/cat.gif) no-repeat 5px 7px;

}

#sidebar .linkcat a, #sidebar .linkcat a:hover, 

#sidebar .blogroll a {

	background: url(images/fav.gif) no-repeat 5px 7px;

	padding-left: 20px;	

}



#sidebar .linkcat a:hover,

#sidebar .blogroll a:hover {

	background: #E8C8C8 url(images/fav.gif) no-repeat 5px 7px;

}



/* for flickr pictures 2 x 3 */



#sidebar .flickr_badge_image {

	padding-top: 10px;

}





#sidebar div.flickr_badge_image a {

	background: #fff;

	padding: 5px;

	border: 1px solid #eee;

	display: inline-block;

}

#sidebar div.flickr_badge_image a:hover {

	border: 1px solid #ddd;

	background: #fdfdfd;

}



/* Bring the first item of each column 

back up to the level of item 1.

*/

#flickr_badge_image3 {

	 margin-top: -16.15em;

	 #margin-top: -16.25em;

}



#flickr_badge_image1, #flickr_badge_image2 {

	margin-left: 0em;

}



#flickr_badge_image3, #flickr_badge_image4 {

	margin-left: 8.2em;

}

	

/*end flickr*/





#sidebar .textwidget {

	margin: 6px;

}



	

/* End Entry Lists */







/* Begin Form Elements */

#searchform {

	margin: 10px auto;

	padding: 5px 3px;

	text-align: center;

	}



#header #searchform #s {

	width: 108px;

	padding: 4px;

	font: 1.4em arial, verdana, sans-serif;

	background: #000;

	color: #ccc;

	border: 1px solid #555;

	}



#header #searchsubmit {

	padding: 3px;

	background: #666;

	border: 1px solid #777;

	color: #ccc;

	font: 1.4em arial, verdana, sans-serif;

	font-weight: bold;

	}

	

#content #searchform #s {

	width: 200px;

	padding: 4px;

	font: 1.1em arial, verdana, sans-serif;

	background: #ddd;

	color: #333;

	border: 1px solid #bbb;

	}



#content #searchsubmit {

	padding: 3px 10px;

	background: #666;

	border: 1px solid #777;

	color: #ccc;

	font: 1.1em arial, verdana, sans-serif;

	font-weight: bold;

	}	



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select {

	width: 130px;

	}

#commentform{

	margin-bottom: 60px;

}	

#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	border: 1px solid #ccc;

	}



#commentform textarea {

	margin-top:5px;

	width: 100%;

	padding: 2px;

	border: 1px solid #ccc;

	}



#commentform #submit {

	margin-top: 5px;

	padding: 5px;

	background: #666;

	border: 1px solid #777;

	font-weight: bold;

	font-size: 1em;

	color:#ccc;

	}

/* End Form Elements */







/* Begin Comments*/





.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 3px;

	list-style: none;

	padding: 20px;

	border: 1px solid #eee;	

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */







/* Begin Sidebar */

#sidebar

{	

	width: 215px;

	float: right;

	margin: 20px 60px 20px 0;

	

	}



#sidebar form {

	margin: 0;

	}

	



/* End Sidebar */







/* Begin Calendar */

#sidebar #wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 190px;

	}



#sidebar #wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#sidebar #wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#sidebar #wp-calendar a {

	display: block;

	}



#sidebar #wp-calendar caption {

	text-align: right;

	width: 190px;

	padding-right: 10px;

	}



#sidebar #wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#sidebar #wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #ccc;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



.hidden {

	display: none;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}

	

.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	

	

	}

	

pre {

	width: 500px;margin-right: 250px;

}

/* End Various Tags & Classes*/







/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}





/* End captions */



img.wp-smiley {

	border:none;

	padding: 0;

}



.entry a.more-link {

	padding: 1px 6px;

	background:#ddd;

	color: #666666;

	border-bottom: 1px solid #ccc;

	font-size:0.8em;

	font-weight: bold;

	float:right;

	}

.entry a.more-link:hover {

	background: #E8C8C8;

	border-bottom: 1px solid #c47373;

	color:#333333;

}



/*simpleX RSS*/



#sidebar li#rssfeeds{

	padding-left: 18px;

	margin-left: 5px;

	margin-top: 10px;

	background:url(images/rss.gif) left center no-repeat;

}

#sidebar li#rssfeeds a, #sidebar .textwidget a, #sidebar #tag_cloud a, #sidebar p a {

	background: none;

	display:inline-block;

	margin:0;

	padding:0;

}





#sidebar #tag_cloud a{

	margin:5px 5px 0 6px;

}



#sidebar li#rssfeeds a:hover, #sidebar .textwidget a:hover, #sidebar #tag_cloud a:hover, #sidebar p a:hover{

	background: #e8c8c8;

}



#sidebar #wp-calendar {

	margin:6px;

	padding:0;

}





/* Header Menu */



.clearfix:after {

    content: " ";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}





.clearfix {

    display: inline-block;

}



html[xmlns] .clearfix {

    display: block;

}



* html .clearfix {

    height: 1%;

}





#pagemenu {	

	width: 100%;

background-image:url('http://www.cogh.net/wp-content/themes/simplex/images/navibg.png');
background-repeat:repeat-x; 

	border-top: 1px solid #ddd;

	font-size: 1.2em;

}



#pagemenu ul#page-list {	list-style: none;	padding: 0px 10px;		width: 890px;		margin:3px auto;	height: 36px;	display:block; /* ignored by IE  remove space bug on FF, Chrome */	_display: inline-block; /* remove spacing bug IE 6 */	#display: inline-block; /* remove spacing bug IE 7 */}
#pagemenu ul li.page_item a, #pagemenu ul li.cat-item a {	color: #fff;	/* color: #444; */	font-weight: bold;	padding: 0px 20px;	text-decoration: none;	border: 1px #888 groove;	background: transparent;	/* background-image:url('http://cogh.net/wp-content/uploads/2009/07/itembg.png');	background-repeat:repeat-x; */}

#pagemenu ul li.page_item li.page_item a {	color: #444;	/* color: #444; */	font-weight: bold;	padding: 0px 20px;	text-decoration: none;	border: 1px #888 groove;	background: transparent;	/* background-image:url('http://cogh.net/wp-content/uploads/2009/07/itembg.png');	background-repeat:repeat-x; */}
#pagemenu ul li.page_item a:hover, #pagemenu ul li.cat-item a:hover {	text-decoration: none;	color: #fff; /*#fff;*/	background: transparent;
/*
	background: #fafafa;background-image:url('http://cogh.net/wp-content/uploads/2009/07/itembghover.png');background-repeat:repeat-x;*/
}
#pagemenu ul li.page_item li.page_item a:hover {	text-decoration: none;	color: #444;	background: #fff;/*	background: #fafafa;background-image:url('http://cogh.net/wp-content/uploads/2009/07/itembghover.png');background-repeat:repeat-x;*/}
#pagemenu ul li.page_item, #pagemenu ul li.cat-item { 	background: transparent; /*#ddd;*/}
#pagemenu ul li.current_page_item, #pagemenu ul li.current_page_item a, #pagemenu ul li.current_page_item a:hover, #pagemenu ul li.current-cat, #pagemenu ul li.current-cat a, #pagemenu ul li.current-cat a:hover { 	color: #fff; /*#000080; *//*
	background: #fafafa;background-image:url('http://cogh.net/wp-content/uploads/2009/07/itembghover.png');
background-repeat:repeat-x;*/	}
#pagemenu ul li.current_page_item li a {	background: transparent; /*#eee;*/	color: #444; /*#444;*/}
#pagemenu  #page-list {	margin:0; padding:0;}
#pagemenu #page-list li {
padding:0px;float:left;list-style: none;

		line-height:28px;

		display: inline;

		margin-left: 5px;

		_margin-left: 5px;

		#margin-left: 5px;

	}

	

	#pagemenu #page-list li a, #page-list li ul li a{		

	    display:block		

	}
#pagemenu #page-list li:hover {	background: transparent url(http://cogh.net/wp-content/themes/simplex/images/burst.png); /*#eee;*/	}
#pagemenu #page-list li ul {	position: absolute;	width: 15em;	left: -999em;	border: 1px solid #ddd;	border-top: none;	margin:0;	padding:0; }
#pagemenu #page-list li:hover ul, #pagemenu #page-list li.sfhover ul {	left: auto;	z-index:1000;	}
#pagemenu #page-list li ul li {    background: #fff; /*#eee;*/	border-top: 1px solid #ddd;	line-height:28px;		width:15em;	margin:0px;}

#pagemenu #page-list li ul li:hover {background: #eee;}

#pagemenu #page-list li:hover, #pagemenu #page-list li.hover {    position: static;}
#pagemenu #page-list li ul ul {	margin: -29px 0 0 15em;}
#pagemenu #page-list li:hover ul ul, #pagemenu #page-list li.sfhover ul ul {	left: -999em;}
#pagemenu #page-list li:hover ul, #pagemenu #page-list li li:hover ul, #pagemenu #page-list li.sfhover ul, #pagemenu #page-list li li.sfhover ul {	left: auto;}

#pagemenu #page-list li:hover ul ul, #pagemenu #page-list li:hover ul ul ul, #pagemenu #page-list li.sfhover ul ul, #pagemenu #page-list li.sfhover ul ul ul {	left: -999em;}
#pagemenu #page-list li:hover ul, #pagemenu #page-list li li:hover ul, #pagemenu #page-list li li li:hover ul, #pagemenu #page-list li.sfhover ul, #pagemenu #page-list li li.sfhover ul, #pagemenu #page-list li li li.sfhover ul {	left: auto;} 
/* Header Menu End */





/* sidebar ul li pages category */



#sidebar .page_item ul li, #sidebar .cat-item ul li{

	padding-left: 15px;

} 
#advancedrandomposts-3 a, #advancedrandomposts-3 a:hover, #randompostsfromcategory-3 a, #randompostsfromcategory-3 a:hover, #internet-book-database-book-widget a, #internet-book-database-book-widget a:hover {
background: none;
}
#sidebar li p, #sidebar li li p, p#sidebar  {
margin-bottom: 10px;
}
li.wp-polls-ul  {
margin-bottom: 10px;
}

.xoxo ul, .xoxo li {
list-style: none;
}
.brlink {
margin-bottom: 20px;
}
.linkcat h3 {
font-size: .98em;
font-weight: bold;
}
.sfhover a {
	background: #000;
	text-decoration: none;
}