* {
margin:0;
padding:0;
}

html,body {
color:#364a10;
background:#acc0bb url(imgs/bg.gif);
font:12px "Lucida Sans Std", "Lucida Sans Unicode", Tahoma, Helvetica, sans-serif;
margin:0;
padding:0;
}

a {
text-decoration:none;
outline:none;
color:#028594;
}

a:hover {
text-decoration:none;
color:#7a5849;
}

a:active {
color:#028594;
}

ul,ol {
padding:0 0 0 15px;
list-style: none
}

a img {
border:none
}

.text img {
padding:4px;
background: #BCD0CB;
border: 1px solid #92a39d;
margin: 10px;
float: left
}

h2 {
font: 21px Georgia, serif;
margin: 10px 0;
padding: 5px 0;
border-bottom: 1px dotted #847c6d
}

input, textarea, select {
font: 12px Arial, sans-serif;
background: #f3efe5;
border: 1px solid #ded5c5;
padding: 4px
}

input[type=checkbox] {
background:none !important; 
}

small {
font-size: 11px;
}

.floatLeft {
float:left;
}

.floatRight {
float:right
}

img.floatLeft {
margin: 10px 20px 10px 0
}

img.floatRight {
margin: 10px 0 10px 20px
}

.centerText {
text-align:center;
}

#wrap {
width: 960px;
margin: 0 auto;
overflow: hidden;
}

p {
margin-bottom: 10px
}

/* ================================================ 
 Author: Roger Johansson  
================================================ */
.cbb {
padding: 0 10px;
margin: 1em 0;
background: #fff;
border: 1px solid #acc0bb;
}

.cb {
margin: 0;
}

.bt {
background: url(imgs/box.png) no-repeat 100% 0;
margin: 0 0 0 18px;
height: 0;
}

.bt div {
height: 0;
width: 18px;
position: relative;
left: -18px;
background: url(imgs/box.png) no-repeat 0 0;
font-size:0;
line-height:0;
}

.bb {
background: url(imgs/box.png) no-repeat 100% 100%;
margin: 0 0 0 12px;
height: 50px;
}

.bb div {
height: 50px;
width: 12px;
position: relative;
left: -12px;
background: url(imgs/box.png) no-repeat 0 100%;
font-size:0;
line-height:0;
}

.i1 {
padding: 0 0 0 7px;
background: url(imgs/borders.png) repeat-y 0 0;
}

.i2 {
padding: 0 7px 0 0;
background: url(imgs/borders.png) repeat-y 100% 0;
}

.i3 {
display:block;
margin:0;
padding:1px 20px;
background:#fff;
}

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

.i3 {display:inline-block;}
.i3 {display:block;}

/* ================================================ 
   end of Roger's tutorial
================================================ */

#logo {
overflow: hidden;
background: url(imgs/logo.gif) no-repeat top center;
height: 161px;
width: 394px;
margin: 20px auto;
}

a.logo {
voice-family:inherit;
display:block;
height: 161px;
width: 394px;
float:left;
background:none;
border:0;
margin:0;
}

a.logo em, .linklove {
display:none
}

#navcontainer {
float: left;
padding: 1.4em 0;
margin: 0 auto;
}

/* to stretch the container div to contain floated list 
#navcontainer:after {
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
} */

ul#navlist {
list-style: none;
padding: 0;
margin: 0 0 0 4px;
font-size: 1.2em;
overflow: hidden;
border-left: 1px solid #d9d2c3;
border-right: 1px solid #d9d2c3;
}

ul#navlist li {
display: block;
float: left;
text-align: center;
margin: 0;
padding: 0;
}

ul#navlist li a {
display: block;
width: 100%;
padding: 0.7em 29px;
border-width: 1px;
border-color: #d9d2c3 #eae3d6 #d9d2c3 #eae3d6;
border-style: solid;
color: #4f4e4e;
text-decoration: none;
background: #eae3d6;
white-space: nowrap;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li.current_page_item a, ul#navlist li.current_page_item a:link, ul#navlist li.current-cat a {
color: #89aa9f;
background: #fff;
border-color: #fff #d9d2c3 #fff #d9d2c3;
}

ul#navlist li a:hover, ul#navlist li.current_page_item a:hover, ul#navlist li.current-cat a:hover {
color: #89aa9f;
background: #fff;
border-color: #fff #d9d2c3 #fff #d9d2c3;
}

#photoContainer {
clear:both;
width: 895px;
margin: 0 0 20px 2px;
}
html>body #photoContainer {*height: 424px;}

#photoContainer img {
padding: 4px; 
background: #bdb096;
border: 1px solid #ab9e78;
}

/************************************************
*	CATEGORIES PAGE  									*
************************************************/

#thumbWrap, .blog, .gallery {
width:100%;
float: left;
overflow: hidden;
clear: both;
padding: 0 0 20px;
}

.thumbnail {
float: left;
width: 190px;
height: 184px;
margin: 10px 18px;
display: inline;
overflow:hidden;
}

.gallery-item {
float: left;
width: 190px;
height: 184px;
margin: 10px 18px;
display: inline;overflow:hidden;
}
.gallery-icon {
text-align:center
}	
.thumbnail img, img.attachment-thumbnail, .gallery-icon a img  {
margin: 0px;
padding: 4px;
float: left;
background: #bdb096;
}	

.thumbnail a img, .attachment-thumbnail a img, .gallery-icon a img {
border: 1px solid #b0a37f;
}	

.thumbnail a:hover img, .gallery-icon a:hover img {
border: 1px solid #000;
}

.thumbnail h2 {
clear:both;
text-align:center;
padding: 5px 0;
margin: 0 0 20px;
color: #7a5849;
font:14px "Lucida Sans Std", "Lucida Sans Unicode", Tahoma, Helvetica, sans-serif;
text-transform: uppercase;
line-height: 20px;position:relative
}
dd.gallery-caption {
clear:both;
text-align:left;
padding: 5px 0;
margin: 0 0 20px;
color: #7a5849;
font:14px "Lucida Sans Std", "Lucida Sans Unicode", Tahoma, Helvetica, sans-serif;
text-transform: uppercase;
line-height: 20px;position:relative
}
/************************************************
*	BLOG PAGE  									*
************************************************/

#leftCol {
width: 660px;
float: left;
overflow: hidden;
height: auto
}

#rightCol {
width: 180px;
float: right;
overflow: hidden;
height: auto
}

.date {
height: 57px;
width: 57px;
background: url(imgs/date.gif) no-repeat;
font: normal 20px Georgia, "Trebuchet MS", Geneva, serif;
color: #7a5849;
text-align: center;
padding: 0px;
line-height: 100%;
float: left;
margin: 6px 15px 0 2px;
}

.date span {
height: 21px;
display: block;
font: normal 18px Georgia, "Trebuchet MS", Geneva, serif;
color: #7a5849;
text-align: center;
padding-top: 8px;
}

.meta{ 
padding: 15px 0 0;
background: url(imgs/h2Bg.gif) no-repeat top left;
}

.blog h2 {
padding: 0 0 20px 0;
font: normal normal 2em georgia, serif;
}

.text {
font-family: "trebuchet MS", Verdana;
font-size: 13px;
color: #555;
padding-left: 15px;
overflow: hidden;
}

.text a.more-link {
padding-left: 13px;
float: right;
background: url(imgs/getLink.gif) left center no-repeat;
clear: both;overflow: hidden;
}
a.brown {
color: #7a5849;
}

a:hover.brown {
color: #729b8d;
}

#rightCol h2 { 
padding: 17px 0 0 15px;
background: url(imgs/h2RightBg.gif) no-repeat top left;
text-transform: uppercase;
line-height: 30px;
font-size: 14px;
clear: both
}

#rightCol ul li {
border-bottom: 1px solid #ded5c5;
background: url(imgs/bullet.gif) no-repeat 0 11px;
padding: 5px 0 5px 10px;
}
#rightCol ul li.search {
border-bottom: none;
background: none;
}
#searchsubmit {
margin: 10px 10px 0 0; float:right
}

#ssp_g_home {
margin-bottom:20px
}

.homeFloat {
float:left;
overflow:hidden;
}