/*   
Theme Name: Catalina Island Blog
Theme URI: http://www.visitcatalinaisland.com/
Description: Blog Theme for Catalina Island
Author: Andrew Christensen for Fuze
Version: 1.0
*/

body {
    background: #EEDEC7 url(images/ftr_bg.gif) bottom left repeat-x;
    margin: 0;
    padding: 0;
}

/*
=GLOBAL CSS
*/

.clear {
    clear: both;
}

    #top {
        position: relative;
        background: transparent url(images/bg.gif) top left repeat-x;
        width: 100%;
        height: 253px;
        padding-top: 1px;
    }
    
        /*
        =NAV CSS
        */
        
        #top ul#nav {
            position: relative;
            background: transparent url(images/nav_bg.gif) top left no-repeat;
            height: 55px;
            width: 1000px;
            margin: 0 auto;
            padding: 0;
        }
        
            ul#nav li {
                margin-top: 12px;
                list-style-type: none;
                float: left;
            }
            
                ul#nav li a {
                    background: transparent top left no-repeat;
                    height: 55px;
                    display: block;
                    text-indent: -500em;
                }
            
                    ul#nav li a#blog {
                        background-image: url(images/nav_blog.gif);
                        width: 58px;
                    }
                    
                        ul#nav li a#blog:hover, ul#nav li a#aboutC:hover, ul#nav li a#contPros:hover, ul#nav li a#about:hover, ul#nav li a#contact:hover {
                            position: relative;
                            background-position: bottom left;
                            z-index: 1;
                        }
						
							ul#nav li a.active {
								position: relative;
								background-position: bottom left;
								z-index: 1;
							} 
                
                    ul#nav li a#aboutC {
                        background-image: url(images/nav_aboutC.gif);
                        width: 187px;
                    }
                
                    ul#nav li a#contPros {
                        background-image: url(images/nav_profiles.gif);
                        width: 171px;
                    }
                
                    ul#nav li a#about {
                        background-image: url(images/nav_about.gif);
                        width: 92px;
                    }
                
                    ul#nav li a#contact {
                        background-image: url(images/nav_contact.gif);
                        width: 107px;
                    }
            
        #top #header {
            position: relative;
            background: transparent url(images/cont_header.gif) top left no-repeat;
            height: 206px;
            width: 1001px;
            margin: 0px auto 0px auto;
        }
        
            #header h1 {
                margin: 0;
                padding: 0;
            }
        
            #header h1 a#logo {
                position: absolute;
                height: 50px;
                width: 260px;
                top: 10px;
                right: 22px;
                text-indent: -500em;
            }
        
        #content {
            background: transparent url(images/cont_bg.gif) left top repeat-y;
            width: 1001px;
            margin: 0 auto;
        }
        
        /*
        =LEFT CSS
        */
        
        #content #left {
            width: 624px;
            padding: 30px;
            float: left;
            font: 13px/14px Verdana, sans-serif;
            color: #797665;
			line-height: 1.5em;
        }
            
            #left a:active, #left a:visited, #left a:link {color: #468386; text-decoration: underline;}
            #left a:hover {color: #215E6B; text-decoration: none;}
        
            #left h2#islandBlog {
                background: transparent url(images/h2_islandBlog.gif) left top no-repeat;
                height: 24px;
                width: 235px;
                margin: 0 -5px 10px -5px;
                padding: 0;
                text-indent: -500em;
            }
            
            #left .pageTitle {
                background-color: #EBF0CD;
                margin: 10px -5px;
                padding: 15px;
                border: 1px solid #D9E1BC;
                border-left: 0;
                border-right: 0;
                border-top-style: dashed;
            }
        
            #left h2.title {
                font: 21px/23px ÒGeorgiaÓ, serif lighter;
                color: #55819C;
            }
            
                #left h2 a:active, #left h2 a:visited, #left h2 a:link {color: #55819C; text-decoration: none;}
                #left h2 a:hover {color: #74A4CF; text-decoration: underline;}
                
            #left h2 {
                font: 19px/21px Helvetica, sans-serif lighter;
                margin: 5px 0;
                padding: 0;
                color: #648538;
            }
            
            #left h3 {
                font: 17px/19px ÒVerdanaÓ, sans-serif;
                color: #897348;
            }
            
            #left h4 {
                font: 15px/17px ÒArialÓ, sans-serif;
                color: #80AACC;
            }
            
                #left p.currentview {
                    margin: 0 5px;
                    padding: 0;
                    color: #7EA54A;
                }
                
            #left input, textarea {
                background-color: #D6DBD6;
                margin: 2px;
                padding: 2px;
                border: 1px solid #889EAA;
                color: #0B454D;
            }
            
            #left img {
                border: 5px solid #98A289;
				/*float: right;*/
            }
            
                #left img.right {
                    /*float: right;*/
                    margin: 0 0 0 10px;
                }
                
            #left p.postinfo {
                margin: -10px 0 20px 0;
                font: 11px ÒArialÓ, sans-serif;
                color: #2B5547;
            }
            
                #left p.postinfo img {
                    position: relative;
					float: none;
                    top: 14px;
                    border: 1px solid #99A288;
                }
                    
                #left div.hr {
                    margin: 10px 0;
                    border-bottom: 1px dotted #597788;
                    clear: both;
                }
                
                    #left div.hr hr {
                        display: none;
                    }
            
            #left p.postmetadata {
                background-color: #F2EBDE;
                font-size: 11px;
                padding: 5px;
                border: 1px dashed #DACEBA;
                border-left: 0;
                border-right: 0;
            }
            
                #left ol.commentlist {
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                }
                
                    #left ol.commentlist li {
                        background-color: #E6DBC8;
                        margin: 10px 0;
                        padding: 10px;
                        border: 1px solid #8D7450;
                    }
                    
                        #left ol.commentlist li.alt {
                            background-color: #D2C2A9;
                            border-color: #704B15;
                        }
                        
                            #left ol.commentlist li a:active, #left ol.commentlist li a:visited, #left ol.commentlist li a:link {color: #7D6339; text-decoration: underline;}
                            #left ol.commentlist li a:hover {color: #5F4926; text-decoration: none;}
                        
                        #left ol.commentlist li.postauthorcomment {
                            background-color: #C8E790;
                            color: #69902E;
                            border: 1px solid #608531;
                        }
                        
                            #left ol.commentlist li.postauthorcomment a:active, #left ol.commentlist li.postauthorcomment a:visited, #left ol.commentlist li.postauthorcomment a:link {color: #89A361; text-decoration: underline;}
                            #left ol.commentlist li.postauthorcomment a:hover {color: #587926; text-decoration: none;}
                        
                        #left ol.commentlist li.authorcomment {
                            background-color: #C0CED4;
                            border: 1px solid #486F8B;
                            color: #406372;
                        }
                        
                            #left ol.commentlist li.authorcomment a:active, #left ol.commentlist li.authorcomment a:visited, #left ol.commentlist li.authorcomment a:link {color: #577886; text-decoration: underline;}
                            #left ol.commentlist li.authorcomment a:hover {color: #33525F; text-decoration: none;}
            
        /*
        =RIGHT CSS
        */

        #content #right {
            width: 293px;
            padding: 10px 0;
            float: right;
            font: 13px ÒArialÓ, sans-serif;
            color: #2F5D77;
        }
        
            #right a:active, #right a:visited, #right a:link {color: #486048; text-decoration: underline;}
            #right a:hover {color: #4D7C90; text-decoration: none;}
            
            #right input {
                background-color: #B6C9D4;
                margin: 2px;
                padding: 2px;
                color: #134765;
                border: 1px solid #4581A5;
            }
            
            #right h3 {
                margin: 5px 0;
                padding: 0;
            }
            
                #right h2#recentPost {
                    background: transparent url(images/right_recent.gif) left top no-repeat;
                    height: 38px;
                    width: 159px;
                    text-indent: -500em;
                }
            
                #right h2#categories {
                    background: transparent url(images/right_categories.gif) left top no-repeat;
                    height: 29px;
                    width: 134px;
                    text-indent: -500em;
                }
            	#right h2#webcam {
					background: transparent url(images/webcamimage.jpg) left top no-repeat;
					height:38px;
					width:159px;
					text-indent:-500em;
				}
				
                #right h2#flickr {
                    background: transparent url(images/right_flickr.gif) left top no-repeat;
                    height: 18px;
                    width: 119px;
                    text-indent: -500em;
                }
                
                    #right #flickrPhotos {
                        background-color: #C9CAB0;
                        width: 176px;
                        margin: 0 20px;
                        padding-left: 10px;
                        padding-bottom: 8px;
                    }
                    
                        #right #flickrPhotos img {
                            margin: 8px 8px 0px 0;
                            border: 2px solid #949D78;
                        }
                        
                            #right #flickrPhotos a:hover img {
                                border-color: #F3F5EB;
                            }
            
                #right ul {
                    margin: 0 20px;
                    padding: 0;
                   list-style-type: none;
                }
                
                    #right ul li {
                        background: transparent url(images/right_bullet.gif) left 3px no-repeat;
                        padding: 5px 15px;
                    }
                    
                #right div.hr {
                    width: 90%;
                    margin: 10px 0;
                    border-bottom: 1px dotted #577482;
                }
                
                    #right div.hr hr {
                        display: none;
                    }
            
        /*
        =FOOTER CSS
        */
        
        #footer {
            height: 60px;
            width: 1001px;
            margin: 0 auto;
            overflow: hidden !important;
            font: 13px ÒArialÓ, sans-serif;
        }
        
            #footer a:active, #footer a:visited, #footer a:link {color: #BBC7C9;}
            #footer a:hover {color: #fff; text-decoration: none;}
        
            #footer ul {
                margin: 10px 0;
                padding: 0;
                float: left;
                list-style-type: none;
            }
            
                #footer ul li {
                    padding: 0 8px;
                    display: inline;
                }
                
            #footer p.byCat {
                margin: 10px;
                float: right;
                font: 12px ÒArialÓ, sans-serif;
                color: #CCC7B4;
            }