body{
	background:#f2f2f2;
	text-align:center;
	font-family:sans-serif;
        margin:0;
}

#farOuterWrap{
	background:#f2f2f2 url(../images/topBgTileSm.jpg) top repeat-x;
}

body#home{
	background:#f2f2f2;
}


body#home #farOuterWrap{
	background:#f2f2f2 url(../images/topBgTile.jpg) top repeat-x;
}

#outerWrap{
background:transparent url(../images/topBG-1.jpg) top no-repeat;
}

#pageWrap{
margin-left:auto;
margin-right:auto;
width:900px;
position:relative;
}

#pageTitle{
position:absolute;
top:136px;
left:75px;
color:#fff;
font-size:1.4em;
font-family:serif;
float:left;
width:750px;
text-align:left;
}


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

Styles for the top logo bar

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

#topBar{
background:white;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:8px;
position:relative;
}


#logo{
width:170px;
height:100px; 
float:left;
padding-top:4px;
padding-left:30px;
        }
        
#logoLink{
display:block;
width:170px;
height:93px; 
}

        

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

Styles for the top menu

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

#menu{ 
width:570px;
display:inline;
position:absolute;
bottom:0;
right:0;
background:transparent;
margin-top:0px;
}

#menu ul{

        list-style:none;
        margin:0px;
        padding:0px;
        font-size:.8em;
        }

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


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

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



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

Styles for the main 
content area

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


#bandImg{
width:800px;
margin:0;
margin-left:auto;
margin-right:auto;
padding:0;
}


#bodyWrap{
width:720px;
margin-left:auto;
margin-right:auto;
padding-top:0;
padding-left:40px;
padding-right:40px;
padding-bottom:30px;
background:#fff;
text-align:left;
}

#pageBody{
margin:0;
}
        
#upperLeft{
width:430px;
float:left;
margin-right:10px;
display:inline;
}

#upperLeft p{
        clear:left;
        text-align:left;
}

#upperRightWrap{
background:#fff url(../images/shadowBand.jpg) left bottom no-repeat;
float:right;
}

#upperRight{
background:transparent url(../images/shadowBandTop.jpg) left top no-repeat;
width:250px;
padding-top:4px;
padding-left:10px;
}

#upperRight h1{
padding-left:12px;
}


#lowerArea{
font-size:.9em;
margin-top:10px;
clear:both;
}


#lowerLeft{
display:inline;
background:#f2f2f2 url(../images/bgGradient.jpg) bottom repeat-x;
width:210px;
float:left;
padding:0 7px 5px 7px;
margin:10px;
clear:left;
border-top:1px solid #eee;
}


#lowerMiddle{
display:inline;
background:#f2f2f2 url(../images/bgGradient.jpg) bottom repeat-x;
width:202px;
float:left;
padding:0 7px 5px 7px;
margin:10px;
border-top:1px solid #eee;
}

#lowerMiddle p{
line-height:1.1em;
margin-top:0;
}

#lowerMiddle td{
text-align:right;
line-height:1em;
}

#lowerMiddle table{
margin-top:6px;
margin-bottom:0;
}

#lowerRight{
display:inline;
background:#f2f2f2 url(../images/bgGradient.jpg) bottom repeat-x;
width:202px;
float:left;
padding:0 7px 5px 7px;
margin:10px;
border-top:1px solid #eee;
}


#lowerArea td h5{
padding-top:6px;
padding-bottom:5px;
letter-spacing:.1em;
}


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

Image feed styles

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

ul.feed_image_list{
	list-style:none;
}

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



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

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:#eee;
        margin-left:auto;
        margin-right:auto;
        width:800px;
	border-bottom:15px solid #fff;
	padding:10px 0 10px 0;
        clear:both;
}

#footer .calendar{
  width:469px;
  float:left;
  margin:10px;
}

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

Styles for the copyright area

 ********************/
        .siteInfo{
        margin-left:auto;
        margin-right:auto;
        font-size:0.8em;
        clear:both;
        }
        
        .siteInfo a{
        margin:0px 15px;
        }




/*********************************
*Coments
**********************************/

.comment{
border-bottom:1px solid #eee;
padding:10px 0px;
width:100%;
}

.comment .author{
float:left;
width:200px;
margin:10px;
}

.comment .author_name{
margin-bottom:10px;
}

.comment .date{
margin-top:10px;
}

.comment .content{
margin-left:220px;
}

/*****************************
* Blog layout
******************************/

#blogMainArea{
width:500px;
float:left;
}

#blogSidebar{
margin-left:40px;
float:left;
width:150px;
}



.post .grav_img{
float:left;
margin-right:10px;
margin-bottom:10px;
}

.post .body{
clear:left;
}

.postInfo .grav_img{
float:left;
margin-right:10px;
margin-bottom:10px;
}

.post .read_more{
display:block;
margin-bottom:10px;
}


.post .body, .postBody {
clear:left;
}

.post .body img, .postBody img{
margin:10px;
padding:10px;
}

.post .body img{

padding-left:0;
}


.decoyEmail{
display:none;
}





/*#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, .clearfixLeft, .clearfixRight {
    display: inline-block;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
/* End hide from IE-mac */
.clearfixRight:after {
    content: ".";
    display: block;
    height: 0;
    clear: right;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfixRight {
    height: 1%;
}
/* End hide from IE-mac */