﻿body
{
    margin: 0px;
    padding: 0px;
    background-color: #4b5b47;
    font-family:Verdana;
    font-size:12px;
}
img
{
    border: none;
}
a
{
    color:#ac5b47;
}
a:hover
{
    color:#bd8080;
}
a img
{
    border: none;
}
.mtable
{
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.mtable tr
{
    vertical-align: top;
}
.mtable td
{
    vertical-align: top;
}
.mtable td.frame
{
    width: 966px;
    background-color: #cfddcb;
    text-align: left;
    padding: 0px;
}
.width-holder-1
{
    width: 966px;
    height: 0px;
    font-size: 1px;
    overflow: hidden;
}
.header
{
    height: 85px;
    background-color:#f4fcf1;
}

.header .p1
{
    display: inline-block;
    width: 241px;
    background-color: #cfddcb;
}
.header .p2
{
    display: inline-block;
    width: 155px;
}
.header .p3
{
    display: inline-block;
    width: 217px;
}

.middle
{
   
}

.nav
{
    width: 241px;
    background-color: #cfddcb;
    float:left;
}
.nav .menu
{
    width: 241px;
    margin-top: 10px;
}
.nav .menu a
{
    display: block;
    width: 241px;
    opacity: 0.6;
    filter: Alpha(Opacity=60);
}
.nav .menu a:hover
{
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.nav .c
{
    padding:7px;
}


.nav .c ul
{
    padding-left:10px;
    margin-left:10px;
}

.content
{
    min-height:400px;
    background-color:#f4fcf1;
    width:710px;
    padding:0px 5px 30px 10px;
    float:left;
}

h1
{
    font-family:Trebuchet MS;
    font-size:26px;
    color:#4b5b47;
    padding:0px;
    margin:0px;
    margin-bottom:10px;

}

h1 img
{
   position:relative;
   top:8px;
}

h2
{
    font-family:Trebuchet MS;
    font-size:18px;
    color:#4b5b47;
    font-weight:normal;
    padding:0px;
    margin:0px;
    margin-left:18px;
    margin-bottom:5px;
}

ul
{
    margin-left:32px;
}
ul li
{
    margin-bottom:6px;
}

span.dev-reader
{
    font-weight:bold;
    font-size:18px;
}


span.dev-reader .txt
{
    font-weight:bold;
    font-size:16px;
    width:100px;
    background-color:#FFFFFF;
    border:solid 1px #4b5b47;
    padding:2px 4px;
}

.mdlback
{
    opacity:0.4;
    filter:Alpha(Opacity=40);
    background-color:#4b5b47;
}

.modalwin
{
    z-index:20000;
    background-color:#f4fcf1;
    border:solid 3px #4b5b47;
    padding:0px;
    padding-bottom:12px;
    text-align:left;
}
.modalwin .head
{
    height:25px;
    padding:5px 10px;
    background-color:#cfddcb;
}
.modalwin .cont
{
    padding:5px 10px;
}
.modalwin .head a.close
{
    float:right;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}

.modalwin .head span.title
{
    float:left;
    font-size:18px;
    font-weight:bold;
    font-family:Trebuchet MS;

}

.modalwin .msg
{
    width:564px;
    margin:auto;
    text-align:left;
    min-height:90px;
}

.modalwin .msg .i
{
    float:left;
    width:64px;
    padding:12px;
}
.modalwin .msg .c
{
    padding-left:90px;
    font-size:14px;
}

.uPrgWindow
{
    padding:5px 15px;
    font-size:14px;
    font-weight:bold;
    border:solid 3px #4b5b47;
    text-align:center;
    background-color:#ffffff;
    margin:10px;
}


.footer
{
    padding:10px 10px 10px 10px;
    background-color:#4b5b47;
    height:100px;
    color:#cfddcb;
    font-size:10px;
    text-align:center;
    line-height:14px;
}

div.howto
{
	padding: 15px; background-color: White; border: solid 3px #4b5b47; font-size: 14px;
        font-weight: bold; 	-webkit-border-radius: 10px;	-moz-border-radius: 10px; 	border-radius: 10px;
		-moz-box-shadow: 0 0 8px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
}

div.home
{
    width:100%;
    padding:0px;
}

div.home h2
{
    padding:0px;
    margin:0px;
}

div.home div.left
{
    width:0%;
    padding:0px;
    float:left;

}

div.home div.todo
{
    padding-left: 10px;
    padding-right: 10px;
    border-left:solid 3px #4b5b47;
}


div.home div.shout
{
    padding-left: 10px;
    padding-right: 10px;
    border-left:solid 3px #4b5b47;
}

div.home div.todo ul
{
margin-left:15px;
padding-left:15px;
}

div.home div.stats
{
    width:100%;
    padding:0px 0%;
    float:left;
    border-left:solid 3px #4b5b47;
    min-height:300px;
}
div.home div.stats h2
{
	padding-left:5px;
}

div.home div.stats .total
{
font-weight:bold;
font-size:16px;
line-height:24px;
padding-left:5px;
}



span.deviant
{
	display:inline-block;
    padding:0px;
    background-color: #cfddcb;
    border:solid 2px #4b5b47;
    height:60px;
	margin:5px;
	width:340px;
	-webkit-border-radius: 4px;	-moz-border-radius: 4px; 	border-radius: 4px;
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.6);
	box-shadow: 0 0 4px rgba(0,0,0,0.6);
}

span.deviant span.ava
{
display:inline-block;
width:50px;
padding:5px;
border-right: solid 1px #4b5b47;
vertical-align:top;
}

span.deviant span.cont
{
display:inline-block;
padding:2px 5px 2px 5px;
vertical-align:top;
width:265px;
word-wrap:break-word;

}

span.deviant span.cont a
{
font-family:Verdana;
font-size:10px;
display:inline-block;
padding-left:10px;
word-wrap:break-word;
}

span.deviant span.cont a.daname
{
font-family:Trebuchet MS;
font-size:16px;
font-weight:bold;
margin-bottom:5px;
display:inline-block;
color: #4b5b47;
padding-left:0px;
text-decoration:none;
}
    
    
div.accReader
{
	padding: 15px; background-color: White; border: solid 3px #4b5b47; font-size: 14px;
     font-weight: bold; 	-webkit-border-radius: 10px;	-moz-border-radius: 10px; 	border-radius: 10px;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
}

div.accReader .btn
{
	font-size:24px;
	font-weight:bold;
	cursor:pointer;
	color:#515739;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
