/*   
Theme Name: cheap! - the lowbrow theme
Theme URI: http://cheap.kno.at/
Description: Part of the cheap! series
Author: Christian Knoflach
Author URI: http://www.kno.at/
Version: 0.1
.
"I'm glad I don't like asparagus", 
Alice told her friend, 
"because if I'd like it 
i'd have to eat it - 
and I really hate asparagus."
.
*/

:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }
:lang(fr)    { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }

q:before { content:open-quote; }
q:after { content:close-quote; }
q q:before { content:open-quote; }
q q:after { content:close-quote; }

blockquote {
        display:block;
        font-style:italic;
        padding:0.5em;
        background-color:#666;
        color:#fff;
    }

blockquote:before { content:open-quote; }
blockquote:after { content:close-quote; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *
 *                           G L O B A L   T A G S
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
    font:0.8em/1.1em Helvetica, Arial, Sans-Serif;
    font:0.8em/1.1em Georgia, "Times new roman", serif;
    padding:0; margin:0;
    background:url(images/newbg.gif) #333; color:#444;
}

code { padding:0.5em; background-color:#eef; margin:0.5em 0 0.5em 0; display:block; border:1px solid #333; font-size:0.8em; }

a { text-decoration:none; color:#333; }

p a:link, p a:visited, p a:hover, p a:active, p a:focus {
  color:#f09; text-decoration:none; border:none; border-bottom:1px solid #f09; padding:0.2em 0.2em 0 0.2em; font-weight:bold; 
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link { 
		color:#f09; text-decoration:none; font-weight:bold; border-bottom:1px dashed #f09;
	}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited { 
		color:#d07; text-decoration:none; font-weight:bold; border-bottom:1px dashed #333;
	}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { 
		color:#f09; text-decoration:none; font-weight:bold; background-color:#333; border-color:#333;
	}
h1 a:active, h2 a:active, h3 a:active, h4 a:active { 
		color:#fff; text-decoration:none; font-weight:bold; background-color:#f09;
	}
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus { 
		color:#f09; text-decoration:none; font-weight:bold; background-color:#333; border-color:#333;
	}

h1, h2, h3, h4 { font-family: Helvetica, Arial, sans-serif; line-height:1em; }

p a:hover, p a:focus { background-color:#333; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *
 *                          M A I N   L A Y O U T
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#special {
    background:url(images/cheap.gif) no-repeat;
    position:absolute;
    left:0; top:0; height:300px; width:100%;
    margin-right:-100%;
}

#container { width:60em; }

  #top { height:6em; }
  
    #header { height:6em; }
    
    #header #headspan {}
    
    #header span.headline {
                           font:6em/1em Georgia, Serif; 
                           display:none; visibility:hidden; 
                       }
    
  #content { width:60em; }
    
    #more {
    	   width:16em; margin:0 0 0 -1em; 
    	   float:right; position:relative;
           overflow:hidden;
    	   background-color:#eee; 
       }
    
      #more #moreheader { padding:1em 1em 0 1em; text-align:center; }
      
        #moreheader span {
        				  font:10em/1em Helvetica, Arial, Sans;
        				  font-weight:bold; color:#333;
        				  display:none; visibility:hidden;
        			  }
    
      #more #nav { }
    
      #more #spreadpick {
      	padding:1em 1em 0 1em;
      	position:relative;
      }
      
      #more #spreadpick a {
      	width:13em;
      	height:13em;
      	padding:0.5em;
      	margin:-1px;
      	border:1px solid #333;
      	background-color:#fff;
      	display:block;
      }
      
      #more #spreadpick img {
      	border:none;
      	width:100%;
      	height:100%;
      	padding:0;
      }
      
      #more #spreadpick h4 {
      	position:absolute;
      	top:1em; left:1em;
      	background-color:#fff; color:#000;
      	font-family:Georgia, "Times New Roman", serif;
      	font-weight:normal;
      	margin:0; padding:0.5em;
      	font-size:1em;
      	line-height:1em;
      	max-width:14em;
      }
      
      #more #spreadpick:hover h4 { display:none; }
      
      #more #spreadpick p {
      	display:none;
      }
            
      #more #nav2 { padding:0 0 1em 0; }
      
              #nav2 ul { margin:0; padding:1em 0 0 0; list-style-type:none; }
              #nav2 ul ul { margin:0.2em 0 0; padding:0; }
              
              #nav2 li {
                        font:1em/1em Helvetica, Arial, Sans-Serif;
                        text-transform:uppercase; font-weight:bold;
                        color:#f09;
                        padding:0.5em 0 0.3em 1em;
                        border-top:1px solid #aaa;
                    }
                    
              #nav2 h2 {
                        font:1em/1em Helvetica, Arial, Sans-Serif;
                        text-transform:uppercase; font-weight:bold;
                        color:#f09;
                        margin:0; padding:0; border:none;
                    }
                    
              #nav2 li li {
                           font:1em/1em Georgia, Serif;
                           text-transform:none;
                           padding:0; margin:0;
                           border:none;
                           display:inline; /* seems to fix IE/WIN mess */
                       }
                       
              #nav2 a {
                       display:block;
                       border-top:1px solid #ddd;
                       margin-left:-1em;
                       padding:0.3em 0.3em 0.3em 1em;
                   }
              
              #nav2 li li.current_page_item a,
              #nav2 li li.current-cat a {
                                             background-color:#fbc;
                                             font-style:italic;
                                             color:#333;
                                         }
              #nav2 a:hover,
              #nav2 a:focus {
                             background-color:#f09;
                             color:#fff;
                         }

              #sidebar_search_form { display:none; visibility:hidden; }

    #more small { padding:0.5em 0 0.5em 1em; font-style:italic; }
    
    #main, #footer {
           width:44.1em; margin-right:-1em;
           float:left; position:relative;
       }
           
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *
 *                            N O R M A L   P A G E
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	.normal_page {
		background-color:#333;
		width:38em;
		margin:0 2em 0 2em;
		padding:1em;
	}

	.normal_page .page_content {
		background-color:#fff;
		padding:1em;
	}

	.normal_page p { font-size:1.25em; line-height:1.4em; padding:0; margin-top:0.5em; }

	.normal_page img { max-width:36em; height:auto; }
	.normal_page h1 { color:#f09; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:bold; font-size:2em; }
	.normal_page h2 { color:#f09; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:bold; font-size:2em; }
	.normal_page h3 { color:#f09; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:bold; font-size:1.5em; }
	.normal_page h4 { color:#333; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:bold; font-size:1.2em; }
	.normal_page h5 { color:#333; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:bold; font-size:1em; }
	.normal_page h6 { color:#f09; font-family:Helvetica, Arial, sans-serif; text-transform:none; font-weight:bold; font-size:1.2em; }


        .normal_page h3, .normal_page h4, .normal_page h5, .normal_page h6 { margin-bottom:0; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *
 *                               A R C H I V E S
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	.normal_page .one_post { margin-top:1em; }
	.normal_page .one_post h3 { margin:0; padding:0; }
	.normal_page .one_post h3 a { display:block; width:100%; border-bottom:1px solid #f09; margin:0; padding:0.2em 0 0 0; }
	.normal_page .postmetadata { float:right; font-weight:normal; margin:0 0 0 0.5em; padding:0.2em; font-size:0.8em; line-height:1em; font-family: Helvetica, Arial, sans-serif; background-color:#333; color:#eee; display:block; }
		.postmetadata a:link,
		.postmetadata a:visited,
		.postmetadata a:hover,
		.postmetadata a:active,
		.postmetadata a:focus { font-weight:normal; text-decoration:none; border:none; }
	.normal_page .date_time { float:right; font-size:0.8em; margin:-1.5em 0 0 0; margin-bottom:0; font-family: Helvetica, Arial, sans-serif; }
	.normal_page .one_post .entry { margin:0 0 2em 0; background-color:#eee; padding:0.2em 1em 0.2em 1em; font-size:1em; line-height:1em; border-left:0.5em solid #f09; }
        .normal_page .one_post .entry p { margin:0; font-size:1em; font-style:italic; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *
 *                             V I E W   E N T R Y
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	  #main .viewentry {
	  					background-color:#333; width:40em;
	  					margin:0 2em 0 2em; padding:0 0 1em 0;
	  				}
	  				
	  		.entryhead { position:relative; } 

                /* IE5/Mac needs display:inline or element has height:0 */
                /* TEASER nur IE5/Mac \*//*/
                .entryhead { display:inline; }
                /**/
	  				
	  		.entryhead .pic img { margin:1em 1em 0 1em; width:38em; height:27em; z-index:0; }
	  		
	  		.entryhead h1 { position:absolute; left:2em; bottom:3em; font-size:1em; z-index:2; }

	        .entryhead h1 a {
	        					   font-size:3em; line-height:1.1em;
	        					   text-transform:uppercase;
	        					   padding:0.2em;
	        					   color:#f09; background-color:#333;
								   background:url(images/newbg.gif) #333; z-index:2;
	        				  }

	  #main .viewentry .topnav { display:none; visibility:hidden; }
 

	      	.entryhead .meta {
	      						margin:0 1em 0 1em; padding:1em 1em 0 0;
	      						text-align:right; 
	      						background-color:#fff; z-index:1;
	      					}

	      	.meta span {
	      				margin:0 0 0 0.1em; padding:0.2em;
	      				line-height:1em; text-align:right;
	      				text-transform:lowercase;
	      			}
	      			
	      	.meta .date a { color:#eee; }
	      	.meta .author a { color:#f09; font-family:Georgia, Serif; }
	      	.meta .cat a { color:#f09; font-family:Georgia, Serif; }
	      	.meta .cat { margin-top:0.3em; } 

              .viewentry .textwrap {
                  background-color:#fff;
                  font-size:1.25em;
                  line-height:1.4em;
                  padding:0.8em;
              }
		  
	      .viewentry p {
	      }

              .viewentry small { font-size:0.7em; font-style:italic; }
	      .viewentry small:before { content:"("; }
	      .viewentry small:after { content:")"; }

              .viewentry ul {
                  color:#f08;
                  line-height:1em;
                  font-style:italic;
              }

              .viewentry li {
                  margin-bottom:0.5em;
              }
	      				  
      .viewentry .text img { font-size:0.8em; max-width:36em; height:auto; padding:0; margin:0; border:none; }
      .viewentry img.title { width:38em; max-width:38em; height:27em; padding:0; display:block; position:absolute; top:1em; margin-left:-1em; z-index:1;}

      .viewentry .text {
		  	padding:0 1em 0 1em;
		   }

              .viewentry a.flickrlink { display:block; float:right; padding:0.5em; background-color:#333; }
	      				  
	      .viewentry .bottomnav { display:none; visibility:hidden; }

	.view_entry .text h1 { color:#f09; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:bold; font-size:2em; }
	.view_entry .text h2 { color:#f09; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:bold; font-size:2em; }
	.view_entry .text h3 { color:#f09; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:bold; font-size:1.5em; }
	.view_entry .text h4 { color:#333; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:bold; font-size:1.2em; }
	.view_entry .text h5 { color:#333; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:bold; font-size:1em; }
	.view_entry .text h6 { color:#f09; font-family:Helvetica, Arial, sans-serif; text-transform:none; font-weight:bold; font-size:1.2em; }

        .view_entry h3, .view_entry h4, .view_entry h5, .view_entry h6 { margin-bottom:0; }

	  #main div.comments {
	  	background-color:#fff; 
	  	padding:1em;
		margin:1em 1em 0 1em;
	  }	      		
	  #main div.comments p { padding:0; border:none; }

	  #main div.comments textarea { font:2em/1em, Georgia; width:100%; height:8em; }
	  
	  ol.commentlist { margin:0; padding:0; list-style-position:inside; }
	  ol.commentlist li { margin:0; padding:0; padding:0.5em 0 1px 2em; }
	  ol.commentlist li.alt { background-color:#f3f3f3; padding:0.5em 0 1px 2em; }
	  ol.commentlist li:first-line { padding-left:1em; }
	  
	  ol.commentlist li cite { 
	  	background-color:#f09;
	  	padding:0.2em;
	  	color:#fff;
	  }
	  ol.commentlist li cite a { color:#fff; border-bottom:1px dotted #fff; }
	  
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *
 *                              M A I N   P A G E
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

      #main .mainpage_entry a { border:none; }

      #main .mainpage_entry {
                    position:relative; float:left;
                    margin:0em 1em 2em 1em; width:12em; min-height:30em;
                    background-color:#333; 
                } /* IE5-MAC, IE6: min-height */

                /* min-height hack */
                /* TEASER nur IE5/Mac \*//*/
                #main .mainpage_entry { height:30em; }
                /**/
                
                
                
      #main .mainpage_entry:first-child { margin-left:2em; }
      #main .mainpage_entry img { display:none; }
      #main .mainpage_entry img.title { display:default; width:11em; border:none; display:block; position:relative; top:-2em; margin:0 0 -3m 0; z-index:0;}
      
      #main .mainpage_entry div { padding:0.5em; }
      #main .mainpage_entry h1 {
          			   line-height:1em; font-size:1.6em; 
          			   text-transform:uppercase;
          			   margin:0 0 0.5em 0; padding:0;
          		  }
          
      #main .mainpage_entry h1 a {
                         display:block; height:4em; color:#f09;
                     }
                     
      /* if a.wholething doesn't work at least add a rollover to the headline */
      #main .mainpage_entry h1 a:hover,
      #main .mainpage_entry h1 a:focus { color:#fff; background-color:#f09; }
      
      #main .mainpage_entry span.date {
              font:1em/1em Georgia, Serif;
              color:#fff; background-color:#333; text-transform:uppercase;
              padding:0.5em; margin:0; 
              position:absolute; top:7.4em;
              z-index:100;
          }
                    
      #main .mainpage_entry p { margin-top:1em; color:#fff; }
      #main .mainpage_entry p a { margin:0; padding:0; display:default; font-weight:normal; color:#fff; }
      #main .mainpage_entry p a.flickrlink { display:none; }
          
      #main .mainpage_entry span.com {
                             display:block;
                             position:absolute; right:0; bottom:0;
                             padding:0 0.5em 0.5em 0;
                             color:#fff;
                             font:1em/1em Georgia, Serif; font-style:italic;
                         }
      
      #main .mainpage_entry a.wholething {
                                 position:absolute;
                                 left:0; top:0; right:0; bottom:0;
                                 margin:-0.5em;
                             }

                           /* extend the whole container hack */
                           /* TEASER nur IE5/Mac \*//*/
                           #main .entry a.wholething { width:100%; height:100%; }
                           /**/

      #main .mainpage_entry:hover,
      #main .mainpage_entry:focus,
      #main .mainpage_entry:hover span,
      #main .mainpage_entry:focus span { background-color:#f09; }
      #main .mainpage_entry:hover a,
      #main .mainpage_entry:focus a { color:#fff; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *
 *                                 F O O T E R
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

    #footer .foot {
                    position:relative; float:left;
                    margin:0em 1em 2em 1em; width:12em;
                    overflow:hidden;
                }

    #footer .foot:first-child { margin-left:2em; }

    #footer h2 {
                font:1.2em/1em Georgia, Serif; color:#f09;
                text-transform:uppercase; letter-spacing:0.1em;
                margin:1em 0 0 0; padding:0;
            }
    
    #footer ul { margin:0; padding:0; list-style-type:none; }
    #footer ul li { margin:0.5em 0 0 0; color:#666; }
    
    #footer a { color:#666; border-bottom:1px solid #666; }
    #footer a:hover, #footer a:focus { color:#eee; border-color:#eee; }
        
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *
 *                             N A V I G A T I O N 
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#nav ul {
		 list-style-type:none;
		 margin:0; padding:0;
		 border-bottom:1px solid #aaa;
	 }

#nav li { 
         margin:0; padding:0;
         display:inline;
     }

#nav a {
        font:2em/1em Georgia, Serif;
        display:block; padding:0.5em;
        color:#666;
        margin:0;
        border-top:1px solid #aaa;
        border-left:0.5em solid #eee;
    }
    
#nav a:hover, #nav a:focus {
	background-color:#f09; color:#fff;
}
						
#nav li#activenav a {
	background-color:#f09; color:#fff;
	border-left-color:#f09; display:block;
}






a.imglink:link, a.imglink:visited, a.imglink:hover, a.imglink:active, a.imglink:focus  { display:block; border:none; margin:0; padding:0; text-decoration:none; color:#000; background:none; }