/*  
Theme Name: Sliding Door
Theme URI: http://mac-host.com/slidingdoor/
Description:A unique template featuring accordian style sliding images in the menu. When clicked the image takes you to a category or page. Support and forums to help you get started at http://mac-host.com/support Based on Samuel Birch's phatfusion image menu.
Version: 1.7
Author: Wayne Connor
Author URI: http://www.macintoshhowto.com/
Tags: black, fixed-width, custom-header, photoblogging, dark, left-sidebar
*/


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


body {
    text-align: center;
 /* color:  #fff; */
    font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
    background: url(images/bg-body-2.jpg);  
    background-position: center ; 
    background-repeat: repeat-y ; 
    background-color: #040 ;      /* 040 = green bkgd   was #000   gks  */
}

body a {
    color: #080 ;    /*   #42adfb; */
}


 /* h2=24px  h3=20px  h4=18px,    */ 

    
 h2 {
    color: #060;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom:  0px; 
    font-size: 24px;       /* ok:  24px is standard    gks  */
    font-weight: bold;
    }


 h3 {
    font-size: 20px;         /*   19 is standard   gks   */
    color: #050;
    padding-top:   10px;
    padding-bottom: 0px;
    margin-top:     0px;
    margin-bottom:  0px; 
    }           

 h4 {
    color:  #040 ;  
    padding-top:   10px;
    padding-bottom: 0px;
    margin-top:     0px; 
    margin-bottom:  0px; 
    font-size: 18px;   
    }
    
 h4 a:hover {
        color: #070 ; 
    }



 h5 {
    color: #030;  
    padding-top:    7px;
    padding-bottom: 0px;
    margin-top:     0px; 
    margin-bottom:  0px; 
    font-size: 17px;   
    }

 h5 a:hover {
        color: #060 ; 
    }


 h6 {
    color: #020;  
    padding-top:    5px;
    padding-bottom: 0px;
    margin-top:     0px; 
    margin-bottom:  0px; 
    font-size: 16px;   
    }



#wrapper {
    width: 970px;  /*  950   940px  gks  */
    margin: 0px auto; 
    text-align: left;
    position: relative;
}    


#welcomeheading {
    margin-top:  7px; 
    padding-top: 5px;
    margin-bottom:  0px; 
    padding-bottom: 0px;
    text-align: center;
    height: 75px;
    background: url(images/header-t.jpg);  
    background-position: bottom ;
    font: normal 16px Verdana, Sans-serif, Helvetica ;
    color: #fff ;
}

#welcomeheading a {
    font: 36px Times, Serif;  
       /* 40pt  "Trebuchet MS", "Lucida Grande", Lucida, Vernada, sans-serif;  */
    font-style: italic;
    font-weight: bold;
    color: #eee ;    /* #fff;  */
    text-decoration: none;
}

#welcomeheading a:hover {
    color: #fff ;       /* #ddd;*/
}


/* 
.description {
    margin-top: 10px; 
    text-align: center;
    font: normal 14px Verdana, Sans-serif, Helvetica ;
    color: #050 ;
    padding-bottom: 5px;
    padding-top: 10px;
}  */ 



  /*  to show an outline when hovering over a clickable image  */
  a:hover img {outline: 1px solid #000; }


 /* ***************************************************************** */
 /* ******************* DIVision alignment - gks ******************** */

 .center 
    {
    /* display: block; */
    /* position: relative;  */
    margin-left:  auto;
    margin-right: auto;
    }

 .wide400 { width: 400px;  } 
 .wide500 { width: 500px;  } 
 .wide600 { width: 600px;  } 

 .centertext
    {
    text-align: center;
    }

 
 /* ********************* */


 .imgleft 
    {
    float: left ;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    } 

 .imgright
    {
    float: right ;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    }


 .box 
    {
    margin-top:    20px; 
    margin-bottom:  20px;     
    padding: 10px;
    border-style: ridge ;  
    border-width: 6px ; 
    border-color: darkgray ; 
    }


 /*  7-28-2009  */
.bigbold {
    font-weight: bold;
    font-size: 22px;
    }

 /* ***************************************************************** */
 /* ***************************************************************** */


  .small { 
       /* border-top: 1px solid #333;
          border-bottom: 1px solid #333; */  
        font-size: 14px;    /*  11px;  */
        color: #333;
    }



 hr {
    margin-top: 10px;
    }




.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}




  #container {
 /* margin:0 auto; 
    text-align:left; 
    background: url(images/bg-body-2.jpg);  
    width: 1000px ;          */        /*  876px   875+125=1000  */
    }  

 

 .tablerow {
    display: table-row ;       /* ########## gks greg 8-17-2009 ########## */
    }

 #content {
    display: table-cell ;       /* ########## gks greg 8-15-2009 ########## */
    float: left;   /*  right;  */ 
    width: 740px;   /*  730  750  770  640px   gks  ... 700 ...  */
    margin-top: 0px;
    margin-right: 5px;
    }

    #content .notice  {
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        /* align: center; */
        padding: 5px 0px;
        margin: 1px;
    }
    #content .notice {
        margin-bottom: 20px;
        margin-left: 15px;  /*    added, gks   */
    }

    #content .post p {
    margin-top: 10px;
    margin-bottom:  0px;   
    }

    #content .post {
        /*  float: right;  */
        margin-right: auto;
        margin-left: auto; 
        position: relative;
        width: 740px;      /*  640px   gks   */
        margin-bottom: 30px;
        padding-top: 10px;
        border-bottom: 1px solid #bbb;
    }
    
    #content .post h2 a {
    color: #060;
    text-decoration: none;
    padding: 3px 0;
    font-size: 22px;       /* ok:  24px is standard    gks  */
    font-weight: bold;
    }

    #content .post h2 a:hover {
        color: #070 ;      /* #D5F3FF; */
    }
    
    #content .post h3 a {
        color: #050;
    }           
    
    #content .post h3 a:hover {
        text-decoration: none;
        color: #080 ;    
    }

    /*  "posted x days ago..."  */
    #content .post-details {
        padding: 3px;
        font-size: 14px;         /*    12px  gks */
    }

  
    #content .post-details  a {
        color: #040;
    }
    #content .post-details  a:hover {
        color: #080;
    }


    #content .post img {
    max-width: 700px;    /*  500px  gks   */
    max-height: 600px;
    margin-bottom: 10px;
    margin-top: 10px;
}     


 #content .prevnext {
    margin-top: 20px;
    font: normal 15px  Verdana, Helvetica, Sans-serif;
    }
      


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   }

 .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

 #content .wp-caption-text  
    {
    /* font-size: 11px; */
    /* line-height: 17px;  */
    margin: 10px;
    /*  color: #000;  */
    text-align: center;
    }
    
    #content .post a img {
    }

    #content ol {
    /* line-height: 1.6; */
}

    #content .post ul {
        margin-left: 20px !important;
    }
    
    #content .post ul li {
        list-style-type: disc !important;
    }
    
    #content {
        font: normal 15px Verdana, Helvetica, Sans-serif;  /* 13px/20px */
        margin-bottom: 10px;
        margin-top: 10px;
    	color: #040 ;      /* color of posts content     #eaeaea; */
    	margin-right: 0px;
    	/* text-align: justify; */
    }

    #content blockquote {
        margin-top:    5px;
        margin-left:  10px;
        margin-right: 10px; 
        border-left:   3px solid #060;   /* 555 */
        border-right:  3px solid #060;   /* gks */
        border-top:    1px solid #060;   /* gks */
        border-bottom: 1px solid #060;   /* gks */
        padding-left:  10px;
        padding-right: 10px;
        padding-top:    0px;
        padding-bottom: 8px;
        font-style: italic;
        background-color:  #FFEfD5 ;      /* #F8E9Cc #F1E3C6    #E6D8BB = perfectly invisible! */
}

    /*  "continue reading..."    */
    #content a {
        color: #600 ;       /* #42adfb; */
    }
    
    #content a:hover {
        text-decoration: none;
        color: #006 ; 
    } 



 .commentnote 
    {        /*  "no spamming allowed"  */
    width:        625px;
    margin-top:     0px; 
    margin-left:   auto;
    margin-right:  auto;
    margin-bottom:  0px;   
    padding-bottom: 3px;
    padding-left:  10px;
    padding-right: 10px;
    border-style: ridge;  
    border-width:   6px; 
    border-color: green; 
    font-size:     16px;
    }

    #content ol.commentlist {
        margin-top: 10px;
    }
    
    #content ol.commentlist li {
        border:    2px solid #D88 ;
        padding-left: 10px;
        margin-bottom:  10px ;
        background-color: #Fee ;     /*  #F4E6C9  #F1E3C6     #E6D8BB = perfectly invisible! */ 
    } 
    
        #content ol.commentlist li .commentMeta {
            width: 120px;
            float: left;
            margin-top: 5px;
        } 
        
            #content ol.commentlist li .commentMeta span {
                display: block;
            }
            
            #content ol.commentlist li .commentMeta span.author,
            #content ol.commentlist li .commentMeta span.author a {
                color: #060;   /*  CCC;  gks */    
                text-decoration: none;
            }                     
            
            #content ol.commentlist li .commentMeta span.date a {
                color: #030;  /* 666 */
                text-decoration: none;
                font-size: 12px;  /*  11px;  */
            }

            #content ol.commentlist li .commentMeta span.moderate a {
                color: #42adfb;
            }
        
        #content ol.commentlist li .commentText {
            width:  550px;
            float:   left;
            padding:   5px;
          }
    
       .moderation {
           font-size: 18px;
           font-weight: bold;
           color: red; 
          }
    
    #content ol.commentlist .avatar {
        float: left;
    }


    #content h3 {
        color: #030 ;          /* was   lt.blue #42adfb;  */
    } 
    
    input {
        padding: 2px;
        font-size: 18px;                /* gks 11-9-2009 */
        font-family: Courier, monospace, Arial, Sans-serif ;
    }
    
    #content #commentform textarea {
        /* width:   80%; */
        padding: 3px;
        font-size: 18px;               /* gks 11-9-2009 */
        font-family: Courier, monospace, Arial, Sans-serif;
    }
    
    #content .nextprevious {
        height: 40px;
        display: block;
    } 
    
    #content .nextprevious a {
        color: #070;
    }               
    
    #content .nextprevious .left {
        float: left;
    }              
    
    #content .nextprevious .right {
        float: right;
    }
    
    #content .adBrite {
        display: block;
        margin-bottom: 20px;
        border: 1px solid #333;
    }


 .comments {
    font-size: 16px;    
    }



/* ************************** sidebar ***************************** */

 .widgettitle {
        font-weight: bold;
        font-size: 17px;
        text-transform: uppercase;
        margin-bottom: 10px;
        padding-top: 18px;
        color: #050;
    }


#sidebar {
    margin-top:  10px; 
    margin-left: 10px;
    padding-top:  8px;
    vertical-align:top; 
    display: table-cell ;      /* ########## gks greg 8-15-2009 ########## */
    width: 220px;  /*  200px   232px   gks  */
    float: right;   /* none;   gks  ****************************************** */ 

} 

#sitemeter {
    text-align: center;
    width: 160px;
        font-size: 11px;
        color: #999;
}
#sitemeter img{
    padding-bottom: 8px;
    padding-top: 8px;
}

   /* **** replaced with  widgettitle  (above) ****
    #sidebar h2 {
        font-weight: normal;
        text-transform: uppercase;
        margin-bottom: 10px;
        padding-top: 8px;
    } ******************************************* */
    
    #sidebar a img {
        border: none;
    }
    

   /* --------- gks ------------ */
    .dropdown {
        background-color: #050 ;
        color: silver ; 
    }
   /* --------- gks ------------ */



    #sidebar ul {
        margin-top: 10px;
        margin-bottom: 10px;
}
    
    #sidebar ul li {
        font-size: 15px;           /* 11px   gks    */
        background: url(images/bullet.png) 0 5px no-repeat;
        padding: 0 10px;
        margin: 0 0 10px 10px;
    }
 
    
    #sidebar ul li a {
        color: #020; 
        text-decoration: none;
    }
    
    #sidebar ul li a:hover {
        color: #060;
        text-decoration: underline ;
    }
    
    #sidebar ul li span {
        color: #666;
        margin-left: 5px;
    }
    
    #sidebar ul#nav {
        margin: 10px 0 20px 0;
    }
    
    #sidebar ul#nav li {
        margin: 0;
        padding: 0;
    }

    /* ***********************************************
    #sidebar ul#nav li a {
        display: block;
        height: 17px;
        padding: 7px 10px;
         background: url(images/nav_off.png) 0 0 no-repeat;  
        margin-bottom: 5px;
        text-decoration: none;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
        color: #009;
    } ********************************************** */
    
    #sidebar ul#nav li a:hover {
      /*  background: url(images/nav_off.png) 0 -31px no-repeat;  */
    }        
    
    #sidebar ul#nav li a.active {
        /*  background: url(images/nav_on.png) 0 0 no-repeat;  */
        color: #00F;
    }


    #sidebar #footer {
        border-top: 1px double #ccc;
        border-bottom: 1px solid #ccc;
        padding: 0px ;
        font-size: 11px;
        margin-top: 10px;
        margin-bottom: 20px;
        /* visibility: hidden; */   /*  gks  */
    }

    #sidebar #footer p {
        margin-bottom: 5px;
        /*  color: #eee;  */
        text-align: center;
}
    
    #sidebar #footer a {
        color: #040;
        text-decoration: none;
}
    
    #sidebar #footer a:hover {
        text-decoration: none;
        color: #080;
    }


 /* ###############   gks greg   ############### */
 .foot {
    height:    10px ; 
    width:   1000px ;
    margin:   0 auto; 
    text-align:center; 
    
   /* background: url(images/foot-bottom.gif);  
      background-repeat: no-repeat ;  
      background-align: bottom;  */    
    }
 /* ############################################ */     


.clearfix {
    clear: both;
}    

.ctc {
text-align: center;
    text-decoration: none;
    /* line-height: 80%; */
    background-color: #000;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
}    


.ctc a {
    text-decoration: none;
    text-transform: lowercase;
    font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
    margin: 4px;
    border: thin none #060606;
}
.ctc a:hover{
    color: #fff;
    margin: 3px;
    border: thin solid #8acef3;
    background-color: #0c0c0c;
}


 #upperBox {
    margin-bottom: 10px;
    text-align: center;
    position: absolute;
    right: 0;
    padding-top: 5px;
}
    
 #upperBox a img {
        display: block;
        margin: 0 auto;
        border: none;
    }
    

     #upperBox p {
        margin: 5px 0;
        font-size: 10px;
        text-align: center;
    }
    
     #upperBox input {
        height: 18px;
        padding: 5px 5px 5px 25px;
        background: url(images/upperBox_search.png) top left no-repeat;
        border: 0;
        width: 100px;
        color: #9ec7eb;
        margin-top: 5px;
    }
    
     #upperBox input:focus {
        color: #0FF;
    }