/*  
Theme Name: design54.de - the online portfolio
Theme URI: http://www.trompeteralex.de/
Description: Der Solotrompeter Alex Kaiser
Author: Michael Schaback
Last update: 22. Februar 2009
*/


* 
{
margin: 0;
padding: 0;
list-style: none;
}

body,html 
{
min-height: 100.01%;
}
	
body 
{
margin: 0;
padding: 0;
background: url(images/backgrounds/bg.jpg) repeat 0 0;
}

body, select, input, textarea 
{
font: 76%/1.6em verdana, tahoma, arial, sans-serif; 
}


/* allgemein */


p 
{	
margin: 1.3em 0;
padding: 0;
}

hr
{
background-color: #592900; /* Mozilla 1.4 */
color: #592900; /* IE 6 */
border: #592900; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

small 
{
font-size: .9em;
padding: .3em .8em .3em .8em;
}
	
acronym 
{
border-bottom: 1px dotted #7b3800;
cursor: help;
}


/*links */


a:link, 
a:active, 
a:visited 
{ 
color: #592900;
text-decoration: underline; 
} 

a:hover
{ 
color: #af5100;
text-decoration: none; 
}

#leadcontainer a 
{
color: #fff;
}

.title:link, 
.title:active, 
.title:visited 
{ 
color: #592900; 
text-decoration: none;
} 

.title:hover 
{ 
color: #af5100; 
text-decoration: underline;
} 
	
h3 a:link, 
h3 a:active, 
h3 a:visited  
{
text-decoration: none;
}

h3 a:hover 
{
text-decoration: underline;
}

h4 a:link, 
h4 a:active, 
h4 a:visited  
{
font-size: 1.3em;
color: #592900; 
text-decoration: none;
}

h4 a:hover 
{
font-size: 1.3em;
text-decoration: underline;
}

h6 a:link, 
h6 a:active, 
h6 a:visited  
{
font-size: 1.3em;
margin: 1.1em 0 .6em 0;
text-decoration: none;
}

h6 a:hover 
{
font-size: 1.3em;
margin: 1.1em 0 .6em 0;
text-decoration: underline;
}


/*sidebarlinks */


#sidelist a:link, 
#sidelist a:active, 
#sidelist a:visited 
{
text-decoration: none;
}

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

#sidelist .children li a, 
#sidelist .children li a:visited 
{
padding: 2px 2px 2px 0;
border: 0;
background: #eee;
color: #666;
}

#sidelist .children li a:hover, 
#sidelist .children li a:active	
{
color: #666;
}

#tags a 
{
text-decoration: none;
}

#tags a:hover 

{
text-decoration: underline;
}


.commentmetadata a:link, 
.commentmetadata a:active, 
.commentmetadata a:visited  
{
text-decoration: none;
}

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


/* images */


img, 
a:link img, 
a:visited img
{
border: 1px solid #592900;
padding: 1px;
}

a:hover img
{
border: 1px solid #af5100;
padding: 1px;
}

img.left,
img.center,
img.right,
img.norm
{ 
margin: .5em 1.2em .5em 0; 
border: 1px solid #592900; 
padding: 1px;
}

img.left
{
float: left; 
margin: 0 1.2em .5em 0; 
}

img.leftohne
{
float: left; 
margin: 0 1.2em .5em 0; 
border: none!important;
}

img.center
{
display: block; 
margin: 0 auto .5em auto; 
}

img.right
{ 
float: right;
margin: 0 0 .5em 1.2em; 
}

img.rightohne
{ 
float: right;
margin: 0 0 .5em 1.2em; 
border: none!important;
}

#leadpic 
{
float: left;
margin: 0 2em 1em 0;
padding: 1px;
border: 1px solid #592900;
}

.home-cat-img 
{
float: left; 
margin: 1em 1.5em .4em 0;
}

		
/* layout */


#page 
{ 
width: 890px;
margin: 0 auto;
padding: 0;
background-color: transparent;
}

#branding 
{
margin: 0;
padding: 0;
width: 890px;
height: 378px;
background: url(images/backgrounds/header_trompeteralex.png) no-repeat;
}

.left 
{
float: left;
}

.right 
{
float: right;
}

#sidebar 
{
margin: .3em .9em 0 0;
padding: 0;
width: 240px;
float: right;
}


/* 3 columns layout style for categories */


#homeleftcol 
{
width: 40%;
margin: 0 3.8em 0 0;
padding: 0;
text-align: justify;
float: left;
}
	
#homemidcol 
{
width: 30%;
margin: 0 2em 0 0;
text-align: justify;
float: left;
}
	
#homerightcol 
{
width: 40%;
margin: 0;
padding: 0;
text-align: justify;
float: right;
}
		

/* sidebar */
	

#sidelist li 
{
list-style: none
}
	
.bullets li 
{
list-style: none;
border-bottom: 1px solid #fff;
}
	
#sidelist .bullets li 
{
list-style: none;
margin: 0 0 .5em 2.2em;
}

#sidelist .children 
{
background: #eee;
}

#sidelist .children li 
{
margin: 0 0 0 1.5em;
padding: 0 0 0 1.5em;
background: #eee;
list-style: none;
border-bottom: 1px solid #fff;
}

#sidelist .statistic li
{
margin: 0 0 1.5em 1.4em;
padding: 0;
color: #444;
}

#sidelist .recent
{
margin: 1em 0 1.5em 0;
padding: 0;
}

#sidelist .recent li
{
margin: 0 0 .5em 1.3em;
padding: 0 0 0 2em;
background: url(images/icons/icon_recent.gif) no-repeat;
}

#sidelist .recent-comments li
{
margin: 0 0 .5em 1.3em;
padding: 0 0 0 2em;
background: url(images/icons/icon_comments.gif) no-repeat;
}

#sidelist .more li
{
margin: 0 0 .5em 1.3em;
padding: 0 0 0 2em;
background: url(images/icons/icon_categories.gif) no-repeat;
}

#sidelist .feed li
{
margin: 0 0 .5em 1.3em;
padding: 0 0 0 2em;
background: url(images/icons/rss.gif) no-repeat 0 .2em;
}
	
	
/* headlines  */


.leadmeta, 
.leadmeta a 
{
font: 1em Arial, Helvetica, sans-serif;
margin: 0;
color: #592900;
text-decoration: none;
}
	
.blogtitle img,
.blogtitle img a,
.blogtitle img a:hover
{
float: left;
margin: 3em 0 0 3.5em;
padding: 0;
border: none!important;
}

.cat-head 
{
margin: 0 0 .3em 0;
background-color: transparent;
border-bottom: 1px solid #7b3800;
padding: .5em 0 0 0;
}

h1 
{
color: #592900;
font-size: 1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
margin: 0 1em 0 0;
padding: 2em 0 0 1em;
}
	
h2 
{
margin: 0 0 1em 0;
padding: .5em 0 .5em 1em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
font-weight: normal;
color: #592900;
border-bottom: 1px solid #592900;
}

h3 
{
font: .9em Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 0 0 .4em 0;
font-weight: bold;
color: #592900;
}

#sidebar h2,
#sidebar h2 a 
{
margin: 0 0 .6em 0;
padding: .5em 0 .5em 1em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
font-weight: normal;
color: #592900;
border-bottom: 1px solid #592900;
}

#sidebar h3, 
#sidebar h3 a 
{
font-size: 0.9em;
border-top: 4px solid #ddd;
border-bottom: 1px solid #ddd;
padding: .5em 0 .5em .2em;
margin: 2em 0 1.5em 0;
color: #592900;
}

h3#respond 
{
margin: 2.5em 0 0 2.3em;
padding: 2em 0 0 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
font-weight: normal;
color: #592900;
}

h3#comments 
{
margin: 2em 0 2em 2.6em;
padding: 2em 0 0 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
font-weight: normal;
color: #592900;
}

h3#comments a
{
color: #592900;
}

h4 
{
margin: 1.5em 0 0 2.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
font-weight: normal;
color: #592900;
}
	
#homecontent-topright h5
{
margin: 0 .6em .6em .1em;
padding: .5em 0 .5em .9em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
font-weight: normal;
color: #592900;
border-bottom: 1px solid #592900;
}

#homecontent-topright h5 a,
#homecontent-topright h5 a:visited
{
color: #592900;
}

#homecontent-topright h5 a:hover,
#homecontent-topright h5 a:active
{
color: #af5100;
}


/* content styles  */


#bgcontent_1column
{
margin: 0;
padding: 0;
width: 890px;
float: left;
background-color: #fff;
}

#bgcontent_2column_homecontent_top
{
margin: 0;
padding: 0;
width: 890px;
float: left;
background-color: #fff;
}

#bgcontent_2column
{
margin: 0;
padding: 0;
width: 890px;
float: left;
background-color: #fff;
}

#content 
{
margin: 0;
padding: 0;
width: 518px;
float: left;
background-color: #fff;
}

#pagecontent 
{
margin: .3em 0 0 .9em;
padding: 0;
width: 518px; /*war 973px */
float: left;
background-color: #fff;
}

#homecontent-top 
{
width: 890px;
margin: 0;
}

#homecontent-bottom 
{
position: relative;
top: 1.8em;
width: 890px;
min-height: 270px;
margin-bottom: 1.6em;
background: transparent url(images/backgrounds/bg_homecontent_bottom.png) no-repeat 0 0;
}

#homecontent-topleft 
{
margin: .3em 0 0 .9em;
padding: 0;
width: 518px;
float: left;
}

#hometop-leftcol
{
margin: .3em 0 0 .9em;
padding: 0;
width: 518px;
float: left;
border: 1px solid #990;
}

#homecontent-topright 
{
margin: 0;
padding: 0;
width: 300px;
}
	
#leadcontainer 
{
color: #333;
border: 1px solid #b2b2b2;
padding: 1.5em;
width: 510px;
min-height: 350px;
}

#leadcontainer:hover
{
background: #fafafa;
border: 1px solid #b2b2b2;
padding: 1.5em;
width: 510px;
min-height: 350px;
}

#leadcontainer .title 
{
font: 2.2em Georgia, "Times New Roman", Times, serif;
line-height: 100%;
display: block;
padding: 0 0 .7em 0;
color: #592900;
}

#leadheader 
{
display: block;
}

#leadheader a 
{
color: #592900;
}

#homebottom 
{
width: 550px;
height: 60px;
background: #fff url(images/backgrounds/homebottom.png) no-repeat 0 0;
}
	
#homecontent_divider 
{
width: 890px;
height: 50px;
margin: -.1em auto 0 auto;
padding: 0;
background: url(images/backgrounds/homecontent_bottom_divider.png) no-repeat top left;
border: 0px solid #fc0;
}


/* read on for the categories */


.read-on a 
{ 
text-decoration: none;
}
	
.read-on a:hover 
{
color: #af5100!important;
}

.readmore a 
{
margin: 1em 1em 0 0;
font-size: .9em;
color: #592900;
float: right;
text-decoration: none;
}
	
.readmore a:hover 
{
margin: 1em 1em 0 0;
color: #af5100!important;
}

.readmore_feat a 
{
margin: -.5em 1.5em 0 0;
font-size: .9em;
color: #592900;
float: right;
text-decoration: none;
}
	
.readmore_feat a:hover 
{
margin: -.5em 1.5em 0 0;
color: #af5100!important;
}


/* featured articles in #hometop-rightcol */


#hometop-rightcol
{
margin: .3em 0 0 .1em;
padding: 0;
width: 290px;
float: right;
}

.feature 
{
margin: 0;
padding: .9em;
background-color: transparent;
}

.feature:hover 
{
margin: 0;
padding: .9em;
background-color: transparent;
}

/* .feature p 
{ 
margin: 0;
}
*/

#hometop-rightcol img 
{
margin: 0 0 .4em 0;
padding: 1px;
}

#hometop-rightcol .feature 
{
margin: 0 0 1em .1em;
}

#hometop-rightcol.title,
#hometop-rightcol a.title  
{
margin: 0 0 .5em 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
color: #592900;
}

.description 
{
font-size: 1.3em;
font-weight: bold; 
color: #999;
}
		
.title, 
a.title  
{
margin: 1em 0 1.5em 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
color: #592900;
}

#homeleftcol .clearfloat, 
#homerightcol .clearfloat 
{
margin: 0 1em 0 1em;
background-color: transparent;
padding: 1.2em 0;
}	

.navigation a 
{
display: block;
margin: 1em 0 .5em 2.7em;
padding: .2em .4em .2em .4em;
width: 140px;
border: 1px solid #333;
text-align: center;
font-size: 1em;
line-height: 1.6em;
text-decoration: none;
color: #333;
}

.navigation a:hover 
{
display: block;
margin: 1em 0 .5em 2.7em;
padding: .2em .4em .2em .4em;
width: 140px;
border: 1px solid #592900;
text-align: center;
font-size: 1em;
line-height: 1.6em;
text-decoration: none;
color: #592900;
background-color: #fff;
}

.preventries 
{
float:left;
}

.nextentries 
{
float: right;
}
	

/*post format*/


.entry 
{
margin: 1em 3em 0 3em;
padding: 0 0 2.8em 0;
text-align: justify;
}

.post blockquote 
{
color: #666;
padding: .6em 1.4em;
margin: 1.8em 3.5em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}	

.post ul li 
{
list-style: none;
margin: 0 0 .5em 4.2em;
}

.post ul.rep li 
{
list-style: circle;
margin: 0 0 .5em 4.2em;
}

.post ol li 
{
margin: 0 0 .5em 4.8em;
}
	
#tags 
{
padding: .5em;
background-color: #eee;
border-bottom: 1px solid #999;
border-top: 1px solid #999;	
}	
	
.postmetadata 
{
margin: 30px 0;
}


/* form elements */


select 
{
background: #eee;
border-top: 2px solid #999;
border-bottom: 2px solid #999;
border-left: none;
border-right: none;
width: 100%
}
	
#searchform_right
{
float: right;
margin: 29em 1em 0 0;
padding: 0;
}

#searchform 
{
padding: 1em 0 0 0;
}

.searchbutton 
{
font-weight: normal;
height: 2.6em;
margin: 0 0 0 1em;
padding: 1px 0 3px 0;
line-height: 1.4em;
background: transparent;
color: #fff;
border: 1px solid #fff;
}

.searchbutton:hover 
{
color: #fff;
margin: 0 0 0 1em;
padding: 1px 0 3px 0;
line-height: 1.4em;
background: transparent;
border: 1px solid #fff;
text-decoration: none;
}

.searchfield 
{
width: 121px;
height: 1.2em;
padding: .6em .1em .6em 2.6em;
background: url(images/icons/search-17.png) no-repeat 0 0  #fff;
border: 1px solid #592900;
color: #592900;
line-height: 1.1em;
}

.searchfield:hover, 
.searchfield:focus 
{
padding: .6em .1em .6em 2.6em;
background: url(images/icons/search-17.png) no-repeat 0 0  #eee;
border: 1px solid #af5100;
text-decoration: none;
line-height: 1.1em;
}

.button 
{
font-weight: bold;
padding: .1em;
background: #fff;
color: #592900;
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
border-left: none;
border-right: none;
}

.button:hover 
{
color: #af5100;
background: #eee;
border-top: 2px solid #999;
border-bottom: 2px solid #999;
border-left: none;
border-right: none;
text-decoration: none;
}

#commentform input 
{
margin: .5em .5em .1em 3em;
padding: .2em;
width: 170px;
background: #fff url(images/shadow_top.gif) repeat-x top;
font: .9em Verdana, Arial, Serif;
border: 1px solid #592900;
}

#commentform textarea 
{
margin: .5em .5em .1em 3em;
padding: .2em;
width: 72%;
line-height: 2em;
height: 20em;
background: #fff url(images/shadow_top.gif) repeat-x top;
font: .9em Verdana, Arial, Serif;
border: 1px solid #592900;
}

#commentform textarea:hover, 
#commentform textarea:focus 
{
background: #fff url(images/shadow_top.gif) repeat-x top;
}


/* comments */


.commentlist 
{
padding: 0 0 0 3em;
}
	
.commentlist ol li 
{
margin: 1.5em 0 .3em;
padding: .8em 1.5em 1em 1.5em;
background: #fff;
border-bottom: 1px solid #af5100;
}

.commentlist ul li 
{
margin: 1.5em 0 .3em;
padding: .8em 1.5em 1em 1.5em;
background: #fff;
border-bottom: 1px solid #af5100;
}

#commentform small
{
background: #fff;
font-weight: bold;
padding: 0;
}
	
.commentmetadata 
{
display: block;
margin: 0 0 0 3.5em;
}

.commentmetadata a
{
color: #592900;
text-decoration: none;
}

.commentmetadata a:hover
{
color: #592900;
text-decoration: underline;
}

.commentlist small 
{
background: #fff;
padding: .2em .5em .2em .5em;
border-bottom: 1px solid #592900;
}

.commentlist cite 
{
font-weight: bold;
color: #555;
}	


/* comments guestbook */


.commentlist_guestbook
{
margin: 0;
padding: 0 1em 0 0;
}

.commentlist_guestbook li 
{
margin: 1.5em 0 .3em 0;
padding: .8em 0 1em 0;
background: #fff;
border-bottom: 1px solid #592900;
}

.commentmetadata_guestbook a
{
color: #592900;
text-decoration: none;
}

.commentmetadata_guestbook a:hover
{
color: #592900;
text-decoration: underline;
}

.commentlist_guestbook small 
{
background: #fff;
padding: .2em 0 .2em .5em;
border-bottom: 1px solid #ccc;
}

.commentlist_guestbook cite 
{
font-weight: bold;
color: #555;
}

p.comment-page-numbers
{
margin: .5em 0 .5em 3em;
}


/* float and clear properties */


.clear 
{
clear: both;
}

.clearfloat:after 
{
display: block;
visibility: hidden;
clear: both;
height: 0;
content:".";
}

.clearfloat 
{
/*do not delete this otherwise the MSIE will kill the layout :( */
display: inline-block;
}	

.clearfloat 
{/*do not delete this otherwise the MSIE will kill the layout :(*/
display: block;
}
	
	
/* footer */


#footer
{
clear: both;
margin: 1em auto 0 auto;
padding: 1em 0 0 0;
width: 890px;
height: 210px;
font-size: .9em;
text-align:  center;
color: #999;
background: transparent url(images/backgrounds/bg_footer.png) no-repeat 0 0;
}


/*   inner footer - copyright und informationen   */


#innerFooter 
{
clear: both;
display: block;
margin: 2em 0 0 0;
padding: .5em .5em;
height: 90px; /*zusatz*/
text-align: center;
}

#innerFooter ul 
{
clear: both;
margin: .1em 0 0 0;
width: auto;
line-height: 1.7em;
text-align: center;
color: #666;
}

#innerFooter li 
{
display: inline;
padding: .6em .5em .6em .5em;
background: url(images/spacer.gif) no-repeat 0 50%;
}

#innerFooter #kontaktinfos li 
{
padding: 0 0 0 1.8em;
background-position: 0 55%;
}

#footer #telefon 
{
background-image: url(images/telefon.gif);
}

#footer #fax 
{
background-image: url(images/fax.gif);
}

#footer #email 
{
background-image: url(images/email.gif);
}

#innerFooter a
{
padding: 0.1em;
color: #592900;
text-decoration: none;
}

#innerFooter a:hover
{
padding: 0.1em;
color: #af5100;
text-decoration: underline;
}


/*  impressum   */


#impressum
{
margin: 0;
padding: 0;
}

#impressum dl 
{
margin: 1em 0 2em 2em;
font-size: 1.1em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
line-height: 1em;
color: #592900;
}

#impressum dl dt
{
margin: 1.5em 0 1em 1em;
font-size: 1.1em;
color: #333;
}

#impressum dl dd 
{
margin: 0.5em 0 0.5em 1.3em;
font-size: 1em;
color: #666;
}


/* kolophon */


#kolophon blockquote,
#impressum blockquote
{
margin: 3em 0 2em 2.2em;
padding: 0 2.5em 0 1em;
font-style: italic;
color: #af5100;
border-left: 6px solid #af5100;
}

#kolophon blockquote p
{
margin: 0.5em 0 0.5em 0;
padding: 0;
}

#kolophon cite,
#impressum cite
{
margin: 0 0 0 4.5em;
padding: 0 .5em 0 1em;
font-style: italic;
font-size: .8em;
color: #af5100;
border-left: 2px solid #af5100;
}


/* accessibility */


.accesskeys ul 
{
margin: 1.2em 0 1.6em 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}

.accesskeys ul li 
{
margin: 0.1em 0 0.2em 2em;
font-size: 1.1em;
}

#browser dl dt
{
margin: .9em 0 1.3em .5em;
font-size: 1.1em;
color: #333;
line-height: 1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
border-bottom: 1px solid #666;
}

#browser dl dd 
{
margin: 0.2em 0 0.5em 1.3em;
font-size: 1.1em;
line-height: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}

code
{
padding: 0 0.1em 0 0.1em;
font-family : "Courier New",monospace;
text-align: left;
font-size: 1.1em;
line-height: 1.4em;
color: #fff;
background-color: #999;
}


/* sitemap */


#sitemap
{
margin: 0;
padding: 0;
}

#sitemap dl 
{
margin: 2em 0 0 2em;
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
line-height: 1em;
}

#sitemap dl dd 
{
margin: .5em 0 1em 1.3em;
font-size: 1em;
}

#pagecontent #sitemap img
{
border: 0!important;
margin: 0.5em 0 0 0;
padding: 0;
}

#pagecontent #sitemap a:hover img
{
border: 0!important;
margin: 0;
padding: 0;
}


/* sidebar widget events calendar */


.sidebar_widget 
{
margin: 0 0 1em 0;
padding: 0;
text-align: center;
}

#calendar_wrap
{
margin: 0 auto;
padding: 0;
}

#calendar_wrap table
{
margin: 0 auto;
padding: 0;
width: 95%;
}

table caption
{
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #777;
line-height: 2em;
}

table th
{
padding: .1em;
border-bottom: 1px solid #999;
}

table td
{
padding: 1px;
border: 1px solid #fff;
}

table td:hover
{
padding: 1px;
border: 1px solid #999;
}

table td.pad
{
padding: 1px;
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #592900;
}

table td.pad:hover
{
border: 1px solid #fff;
}