/*
THEME NAME: Mixtape
THEME URI: http://www.allancole.com/wordpress/themes/mixtape/
DESCRIPTION: A music lover’s theme developed specifically for sharing music over the internet. This theme utilizes the work of <a href="http://www.plaintxt.org/themes/sandbox/" target="_blank">Sandbox</a>, <a href="http://devkick.com/lab/tripoli/" target="_blank">Tripoli</a>, and <a href="http://www.schillmania.com/projects/soundmanager2/" target="_blank">SoundManager2</a>. A ton of thanks goes out to <a href="http://www.plaintxt.org/" target="_blank">Scott Allan Wallick</a>, <a href="http://monc.se/kitchen" target="_blank">David Helsing</a>, and <a href="http://www.schillmania.com/" target="_blank">Scott Schiller</a>.
VERSION: 1.0.2
AUTHOR: Allan Cole
AUTHOR URI: http://www.allancole.com/wordpress/
TAGS: Mp3, Audio, Fixed Width, 1 Column, 2 Column, Widgetized, Minimal, Gravatar Support.
.
This work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Please leave the footer links in tact. THANKS!ff
.
*/

/* STRUCTURE
------------------------------------------

1.0 BASE IMPORTS
2.0 GLOBALS
3.0 HEADER
4.0 MENU
5.0 CONTAINER & CONTENT ff008a
	5.1 HOME
	5.2 SINGLE PAGE
	5.3 ATTACHMENT
	5.4 LINKS PAGE TEMPLATE
	5.5 ARCHIVE PAGE TEMPLATE
	5.6 SEARCH PAGE
	5.5 PLAIN PAGE
6.0 MP3 PLAYER CSS
	6.1 DARK THEME (Sound Manager 2 mp3 Player styles)
	6.2 MP3 LIST (1 Column)
	6.3 MP3 COLUMN (2 Column)
	6.4 BLOG CONTENT (1 Column)
	6.5 BLOG COLUMN (2 Column)
7.0 NAVIGATION
8.0 COMMENTS & FORMS
9.0 SIDEBAR
10.0 Wordpress 2.5+ Shortcode Styles
11.0 FOOTER

------------------------------------------ */

/* 1.0 BASE IMPORTS
------------------------------------------ */
@import url(tripoli/tripoli.base.css); 
@import url(tripoli/plugins/tripoli.visual.css); 
@import url(tripoli/plugins/tripoli.type.css); 

/* 2.0 GLOBALS
------------------------------------------ */
html{background:#fff;color:#333;line-height:1;font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;margin:0;padding:0;letter-spacing:0px;}
body{margin:0padding:0px;font-size:10px;} 
a, a:link, a:visited {text-decoration:none;color:#3b3b3b;}
a:hover, a:active {text-decoration:none;color:#cdcdcd;}
img,img.alignnone {margin: 0 0 1em 0;clear:both;float:none;display:block;}
img.alignleft, .alignleft {margin:0 10px 1em 0px;clear:left;float:left;}
img.alignright, .alignright {margin:0 0 1em 10px;clear:right;float:right;}
img.aligncenter, .aligncenter {margin:0 auto 0 20px;position:relative;clear:none;}
blockquote{margin-top:1em;margin-bottom:1em;color:#333;font-style:italic;}
abbr {border-bottom:0px none #FFF;text-transform:none;font-size:85%;letter-spacing:.1em;cursor:auto;}
abbr[title]{border-bottom:0px none black;cursor:auto;}
h1,h2,h3,h4,h5,h6 {color:black;clear:both;}
p, strong, em, ul, ol  {}

/* 3.0 HEADER
------------------------------------------ */
div#header{text-align:left;padding:0;background:#fff;height:160px;clear:both;float:none;display:block;margin-top:30px;width:960px;font-weight:100;}
div#header h1#blog-title {margin:0 auto 0 24px;width:500px;float:left;clear:both;}
div#header h1#blog-title a {display:block;height:4.7em;line-height:4.7em;font-size:1em;color:#bebebe;letter-spacing:-0.03em;margin:0 auto 0 20px;}
div#header h1#blog-title a:hover{color:#3dcae4;}
div#header h1#blog-title a #blog-heading{display:block;float:left;background:#fff url("img/logo.gif") no-repeat left center;width:500px;text-indent:-9333px;overflow:hidden;}
div#header h1#blog-title a #blog-description {font-weight:normal;font-size:0.65em;letter-spacing:0.05em;float:right;}
div#access div.skip-link{display:none;}

/* 4.0 MENU
------------------------------------------ */
div#menu{position:absolute; left:678px;top:46px;display:block;font-size:1.3em;height:24px;background:transparent;border-top:1px none #888;border-bottom:1px none #888;text-transform:uppercase;}
div#menu ul {margin:0;}
div#menu ul a{font-size:1em;text-decoration:none;line-height:24px;color:#3b3b3b;}
div#menu ul,div#menu ul ul,div#menu ul li{height:24px;list-style:none;display:block;}
div#menu ul li{float:left;}
div#menu ul li a{padding:0 .4em;line-height:24px;height:24px;display:block;}
div#menu ul li a:hover{color:#cdcdcd;}
div#menu ul li a.current{background-color:#1082a0;color:#fff;}

/* 5.0 CONTAINER & CONTENT
------------------------------------------ */
div#container{width:960px;margin:0 auto 0 20px;padding:2em 0 3em 0;border-bottom:1px none #888;display:block;font-size:14px;}
div#container h2.entry-title,div#container h2 {clear:both;margin:0;width:760px;display:block;float:left;position:relative;font-size:3em;font-weight:400;}
div#container h2 .the-title {width:62%;display:block;float:left;}
div#container h3.entry-title,div#container h3 {clear:both;margin:auto;display:block;position:relative;color:#3b3b3b;margin-bottom:10px;margin-top:10px;text-transform:none;font-size:15px;}
div#container h3 .the-title {width:62%;display:block;}
div#container ul, div#container ol{margin:1em 0;}
div#container ul li ul, div#container ol li ol {margin:0 0 0 2em;}
div#container .entry-meta{color:#AFAFAF;font-size:0.9em;letter-spacing:.03em;}
div#content .post .entry-content h2, div#content .post .entry-content h3, div#content .post .entry-content h4 {width:100%;}

div#content{width:800px;margin:0 auto 0 20px;padding:0 0 0 0;clear:both;float:none;display:block;padding-top:0;margin-top:0;}
div#content-column{width:820px;margin:0 auto 0 20px;padding:0 0 0 0;clear:both;float:none;display:table;}
div#content {margin-top:0;padding-top:0;border:1px none green;}

div#content h2 {
text-transform:uppercase;
font-size:1.7em;
clear:both;
color:#1082a0;
font-weight:normal;
}

iframe {border:5px solid #bebebe;}

.category div#content img {
margin-top:10px;
}
/*strong {color:#1082a0}*/

div#content a  {color:#9DCB3B;text-decoration:underline;}

div#content div#adressblock { position:absolute; left:0px; top: 240px; margin: 0 0 20px 410px;display:block;}

div#content div#adressblock h4 strong {display:inline;clear:both;float:left;text-transform:uppercase;padding-bottom:10px;}

div#content div#galtext  {clear:both;}

.hilite {
            color: #fff;
            background-color: #1082a0;
            }
            
            #access {clear:both;}

	/* 5.1 HOME */
	.home div#content .post h2.entry-title {width:66%;}
	.home div#content .post h2 .the-title {width:98%;}
	.home div#content .post .entry-content {float:left;margin: 0 3em 6em 0;}
	.home div#content .post .entry-meta {width:33.3%;float:left;margin:0;}
	
	/* 5.2 SINGLE PAGE */
	.single div#content .post h2.entry-title {width:66%;}
	.single div#content .post h2 .the-title {width:98%;}
	.single div#content .post .entry-content {width:100%;float:left;margin: 0 3em 3em 0;}
	.single div#content {width:800px;}
	
	/* 5.3 ATTACHMENT */
	.attachment div#content .attachment h2.entry-title {width:66%;}
	.attachment div#content .attachment h2 .the-title {width:98%;}
	.attachment div#content .attachment .entry-content {width:62%;float:left;margin: 0 3em 3em 0;}
	.attachment div#content .attachment .entry-meta {width:33.3%;float:left;margin:0;}
	
	/* 5.4 LINKS PAGE TEMPLATE */
	div.links-page-template div#content .page .entry-content {width:75%;float:left;margin: 0 0 3em 0;}
	div.links-page-template div#content .page .entry-content ul#links-page {display:block;list-style:none;}
	div.links-page-template div#content .page .entry-content ul#links-page li.linkcat {width:200px;float:left;display:block;}
	div.links-page-template div#content .page .entry-content ul#links-page li.linkcat ul{margin:0 0 0 0;}
	div.links-page-template div#content .page .entry-content ul#links-page li.linkcat ul li {list-style:none;}
	div.links-page-template div#content .page .entry-content ul li.linkcat h3 {width:inherit;clear:both;float:none;}
	div.links-page-template div#content .page .entry-meta {width:25%;float:left;margin:0;}
	
	/* 5.5 ARCHIVE PAGE TEMPLATE */
	.archive div#content h2 {clear:both;margin:0 0 1.5em 0;}
	.archive div#content {width:994px;}
	.archive div#content .post {margin:3em 0;width:940px;}
	.archive div#content .post .entry-content {width:940px;float:left;margin: 0 3em 3em .3em;border-bottom:1px solid #ddd;}
	.archive div#content .post .entry-title a {color:#E8C203;}
	
	/* 5.6 SEARCH PAGE */
	.search div#content h2 {clear:both;margin:0 0 1.5em 0;}
	.search div#content .post, .search div#content .page {margin:3em 0;}
	.search div#content .post .entry-content, .search div#content .page .entry-content {width:98%;float:left;margin: 0 3em 3em 0;}
	.search div#content .archive-meta {width:98%;font-size:0.9em;}
	.search div#content span#search-terms {color:#1082a0;font-weight:bold;text-transform:uppercase;display:inline;}
	
	/* 5.5 PLAIN PAGE */
	.page div#content .page {margin:3em 0;clear:both;float:none;display:block;}
	.page div#content .page .entry-content {width:940px;float:left;margin: 0 3em 3em .3em;display:block;clear:both;}
	.page div#content .page .entry-meta {width:5%;float:left;margin:0;}
	
	.page div#content .page .entry-content ul,.page div#content .page .entry-content ol  {margin:20px 0 20px auto}
	.page div#content .page .entry-content ul li {list-style:none; margin:auto 0 auto 20px;}
	.page div#content .page .entry-content ol li {margin:auto 0 auto 30px;}
	
	/* 5.6 TIPPS PAGE */
	.pageid-11 div#content h3 {
	clear:both;
	}
	.pageid-11 div#content strong {
	clear:both;
	}
	.pageid-11 div#container  div#content ul {
	list-style-type: none; margin:0; padding: 0;display:block;
	}
	/*.pageid-11 div#container div#content ul li {
	margin:0 20px 20px 0 ;
	padding: 5px;
	display:block;
	width:29%;
	height:18em;
	float:left;
	background:#cdcdcd url("../../images/bg_tipps.gif") bottom right no-repeat;
	border-top:1px none #ddd;
	border-left:1px none #ddd;
	}*/
	.pageid-11 div#container div#content ul li {
	margin:auto;
	padding:5px 0 0 0;
	display:block;
	clear:both;
	border-top:1px solid #ddd;
	border-left:1px none #ddd;
	}


/* 6.0 MP3 PLAYER CSS
------------------------------------------ */

	/* 6.4 BLOG CONTENT (1 Column)
	------------------------------------------ */
	div#blog-content {width:800px;height:1333px;margin:0 auto 3em auto;padding:0 0 0 0;display:table;clear:both;float:none;}
	div#blog-content h3 {margin:0 0 1.5em 1em;width:800px;display:block;clear:both;float:none;font-weight:800;}
	div#blog-content h2 span.entry-date {text-transform:uppercase;display:inline;}
	
	div#blog-content div.post {width:390px;height:350px;padding:1em 1em 1em 1em;margin:0;overflow:hidden;float:left;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
	div#blog-content div.post.alt {border-right: 0px none #888;padding:1em 1em 1em 1em;margin:0;}
	div#blog-content div.post:hover {background:#eee;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
	div#blog-content div.post h2 {font-size:3em;margin:0;width:360px;display:inline;clear:both;float:none;}
	div#blog-content div.post p {margin-bottom:1em;}
	div#blog-content div.post .entry-date {clear:both;display:block;}
	
	/* 6.5 BLOG COLUMN (2 Column)
	------------------------------------------ */
	div#blog-column {width:370px;margin:0 auto 0 20px;padding:0 0 3em 0;display:block;float:left;}
	div#blog-column h3 {margin:1.5em 0 1.5em 10px;width:400px;display:block;clear:both;float:none;}
	div#blog-column h2 span.entry-date {font-family:"Helvetica",helvetica,arial,sans-serif;}
	div#blog-column div.post {width:380px;padding:1em;margin:0;overflow:hidden;float:left;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
	div#blog-column div.post.alt {border-right: 0px none #888;padding:1em 1em 1em 1em;margin:0;}
	div#blog-column div.post:hover {background:#eee;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
	div#blog-column div.post h2 {font-size:3em;margin:0;font-weight:800;width:380px;display:inline;}
	div#blog-column div.post .entry-content p {margin-bottom:1em;}
	div#blog-column div.post .entry-date {clear:both;display:block;}
	
	/* TIPPS
	------------------------------------------ */	
	.pageid-11 b {display:block;clear: both;font-weight:normal;}
	.pageid-11 .linklist ul li {margin-top:10px;margin-bottom:10px;}
	.pageid-11 .linktable {display:none;}
	
/* 7.0 NAVIGATION
------------------------------------------ */
div#nav-above{display:none;}
div#nav-below{width:800px;margin:0 auto 0 20px;height:6em;line-height:6em;border-top:1px none #888;display:block;clear:both;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}

/* 8.0 COMMENTS & FORMS
------------------------------------------ */

/* 9.0 SIDEBAR
------------------------------------------ */
div#sidebar-wrap{width:960px;margin:0 auto 0 42px;padding:0 0 0 0;}
div.sidebar {float:left;overflow:hidden;padding:0 0 0 0;display:block;}
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{padding:0;margin:0;font-weight:800;}
div.sidebar li{
list-style:none;
float:left;
text-transform:uppercase;
border-left: 3px none #fff;
background:transparent url("img/trenner.gif") no-repeat center left;
line-height: 1.4em;
margin: 0 .5em -.3em -.5em;
padding: 0 .4em 0 .5em;
font-size:2em;
letter-spacing:1px;
}
div.sidebar li a,div.sidebar li.pageitem{margin: 0;padding:0;}
div.sidebar li form{margin: 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 0;}
div.sidebar ul ul li{list-style:none;margin:0;}
div.sidebar ul ul ul{margin:0;}
div.sidebar ul ul ul li{list-style:circle;}
div#primary {clear:both;display:block;}
.current_page_item a, .current_page_parent a, .current-cat a {color:#1082a0;}

.page-item-390.current_page_item a,.page-item-390.current_page_parent a {
color:#7C05A8;
}
.page-item-157.current_page_item a,.page-item-157.current_page_parent a {
color:#AA0414;
}
.page-item-150.current_page_item a,.page-item-150.current_page_parent a {
color:#E8C203;
}
.page-item-151.current_page_item a,.page-item-151.current_page_parent a {
color:#A88905;
}
.page-item-152.current_page_item a,.page-item-152.current_page_parent a {
color:#EF890F;
}
.page-item-154.current_page_item a,.page-item-154.current_page_parent a {
color:#07A587;
}
.page-item-156.current_page_item a,.page-item-156.current_page_parent a {
color:#07A587;
}



div.sidebar ul#gallery_list{
margin-top: 10px;
}

div.sidebar ul#gallery_list li{
list-style:none;
float:left;
text-transform:uppercase;
border-left: 3px none #fff;
/*background:transparent url("img/trenner.gif") no-repeat center left;*/
line-height: 1.3em;
margin: 0 .5em -.15em -.5em;
padding: 0 .4em 0 .5em;
font-size:2em;
clear:both;
}

ul.kaernten li a{color:#7C05A8; }
ul.wien li a{color:#AA0414; }
ul.oberoe li a{color:#E8C203; }
ul.salzb li a{color:#A88905; }
ul.steiermark li a{color:#EF890F; }
ul.tirol li a{color:#07A587; }
ul.vorarlberg li a{color:#077CA5; }

ul.kaernten li a:hover,ul.wien li a:hover,ul.oberoe li a:hover,ul.salzb li a:hover,ul.steiermark li a:hover,ul.tirol li a:hover,ul.vorarlberg li a:hover {color:#cdcdcd; }

span.info {color:#cdcdcd; }

/* 10.0 Wordpress 2.5+ Shortcode Styles
------------------------------------------ */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div#comments{clear:both;}

/* 11.0 FOOTER
------------------------------------------ */
div#footer {height:20px;position:absolute; right:0; top:4px;padding:0;text-align:right;}
div#footer-content{margin:0;padding:0;}
div#footer-content ul {margin:0;padding:0;}
div#footer-content ul li{display:block;float:left;list-style:none;margin:0 4px 0 0;padding:0;}
div#footer-content form, div#footer-content fieldset, div#footer-content input {margin:0;padding:0;}
div#footer-content .active {display:none;}
div#footer-content #search {}
div#footer-content input#s{background:#bebebe url('http://www.diegalerien.at/wp-content/themes/mixtape/img/show_form.gif') repeat-x; padding:3px 1px 1px 1px;color:#666;font-size:11px;border:none;}
div#footer-content input#s:hover{background:#fff;border:none;}
div#footer-content input#s:focus{background:#fff;color:#333;border:none;}
div#footer-content a {color:#666;text-decoration:none;}
div#footer-content a:hover {color:#fff;text-decoration:underline;}