/******* GOLBAL ELEMENT *******/



* {

	margin: 0;

	padding: 0;

}



body {

	background: #fff; 

        font-size: 12px;

        font-family: Georgia, Times New Roman, Georgia,Century Gothic, Arial, Tahoma,Verdana, Helvetica, Sans-Serif;

	color: #505050;

	overflow-x: hidden;

	margin: 0;

	padding: 0;



}



h1, h2, h3, h4 {

	font-family: Helvetica;

	}



a {

	color: #505050;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

	}



img {

	border: none;

}





ul, li, ol {

	width: 100%;

	padding: 0px;

	margin: 3px;

	}



/******* HEADER *******/

#header {

	margin-top: 25px;

	margin-left: 80px;

	padding: 0;

	display: block;



}



#header h1{

	margin: 0;

        display: block;

        float: left;

}



#header .blog-desc {

	margin-left: 5px;

	margin-top: 28px;

	float: left;

        font: italic 13px Georgia;

	padding: 0;



}







/****** BOTTOM CONTAINER *******/

#bottom {

        background: #00792d;

	font-size: 13px;

}



#bottom .container {

        width: 100%;

        background: url(images/stripe.png) repeat-y 50% 0;

}





#bottom .container .top {

        background: url(images/arrow-top.png) no-repeat 50% 0; 

        height: 9px;

        clear: both;

	padding-bottom: 10px;

}

#bottom .container .bottom {

        background: url(images/arrow-bottom.png)  no-repeat 50% 0;

        height: 9px;

	clear: both;

	margin-bottom: -7px;

}



#bottom h2 {

	padding-left: 0px;

        color: #fff;

	font-weight: bold;

	letter-spacing: 0px;

	margin-bottom: 5px;



}



#bottom a {

        color: #fff;

}



#bottom h2 a {

        color: #352211;

        letter-spacing: 0.3em;

}



#bottom ul li, #bottom .bottom-right p {

        color: #fff;

}



#bottom .bottom-left {

	display:inline;

        float: left;

        margin-left: 5%;

	width: 15%;

	min-width: 120px;

	min-height: 120px;

        height: auto !important;

        height: 120px;



	position: relative;

}





#bottom .bottom-middle {

	display:inline;

	float: left;

	margin-left: 15px;

	min-width: 120px;

	width: 15%;

	position: relative;

	}



#bottom .bottom-right {

	display:inline;

	margin-right: 8%;

	min-width: 250px;

        float: right;

	width: 38%;

	position: relative;

}



#bottom .bottom-middle a, .bottom-left a, .bottom-right a {

        color: #fff;

}



#bottom .bottom-left ul, #bottom .bottom-middle ul {

	margin-left: 0px

}



/**** Change the bottom middle listing to 2 column begin, remove these row will fallback to single column *****/ 



#bottom .bottom-middle ul {

        width: 250px;

}

#bottom .bottom-middle li {

        width: 115px;

}



/**** Change the bottom middle listing to 2 column  end here. ******/ 





#bottom ul, #bottom li {

        list-style: none;

        float: left;

	padding: 2px 0 2px 0;

	margin-bottom: 10px;

}



#bottom ul a, #bottom li a {

	padding-left: 8px;

}       



#bottom ul li a:hover, #bottom .current-cat, #bottom .active, #bottom .current_page_item {

        background: url(images/current.png) no-repeat left center;

        text-decoration: none;

}



#bottom .bottom-wight-right img, #bottom .bottom-right img {

        padding: 3px;

        float: left;

        background: #7b6851;

        margin-top: 5px;

	margin-right: 8px;

        margin-left: 0px;

}



#bottom-about {

	margin-left: 70px;

	padding-bottom: 20px;

	}



#bottom-about h2 {

	padding: 0;

	margin-bottom: 12px;

	}



#bottom-twitter {

	margin-left: 0;

	padding-left: 0;

	}



#bottom-twitter h2 {

	padding-top: 15px;

	}



/****** RIGHTSIDE CONTAINER ******/



.front-legend {

	float: left;

	width: 30%;

	position: relative;

	min-width: 300px;

	margin-left: 4%;

	padding: 0px;

	margin-top: 5px;

}



.front-notes {

	margin-top: 7px;

        width: 100%;

	font-size: 14px;



}



.front-legend h2 {

        font-weight: bold;

	font-size: 24px;

	margin: 15px 0 3px 0;

	padding: 0px;

	text-transform: uppercase;

	}



.front-legend h3 {

	padding-top: 25px;

        font: bold 12px;

	text-transform: uppercase;

	letter-spacing: 3px;

	}



.legend {

	margin: 5px 0 0 20px;

	padding: 0 0 10px 0;

	float: left;

	width: 28%;

	min-width: 200px;

	min-height: 320px;

        height: auto !important;

        height: 320px;



	display: inline;

}





.archive-legend {

        margin: 0px;

        padding: 0px;

        float: right;

        width: 50%;

        min-width: 300px;

	min-height: 250px;

	height: auto !important;

	height: 250px;



}



.legend h2, .archive-legend h2 {

	margin-top: 5px;

	margin-bottom: 5px;

	padding: 0px;

	font-size: 12px;

        text-transform: uppercase;

        letter-spacing: 0.1em;

}



.legend h2 a, .archive-legend h2 a{

        color: #574433;

}



.legend h3, .archive-legend h3 {

        margin-top: 5px;

        margin-bottom: 5px;

        padding: 0px;

        font-size: 15px;

        text-transform: uppercase;

        letter-spacing: 0.1em;

}



.legend h4, .archive-legend h4 {

        margin-top: 5px;

        margin-bottom: 5px;

        padding: 0px;

        font-size: 13px;

        text-transform: uppercase;

        letter-spacing: 0.1em;

}



.archive-description {

	font-size: 12px;

	}



.photo-archive-description {

	font-size: 15px;

	}

	

.author {

        font-family: Helvetica, Arial, sans-serif;

	margin: 0px;

	padding: 0px;

}



h2.photo-archive-legend {

	text-transform: uppercase;

	letter-spacing: 0.2em;

	font-size: 24px;

	margin-top: 15px;

	}



.notes {

        border-top: 1px solid #999;

	margin-top: 5px;

        width: 100%;

}



.notes li {

	margin-left: 15px;

	}



.notes img {

	margin: 3px;

}



.notes .exif-meta {

	margin-top: 10px;

	}



.archive-notes {

	margin-top: 5px;

	width: 100%;

        min-width: 300px;

        min-height: 300px;

        height: auto !important;

        height: 300px;



}









/****** PAGE STYLE ******/

.page-item {

	margin-left: 80px;

	padding: 15px;

        width: 80%;

        padding-bottom: 0px;

}



.page-item h3 {

	margin: 0px;

	padding: 0px;

}



.page-item p{

	margin-top: 15px;

	}





.page-content {

	font-size: 13px;

	border-top: 1px solid #999;

	margin-top: 5px;

	width: 100%;

	min-height: 250px;

        height: auto !important;

        height: 250px;



}







/*** FOOTER ***/

#footer {

	font-family: Helvetica, Arial, sans-serif;

	font-size: 9px;

        float: right;

        padding: 15px 5px 5px 5px;

	/* text-transform: uppercase; */

}





/****** MAIN LAYOUT ********/

#container {

	width: 97%;

	margin: 0;

	text-align: left;

}



.front-featured {

        padding-right: 4%;

        min-height: 300px;

        height: auto !important;

        height: 300px;



        dispaly: inline;

        margin-left: 8%;

}



.featured {

	padding-right: 4%;

	min-height: 300px;

        height: auto !important;

        height: 300px;

	dispaly: inline;

	margin-left: 4%;

}



.blog-index {

        float: left;

	display: inline;

        width: 58%;

        min-width: 300px;

        min-height: 250px;

        height: auto !important;

        height: 250px;

	margin-left: 75px;

	margin-top: 5px;

	margin-right: 30px;

        padding-bottom: 40px;

        }





.single {

        padding-top: 10px;

        padding-bottom: 10px;

        padding-right: 7%;

        min-height: 300px;

        height: auto !important;

        height: 300px;



	display: inline;

}



.imgborder img {

	padding: 5px;

	margin-right: 5px;

	background: #ebebeb;

}



.photo {

	float: left;

	margin: 0;

	padding: 0px;

	display: inline;

}



.shadow-left {

	padding: 0px;

	margin: 0px;

	background: url(images/shadow-left.png) no-repeat left bottom;

}

.shadow-right {

	margin: 0px;

	background: url(images/shadow-right.png) no-repeat right bottom;

	padding: 15px;

}

ul#photoslide {

	list-style: none;

	margin: 0px;

	padding: 0px;

	width: 490px;

	height: 285px;

	overflow: hidden;

}



.category-list {

	width: 100%;

	float: left;

	}



div.news .pic {

        width: 80px;

        height: 80px;

        background: #000;

        float: left;

        margin-right: 8px;

        margin-bottom: 8px;

}



div.category-list .pic {

        width: 80px;

        height: 80px;

        background: #000;

        margin-right: 8px;

        margin-bottom: 8px;

}







.archive-image {

	float: left;

	width: 40%;

	min-height: 200px;

	min-width: 200px;	

        height: auto !important;

        height: 200px;

	margin-top: 25px;

	margin-left: 25px;

	}



.archive-image .pic {

	float: left;

	}



/****** FRONT PAGE NEWS SECTION ******/

.news h2 {

        padding-top: 20px;

}



.news h3 {

	margin-bottom: 10px;

	letter-spacing: 3px;

	}



div.news .pic {

	width: 60px;

	height: 60px;

}



/****** COMMENT STYLE *******/

div.comments {

	padding-top: 10px;

}

#respond {

	min-width: 250px;

	width: 30%;

	float: right;

	position: relative;

	padding: 10px;

	background: #eaeaea;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

}

.commentlist {

	width: 100%;

	float: left;

	background: #efefef;

}

.comments .navigation {

}



textarea#comment {

	width: 100%;

}

.navigation-comment {

	width: 300px;

	float: left;

}

.comment-box {

	width: 60%;

	float: left;

}

h3#comments, div#respond h3 {

}

ol.commentlist {

	list-style: none;

	line-height: 18px;

}

ol.commentlist li {

	padding: 15px;

	width: 95%;

}

ol.commentlist li .avatar {

	margin: 0px 8px 5px 0;

}



.children li {

	list-style: none;

	}

cite.fn {

}

.says {

}

	

.comment-body img {

	float: left;

	}

.comment-body {

	margin-top: 0px;

	}

.comment-meta {

}

.comment p {

	margin-top: 15px;

}

form#commentform p {

	padding: 5px 0;

}

form input {

	border: none;

	padding: 5px;

}

form input#submit {

	background: #ccc;

}







/****** Slide Comment Toggle *********/





.comment-slide-btn {

        background: #999;

        font: normal 10px Helvetica;

        padding-top: 3px;

        padding-bottom: 3px;

        width: 120px;

        text-align: center;

        margin: 25px 0 5px 0;

        color: #fff;

	

}



.comment-slide-btn:hover, .active {

        text-decoration: none;

        background: #aaa;

        }





#toggle-comment {

        float: left;

        color: #fff;

        font-weight: bold;

        }



#toggle-comment a {

        color: #fff;

        }



#comment-area {

	margin-left: 40px;

	}





/****** POST LIST STYLE *******/



.blog-index li {

        list-style-type: none;

}



.blog-index h3 a {

	font-size: 16px;

	color: #574733;

	margin: 0; 

	padding: 0;

	}



#blog-index-item {

	border-top: 1px dotted #999;

	margin-top: 5px;

	margin-bottom: 20px;

	padding: 0;

	}



#post-entry {

	margin-top: 10px;

	}

#post-entry a {

	color: #574733;

	font-weight: bold;

	}



#post-entry ul {

	padding: 0;

	margin: 5px 0 0 0;

	}



#post-entry li {

	list-style-type: none;

	margin-left: 0px;

	padding-top: 5px;

	width: 100%;

	}



.post-entry-excerpt {

	font: normal 12px Georgia;

	padding-left: 15px;

	padding-right: 15px;

	margin-top: 10px;

	margin-bottom: 10px;

	}





/****** BLOG POST STYLE *******/



#blog-post {

	float: left;

	width: 60%;

	min-width: 300px;

	margin-top: 15px;

	padding-bottom: 10px;

	padding-left: 80px;

	}



#blog-post h2 {

	font-size: 16px;

	color: #574433;

	}



#blog-post h3 {

	color: #574433;

	}



#blog-content {

	border-top: 1px solid #999;

	font-size: 13px;

	margin-right: 5px;

	margin-top: 5px;

	line-height: 22px;

	}



#blog-content li {

	margin-left: 15px;

	}



#blog-content p {

	margin-top: 15px;

	}





#com-blog-content {

        font-size: 13px;

        line-height: 22px;

        }









/******* IMAGE PREVIEW STYLE*******/



.pic a img {

        border: none;

}

.pic a:hover img {

        background: #ccc;

}





#imgPreviewWithStyles {

    background: #ccc;

    padding: 5px;

    z-index: 9;

    border: none;

}



#imgPreviewWithStyles span {

    color: #fff;

    text-align: center;

    display: block;

    padding: 10px 0 3px 0;

}





/****** NAVIGATION ******/

#navigation {

        font: bold 8px arial, Verdana, Helvetica, Verdana, Sans-Serif;

        letter-spacing: 0.1em;

	width: 100%;

	padding-top: 15px;

	float: left;

	padding-bottom: 10px;

}



#navigation a {

        color: #505050;

}



.alignleft {

	float: left;

        text-align: left;

}

.alignright {

	float: right;

        text-align: right;

}



#single-navigation {

	clear: both;

	display: block;

        font: bold 9px arial, Verdana, Helvetica, Verdana, Sans-Serif;

        letter-spacing: 0.1em;

	padding-top: 15px;

	padding-left: 0px;

	padding-bottom: 5px;

        float:left; 

	width: 100%;

}

#single-navigation a {

        color: #505050;

}



.single-alignleft {

        float: left;

	padding-top: 5px;

        text-align: left;

}

.single-alignright {

        float: right;

	margin-right: 0px;

	padding-top: 5px;

        text-align: right;

}





.navigation .alignleft {

        width: 40%;

        float: left;

        margin-left: 15px;

}



.navigation .alignright {

        width: 20%;

        float: right;

	padding-right: 0px;

}

.single #navigation {

        width: 100px; 

}







#photo-navigation {

        font: bold 9px arial, Verdana, Helvetica, Verdana, Sans-Serif;

        letter-spacing: 0.1em;

        padding-left: 0px;

	padding-right: 30%;

        padding-bottom: 10px;

	padding-top: 15px;

        float:left;

	margin-left: 40px;

	display: inline;

}



#photo-navigation a {

        color: #505050;

}



.photo-alignleft {

        float: left;

        padding-top: 5px;

        text-align: left;

}

.photo-alignright {

        float: right;

        margin-right: 0px;

        padding-top: 5px;

        text-align: right;

}









/****** TAG STYLE ******/





#tag-page ul {

        margin-top: 10px;

        margin-left: 10px;

        }



#tag-page a {

        color: #352511;

	font-weight: bold;

        border-bottom: 1px dotted #999;

}



#post-tags {

	font-size: 11px;

	margin-top: 5px;

	margin-bottom: 10px;

        padding: 0px;

        }



#post-tags small {

	font-size: 12px;

	}



#post-tags a {

	font-weight: bold;

	color: #574733;

	}





/******* WIDGETS ******/

/* Blog Widget */



#blog-widget {

        padding-left: 20px;

        min-width: 200px;

        width: 20%;

        float: left;

	padding-bottom: 20px;

}



#blog-widget h2 {

	font-size: 14px;

	color: #ffffff;

	margin-bottom: 5px;

	padding: 0;

	

	}

#blog-widget a {

        font-weight: bold;

	padding: 0px;

	margin: 0px;

        }





#blog-widget ul {

	list-style-type: none;

	padding: 0px;

	margin: 0px;

}





#blog-widget li {

	padding-bottom: 3px;

	margin-left: 0px;

	width: 100%;

        }



/* Bottom Widget */

#bottom-widget-left ul, #bottom-widget-middle ul, #bottom-widget-right ul {

        padding: 0;

        margin-left: 5px;

}



#bottom-widget-left li, #bottom-widget-middle li, #bottom-widget-right li {

	margin: 0 0 0 5px;

	}

#bottom-widget-left h2, #bottom-widget-middle h2, #bottom-widget-right h2 {

	font-size: 13px;

        margin-top: 3px;



}



#bottom-widget-left {

	float: left;

	}



#bottom-widget-middle {

	float: left;

}



#bottom-widget-right {

        float: left;

}





/* Search Widget */

#s {

	margin-top: 5px;

	margin-bottom: 5px;

	height: 0.8em;

	border: 1px solid #999;

	}



#searchsubmit {

	display: none;

	}



.screen-reader-text {

	display: none;

} 



#sidebar-searchform {

	margin-left: 15px;

	padding: 0 0 5px;

	}

#ss {

	width: 150px ;

	height: 0.8em;

	border: 1px solid #999;

	}





/******* MISC ******/

.ffix {

        clear: both;

}