/* @override 
	http://www.djorkidea.com/wp-content/themes/bubblue-beta-1%202/style.css
	http://www.djorkidea.com/wp-content/themes/djorkidea-1/style.css
*/

/*   
Theme Name: Orkidea
Theme URI:   
Description: 
Author: Niko Nyman
Author URI: http://nnyman.com/
Version: Beta 1
*/
	
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	color:#333;
	font-size: 11px;
	letter-spacing: 1px;
}

/* @group Fonts */
body {
	font-family: Georgia, serif;
}

#header .navigation, #footer, .postinfo, small, .archivelink, #sidebar, .edit-link, .subnavigation ul.links li, #underconstruction, H4 {
	font-family: Verdana, Arial, sans-serif;
}

#header .navigation, #footer, #sidebar p, .postinfo, .edit-link, .subnavigation ul.links li, small, .archivelink, #underconstruction, H4 {
	font-size: 9px;
	text-transform: uppercase;
}

#content h2 {
	font-family: HelveticaNeue-Light, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.linklist, #sidebar h2, #sidebar p strong, .subnavigation ul li {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

/* @end */

/* @group Link defaults */

a:link, 
a:visited,
.subnavigation ul.links li a:link,
.subnavigation ul.links li a:visited {
	color: #00a2ff;
	text-decoration: none;
	}

a:hover,
.subnavigation ul.links li a:hover {
	color: #0c8dff;
	text-decoration: underline;
	}

/* @end */

/* @group #header */
#header {
	position: relative;
}

#header h1 {
	margin: 0 0 12px;
}

#header .navigation {
	margin-left: 10%;
}

#header .navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#header .navigation ul li {
	list-style: none;
	display: inline;
	padding: 0 1.2em 0 0;
	font-size: 9px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#header .navigation ul li a, 
#sidebar #searchsubmit,
#commentform #submit {
	color: #000;
	background-color: yellow;
	padding: 0.4em 0.8em;
	border: 0;
	cursor: pointer;
	cursor: hand;
}

#header .navigation ul li a:hover,
#header .navigation ul li.current_page_item a,
#header .navigation ul li.current_page_item a:active,
#sidebar #searchsubmit:hover,
#commentform #submit:hover {
	color: white;
	background-color: black;
	text-decoration: none;
}

/* @end */

/* @group Main */
#main {
	position: relative;
	padding: 0 12% 31px;
	z-index: 2;
}
/* @end */

/* @group Content */
#contentmarginfix {
	float: left;
	width: 100%;
	margin-right: -100%;
}

#content {
	padding-right: 242px;
}
/* @end */

/* @group Archive listings */
ul.archivelist {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.archivelist li {
	margin-bottom: 0.8em;
	clear: left;
}

ul.archivelist li .postinfo {
	margin: 0;
	border: 0;
}

.archivepost {
	clear: both;
	margin-bottom: 40px;
}

.archivepost small {
	color: #666;
}
/* @end */

/* @group Charts & Playlists
 */

.linklist {
	font-weight: bold;
}

#content ul.left-column, #content ul.right-column {
	list-style: none;
	padding: 0em;
	margin: 0;
}

#content ul.left-column li, #content ul.right-column li {
	list-style: none;
}

#content ul.left-column {
	width: 48%;
}

#content ul.right-column {
	float: right;
	width: 48%;
	border-left: 1px solid #ccc;
	padding-left: 2%;
}

#content.gallery .left-column, #content.gallery .right-column {
	width: 48%;
	min-width: 240px;
	margin: 0;
}

#content.gallery .left-column {
	clear: both;
	float: left;
	padding-right: 20px;
}

#content.gallery .right-column {
	float: right;
}

#content.gallery .right-column h3 {
}

.archivelink {
	display: block;
	font-weight: normal;
	letter-spacing: 0;
	padding-left: 2em;
	margin-bottom: 0.6em;
}

.archivelink a {
	color: #999;
}

/* @end */

#underconstruction {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	padding: 0.4em 0;
	text-align: center;
	z-index: 10;
	/*
	border-bottom: 2px solid #50b1f4;
	background-color: #d9f722;
	*/
}

img {
	border: none;
}

h3 {
	font-size: 12px;
	margin-top: 2.5em;
}

h4 {
	margin: 1em 0;
}

hr {
	clear: both;
	visibility: hidden;
	height: 0;
	padding: 0;
	margin: 0;
}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

p img {
	/*
	padding: 0;
	max-width: 100%;
	border:1px solid #cccccc;
	padding:2px;
	margin:2px;
	*/
	}
	
p img.middle {
	display: block;
	margin: 2px auto;
	}
	
p img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

p img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/*
h2.center {
color:#bbb;
padding-left:10px;
}
*/
#page {
	position: relative;
	margin: 0;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */

	background: url(images/bgr-dirt.gif) no-repeat right top;
}
	
/**Posts**/
/***********************/
.post {
	margin: 20px 0 40px;
	color: #666;
	width: 100%;
	/*background-color: rgba(255,255,255,0.8);*/
}

.edit-link {
	position: absolute;
	right: 12%;
	margin-right: 236px;
	opacity: 0.8;
	white-space: pre;
}

.edit-link a {
	color: black;
	padding: 4px 9px;
	background-color: yellow;
	border: 1px solid #e8ed00;
}

.edit-link a:hover {
	color: yellow;
	padding: 4px 9px;
	background-color: black;
	border: 1px solid black;
}

.post p {
	text-align: justify;
}

.post-title {
}

#content h2 {
	color: #333;
	padding: 0;
	margin: 0.7em 0 7px 0;
	font-size: 2.7em;
	font-weight: normal;
	letter-spacing: 0.16em;
	text-transform: lowercase;
}

#content h2.pagetitle {
	margin-bottom: 0.5em;
}

#content h2 a, .post h2 {
	color: #333;
}

#content h2 a:hover {text-decoration:underline;}
#content h2 a:visited {text-decoration:none;}

.post .postinfo, .archivepost .postinfo, .commentlist .postinfo, ul.archivelist .postinfo {
	display: block;
	float: left;
	margin: 1em 1.9em 0 0;
	padding: 0.2em 1.8em 0.2em 0;
	color: #000;
	border-right: 1px #777 solid;
}

.archivepost .postinfo {
	margin-top: 0.4em;
}

.infocom {
}

.infocom a, .infocom a:visited {
	color:#777;
    }

.infocom a:hover {
    text-decoration:underline;
    }

.infodate {
	display: block;
}

.infodate a { color:#999; }



.entry, .entrytext, .commentlist li p {
    margin-top:10px;
    line-height:1.8em;
}

.postmetadataalt {
	color:#777;
}

.postmetadataaltrss{
	background: transparent url(images/rss.png) no-repeat left center;
	padding-left:18px;
	height:16px;
	padding-top:3px;
}

#content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/*	
#content ul, ul.arrowbullets {
	margin: 0;
	padding: 0 1.6em;
	list-style-image: url(images/bullet-arrow.gif);
}

#content ul li, ul.arrowbullets li {
	margin: 0 0 0.2em;
}

#content.awards ul, #content.discography ul {
	list-style-image: url(images/bullet-star.gif);
}
*/

/* @group .subnavigation */

.subnavigation {
	margin: 40px 0 20px;
}

.subnavigation li {
	display: block;
	margin-bottom: 0.5em;
}

.subnavigation li a {
	color: black;
}

.subnavigation ul.links li {
	font-weight: normal;
	letter-spacing: 1px;
}

.subnavigation ul.links li a {
	color: inherit;
}

.subnavigation ul, #content .subnavigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.subnavigation ul.links li {
	display: inline;
	padding: 0 1.6em 0 0;
	margin: 0;
}

.subnavigation ul.links li a:before {
	content: "> ";
}

.subnavigation ul.links li.current_page_item a,
.subnavigation ul.links li.current-cat a {
	color: #666;
}


/* @end */

/* @group Comments */

.commentlist {
	padding: 0;
	text-align: justify;
	}
	
.commentlist li {
	list-style: none;
	}

.commentlist li .postinfo {
	margin-top: 1.3em;
	padding-top: 0.2em;
}

.commentlist li p {
}

.commentlistinfo, .commentlistinfo a{
	text-decoration:none;
	color:#BBB;
	}
	

.commentnum{
	color:#BBB;
	margin-right:18px;
	}
	
.commentauth{
	text-decoration:none;
	color: #55b9f2;
	}

.commentauth a:link, .commentauth a:visited {
	text-decoration:none;
	color: #55b9f2;
text-decoration:underline;
	}

.commentauth a:hover { color: #55b9f2; text-decoration: underline; }

#comments, #respond {
	padding: 0 0 0 13px;
	margin: 40px auto 20px ;
	color:#444;
	background: transparent url(images/cocomm.png) no-repeat left center;
	}

/* @end */

/* @group Comment form */

#commentform input {
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	background: #F7F7F7;
	border:1px solid #aaa;
	color: #666;
	}

#commentform #submit {
	float: left;
	}

#commentform #submit:hover {
	}

/* @end */

/* @group Sidebar */

#sidebar
{
	position: relative;
	float: right;
	width: 220px;
	margin-top: 10px;
	border: 1px solid white;
	overflow: hidden;
}
	
#sidebar h2 {
	font-size: 15px;
	margin: 0;
	padding: 14px 10px 6px;
	color:#444;
	background-color: rgba(255,255,255,0.8);
	/*
	background-color: #fff;
	color: black;
	opacity: .75;
	*/
}

#sidebar a:link, #sidebar a:visited {
	text-decoration: none; color:#55b9f2;
}

#sidebar a:hover { 
	text-decoration: underline;
}

#sidebar .entry {
	margin-top: 1em;
}

#sidebar img {
	/*position: relative;
	max-width: 220px;*/
}

/*
#blogextra a:link, #blogextra a:visited {
	text-decoration: none; color:#55b9f2;
}

#blogextra a:hover {
	text-decoration: underline;
	}
*/	
#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 0 8px;
	}

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

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

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}
#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
#sidebar .entry p {
	font-size: 9px;
	text-transform: uppercase;
	line-height: 1.3em;
	margin: 0 10px 6px;
}
	
#sidebar p strong, .subnavigation ul li {
	font-size: 11px;
	font-weight: bold;
}
	
#sidebar p em {
	display: block;
	font-style: normal;
	color: #999;
}

/* @group Sidebar search */

#searchform {
	margin: 10px 0 0 0;
	padding: 5px 3px; 
	display:inline;
	}

#sidebar #searchform #s {
	width: 140px;
	border:1px solid #eee;
	padding: 1px 2px;
}

#sidebar #searchsubmit {
	position:relative;
}

/* @end */

/* @end */

/* @group Sidebar Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff;
	}

/* @end */

/* @group Sidebar syndication */

.syndication{
	background: transparent url(images/rss.png) no-repeat left center;
	height:16px;
	}
.syndication a {
padding-left:18px;
}

/* @end */

/* @group Search Page - No results */

/*
.narrowcolumn #searchform #s {
	width: 150px;
	height: 14px;
	background: #F7F7F7 url(images/qbg.png) repeat-x top;
	border:1px solid #eee;
	padding: 1px 2px;
	color: #a2c908;
	}

.narrowcolumn #searchsubmit {
	background: #F7F7F7 url(images/ok.png) no-repeat center;
	padding-bottom: 1px;
	color: #fff;
	width: 25px;
	height: 18px;
	cursor: hand;
	font-weight: bold;
	border:0;
	margin-top:1px;
	position:relative;
	top:1px;
	}
*/



/* @end */

/* @group #footer */

#footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-size: 7px;
	text-transform: uppercase;
	background: url(images/bgr-right-bottom.gif) no-repeat right bottom;
	z-index: 1;
}

img#footerlogo {
}

#footer .content {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 86%;
	margin: 0 2em;
	
}

#footer #footercopyright {
	float: right;
}

#footer p {
	margin-bottom: 6px;
}

#footertxt {
	
}

#footertxt a {
	
}

/* @end */

/*#espace {
height:7px;
margin:0;
padding:0;
}*/

/* @group sIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h2, .sIFR-hasFlash h2.pagetitle {
	visibility: hidden;
	font-size: 3.0em;
	letter-spacing: -1px;
}

/* @end */