/*  
Theme Name: In The Light v2
Author: Dominik Gruber
Author URI: http://log.thedom.de/
*/


body {
 background-color:      #FFAC69;
 margin:                0;
 padding:               0;
}

a:link {   color: #C22C33; text-decoration: none;   }
a:visited{ color: #B82500; text-decoration: none;   }
a:hover {  color: #8C0000; text-decoration: none; font-style: italic; }


input, textarea, label {
 background-color:   #FFE586;
 padding:            2px;
 border:             1px solid #F2B900; 
}

input:focus, textarea:focus, label:focus {
 background-color:   #FFE586;
 padding:            2px;
 border:             1px solid #000000; 
}

blockquote {
 border-style:       solid;
 border-color:       #C7000D;
 border-width:       1px 0px 1px 3px; 
 padding-left:       10px;
 margin-left:        8px;

 font-style:         italic;
 text-align:         justify;
}


#title {
 mid-width:          400px;
 width:              85%;
 margin:             0px auto 0px auto;
 
 text-align:         right;
}

#topic-img {
 float:              right;
}

#topic-img-left {
 float:              left;
}

#topic-img-right {
 float:              right;
}

#info-txt {
 font-family:        Verdana, Arial, sans-serif;
 font-size:          14pt;
 color:              #000000;
 text-align:         left;
}

#titletext {
 font-family:        Verdana, Arial, sans-serif;
 font-size:          16pt;
 color:              #000000;
 text-align:         left;
}

#bigtext {
 font-family:        Verdana, Arial, sans-serif;
 font-size:          14pt;
 color:              #000000;
 text-align:         left;
}

#normaltext {
 font-family:        Verdana, Arial, sans-serif;
 font-size:          10pt;
 color:              #000000;
 text-align:         left;
}

#smalltext {
 font-family:        Verdana, Arial, sans-serif;
 font-size:          8pt;
 color:              #000000;
 text-align:         left;
}

.postspermonth {
 margin:             5px 0 10px 0;
 list-style:         none;
 padding-left:       25px; 
 font-family:        Verdana, Arial, sans-serif;
 font-size:          10pt;
}

#width-50 {
 width:              50%;
 margin:             0px auto 0px auto;
}

#width-60 {
 width:              60%;
 margin:             0px auto 0px auto;
}

#width-70 {
 width:              70%;
 margin:             0px auto 0px auto;
}

#width-80 {
 width:              80%;
 margin:             0px auto 0px auto;
}

#width-90 {
 width:              90%;
 margin:             0px auto 0px auto;
}


/*
 * PAGE
 */

#pagebox {
  background-color:  #FAE89B;
  max-width:         1000px;
  width:             96%;
  width:             expression(document.body.clientWidth > (950/12) * parseInt(document.body.currentStyle.fontSize)? "990px": "96%" );
  min-height:        1250px;
  margin:            0px auto 0px auto; 
  border-left:       3px solid #9B5300; 
  border-right:      3px solid #9B5300;
}

#headerrow1 {
 height:             87px;
 width:              100%;
 margin:             0px auto 0px auto;
}

#nav {
 text-align:         right;
}

#headerrow2 {
 height:             18px;
 width:              100%;
 
 font-family:        Verdana, Arial, sans-serif;
 font-size:          8pt;
 color:              #000000;
 text-align:         right;
 font-style:         italic;
 padding-top:        2px;
}


#page {
 padding:            15px;
 z-index:            1;
}

#c1 {
 width:              150px;
 float:              left;
 z-index:            1;
}


#c2 {
 width:              auto;
 /* margin-left:        150px; */
 margin-right:       250px;
 z-index:            1;
}


#c3 {
 width:              220px;
 float:              right;
 z-index:            1;
 
 font-family:        Arial, Verdana, sans-serif;
 font-size:          10pt;
 color:              #000000;
 text-align:         center;
}

#c3 a:link {   color: #FFFFFF; text-decoration: none;   }
#c3 a:visited{ color: #FFFFFF; text-decoration: none;   }
#c3 a:hover {  color: #FFFFFF; text-decoration: none; font-style: italic; }

#footerrow {
 height:             20px;
 width:              100%;
 margin-bottom:      0px;
 position:           fixed;
}



/*
 * SIDEBAR
 */

.twitter-message {
 margin:             0px 0px 10px 0px;
}

.twitter-timestamp {
 font-size:         10px;
}

#as-artist {
 font-weight:         bold;
 text-align:          center;
} 

#as-song {
 text-align:          center;
}

#as-hr {
 height:              8px;
}


#sb-textbox {
 width:              200px;
 padding:            5px;
 
 background-color:   #B82500;
 border-width:       1px 1px 1px 1px;
 border-style:       solid;
 border-color:       #000000;
 -moz-border-radius: 1em 1em 1em 1em; 
 
 color:              #FFFFFF;
 font-family:        Arial, Verdana, sans-serif;
 font-size:          10pt;
 text-align:         center;
}

#sb-item {
 width:              210px;
}

#sb-img {
 text-align:         right;
}

#sb-txt-justify {
 font-size:          9pt;
 text-align:         justify;
 background-color:   #B82500;
 border-width:       0px 1px 1px 1px;
 border-style:       solid;
 border-color:       #000000; 
 color:              #FFFFFF;
 padding:            0px 7px 15px 7px;
 -moz-border-radius: .0em 0em 1em 1em;
}

#sb-txt-left {
 text-align:         left;
 background-color:   #B82500;
 border-width:       0px 1px 1px 1px;
 border-style:       solid;
 border-color:       #000000; 
 color:              #FFFFFF;
 padding:            0px 7px 15px 7px;
 -moz-border-radius: .0em 0em 1em 1em;
}

#sb-txt-center {
 text-align:         center;
 background-color:   #B82500;
 border-width:       0px 1px 1px 1px;
 border-style:       solid;
 border-color:       #000000; 
 color:              #FFFFFF;
 padding:            0px 7px 15px 7px;
 -moz-border-radius: .0em 0em 1em 1em;
}

#sb-txt-right {
 text-align:         right;
 background-color:   #B82500;
 border-width:       0px 1px 1px 1px;
 border-style:       solid;
 border-color:       #000000; 
 color:              #FFFFFF;
 padding:            0px 7px 15px 7px;
 -moz-border-radius: .0em 0em 1em 1em;

}

#gig-link-all {
 text-align:         right; 
 font-family:        Arial, Verdana, sans-serif;
 font-size:          8pt;
}



/*
 * ENTRIES
 */

#entry-head {
 border-style:       solid;
 border-color:       #C7000D;
 border-width:       0px 0px 2px 3px; 
 padding:            5px;      
}

#entry-title {
 font-family:        Verdana, Arial, sans-serif;
 font-size:          16pt;
 color:              #C22C33;
 text-align:         left;
}

#entry-body {

 /*
 border-style:       solid;
 border-color:       #C7000D; 
 border-width:       2px 2px 1px 1px;
 */

 border-right-width: 2px;
 border-right-style: solid;
 border-right-color: #C7000D; 
 
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #C7000D; 
 
 border-left-width:   1px;
 border-left-style:   solid;
 border-left-color:   #C7000D; 
 
 background-color:    #FBE988;
}

#entry-time {
 width:              200px;
 float:              right;
 padding:            5px;
 text-align:         right;
 
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #C7000D; 
 
 font-family:        Verdana, Arial, sans-serif;
 font-size:          8pt;
 color:              #C7000D;
}

#entry-text {  
 font-family:        Verdana, Arial, sans-serif;
 font-size:          10pt;
 color:              #000000;
 text-align:         justify;
 
 padding:            35px 20px 0px 20px;
}

#entry-pic {
 border-width:       1px;
 border-style:       solid;
 border-color:       #000000;
}

#entry-pic-border {
 float:              left;
 padding-right:      8px;
}

#entry-pic-border-right {
 float:              right;
 padding-left:       15px;
}

#entry-infos { 
 padding-right:     10px;
 padding-bottom:    10px;
 padding-top:       15px;
 text-align:        right;
 
 font-family:        Verdana, Arial, sans-serif;
 font-size:          8pt;
 color:              #000000;
}



/*
 * PAGES
 */

#page-head {
 border-style:       solid;
 border-color:       #C7000D;
 border-width:       0px 0px 1px 4px; 
 padding:            5px;      
}

#page-title {
 font-family:        Verdana, Arial, sans-serif;
 font-size:          16pt;
 color:              #000000;
 text-align:         left;
}


#page-body {
 border-right-width: 4px;
 border-right-style: solid;
 border-right-color: #C7000D; 
 
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #C7000D; 
}

#page-text {  
 font-family:        Verdana, Arial, sans-serif;
 font-size:          10pt;
 color:              #000000;
 text-align:         justify;
 
 padding:            10px 20px 0px 20px;
}

#page-pic {
 border-width:       1px;
 border-style:       solid;
 border-color:       #000000; 
}

#page-pic-border {
 float:              left;
 padding-right:      8px;
}

#page-infos { 
 padding-right:     10px;
 padding-bottom:    10px;
 padding-top:       15px;
 text-align:        right;
 
 font-family:        Verdana, Arial, sans-serif;
 font-size:          8pt;
 color:              #000000;
}



/*
 * COMMENTS
 */
 
#comment {
 border-width:       1px 4px 1px 4px;
 border-style:       solid;
 border-color:       #C7000D; 
 background-color:   #FBE988;
} 
 

#comment-author {  
font-weight:         bold;
} 

#comment-text {  
 font-family:        Verdana, Arial, sans-serif;
 font-size:          10pt;
 color:              #000000;
 text-align:         justify;
 
 padding:            10px 20px 0px 20px;
} 

#comment-time {  
 font-family:        Verdana, Arial, sans-serif;
 font-size:          8pt;
 color:              #000000;
 text-align:         right;
 
 padding:            5px 10px 10px 0px;
} 



/*
 * CONCERTS
 */

#gig-year {
 mid-width:          400px;
 width:              85%;
 margin:             0px auto 0px auto;

 font-family:        Verdana, Arial, sans-serif;
 font-size:          14pt;
 color:              #000000;
 text-align:         left;
 color:              #C22C33;

 padding-top:        13px;
 padding-bottom:     7px;
}

#gig {
 mid-width:          400px;
 width:              85%;
 margin:             0px auto 0px auto;
 
 font-family:        Verdana, Arial, sans-serif;
 font-size:          10pt;
 color:              #000000;
}

#gig-data {
 padding:            3px 10px 3px 10px;
}

#gig-title {
 
}

#gig-bands {
 font-weight:         bold;
}

#gig-info {
 font-family:        Verdana, Arial, sans-serif;
 font-size:          8pt;
 color:              #000000;
}

#gig-link {
 font-size:          8pt;
 float:              right;
}

#gig-hr {
 width:              100%;

 height:             1px;
 color:              #C7000D;
 background-color:   #C7000D;
}

#gig-textbox {

 mid-width:          400px;
 width:              85%;
 margin:             0px auto 0px auto;
 padding:            5px;
 
 background-color:   #B82500;
 border-width:       1px 1px 1px 1px;
 border-style:       solid;
 border-color:       #000000; 
 
 color:              #FFFFFF;
 font-family:        Arial, Verdana, sans-serif;
 font-size:          10pt;
 text-align:         justify;
}



/*
 * MEDIA
 */
 
#media {
 width:              100%;
 height:             75px;
}

#media-img {
 float:              left;
 width:              75px;
 border:             1px solid #000000;
}

#media-text {
 color:              #FFFFFF;
 font-family:        Arial, Verdana, sans-serif;
 font-size:          10pt;
 margin:             0px auto 0px auto;
 vertical-align:     middle;
}

#media-author {
 font-weight:         bold;
}

#media-title {

}


/*
 * OTHER
 */

#pagetitle {
 font-family:        Verdana, Arial, sans-serif;
 font-size:          14pt;
}

#navigation {
 font-family:        Verdana, Arial, sans-serif;
 font-size:          11pt;
}
	
#alignleft {
 float:              left;
}

#alignright {
 float:              right;
}



/*
 * ABOUT
 */
 
#about {
 border-width:       1px 4px 1px 4px;
 border-style:       solid;
 border-color:       #C7000D; 
 background-color:   #FBE988;
 width:              80%;
} 
 

#about-text {  
 font-family:        Verdana, Arial, sans-serif;
 font-size:          10pt;
 color:              #000000;
 text-align:         justify;
 
 padding:            10px 20px 10px 20px;
}

#about-hr {
 width:              100%;

 height:             1px;
 color:              #C7000D;
 background-color:   #C7000D;
}

#fav-table {
 width:              100%;
 
 font-family:        Verdana, Arial, sans-serif;
 font-size:          8pt;
 color:              #000000;
} 

.flickr-img {
 padding:            5px;
}