/* @override http://blog.cosmix.org/wp-content/themes/cosmixtheme07/style.css */


/*   
Theme Name: cosmixtheme07
Theme URI: www.cosmix.org
Description: 2007 release of the theme powering cosmix.org
Author: cosmix  
Author URI: www.cosmix.org
Version: 2.0
*/





/* layout */

@font-face {
    font-family: "Graublau Web";
	font-weight: normal;
    src: local("Graublau Web"), url("/typography/GraublauWeb.otf") format("truetype");
}

@font-face {
    font-family: "Graublau Web";
    font-weight: bold;
    src: local("Graublau Web Bold"), url("/typography/GraublauWebBold.otf") format("truetype");
}


body {
	font-family: 'Open Sans','Helvetica','Arial', sans-serif;
/*	font-family: "Helvetica", "Arial", sans-serif;*/
	color: #999;
	font-size: 0.9em;
	background-color: #222;
	line-height: 1.1em;
}


#mainWrap {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 762px;
}

#contentLayer {
    margin-left: auto;
    margin-right: auto;
	position: relative;
	padding-bottom: 0px;
	left: 0px;
	width: 730px;
}

#leftPane {
    padding-top: 15px;
    padding-right: 0px;
		padding-left: 0px;
    padding-bottom: 10px;
    margin: 0px;
    width: 171px;
		overflow: hidden;
}

#centrePane {
    float: right; 
    padding-right: 25px;
    padding-bottom: 20px;
		padding-top: 30px;
		width: 510px;
		margin: 0px;
}

#centrePane a {
	color: #CDDEF5;
}

#centrePane a:hover {
	color: #3FD5FE;
}

#centreWrap {
	float: right;
	width: 556px;
	background: transparent url(http://blog.cosmix.org/images/backwraptop.jpg) repeat-x scroll left top;
}

#centrePane a:visited {
	color: #CFF2FE;
}

.minipost {
	/*margin: 0 0 40px;*/
	margin: 0px;
	text-align: justify;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border-bottom: 1px solid #131313;
	border-top: 1px solid #353535;
	border-left: 1px solid #171717;
	border-right: 1px solid #0a0a0a;
	background: url('http://blog.cosmix.org/images/backmini.jpg') #1f1f1f;
	background-repeat: repeat-x;
}
	
.minipost p, .minipost2 p {
    color: #959595;
    margin-bottom: 8px;
    margin-top: 3px;
}

.minipost2 {
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.post p {
    color: #AAAAAA;
    text-decoration: none;
}

#centrePane .post h2 {
	font-size: 1.4em;
	font-family: "Graublau Web", "Lucida Grande", "Helvetica", sans-serif;
	letter-spacing: -1px;
	margin: 0;
	padding: 0px 0px 4px 0px;
	margin-bottom: 5px;
}


#centrePane strong {
	color: #aaa;
}

code {
    font-family: 'Inconsolata', 'Monaco','Consolas','Courier New';
    font-size: 11px; /* using px is ridiculous, but there's no alternative */
}

.post pre {
    border: 1px dotted #383838;
    margin: 15px;
    padding: 10px;
    background: #191919;
	color: #999999;
}


.post li
{
	list-style-position: inside;
}

.post blockquote p {
    /* color: #6F6F6F; */
}

#centrePane a:visited {
    color:  #F0FEFF;
}

#centrePane h2
{

}

#centrePane .post a, #centrePane h2 a, #centrePane .minipost a, #centrePane .minipost2 a {
	color: #eee;
	text-decoration:  none;
	font-weight: normal;
}

#centrePane h2 a:hover, #centrePane h2 a {
	font-family: "Graublau Web", "Lucida Grande", "Helvetica", sans-serif;
	line-height: 1.3em;
}

#centrePane .post a:hover, #centrePane h2 a:hover, #centrePane .minipost a:hover, #centrePane .minipost2 a:hover{
    color: #fffec9;
	font-weight: normal;
}

#onePane {
	position: relative;
	top: 5px;
	left: 0px;
	width: 705px;
	padding-left: 3px;
	padding-bottom: 100px;
}

#footer {
   position: relative;
   clear: both;
	padding-top: 3px;
	width: 750px;
	text-align: center;
	margin: auto;
	height: 22px;
	color: #000;
}

#footer p {
    margin-top: 0px;
    font-size: 0.7em;
}

#footer a {
    color: #000;
	text-decoration: underline;
}

#footer a:hover {
    color: #FFFFFF;
}

/* elements */

small {
	font-size: 1.1em;
	line-height: 1.5em;
	}

hr {
    display: none;
}

a {
	text-decoration: none;
	color:#888;
		outline-style: none;
	outline-color: invert;
	outline-width: 0pt;

}




/* text classes */

.stdText {
	font-size: 0.75em;
	color: #999999;
}



.post {
	margin-bottom: 30px; 
	margin-top: 20px;
	padding-bottom: 30px; 
	text-align: justify;
	}
	
h1 {
	font-size: 1.4em;
	color:#323232;
}

h2 {
    text-shadow: 1px 1px 4px #000;
    color: #eee;
    font-weight: normal;
    font-size: 1.4em;
    margin-bottom: 10px;
    margin-top: 2px;
}

h3 {
    font-size: 1.0em;
    color: #777;
    text-transform: uppercase;
}
	
h4 {
	font-size: 1.1em;
	color: #888;
}

h5 {
	font-size: 1.0em;
	color: #888;
	font-weight: bold;
}


#commentform input, #commentform textarea {
	background-color: #252525;
	color: #aaa;
	font-size: 0.9em;
	font-family: 'Open Sans','Helvetica','Arial',sans-serif;
}
	
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	color: #666666;
}

.commentlist p {
	font-weight: normal;
	margin: 10px 5px 10px 0;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	/*line-height: 0.9em;*/
	color: #999999;
	font-size: 0.8em;
	}

.commentlist li {
  background: #222;
	border-right: 1px solid #313131;
	border-left: 6px solid #121212;
	margin: 5px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	font-weight: bold;
	}

.commentlist li.alt {
	background: #1a1a1a;
	}
	
.commentlist li.owncomment {
	background: #0E1219;
	border-left: 6px solid #2C394F;
	border-bottom: none;
}

.commentlist li ol li {
	background: none;
	border: none;
	font-weight: normal;
	list-style: decimal;
}

.commentlist li ul li {
	background: none;
	border: none;
	font-weight: normal;
	list-style: disc;
}

.alt {
	background: #212121;
	border-left: 6px solid #303030;
	border-bottom: none;
	margin: 0;
	padding: 10px;
}

/* from default */

#sidebar h2 {
	font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	color: #EBEBEB;
}
	
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;
}

#sidebar a {
    color: #bebebe;
}
#sidebar a:hover {
		color:  #fff;
}

p {
	margin-bottom: 5px;
}


#sidebar p {
    color: #999999;
    font-size: 0.9em;
}
	
	
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike {
	color: #666666;
	margin-top: 35px;
	}

blockquote {
	margin-top: 10px;
	border-left: 1px solid #4d4d4d;
	padding-left: 10px;
}
	

#centrePane .titlemeta {
	color: #505050;
	font-size: 0.9em;
  margin-top: 0px;
	padding-top: 0px;
  vertical-align: middle;
}

#centrePane .titlemeta a {
	margin-top: 0px;
	color: #606060;
	vertical-align: middle;
	text-decoration: none;
}

.titlemeta a:hover {
	color: #a0a0a0;

}

.linktitle {
	/*    text-decoration: underline;*/
	border-bottom: 1px solid #777;
	padding-bottom: 1px;
	margin-bottom: 2px;
	font-weight: bold; 
	font-size: 0.8em;
	text-shadow: 0px -1px 0px #000;
}

.linktitle a {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#centrePane h2.linktitle_s {
    text-decoration: underline;
    font-weight: bold;
    font-size: 1.2em;
		letter-spacing: 0px;
		margin-top: 0px;
		padding-top: 0px;
}


#centrePane .postmetadata a {
    color: #99999F;
}

#centrePane .postmetadata a:hover {
    color: #BBBBBF;
}

html>body .entrytext ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
  /*  list-style: none;*/
	padding-left: 10px;
	/*text-indent: -10px;*/
	color: #bbb;
	} 

html>body .entrytext li {
	margin: 0px 0 10px 0px;
	line-height: 1.4em;
	font-size: 0.8em;
	}

#sidebar ul ul li:before {
    content: "\00B7 \0020";
}

.entrytext ol {
	padding: 0 0 0 2px;
	margin: 0;
	}

.entrytext ol 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: 30px;
//	margin-right: 15px;
	font-size: 0.9em;
}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 10px 0 0 5px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 10px 0 0;
	padding: 0;
	line-height: 1.2em;
	}
	
#sidebar ul ul.dense li, #sidebar ul ol.dense li
{
	margin: 3px 0 0;
	padding: 0;
}
	
#sidebar
{
	width: 150px;
	padding-left: 10px;
}

/* End Entry Lists */


/*  comment form */

.entrytext form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}


#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 1px solid #AAA;
	}

#commentform textarea {
	width: 490px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */


.dateindex {
	font-size: 1.0em;
	color: #555;
}

.navigation {
    font-size: 1.0em;
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
	
#preSend input.field {
		width: 250px;
		background: #080808;
		border: 1px solid #232323;
		color: #efefef;
	}
#preSend textarea {
		background: #080808;
		border: 1px solid #232323;
		color: #efefef;
}


.pages {
	padding-top: 2px;
	margin-right: 10px;
	margin-top: 0px;
	padding-bottom: 0px;
	
}

.page_item a {
	font-weight: normal;
	font-size: 0.9em;
	color: #D7D7D7;	padding: 8px 12px 8px 12px;
	text-shadow: 0px -1px 0px #000000;
}

li.page_item {
	width: 80px;
	height: 20px;
	background: transparent url("http://blog.cosmix.org/images/menuborder.png") no-repeat scroll bottom right;
	display: inline;
	text-align: center;
	float: right;
	position: relative;
	padding-top: 6px;
}

li.page_item:hover {
	background: #111;
}

li.page_item:hover a {
	color: #eee;
}

#leftOpt a {
	color: #EEE;
}

#leftOpt a:hover {
	color: #FFF;
}

#sidebar ul ul.nobullet li:before {
	    content: '';
}

#sidebar ul ul.nobullet > li {
	margin-bottom: 15px;
}

.smlr {
	font-size: 0.9em;
}


/* Tag Cloud */

#sidebar a.tag:hover {
	color: #fff;
}

#sidebar a.tag-8 {
	color: #555;
}

#sidebar a.tag-9 {
	color: #aaa;
}

#sidebar a.tag-10 {
	color: #ccc;
}

#sidebar a.tag-11 {
	color: #E3E3E3;
}

/* entrytext */

.entrytext p {
	line-height: 1.4em;
	font-size: 0.8em;
}

#centrePane a.more-link span {
	margin-top: 10px;
}

small, .nocomments, p.postmetadata {
	font-size: 0.8em;
}
	
.postmetadata {
	clear:both;
	font-size: 0.8em;
}


/* Links/Bookmarks */

#links li.linkcat, #links li.linkcat li {
	list-style: none;
	padding-left: 2px;
	margin-left: 0px;
	margin-top: 0px;
} 

.linkcat ul {
	text-indent: 0px;
	margin-top: 0px;
	line-height: 1.0em;
}

.linkcat h2 {
	font-size: 1.1em;
	color: #5399BF;
	margin-top: 0px;
	margin-bottom: 5px;
}

#sidebar div.tile_body ul {
	padding-left: 0px;
	margin-left: 0px;
}
#sidebar div.tile_body ul li {
	padding-left: 0px;
	margin-bottom: 8px;
}
#sidebar div.tile_body ul li:before {
	content: '';
}

#sidebar #tlaads ul li:before {
	content: '';
}

#sidebar #tlaads ul {
	margin: 0px;
	text-align: center;
}

abbr {
	cursor: help;
	border-bottom: 1px dotted #6B6B6B;
}

/* New Categories Above Index */
.wrap {
	width: 500px;
	overflow: hidden;
	height: auto;
	background: #292929 url('http://blog.cosmix.org/images/top.jpg') no-repeat scroll top;
}

.shell {
	background:  url('http://blog.cosmix.org/images/bottom.jpg') no-repeat scroll bottom left;				
}

#cats {
	padding: 10px;
	padding-top: 5px;
}

#cats p {
	padding: 0px;
	margin: 3px;
} 

#cats a {
	padding-left: 5px;
	padding-right: 5px;
}

.tile_body
{
	overflow: hidden;
}

#pinglist li
{
	margin-bottom: 20px;
}

.accordion_toggle {
			display: block;
			outline: none;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: no-repeat top right #111111;
		}
.accordion_content {

			overflow: hidden;
		}
		

.widgettitle img
{
	display: none;
}