/*  
 * Theme Name: Scroller ozone
 * Theme URI: http://scroller.counterjumper.com/
 * Description: A Wordpress theme which makes extensive use of scrollbars
 * Version: 1.0.1
 * Author: Karmadude
 * Author URI: http://counterjumper.com/
 * 
 * Scroller ozone v1.0.1
 *  
 * This theme was designed and built by Karmadude       
*/

@import "poststyle.css";
@import "categorystyle.css";
@import "flickrstyle.css";
@import "linksstyle.css";
@import "pagesstyle.css";
@import "commentstyle.css";

body {
   margin: 0;
   padding: 0em;
   text-align: center;
   background: #cfe2ea;   
   font: 10px/1.6em "Lucida Grande", verdana, arial, helvetica, sans-serif;
   color: #333;
}

    #container {
       margin: 0 auto;
       padding: 3em;
       width: 95em;
       text-align: center;
    }    
    
       /*-----HEADER-----*/

        #header {
           position: relative;
           width: 85em;
           height: 5.4em;
           padding: 4em 4.7em 0 4.7em;
           margin: 0 auto;
           border-top: #b5b39f 0.3em double;
           border-left: #b5b39f 0.3em double;
           border-right: #b5b39f 0.3em double;
           border-bottom: #b5b39f 0.1em solid;
        }

            #logo {
               position: relative;
               float: left;
               width: 15.9em;
               height: 9.4em;
            }
            
            #logotext {
               float: left;               
               font-weight: 500;
               color: #999;
               height: 4.9em;
               padding: 0.5em 0 0 0;             
            }
                
                #logotext a {
                    font-size: 3.5em;
                    color: #69bbf2;
                }
                
                #logotext a:hover {
                    color: #999;
                }


            #searchbox {
               position: relative;
               float: right;
               margin: 2em 0 0 0;               
               height: 3.4em;
               text-align: right;
            }

        /*-----CONTENT-----*/

        #contentwrapper {
            position: relative;
            width: 85.2em;
            height: 63.3em;
            padding: 2.1em 4.6em 4.6em 4.6em;
            border-left: #b5b39f 0.3em double;
            border-right: #b5b39f 0.3em double;
        }
        
            .contentbox { 
                position: relative;
                width: 28.6em;
                height: 20.2em;
                border: #b5b39f 0.07em solid;
                overflow: auto;
                text-align: left;
                font-size: 1.4em;
                color: #666;
                line-height: 1.5em;
            }
            
                .contentbox p {
                    margin: 0 0 1.07em 0;
                }
                
                #recentpostbox {
                   padding: 1.2em 1.2em 0 1.2em;              
                }
                
                    #recentpostbox .recentpostheader {       
                        display: block;
                        line-height: 1em;
                    }
                    
                    #recentpostbox .recentpostdate {
                        color: #7eae4d;
                    }
                    
                    #recentpostbox .recentpostinfo {                                                
                        font-size: 0.8em;
                        padding: 0;
                        margin: 0;
                    }
                
                    #recentpostbox .recentpostinfo a {
                        color: #919292;
                    }
                    
                    #recentpostbox .recentpostinfo a:hover {
                        text-decoration: underline;
                    }
                    
                    #recentpostbox ul {
                        padding: 0;
                        margin: 0;
                    }
                    
                    #recentpostbox ul li {
                        list-style: none;
                        background: url('images/post.png') no-repeat 0 0.2em;         
                        font-size: 0.9em; 
                        padding: 0.3em 0 0.3em 2em;
                        margin: 0 0 0.6em 0;
                        border-bottom: #c0c0c0 0.1em dotted;
                    }

                    #recentpostbox ul li:hover { 
                        background: url('images/postarrow.png') no-repeat 0 0.2em; 
                    }
                
                #archivesbox {
                   padding: 1.2em 1.2em 0 1.2em;              
                   display: none;
                }
                
                    #archivesbox ul {
                        padding: 0;
                        margin: 0;
                    }

                    #archivesbox ul li {
                        list-style: none;
                        background: url('images/calmonthblue.png') no-repeat 0 0.2em;         
                        font-size: 0.9em; 
                        padding: 0 0 0 2em;
                    }

                    #archivesbox ul li:hover { 
                        background: url('images/calmonthorange.png') no-repeat 0 0.2em; 
                    }
                
                
                #aboutbox {
                   padding: 1.2em 1.2em 0 1.2em;              
                   display: none;
                }
                
                #metabox {
                   padding: 1.2em 1.2em 0 1.2em;              
                   display: none;
                }
                
                    #metabox ul {
                        padding: 0;
                        margin: 0;
                    }

                    #metabox ul li {
                        list-style: none;
                        background: url('images/bullet_blue.png') no-repeat -0.5em 2em;         
                        font-size: 0.9em; 
                        padding: 0 0 0 1.5em;
                    }

                    #metabox ul li:hover { 
                        background: url('images/bullet_orange.png') no-repeat -0.3em 2em; 
                    }
            
            .contentboxtabs {                
                width: 40.1em;
                height: 2.5em;
            }
            
                .contentboxtabs ul {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                    height: 2.08em;
                    font-size: 1.2em;
                    font-weight: 500;
                    overflow: hidden !important;                                       
                }
                
                .contentboxtabs ul li {  
                    float: left;
                    padding: 0;
                    margin: 0 0.25em 0 0;                    
                    height: 2.08em;                   
                }
                
                .contentboxtabs ul li a {                    
                    display: block;
                    height: 2em;
                    text-transform: uppercase;
                    padding: 0.5em 0.6em 0 0.6em;
                    color: #a5a6a5;
                    text-decoration: none;
                    float: left;
                    background: #b4b4b4 url(images/offtabbg.gif) repeat-x; 
                    border-top: #b5b39f 0.1em solid;
                    border-right: #b5b39f 0.1em solid;
                    border-left: #b5b39f 0.1em solid;
                }
                
                .contentboxtabs ul li a:hover,
                .contentboxtabs ul li a.selected { 
                    text-decoration: none;
                    color: #78954a;
                    background: #a0cf71 url(images/ontabbg.gif) repeat-x; 
                }
                
                .contentboxtabs ul li#flickrtabitem a { 
                    text-decoration: none;
                    color: #003dc2;
                    width: 6.5em;
                    background: #8aafe3 url(images/flickrtaboff.gif) no-repeat; 
                }
                
                .contentboxtabs ul li#flickrtabitem a:hover,
                .contentboxtabs ul li#flickrtabitem a.selected { 
                    text-decoration: none;
                    color: #003dc2;
                    width: 6.5em;
                    background: #8aafe3 url(images/flickrtab.gif) no-repeat; 
                }
            
            #leftcolumn {
                position: relative;
                width: 40.3em;
                height: 63.3em;
                float: left;
                padding: 0 4.6em 0 0;
            }
            
            #sidebar {
                position: relative;
                float: left;
                width: 40.3em;
                height: 63.3em;              
            }
            
            #topleftboxcontainer,
            #toprightboxcontainer,
            #bottomleftboxcontainer,
            #bottomrightboxcontainer
            {                
                width: 40.1em;
                height: 30.6em;
            }
                       
            #toprightboxcontainer {                
                               
            }
            
            #bottomleftboxcontainer {                            
                margin: 2.1em 0 0 0;       
            }
            
            #bottomrightboxcontainer {                
                margin: 2.1em 0 0 0;     
            }

    /*------END CONTAINER-----*/

    /*-----FOOTER-----*/
    
    #footer {
        position: relative;
        width: 85em;
        height: 9.4em;
        padding: 0 4.7em;
        margin: 0 auto;
        background: transparent;
        text-align: center;
        border-top: #b5b39f 0.1em solid;
        border-left: #b5b39f 0.3em double;
        border-right: #b5b39f 0.3em double;
        border-bottom: #b5b39f 0.3em double;
    }
    
        #footer a {
            display: inline;        
            text-decoration: none;
            color: #539ff5;
        }

        #footer a:hover {
            color: #e1453f;
            text-decoration: underline;
        }

        #footercontent {
           position: relative;
           margin: 0 auto;           
           padding: 1em 0 0 0;
           text-align: left;
        }

 

/* defaults
--------------------------------------------------*/
img {
   border: 0;
}

a:focus {
   user-focus: none; 
   outline : none; 
   -moz-user-focus: none; 
   -moz-outline: none;    
}

a,
a:link {
   color: #4aabd3;
   text-decoration: none;
}

a:hover {
   color: #e1453f;
}   

p {
   margin: 0;
   padding: 0;
}

input, textarea {
    color: #666;
    font-size: 1em; 
    text-decoration: none; 
    background-color: #aadbf0; 
    border: 0.1em solid #8ab2c3;
    padding: 0.3em;
}

input:focus, textarea:focus {    
    background-color: #eee; 
}

.wp-smiley {
    border: none;
}
    

/* clearfix
--------------------------------------------------*/

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

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */