/* general stuff */
body {
    /*background: #F9F9F7 url('../images/a1.gif') repeat-x;*/
    font-size: .9em;
    font-family: "trebuchet ms" , helvetica, sans-serif;
    color: #8C8C73;
    line-height: 18px;
    padding: 0px;
    margin: 0px;
    background-color: #666666;
}
a {
    /*color: #FF7800;*/
    text-decoration: underline;
    color: #4CA300;
}

a:hover{text-decoration: none;}
a img{border:none;}
/* layout */
#pagecontainer
{
    margin: 0 auto;
    width:70%;
    background: #fff;
    padding: 15px;
    border:1px solid #DCDCD0;
}
#header
{
    background: #FF7800 url('../images/tp_bg.gif') repeat-x;
    color:#ffffff;
    margin:0;
}
#header h1
{
    font-size:150%;
    margin:0;
    padding:25px 0 5px 25px;
}
#header h2
{
    font-size:100%;
    margin:0;
    padding: 0 0 25px 25px;
    margin-left:20px;
}
#middle
{
    clear:both;
    padding:5px;
}
#maincontent
{
    float:left;
    width:75%;
}
#submenu
{
    float:right;
    width:20%;
    margin:0;
    padding:0;
    padding-top:5px;
}
#footer
{
    clear:both;
    text-align: center;
    line-height: 66px;
    height: 66px;
    background-image: url('../images/a50.gif');
    color: #A8A88D;
}
#footer p{padding:0; margin:0; text-align:center;}
#footer a{color: #8C8C73;}
#footer a:hover{}

.smallbox
{
    margin:0 0 20px 0;
    padding:10px;
    border:1px solid #c0c0c0;
    background-color:#fafbfc;
    color:#505050;
    line-height:1.5em;
    font-size:70%;
}
/* horizontal list (template for a horizontal list menu) */
.nav_horiz
{
    background: #46461F url('../images/a16.gif') repeat-x;
    height: 67px;
    border-top:3px solid #fff;
}
.nav_horiz ul
{
    margin:0;
    padding:0;
}
.nav_horiz li
{
    display: inline;
    line-height: 52px;
    padding-left: 3px;
}
.nav_horiz li a{
    background-color: transparent;
    background-repeat: repeat-x;
    padding: 8px 12px 8px 12px;
    font-size: 90%;
    color: #fff;
    font-weight: bold;
}


.nav_horiz a:hover {
    background: #fff url('../images/a18.gif') repeat-x top;
    color: #4A4A24;
    text-decoration: none;
}
/* vertical list (template for a vertical list menu) */
.menublock, .subcontent
{
    margin:0;
    margin-bottom: 20px;
}
.menublock .menuheader, h3
{
    top: 4px;
    font-size: 95%;
    font-weight:bold;
    line-height: 25px;
    color: #656551;
    letter-spacing: -1px;
    background: url('../images/a22.gif') bottom repeat-x;
    padding: 0px 0px 10px 10px;
    border: 0;
    margin-left:0;
}
.menublock li
{
    list-style-type:none;
    border-bottom: solid 1px #EEEEEE;
    padding-top: 5px;
    margin: 5px 0px 0px 20px;
}
.menublock li a
{

}

.menublock li a:hover
{

}
/* blog posts */
.chronobutton
{
    font-size:70%;
    margin:5px;
}
.blogitem
{
    padding: 3px;
    margin-top:5px;
    margin-bottom:50px;
    font-size:90%;
    background: url(../images/a33.gif) repeat-x 0% bottom;
}
.blogitem h2
{
    margin:0;
    margin-bottom:5px;
    padding-bottom:15px;
    background: url('../images/a22.gif') bottom repeat-x;
}
.blogitem h2 a
{
    color:#656551;
    text-decoration:none;
}
.blogitem a
{

}
.blogitem a:hover
{
    background-color:#F9F9F7;
    border-bottom:1px solid #DCDCD0;
}
.postinfo  
{
    display:block;
   text-align:right; 
}
.commentslink
{
    background:  url(../images/a36.gif) no-repeat left ;
    padding-left:15px;
}
/* comments with post */
.comments h2
{
    font-size:90%;
}
.comments .commentitem
{
    margin:0 0 20px 0;
    padding:10px;
    border:1px solid #c0c0c0;
    background-color:#fafbfc;
    color:#505050;
    line-height:1.5em;
    font-size:80%;
    margin: 3px;
    width:70%;
}
.comments .commentalteritem {
    margin: 0 0 20px 0;
    padding: 10px;
    border: 1px solid #c0c0c0;
    background-color: #f8f8ff;
    color: #505050;
    line-height: 1.5em;
    font-size: 80%;
    margin: 3px;
    width: 70%;
}
.commentinfo 
{
    font-style:italic;
}

.card
{
    display:inline;
    font-weight:bold;
    margin-left:2px;
    padding-left:3px;
    padding-right:15px;
    background-position: 85% 40%;
    background-repeat: no-repeat;
}
.club
{
    border: 1px solid #000;
    color:#000;    
    background-image: url(../images/club.gif);    
}
.heart
{
    border: 1px solid #ff0000;
    color: #ff0000;
    background-image: url(../images/heart.gif);
}
.diamond
{
    border: 1px solid #ff0000;
    color:#ff0000;    
    background-image: url(../images/diamond.gif);    
}
.spade
{
    border: 1px solid #000;
    color:#000;    
    background-image: url(../images/spade.gif);    
}
.table
{
    border :none;
	border :1px solid #CCC;
	width:90%;
}
.table, .table td
{
    border : 1px solid #CCC;
	border-collapse : collapse;
}
.table thead th, .table tbody th {
    color : #666;  
	padding : 5px 10px;
    border-left : 1px solid #CCC;
}
.table tbody th
{
    background : #fafafb;
    border-top : 1px solid #CCC;
    text-align : left;
    font-weight : normal;
}
.table tbody tr td
{
    padding : 5px 10px;
    color : #666;
}
.table tbody tr:hover {
    background: #8fbc8b;
}
.table tbody tr:hover td
{
    color: #454545;
}
.table caption{
	text-align : center;
	padding : 10px 0;
	font-weight:bold;
	color : #666;
}
.table a:link {
    color: #666;
}
.table a:visited {
    color: #666;
}
.table a:hover {
    color: #003366;
    text-decoration: none;
}
.table a:active {
    color: #003366;
}
.previewbox
{
    clear:both;
    width:90%;
    border:1px solid #000;
    display:block;
    padding:3px;
}
.invisible
{
    display:none;
    visibility:hidden;
}
.linkbutton {
    border:1px solid #4CA300;
    padding:3px;
    text-decoration:none;
}
.linkbutton:hover, .linkbuttonsel {
    border:1px solid #4CA300;
    padding:3px;
    text-decoration:none;
    background-color:#4CA300;
    color:#fff;
}
.subcontent {
    font-size:80%;
    text-align:center;
    line-height:1.5em;
    letter-spacing:.1em;
}
#submenu h2  {
    background: #46461F url('../images/a16.gif') repeat-x;
    color:#fff;
    font-size:120%;
    padding:5px;
    text-align:center;
}
.subcontent h3  {
    font-size:100%;
    padding-bottom:2px;
}
.subcontent p, .subcontent h3   {
    text-align:left;
}
.subcontent img {
    margin-left:10%;
}
.tooltip {
    position: absolute;
    display:block;
    background-color: #f0e68c;
    border:1px solid #000;
    padding: 3px;
    z-index:1001;
}
.tick {
	position: absolute;
	display:block;
	width:28px;
	height:28px;
	background-position: center center;
	background-image: url(../images/icon_tick.gif);
	background-repeat: no-repeat;
}