body{
	background:#686868;
	text-align:center;
	font-family:sans-serif;
color:#ddd;
}




#pageWrap{

        width:904px;
        margin-left:auto;
        margin-right:auto;

        text-align:left;
}



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

Styles for the top logo bar

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

#topBar{
padding:10px 0;
	background-image:url('../images/background_main.jpg');
background-repeat:repeat-y;
        width:910px;
}

#siteTitle{
	float:left;
}



#logo{
padding-left:35px; 
padding-bottom:15px;     
  }

.header_bg {
background-image:url('../images/always_growing_summer.jpg');
background-repeat: no-repeat;
position:relative;
width:886px;
height:160px;
background-position: top center;
font-size:200%;
text-align:right;

padding-right:20px;
margin-bottom:-10px;
}

.header_bg span {
position:absolute;
bottom:10px;
right:25px;
display:block;
}
        

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

Styles for the top menu

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


#menu{ 
       background:#c0c0c0 url('../images/menuGradient.jpg') repeat-x;
       width:903px;
       border:1px solid #fff;
 }

#menu ul{
        list-style:none;
        margin:0px;
        padding:0px;
        margin-left:20px;
        font-size:.8em;
        }

        #menu ul li{
        float:left;
        padding:0px;
	margin:0px;
        }


        #menu li a{
        text-decoration:none;
        display:block;
        margin:2px 15px;
        padding:5px;
        color:#262e55;
        }

        #menu li a:hover{
        color:#333;
        background:#eee;
        }


#left_gray_box{
width:300px;
float:left;
}


#left_gray_box p{
font-size:.7em;
line-height:1.4em;
}


#left_gray_box img{
background:#61688b;
border:1px solid #777;
display:inline;
padding:2px;
color:#000;
font-size:.8em;
}

#left_gray_box .weather img{
background:transparent;
border:0px;
float:left;
}

#pageBody {
font-size:.8em;
margin-left:20px;
width:530px;
float:left;
display:inline;
}


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

Styles for the main 
content area

************************/
#bodyWrap{
        padding:25px;
        background-image:url('../images/background_main.jpg');
        background-repeat:repeat-y;
        width:860px;
        }
        
        
#pageText{
font-size:.9em;
}


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

Custom Homepage widget styling

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

.widget-wrapper {
text-align:center;
}


#weather-title{
color:#fff;
text-align:center;
border-bottom:1px solid #fff;
margin-bottom:10px;
padding-top:6px;
}

#news-title{
color:#fff;
font-size:1.3em;
text-align:center;
border-bottom:1px solid #fff;
margin-bottom:10px;
}

.weather-widget {
background:#2b3461;
width:250px;
float:right;
padding:5px;
}


.news-widget {
background:#2b3461;
width:250px;
padding:5px;
padding-top:13px;
font-size:0.8em;
line-height:1.1em;
color:#ccc;
}

.news-widget li{
margin-bottom:6px;
}

.news-widget a {

}



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

Image feed styles

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

ul.feed_image_list{
	list-style:none;
}

ul.feed_image_list li{
	float:left;
	margin:0px;
	padding:0px;
}


ul.feed_list li{
margin-bottom:2em;
}

ul.feed_list li h5{
margin-bottom:0.5em;
}




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

Tag cloud styles

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

#tags_div{ 
       margin:10px;
 }

#tags_div a{ 
         margin:5px;
         padding:5px;
 }

#tags_div a:hover{
               background:#eee;
               } 



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

Styles for the footer

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


#footer{
background:#b2b2b2;
background-image:url('../images/footer_bg.jpg') ;
background-repeat: no-repeat;
text-align:center;
font-size:.7em;
padding-top:10px;
padding-left:10px;
padding-right:10px;
}

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

Styles for the copyright area

 ********************/
        .siteInfo{
        width:910px;
        text-align:center;
        margin-left:auto;
        margin-right:auto;
        padding-top:3px;
        font-size:0.7em;
        margin-bottom:30px;
        color:#aaa;
        }
        
        .siteInfo a{
        margin:0px 15px;
        }










/*#pageBody img{
margin:10px;
padding3px;
background:white;
border:3px double black;
}*/




ul.gallery{ 
            margin:0px;
            padding:0px;
            list-style:none;
 }

ul.gallery li{ 
               float:left;
               background:#eee;
               padding:0px;
               border:1px solid #ccc;
               margin:5px;
 }





.pagination{
background:#eee;
padding:10px;
border:1px solid #ccc;
border-left:0px;
border-right:0px;
text-align:center;
margin:10px 0px;
}

.pagination a{
border:1px solid #ccc;
padding:3px 8px;
margin:3px;
}

.pagination a:hover{
background:#ccc;
color:black !important;
}

.tag1 {font-size: 1.0em;}
.tag2 {font-size: 1.2em;}
.tag3 {font-size: 1.4em;}
.tag4 {font-size: 1.6em;}
.tag5 {font-size: 1.8em;}
.tag6 {font-size: 2.0em;}



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

.clearfix {
    display:inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
