/****************************************************
*****************************************************
*****************************************************
******************** M A I N ************************
*****************************************************
*****************************************************
****************************************************/



.bgtil {
	background-image: url(images/bgheadtile.PNG);
	min-height:40px;
	min-width:100%;
	z-index: -99;
	width:300px;
	margin-left:-10px;
	position: absolute;
}


body {
background: #c0ae96 url(images/bgtile.png);
font: 14px Helvetica; color:#17110D;
margin: 0 0 10px 10px;
padding: 0;
-webkit-user-select: none;
-webkit-text-size-adjust: none;
}

.HeadingTxt {
font: 18px Helvetica; color:#17110D;
font-weight:bold;
text-shadow: #fff 0 1px 0;
}

.StatsTxt_lg {
font: 16px Helvetica; color:#17110D;
font-weight:bold;
text-shadow: #fff 0 1px 0;
}

.StatsTxt_md {
font: 14px Helvetica; color:#17110D;
font-weight:bold;
}

.StatsTxt_sm {
font: 11px Helvetica; color:#9C8D7C;
font-weight:bold;
}

.StatsCell{
	margin: 0 0 0 0;
	padding: 0;
	margin-left: 0px;
	margin-top: 0px
}

.HeadingTxtLrge {
font: 28px Helvetica; color:#17110D;
font-weight:bold;
text-shadow: #fff 0 1px 0;
}

.HeadingTxtMd {
font: 22px Helvetica; color:#ffffff;
font-weight:bold;
text-shadow: #857765 0 1px 0;
background-color:#17110D;
}

#container {
min-height: 480px;
position: relative;
}

/* menu */

div#menucontainer {
width: 100%;
height: 77px;
border: 0;
margin: -10px 0 0 -5px;
color: #17110d;
font: bold 14px Helvetica;
background: url(images/menu.png) no-repeat top center;
text-align: center;
overflow: hidden;
display: block;
position: relative;
}

div#menucontainer div#menu, div#menucontainer div#menu2, div#menucontainer div#menu3 {
color: #17110d;
font: bold 14px Helvetica;
width: 300px;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
padding-top: 20px;
border: 0;
overflow: hidden;
white-space: nowrap;
text-align: center;
vertical-align: middle;
position: relative;
-webkit-transition-property: opacity;
-webkit-transition-duration: 1s;
z-index: 22;
}

div#menu img, div#menu2 img, div#menu3 img {
margin-left: 15px;
margin-right: 15px;
border: 0;
vertical-align: middle;
/*-webkit-box-reflect: below 3px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));*/ }

div#menu img.toggleleft, div#menu2 img.toggleleft, div#menu3 img.toggleleft {
margin-left: 0;
margin-top: 2px;
padding: 0;
border: 0;
width: 17px;
height: 24px;
float: left;
position: absolute;
z-index: 21;
}

div#menu img.toggleright, div#menu2 img.toggleright, div#menu3 img.toggleright {
margin-left: 4px;
margin-top: 2px;
padding: 0;
border: 0;
width: 17px;
height: 24px;
float: right;
position: fixed;
z-index: 21;
}


/* standard header on body */

div#header + h1, ul + h1 {
    color: rgb(45,45,29);
    font: bold 18px Helvetica;
    text-shadow: #fff 0 1px 0;
    margin: 15px 0 0 10px;
}

/* standard paragraph on body */

ul + p, ul.data + p + p, ul.form + p + p {
    color: rgb(84,70,70);
    font: 17px Helvetica;
    text-align: left;
    margin: 0 10px 17px 0;
}

/* headers */

div#header {
    background: url(images/bgheadtile.png) fixed repeat-x top;
    padding: 0;
    margin: 0 0 0 -10px;
    min-height: 76px;
}


div#header h1 {
    color: rgb(236,229,218);
    background: url(images/bghead_new.png) fixed no-repeat top right;    
    font: bold 20px/30px Helvetica;
    text-shadow: #2d3642 0 -1px 0;
    text-align: center;
    width: 100%;
    margin: 0;
    min-height: 76px;
    top: 0;
	z-index: 1;
}

div#header ul {
margin-top: 15px;
}

div#header p {
color: rgb(60,70,80);
font-weight: bold;
font-size: 13px;
text-align: center;
clear: both;
position: absolute;
top: 4px;
left: 35px;
right: 35px;
margin: 0;
text-shadow: #C0CBDB 0 1px 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}


/* date div */

div#date {
background: none;
font: normal 16px/30px Helvetica;
border: 0;
text-align: center;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
width: 100%;
margin: -10px 0 0 -5px;
}

div#date a {
text-decoration: none;
}



/* photo display */
img.gallery {
background: #000;
width: 100%;
margin: 0;
padding: 0;
border: 0;
}

/***** List (base) ******/

ul {
    color: #17110D;
    background: rgb(221,214,193);
    border: 3px solid #17110D;
    font: normal 17px Helvetica;
    padding: 0;	  
    margin: 15px 10px 17px 0;
    -webkit-border-radius: 8px;
	width: 95%;
}

ul li {
    color: #17110D;
border-bottom: 1px solid #17110D;
background: #ece6d3;
font: normal 17px Helvetica;
text-align: left;
min-height: 0px;
list-style-type: none;	
display: block;
padding: 10px 10px 10px 10px;
}

ul.submenu {
    color: #17110D;
    background: rgb(221,214,193);
    border: 3px solid #726658;
    font: normal 17px Helvetica;
    padding: 0;	  
    margin: 15px 10px 17px 0;
    -webkit-border-radius: 8px;
	width: 95%;
}

ul li.submenu {
color: #17110D;
border-bottom: 1px solid #726658;
background-color: red;
font: normal 17px Helvetica;
text-align: left;
min-height: 0px;
list-style-type: none;	
display: block;
padding: 5px 5px 5px 5px;
width: 92%;
}

ul li.arrow {
background-image: url(images/chevron.png);
background-position: right center;
background-repeat: no-repeat;
}

ul li.delete {
background-image: url(images/delete.png);
background-position: right bottom;
background-repeat: no-repeat;
}

ul a {
color: #857765;
text-decoration: none;
}

ul li a {
color: #17110d;
font: bold 14px Helvetica;
text-decoration: none;
height: 100%;
display: inline-block;
width: 100%;
}

ul li a.delete {
color: #857765;
font: normal 17px Helvetica;
text-decoration: none;
height: 100%;
display: block;
}

ul li .smallinfo {
color: #857765;
font: normal 12px Helvetica;
text-decoration: none;
display: block;
}

ul li .comment_date, ul li .comment_date a {
color: #857765;
font: normal 12px Helvetica;
text-decoration: none;
display: block;
margin-bottom: 20px;
background: rgb(221,214,193);
}

ul li a img.ico, ul li img.ico {
float: left;
display: block;
width: 50px;
height: 50px;
margin: -4px 10px -4px -1px;
}

ul li a img.thumb, ul li img.thumb {
float: left;
display: block;
margin: -4px 10px -4px -1px;
}

li:first-child {	
border-top: 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}

li:last-child {	
border-bottom: 0;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px; }




/* half sized */

ul.half {
    color: #857765;
    background: rgb(221,214,193);
    border: 3px solid #17110D;
    font: bold 17px Helvetica;
	width: 50%;
    margin-left: 22%;	  
    padding: 0;;
    -webkit-border-radius: 8px;
}


ul.half li {
    color: #857765;
	background: #ece6d3;
	font: normal 17px Helvetica;
	text-align: center;
    list-style-type: none;	
    padding: 10px 10px 10px 10px;
}

ul.half li a {
	color: #857765;
	text-decoration: none;
}


/* forms */

ul.form li {
color: #857765;
font: normal 15px Helvetica;
background: #ece6d3;
padding: 7px 10px;
}

ul.form li span {
color: #857765;
font: bold 14px Helvetica;
background: #ece6d3;
width: 40%;
float: left;
margin-top: 5px;
margin-right: 5px;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}

ul li.submit {
text-align: right;
background: rgb(221,214,193);
color: #17110D;
}

ul.form li:hover { background: #ece6d3; }

ul li input[type="date"], ul li input[type="text"], ul li input[type="password"], ul li input[type="number"], ul li textarea, ul li select {
color: #17110D;
background: #ece6d3 url(../.png); /* this is a hack due the default input shadow that iphones uses on textfields */
border: 0;	
font: normal 17px Helvetica;
padding: 0;
display: inline-block;
margin-left: 0px;
width: 100%;
margin-top: 5px;
-webkit-appearance: textarea;
}

ul li input[type="date"], ul li input[type="text"].sm, ul li input[type="password"].sm, ul li input[type="number"].sm, ul li select.sm {
color: #857765;
background: #ece6d3 url(../.png); /* this is a hack due the default input shadow that iphones uses on textfields */
border: 0;	
font: normal 17px Helvetica;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: inline;
margin-left: 5px;
padding-left: 5px;
width: 20%;
margin-top: 5px;
vertical-align: middle;
-webkit-appearance: textarea;
}

ul li input[type="date"], ul li input[type="text"].sm2, ul li input[type="password"].sm2, ul li input[type="number"].sm2, ul li select.sm2 {
color: #857765;
background: #ece6d3 url(../.png); /* this is a hack due the default input shadow that iphones uses on textfields */
border: 0;	
font: normal 17px Helvetica;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: inline;
margin-left: 5px;
padding-left: 5px;
width: 15%;
margin-top: 5px;
vertical-align: middle;
-webkit-appearance: textarea;
}

ul li input[type="date"], ul li input[type="text"].md, ul li input[type="password"].md, ul li input[type="number"].md, ul li select.md {
color: #17110D;
background: #ece6d3 url(../.png); /* this is a hack due the default input shadow that iphones uses on textfields */
border: 0;	
font: normal 17px Helvetica;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: inline;
margin-left: 5px;
padding-left: 5px;
width: 22%;
margin-top: 5px;
vertical-align: middle;
-webkit-appearance: textarea;
}

ul li input[type="date"], ul li input[type="text"].md2, ul li input[type="password"].md2, ul li input[type="number"].md2, ul li select.md2 {
color: #857765;
background: #ece6d3 url(../.png); /* this is a hack due the default input shadow that iphones uses on textfields */
border: 0;	
font: normal 17px Helvetica;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: inline;
margin-left: 5px;
padding-left: 5px;
width: 30%;
margin-top: 5px;
vertical-align: middle;
-webkit-appearance: textarea;
}

ul li input[type="date"], ul li input[type="text"].lg, ul li input[type="password"].lg, ul li input[type="number"].lg, ul li select.lg {
color: #857765;
background: #ece6d3 url(../.png); /* this is a hack due the default input shadow that iphones uses on textfields */
border: 0;	
font: normal 17px Helvetica;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: inline;
margin-left: 5px;
padding-left: 5px;
width: 50%;
margin-top: 5px;
vertical-align: middle;
-webkit-appearance: textarea;
}

ul li input[type="date"], ul li input[type="text"].lg2, ul li input[type="password"].lg2, ul li input[type="number"].lg2, ul li select.lg2 {
color: #857765;
background: #ece6d3 url(../.png); /* this is a hack due the default input shadow that iphones uses on textfields */
border: 0;	
font: normal 17px Helvetica;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: inline;
margin-left: 5px;
padding-left: 5px;
width: 60%;
margin-top: 5px;
vertical-align: middle;
-webkit-appearance: textarea;
}

ul li input[type="date"], ul li input[type="text"].lg3, ul li input[type="password"].lg3, ul li input[type="number"].lg3, ul li select.lg3 {
color: #857765;
background: #ece6d3 url(../.png); /* this is a hack due the default input shadow that iphones uses on textfields */
border: 0;	
font: normal 17px Helvetica;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: inline;
margin-left: 5px;
padding-left: 5px;
width: 80%;
margin-top: 5px;
vertical-align: middle;
-webkit-appearance: textarea;
}

ul li input[type="textarea"] {
color: #857765;
background: #ece6d3 url(../.png); /* this is a hack due the default input shadow that iphones uses on textfields */
border: 0;	
font: normal 17px Helvetica;
line-height: 17px;
white-space: normal;
display: inline;
margin-left: 5px;
padding-left: 5px;
width: 50%;
margin-top: 5px;
vertical-align: middle;
-webkit-appearance: textarea;
resize: vertical;
}



input[type="radio"] {
	-webkit-appearance: none;
	border: 0;
	width: 90%;
	height: 18px;
	z-index: 2;
	position: absolute;
	left: 0;
	margin: -200;
	-webkit-border-radius: 0;
}
input[type="radio"]:checked {
	background: url('../images/radiobutton_new.png') no-repeat;
	background-position: right center;
}

.radiobuttontxt_sm {
	font: 13px Helvetica; color:#17110D;
}



input[type="checkbox"]
{width:76px;
height:27px;
background:url('images/checkbox.png');
-webkit-appearance:none;
border:0;
float:right;
margin:-2px 4px 0 0
}

input[type="checkbox"]:checked{
background-position:0 27px
}


ul li input[type="submit"].refresh {
background: url(images/01-refresh.png) no-repeat;
width: 24px;
height: 26px;
border: 0;
padding: 0;
margin: 0;
display: inline;
vertical-align: middle;
}

ul li input[type="submit"].search {
background: url(images/search.png) no-repeat;
width: 24px;
height: 24px;
border: 0;
padding: 0;
margin: 0;
display: inline;
vertical-align: middle;
}

ul li input[type="submit"].go {
background: url(images/go.png) no-repeat;
width: 24px;
height: 24px;
border: 0;
padding: 0;
margin: 0;
display: inline;
vertical-align: middle;
}

ul li input[type="submit"].check {
background: url(images/save.png) no-repeat;
width: 24px;
height: 24px;
border: 0;
padding: 0;
margin: 0;
display: inline;
vertical-align: middle;
}

ul li input[type="submit"].check2 {
background: url(images/save_green.png) no-repeat;
width: 24px;
height: 24px;
border: 0;
padding: 0;
margin: 0;
display: inline;
vertical-align: middle;
}

ul li input[type="submit"].save {
background: none;
font: bold 17px Helvetica;
width: 45px;
height: 24px;
border: 1px dotted #89775f;
padding: 0;
margin: 0;
display: inline;
vertical-align: middle;
}


/* standard elements */

hr {
height: 0px;
border: 1px;
width: 100%;
margin-left: -5px;
padding: 0;
color: #A48975;
border-style: dotted;
overflow: hidden;
}

h2 {
font: bold 22px Helvetica;
color: #1e1513;
text-align: center;
padding-right: 5px;
}

h3 {
color: #1e1513;
font: bold 16px Helvetica;
padding: 0;
}

h4.error {
color: #660000;
font-size: 15px;
padding-right: 5px;
}



#posts-container	 { width:100%; border:1px solid #ccc; -webkit-border-radius:10px; -moz-border-radius:10px; }
.post	 { padding:5px 10px 5px 20px; min-height:65px; border-bottom:1px solid #ccc; cursor:pointer;  }
.post:hover	 { background-color: #bcaa92; }
a.post-title { font-weight:bold; font-size:12px; text-decoration:none; }
a.post-more	 { color:#900; }
p.post-content	 { font-size:10px; line-height:17px; padding-bottom:0; }
#load-more	 { background-color:#eee; color:#999; font-weight:bold; text-align:center; padding:10px 0; cursor:pointer; }
#load-more:hover	 { color:#666; }
.activate	 { background:url(images/loadmorespinner.gif) 140px 9px no-repeat #eee; }

#wrapper {
position:relative;
}

#load {
display: none;
position: absolute;
right: 10px;
top: 10px;
background: url(images/loading.gif);
width: 43px;
height: 11px;
text-indent: -9999em;
}

#content {
}

.button input {
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	border: 0;
	-webkit-border-radius: 0;
	font-weight: bold;
	font-size: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color:#857765;
}


#tributton a:first-child{width:102px}
#tributton a:last-child{width:102px}
#tributton a{width:86px}
#tributton .links{width:285px}


#triselectionbuttons{width:290px;height:30px;top:7px}
#triselectionbuttons a:first-child{width:99px;height:28px;line-height:28px}
#triselectionbuttons a{width:98px;height:28px;line-height:28px}
#triselectionbuttons a:last-child{width:99px;height:28px;line-height:28px}
.bigfield input{width:295px}}


@media screen and (min-width:321px){#topbar{height:32px}
.bigfield input{width:355px;}}

#tributton {height:44px;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#c0ae96),color-stop(3%,#c0ae96),color-stop(97%,#c0ae96),to(#c0ae96));margin:-13px 0 13px 0;text-align:center}
#tributton .links{height:30px;-webkit-border-image:url("../images/tributton.png") 0 4 0 4;border-width:0 4px 0 4px;margin:0px auto 0px 3px;}
#tributton a:first-child{border-right:1px solid #17110D;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;margin-left:-4px}
#tributton a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:27px;display:inline-block;line-height:27px;margin-top:1px;font:bold 13px;text-decoration:none;color:#17110D;}
#tributton a:last-child{border-left:1px solid #17110D}
#tributton a:last-child{-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;margin-right:-4px}
#tributton a:hover,#tributton a#pressed{background:-webkit-gradient(linear,0% 0%,0% 100%,from(#DCD3B9),color-stop(3%,#DCD3B9),to(#DCD3B9));color:#17110D;}









#leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{line-height:38px;height:38px}
#leftnav img,#rightnav img{margin-top:0px}
#leftnav,#leftbutton,#blueleftbutton{top:7px}
#rightnav,#rightbutton,#bluelrightbutton{top:7px}

#leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{line-height:32px;height:32px}
#leftnav img,#rightnav img{margin-top:4px;height:70%}
#leftnav,#leftbutton,#blueleftbutton{top:4px}
#leftnav,#leftbutton,#blueleftbutton{position:absolute;font-size:14px;left:9px;font-weight:bold}


#rightnav,#rightbutton,#bluerightbutton{top:4px}
#rightnav,#rightbutton,#bluerightbutton{position:absolute;font-size:14px;left:285px;font-weight:bold}

#leftnav,#leftbutton,#rightnav,#rightbutton,#blueleftbutton,#bluerightbutton{z-index:5000}
#leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{display:block;color:#fff;text-shadow:rgba(0,0,0,0.6) 0 -1px 0;text-decoration:none}.black 
#leftnav a:first-child,.transparent #leftnav a:first-child{-webkit-border-image:url("../images/navleftblack.png") 0 5 0 13}.black #leftnav a,.transparent #leftnav a{-webkit-border-image:url("../images/navlinkleftblack.png") 0 5 0 13}.black #rightnav a:first-child,.transparent
#leftnav a:first-child{z-index:2;-webkit-border-image:url("../images/navleft.png") 0 5 0 13;border-width:0 5px 0 13px;-webkit-border-top-left-radius:16px;-webkit-border-bottom-left-radius:16px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;width:auto}
#leftnav a{-webkit-border-image:url("../images/navlinkleft.png") 0 4 0 4;z-index:3;margin-left:-4px;border-width:0 5px 0 5px;padding-left: 0px;padding-right: 0px;float:left}


#leftnav, #leftbutton, #blueleftbutton {position: absolute;font-size: 14px;left: 9px;font-weight: bold;}
#leftnav, #leftbutton, #rightnav, #rightbutton, #blueleftbutton, #bluerightbutton {z-index: 5000;}
#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {display: block;color: #fff;text-shadow: rgba(0,0,0,0.6) 0 -1px 0;text-decoration: none;}
#leftnav a:first-child {z-index: 2;-webkit-border-image: url("../images/navleft.png") 0 4 0 4;border-width: 0 5px 0 5px;-webkit-border-top-left-radius: 16px;-webkit-border-bottom-left-radius: 16px;-webkit-border-top-right-radius: 6px;-webkit-border-bottom-right-radius: 6px;width: auto;}


#rightnav, #rightbutton, #bluerightbutton {position: absolute;font-size: 14px;right: 9px;font-weight: bold;}
#rightnav a {-webkit-border-image: url("../images/navlinkright.png") 0 4 0 4;z-index: 3;margin-right: -4px;border-width: 0 5px 0 5px;padding-left: 0px;padding-right: 0px;float: right;}

/*
#rightnav a:first-child {z-index: 2;-webkit-border-top-left-radius: 6px;-webkit-border-bottom-left-radius: 6px;-webkit-border-image: url("../images/navright.png") 0 4 0 4;border-width: 0 5px 0 5px;-webkit-border-top-right-radius: 16px;-webkit-border-bottom-right-radius: 16px;}
#leftbutton a, #rightbutton a {-webkit-border-image: url("../images/navbutton.png") 0 5 0 5;border-width: 0 5px;-webkit-border-radius: 6px;}
#blueleftbutton a, #bluerightbutton a {-webkit-border-image: url("../images/navbuttonblue.png") 0 5 0 5;border-width: 0 5px;-webkit-border-radius: 6px;}
*/


#leftnav {background-image: url(images/navbg.png););
#rightnav {background-image: url(images/navbg.png););