/*
Theme Name: Curlybracket.org
Theme URI: http://www.curlybracket.org
Description: minimalistic theme
Author: U. Uhlig
Author URI: http://www.curlybracket.org
*/


* {
	margin:0;
	padding:0;
}

body {
	font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #ccc;
	margin: 0;
        background: #222;
}

img {
	border:none;
}

hr {
	display: none;
}

a {
        outline: none;
}

a, .inputbox:focus, .button:hover { 
	color:	greenyellow;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.more-link {
        display: block;
        font-weight: bold;
        font-size: 3em;
        text-align: right;
}

a.refer {
	display: block;
        color: orange;
        float: right;
        clear: both;
}

a.refer:hover {
	text-decoration: none;
}

blockquote {
        border-left: 10px solid #eee;
        padding: 0 1em;
}
img.alignright {
	float:right;
        margin-left: 0.5em;
}
img.alignleft {
	float: left;
        margin-right: 0.5em;
}
.clear {
	clear: both;
}
/*************************************
* Structure
*************************************/
#wrap {
	text-align: left;
/*
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.85);
        zoom: 1;
        /* IE567 */
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#aa000000);
        /* IE8 */
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#aa000000)";
        background: transparent\9
*/
}

#container {
        margin: 0 auto;
        width: 960px;
}

#header {
       margin-bottom: 2em;
       padding: 0.5em 1em;
}
#header h1 {
        font-size: 1em;
        font-weight: normal;
        display: none;
}
#header h1 span {
        display: none;
}
/*************************************
* Sidebar
*************************************/
#sidebar {
        float: left;
        width: 300px;
}
#sidebar ul {
        list-style: none;
}
#sidebar ul.pages {
        margin: 0 0 0.5em 0;
        background: #111;
        padding-top: 0.4em;
       -moz-border-radius: 9px;
       -webkit-border-radius: 9px;
}
#sidebar ul.pages a {
        display: block;
        background: #111;
        border-bottom: 1px solid #222;
        padding: 0.2em 0.5em;
}
#sidebar ul.pages a:hover {
        background: #111; /* put shadow here */
}

.current-cat {
       font-weight: bold;
}
.box {
       padding: 0.8em;
       margin-bottom: 0.5em;
       background-color: #111;
       border: 1px solid #333;
       -moz-border-radius: 9px;
       -webkit-border-radius: 9px;
}
.box ul {
       line-height: 1.3em;
}
#categories a {
       font-size: 1.6em !important;
       padding-bottom: 0.3em;
}
#presentation {
       line-height: 1.3em;
       font-size: 0.9em;
}
#presentation img {
       float: left;
       margin: 0 0.8em 0.5em 0;
       margin-top: -2em;
}
#presentation p {
       margin-bottom: 0.5em;
       text-align: right;
}
#partners {
       color: #666;
       font-size: 0.9em;
}
#partners ul {
        margin-top: 0.5em;
}
#partners a {
       width: 38%;
       display: block;
       float: left;
}
#partners a, #more a {
       color: olivedrab;
}
#contact {
       color: #fff;
}
/*************************************
* Content
*************************************/
#content {
        margin-left: 310px;
        position: relative;
/*        width: 673px; */
}

#content ul,ol,blockquote {
	margin: 15px 0 10px 15px;
}
#content h2.cattitle {
	position: absolute;
        top: -1.4em;
        right: 0.5em;
	font-size: 1.4em;
	font-weight: normal;
	font-stretch: ultra-condensed;
	color: #666;
}

/*************************************
* Post
*************************************/
.post {
	margin: 0 0 1em 0;
	padding: 1em;
	overflow: hidden;
        position: relative;
        background: #444;
        border: 1px solid #333;
       -moz-border-radius: 9px;
       -webkit-border-radius: 9px;
}
* html .post {
position: relative;
height: 1%;
}
.post h2 {
	font-size: 1.6em;
        font-weight: normal;
        margin-bottom: 0.5em;
        letter-spacing: -0.01em;
        color: #999;
}

.post h2 a {
	color: #f7f7f7;
        text-shadow: 0 1px 1px #000;
	text-decoration:none;
}

.post h2 a:hover {
	color: #fff;
}

.post img {
	margin-bottom: 0.8em;
        -moz-box-shadow: 1px 2px 3px rgba(5, 5, 5, 0.5);
        -webkit-box-shadow: 1px 2px 3px rgba(5, 5, 5, 0.5);
        box-shadow: 1px 2px 3px rgba(5, 5, 5, 0.5);
}

#post-903 img {
         box-shadow: none;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
}
.post a:hover img {
        -moz-opacity: 0.8;
        opacity: 0.8;
}
.entry {
        line-height: 1.3em;
}
.entry p {
	margin-bottom: 0.5em;
}
.details {	
	color: #999;
	padding: 0.5em 0.3em;
        text-align: right;
        position: absolute;
        top: 1em;
        right: 1em;
}

.details p {
	margin: 0;
	padding: 0;
}

.details p a:hover {
	text-decoration: none;
}

.post.featured {
        background: #111;
        border: 1px solid #333;
       -moz-border-radius: 9px;
       -webkit-border-radius: 9px;
        -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.5);
        -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.5);
        box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.5);
}

.post.featured .details {
       display: none;
}

.column {
       float: left;
       width: 187px;
       margin-right: 5px;
       border-bottom-width: 1px;
}
* html .column {
       display: inline;
}
.column h3 {
       font-weight: normal;
       font-size: 1.1em;
       margin-bottom: 0.5em;
}
.column .entry {
       text-align: justify;
}
.column img {
/* Gecko does it correctly, but Webkit does not.
      height: 100%;
      width: 100%;
*/
      height:140px;
      width:187px;
}
/*************************************
* Footer
*************************************/
#footernav {
	overflow: hidden;
        font-size: 4.5em !important;
	font-weight: bold
}
* html #footernav {
	height: 1%;
}
#footernav .next {
	float: right;
}
#footernav .previous {
	float: left;
}
#footernav a {
        color: #fff;
        padding: 0.3em;
}
#footernav a:hover {
        text-decoration: none;
        color: orange;
}
#footer {
        clear: both;
        color: #aaa;
        font-size: 0.9em;
        padding: 0.5em 0 1em;
}
#footer li { display: inline; margin: 0 0.5em 0 0; }
#footer a { color: #666; }

#accessibility {
         float: right;
}
/*************************************
* Search
*************************************/
#search {
	margin: 10px 0 10px 0;
        display: none;
}

.inputbox { 
	border: 1px solid #ccc; 
	color: #333;
	background: #fff;
	font-size: 1em;
	font-family: sans-serif;
	padding: 1px 2px 0px 1px;
	vertical-align: middle;
	width: 100px;
}

.button { 
	border: 1px solid #fff;
	display: inline; 
	margin-left: 1em; 
	background: #333;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
        cursor: pointer;
}