/*
THEME NAME: elz
DESCRIPTION: Custom Theme for e-LyricZ.com
VERSION: 0.08
AUTHOR: Beert Schrijver
*/

/* GENERAL =============================================== */
*{ padding: 0; margin: 0;}
body{ background:#fff; color:#444; font:12px/18px normal 'Trebuchet MS', Lucida, Verdana; margin:auto; line-height: 18px; }
* a:link,a:visited{ color:#e66c00; text-decoration:none; }
* a:hover{ color: #666666; }
#wrapper
{ background: url(images/language.png) no-repeat bottom right; width: 970px; margin: 0 auto; overflow: hidden; border:solid 0px silver;}

/* GENERAL top - login  ================================== */

#login {width: 100%;color: #FFF;    background: #1E1E1E;    overflow: hidden;    position: relative;    z-index: 3;    height: 0;    font-style: 1em;}
#login a { text-decoration: none;    color: #FFF;}#login a:hover {    color: white;}
#login .loginContent {    width: 550px;    height: 80px;    margin: 0 auto;    padding-top: 25px;    text-align: left;}
#login .loginContent .left {    width: 120px;    float: left;    padding-left: 65px;    font-size: 0.95em;}
#login .loginContent .right {    width: 290px;    float: right;    text-align: right;    padding-right: 65px;    font-size: 0.95em;}
#login .loginContent form {    margin: 0 0 10px 0;    height: 26px;}#login .loginContent input.field {    border: 1px #1A1A1A solid;    background: #464646;    margin-right: 5px;    margin-top: 4px;    color: white;    height: 16px;}
#login .loginContent input:focus.field {    background: #545454;}
#login .loginContent input.rememberme {    border: none;    background: transparent;    margin: 0;    padding: 0;}
#login .loginContent input.button_login {    width: 47px;    height: 20px;    cursor: pointer;    border: none;    background: transparent url(images/button_login.jpg) no-repeat 0 0;}
#login .loginClose {    display: block;    position: absolute;    right: 15px;    top: 10px;    width: 70px;    font-size: 0.9em;    text-align: left;}
#login .loginClose a {    display: block;    width: 100%;    height: 20px;    background: url(images/button_close.jpg) no-repeat right 0;    padding-right: 10px;    border: none;    color: white;}
#login .loginClose a:hover {    background: url(images/button_close.jpg) no-repeat right -20px;}

/* FRONT PAGE SPECIFIC =================================== */

/* HEADER ================================================ */
#header{    height:0px;	margin:20px 0 20px 0;	border:solid 0px silver;}
#count{    float:left;    display:inline;    letter-spacing: 4px;    text-transform:uppercase;	font-size:10px;    color: silver;    height:14px;	margin:0px 0 0 2px;	padding:0px 28px 0 43px;}
#applesearch{    float:right;	margin:-45px 0 0 0;	padding:0;}

/* HEADER ==  headline =============================== */

.two-col1{    background:#FFFFE5; border-top:1px solid silver;	display:inline;	float:left;	margin-right:5px;  padding-top: 0px;	width:230px;   height:110px; line-height: 14px; font: 9px;}
.two-col2{    background:#FFFFE5; border-top:1px solid silver;	display:inline;	float:left;	margin-right:5px;  padding-top: 0px;	width:230px;     height:110px; line-height: 14px; font: 9px;}
.two-col3{    background:#FFFFE5; border-top:1px solid silver;	display:inline;	float:left;	margin-right:5px;  padding-top: 0px;	width:230px;        height:110px;line-height: 14px; font: 9px;}
.two-col4{    background:#FFFFE5; border-top:1px solid silver;	display:inline;	float:left;	margin-right:0px;  padding-top: 0px;	width:230px;        height:110px;line-height: 14px; font: 9px;}
.headline-text {padding: 5px;}

/* CONTENT =============================================== */
#content		{border:solid 1px silver; background: url(images/el.png) no-repeat bottom left; display:inline;float:left;width:970px;}
.left-col		{border:solid 1px silver; width:290px;display:inline;float:left;	margin-right:20px;	text-align:right;}
.entry-content 	{border:solid 1px silver; overflow:none;	width:450px;}

/* CONTENT lyric ========================================= */

/* CONTENT page  ========================================= */

/* SIDEBAR =============================================== */
.sidebar{
	float:left;
	font:11px 'Trebuchet MS', Lucida, Verdana;
	width:150px;
 	margin-left:20px;
 	border:solid 1px silver;
}

/* FOOTER ================================================ */

#footer{
    border:1px solid silver;
	clear:both;
	display:inline;
	float:left;
	font-size:10px;
	margin-top:10px;
	padding:10px 0 25px;
	width:945px;
}




#logo{
    display:inline;
    font-weight:700;
text-transform:uppercase;
	font-size:30px;
	margin:0;
	padding:0;
}
#logo2{
    display:inline;
    font-weight:200;
letter-spacing: -3px;
color: #666666;
text-transform:uppercase;
	font-size:30px;

	margin:0;
	padding:0;
}

#logo3{
    display:inline;
    font-weight:200;
letter-spacing: -3px;
color: #888888;
text-transform:uppercase;

	font-size:30px;
	margin:0;
	padding:0;
}	
	
#comments{
    /*border-top:30px solid black;*/
	margin-top:24px;
	width:465px;
}

#comments-headline {
    /*border-top:30px solid black;*/
    background-color:#000000;
    height:45px;
}

#comments-headline h2 {
	font-weight:700;
	color:#ffffff;
	padding-left:14px;
	text-transform:uppercase;
	font-size:25px;
}

#comments-list,#trackbacks-list{
    clear:both;
	font-size:18px;
}



#content li.list-time{
    font-size:9px;
	font-variant:small-caps;
	text-transform:uppercase;
	padding-left:14px;
}

#content ul li{
    list-style-type:none;
	margin:0;padding:0;
}

#content ul li.list-title{
    font-family:normal 12px 'Trebuchet MS', Lucida, Verdana;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding:0 0 10px 14px;
	text-transform:uppercase;
}

#footer{
    border-top:1px solid silver;
	clear:both;
	display:inline;
	float:left;
	font-size:10px;
	margin-top:10px;
	padding:10px 0 25px;
	width:945px;
}

#header{
    height:0px;
	margin:20px 0 20px 0;
}

#header img{
    margin:0px 0 0;
	}
	
#nav-above{
    padding:24px 0;
    width:305px;
	margin-left:0px;
	text-align:right;
	}
	
#nav-above .nav-next{
    clear:both;
	float:right;
}

#nav-above h3{
    clear:both;
	font-size:16px;
	padding-top:25px;
}

#nav-below {
    clear:both;
    margin:0 15px 0 15px;
}

#nav-below h3{
    clear:both;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	border-top:1px dashed #d5d5d5;
	margin-bottom:-10px;
}

.comment-link,#respond{
    clear:both;
	}
	
#pages li{
    float:left;
	font-family:normal 12px 'Trebuchet MS', Lucida, Verdana;;
	font-size:12px;
	font-weight:700;
	list-style-type:none;
border:0px solid;
	padding-right:14px;
	text-transform:uppercase;
}

#pages li a:link,#pages li a:visited{
    color:#666;
	}
	
#pages li a:hover{
    color: #e66c00;
	}
	
#pages,#nav-above{
    float:left;
	}


#pages,.nav-previous{
    float:right;
	}
	
*{margin:0;
padding:0;
}

* html .single .entry-content blockquote,*html .single .entry-content code{
    overflow:none;
	width:417px;
}

.alignleft{
    float:left;
	margin:0 15px 10px 0;
}

.alignright{
    float:right;
	margin:0 0 10px 15px;
}

.archive #content,.page #content,.four04 #content,.search #content, #index #content{
    /*border-top:50px solid black;*/
	display:inline;
	float:left;
	margin-right:15px;
	width:465px;
}

.archive .entry-content,.search .entry-content{
    border:none;
	clear:both;
	float:left;
	font:14px/21px 'Trebuchet MS', Lucida, Verdana;
	margin:0 15px 0 0;
	padding:0;
	width:465px;
}

.archive .entry-meta,.search .entry-meta{
    border:none;
	margin:0;padding:0 0 14px;
}

.archive h3.entry-title,.archives h2,.search h3.entry-title, #index h3.entry-title{
    font-size:22px;
	line-height:1em;
	margin:14px 0 0;
	padding:0 0 .2em;
	width: 465px;
}

.archive-meta{
    font-style:italic;
	}
	
.author-desc{
    font-size:12px;
	font-style:italic;
	width:280px;
	margin:0;
	text-align:right;
}

.author-links{
    font-size:11px;
	font-style:normal;
	width:280px;
	margin-left:0px;
	text-align:right;
}

.center{
    text-align:center;
	}
	
.clear{
    clear:both;
	margin-bottom:20px;
	padding-top:5px;
}
.clear1{
    clear:both;
	margin-bottom:10px;
	padding-top:5px;
}
.clear2{
    clear:both;
	margin-bottom:1px;
	padding-top:1px;

}
.comment-meta,#trackbacks-list .comment-author{
    font:16px/24px Didot, Georgia, serif;
	padding-bottom:12px;
	width:417px;
}

.entry-content{
    display:inline;
	font:16px/21px 'Trebuchet MS', Lucida, Verdana;
	margin-right:15px;
	padding-top:12px;
	text-align:left;
	width:465px;
}

.entry-meta{
    /*border-top:20px solid silver;*/
	display:inline;
	float:left;
	margin-top:0;
	padding:0;
	width:465px;
}

.entry-meta-content {
    margin-left:15px;
    margin-top:10px;
}

.entry-title{
    color:silver;
	display:inline;
	float:left;
	font-size:36px;
	padding:20px 0 20px 0;
	text-align:left;
	width:305px;

}

.entry-title1 {
    color:#000000;
	display:inline;
	float:right;
	font-size:26px;
	padding:5px 0 5px 0;
	text-align:right;
letter-spacing: -2px;
	width:305px;

}

.four04 #content .entry-content ul{
    padding-top:24px;
	}
	
.four04 #content .entry-content ul li{
    padding-bottom:24px;
	}
	
.four04 #content .entry-content ul li a{
    font-size:22px;
	padding-bottom: .2em;
}

.futurosity{
    padding:12px 0;
	}
	
.home{
    font-size:12px;
	}
	
.home #content .recent-comments ul li{
    font:12px/18px Didot, Georgia, serif;
	width:305px;
}

#content ul li.latest-excerpt{
    font:12px 'Trebuchet MS', Lucida, Verdana;
	list-style-type:none;
	margin:0;
	padding:0 0 0 14px;
	width:145px;
}

.home #content ul li.latest-excerpt2{
    font:12px 'Trebuchet MS', Lucida, Verdana;
	list-style-type:none;
	margin-top:-8px;
	padding:0 0 0 14px;
	width:440px;
}

.home #content ul li.latest-excerptoneandhalf{
    font:12px 'Trebuchet MS', Lucida, Verdana;
	list-style-type:none;
 	margin-top:-8px;
 	padding:0 0 0 14px;
	width:200px;
}

.home .entry-content,.home #nav-above,.home #categories{
    display:none;
	}
	
.home #index .entry-content{
    display: block;
	}
	
.home .recent-comments{
    border-top:20px solid silver;
	display:inline;
	float:left;
	margin:20px 15px 20px 0;
	padding:10px 0;
	width:305px;
}

.home .sited{
    border-top:1px solid silver;
    margin-right: 15px;
	display:inline;
	float:left;
	/*margin:20px 0;*/
	padding:0;
	width:705px;
}

.home h2.sited {
	background-color: #aeaeae;
}

.home .sited a,.home #content .recent-comments ul li a{
    font-family:'Trebuchet MS', Lucida, Verdana;
	}
	
.home ul.sited {
    float:left;
	border: 0;
	margin:15px 15px 0 0;
	padding: 0;
	display: inline;
	width:350px;
}

.home ul.sited li, .home ul.sited li p {
    display: inline;
	}
	
.home ul.sited li p a{
    font-family: Didot, Georgia, serif;
	}
	
.home .sited img {
    width: 299px;
	float: left;
	margin: 0 15px 10px 0;
}

.latest-excerpt{
    padding-bottom:12px;
	}
	
.latest-excerpt p{
    line-height:18px;
	font-family: 'Trebuchet MS', Lucida, Verdana;
}



.nav-next{
    clear:both;
	float:left;
	padding-bottom:12px;
	}
	
.nav-previous{
    float:left;
	}
	
.navigation{
    font-family:'Trebuchet MS', Lucida, Verdana;
	}
	
.one-col{
    border-top:1px solid silver;
	display:inline;
	float:left;
	margin-right:20px;
	width:140px;
}

.oneandhalf-col {
    border-top:1px solid silver;
	display:inline;
	float:left;
	margin-right:15px;
	width:225px;
}

.oneandhalf-col ul {
	margin: 15px 15px 0 0;
}

.four-col {
    border-top:1px solid silver;
    margin-right: 15px;
	display:inline;
	float:left;
	/*margin:20px 0;*/
	padding:0;
	width:705px;
	}

.page #content li{
    font-size:14px;
	line-height:21px;
	/*margin-right:15px;
    border:1px solid pink;*/
}

.page #content ul{
    padding-bottom:25px;
	}
	
.page #content.links {
    width: 960px;
	border:0;
}

.page #content.links ul li.linkcat {
    float:left;
	display:inline;
	width:305px;
	margin-right:15px;
}

.page #content.links ul li.linkcat h2{
	background:#000;
	padding-left:15px;
	color:#FFF;
	font: 24px 'Trebuchet MS', Lucida, Verdana;
	font-weight:bold;
	margin-bottom:4px;
}


.page #content.links li.linkcat ul li {
    font: 11px/14px 'Trebuchet MS', Lucida, Verdana;
	padding-top:12px;
	line-height: 14px;
	padding-left:15px;
}

.page #content.links li.linkcat li a{
    font: 12px/14px 'Trebuchet MS', Lucida, Verdana;
	font-weight: 700;
}

.page #content.links li.linkcat h2 {
    font: 18px 'Trebuchet MS', Lucida, Verdana;

	font-weight:400;
	margin-bottom:-12px;
}






.page .entry-content {
    display:inline;
	float:left;
	font:14px/18px 'Trebuchet MS', Lucida, Verdana;
	margin:0 15px 24px 0;
	padding-top:12px;
	text-align:left;
	width:465px;
}

.page .left-col,.archive .left-col, #index .left-col{
    color:gray;
	text-align:right;
}


.sidebar h3{
    font-family:'Trebuchet MS', Lucida, Verdana;
	font-size:14px;
	font-weight:bold;
	margin-top:12px;
	padding-top:0;
	margin-bottom:-10px;
}

.sidebar li {
    list-style-type:none;
	}
	
.single #content ul.post-categories li{
    font:16px Didot, Georgia, serif;
	margin-bottom:-12px;
	padding-top:12px;
	text-align:right;
	width:280px;
}

.single .author{
    font-size:18px;
	padding:12px 0 36px;
	width:280px;
	margin-left:0px;
	text-align:right;
}

.single .entry-content {
    /*border-top:50px solid black;*/
	display:inline;
	float:left;
	font:12px/16px 'Trebuchet MS', Lucida, Verdana;
	margin:0 15px 24px 0;
	padding-top:12px;
	text-align:left;
	width:465px;
}

.single .entry-content blockquote p:first-child:first-letter{
    color:inherit;
	float:none;
	font-size:1em;
	text-transform:uppercase;
	line-height:18px;
	margin-right:0;
}

.single .entry-content blockquote p:first-child:first-line{
    font-variant:normal;
	text-transform:lowercase;
	line-height:18px;
}

.single .entry-content h3 {
    color: #444;
	margin-bottom: -.5em;
	font: 14px/21px 'Trebuchet MS', Lucida, Verdana;
}

.single .entry-content ol,.single .entry-content ul {
    list-style-image:url(images/pfeil_listen.gif);
    margin:0 0 20px 18px;
}

.single .entry-content ol li,.single .entry-content ul li{
    list-style-position:outside;
	margin-left:1em;
	/*border: 1px solid red;*/
}

.single .entry-content p:first-child:first-letter,.page .entry-content p:first-child:first-letter,.four04 .entry-content p:first-child:first-letter{
    color:black;
	display:inline;
	float:left;
	font-size:78px;
	line-height:68px;
	margin-right:10px;
}

.single .entry-content p:first-child:first-line,.page .entry-content p:first-child:first-line,.four04 .entry-content p:first-child:first-line{
    font-variant:small-caps;
	text-transform:uppercase;
}

.single .entry-title,.author .entry-title{
    color:gray;
	line-height:1em;
	padding:20px 0 10px 0;
	text-align:left;
	width:280px;
}

.single .excerpt{
    color:silver;
	font-size:18px;
	line-height: 24px;
	text-align: right;
	width:280px;
	margin-left:0px;
}

.single .post,.archive .post,.page .post{
    display:inline;
	float:left;
	margin-right:15px;
	width:465px;
}

.single blockquote{
    background:#e66c00 url('images/quotes.gif') no-repeat top right;
	background-position:95% -12px;
	margin:0 0 24px 0;
	padding:10px 20px 10px 10px;
	font-family: 'Trebuchet MS', Lucida, Verdana;
	font-size: 12px;
	font-style:italic;
	color:#ffffff;
}

.skip-link{
    margin-left:-99999px;
	}
	
.three-col{
    border-top:1px solid silver;
    display:inline;
	float:left;
	margin-right:15px;
	width:465px;
}

.three-col p, .two-col p, .one-col p, .oneandhalf-col p{
    padding:8px 10px 0px 14px;
	line-height:14px;
	font-family: 'Trebuchet MS', Lucida, Verdana;
}

.oneandhalf-col ul, .two-col ul,  .three-col ul {
	padding-left:14px;
}

.two-col{
    border-top:1px solid silver;
	display:inline;
	float:left;
	margin-right:15px;
	width:305px;

}




.two-col1t{
	margin-left:5px;
}

.timeline{
    border-top:20px solid silver;
	clear:both;
	padding:12px 0;
	width:945px;
}


	
acronym,abbr{
    border-bottom:1px dotted;
	cursor:help;
}

blockquote{
    font:14px/21px Didot, Georgia, serif;
	padding:12px;
}



code,pre{
    overflow:auto;
	padding:4px;
}




h1,h2,h3,h4,h5,h6{
    font-weight:400;
	padding:10px 0 12px;
}


h2{
    font-size:18px;
    /*background-color:#c5c5c5;*/
}
	
h2.latest{
    border-top:1px solid silver;
	font-weight:700;
	background-color:#000000;
	padding-left:14px;
	text-transform:uppercase;
	font-size:30px;
	/*height:28px;*/
}

h2.start {
    font-weight:700;
	background-color:#aeaeae;
	padding-left:0px;
	text-transform:uppercase;


	font-size:22px;
	height:6px;
	color:#FFFFE5;
}

h2 img {

	border: none;
}

h2.latest a {
 	font-weight:700;
 	color: #FFFFFF;
}

h2.latest a:hover {
 	font-weight:700;
 	color: #e66c00;
}

h2.page-title,h2.entry-title{
    color:gray;
	display:inline;
	float:left;
	font-size:30px;
	line-height:1em;
	/*padding:12px 15px 20px 0;*/
	width:280px;
	text-align:right;
}

h2.translate{
    margin-bottom:-17px;
	}
	
img{
    border:1px solid silver;
	padding:2px;
	margin:3px 15px 15px 0;
}

img.amrande {
    float:left;
	margin:15px 15px 0 15px;
}

img.post-image{
    border:1px solid silver;
	margin:5px 10px 5px 15px;
	padding:2px;
	width:190px;
}

h2.latest img {
	margin:0;
}

h2.start img {
	margin:0;
}

h2.comments-headline img {
	margin:0;
}


h2#blog-title a{
    display:inline;
    font-weight:700;
text-transform:uppercase;
	font-size:60px;
	margin:0;
	padding:0;
}

label{
    cursor:pointer;
	}
	
li#categories ul li{
    border-bottom:1px solid silver;
	display:inline;
	float:right;
	font-size:18px;
	margin-right:15px;
	width:145px;
}

li.comment,#trackbacks-list ol li{
    background-color:#fbfbfb;
	font:12px/18px 'Trebuchet MS', Lucida, Verdana;
	list-style-type:none;
	margin:12px 0;
	padding:24px;
	width:417px;
}

li.comment.alt,#trackbacks-list ol li.alt{
    background-color:#f3f3f3;
	border:none;
}

li.comment.bypostauthor{
    background:#eff6ff;
	}
	
p{
    padding:0 0 14px;
    line-height:18px;
	font-family: 'Trebuchet MS', Lucida, Verdana;
	}
	
small{
    font-size:0.85em;
	}
	
strong{
    font-weight:700;
	}
	
sub{
    bottom:-0.2em;
	position:relative;
	vertical-align:baseline;
}

sup{
    bottom:0.3em;
	position:relative;
	vertical-align:baseline;
}

ul#archives-page li h3{
    margin-top:0;
	padding-top:0;
}

ul.etc li{
    display:inline;
	list-style-type:none;
	padding-right:10px;
}

ul.latest{
    float:left;
	padding-right:15px;
	width:145px;
}

ul.latestoneandhalf {
    float:left;
	padding-right:15px;
	width:225px;
}

ul.latest2{
    float:left;
	padding-right:15px;
	width:465px;
}

ul.post-categories li a,#comments h3{
    font-size:16px;
    width:280px;
	}

ul.etc{
 	margin-top:8px;
}

ul.etc li{
    display:inline;
	list-style-type:none;
	padding-right:10px;
}
	
#commentform {
	margin:10px 0 0 18px;
}

pre {
background:#EBEBEB none repeat scroll 0%;
border:1px dashed #646464;
margin:0pt 0pt 0.9em;
overflow:auto;
padding:1em;
}

/* Login Panel */
#top {
  	background: url(images/login_top.jpg) repeat-x 0 0;
	height: 38px;
	position: relative;
}
 
#top ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 38px;
	width: auto;
  	font-weight: normal;
	line-height: 38px;
	margin: 0;
	right: 150px;
  	color: white;
	text-align: center;
  	background: url(images/login_r.jpg) no-repeat right 0;
	padding-right: 45px;
}
 
#top ul.login li.left {
  	background: url(images/login_l.jpg) no-repeat left 0;
  	height: 38px;
	width: 45px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
 
#top ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;

	float: left;
	height: 38px;
  	background: url(images/login_m.jpg) repeat-x 0 0;
}
 
#top ul.login li a {
	color: #FFF;
}
 
#top ul.login li a:hover {
	   color: #e66c00;


}

 #headline a {    color: #334D66;	text-decoration:none;}
#headline a:hover {    color:#334D66;	text-decoration:none;}
