* { 
    margin: 0px;
    padding: 0px;
    outline: none;
}
body {
    margin-bottom:15px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#555;
	background:url(../images/content/bodybg.png);
	list-style-type:none;
}
h1, h2, h3, h4{
    margin:20px 0 0 0;
    font-weight:normal;
	font-family:Arial;
    clear:both;
}
h1{
	font-size:16px;
	color:#599;
}
h2{
	font-size:14px;
	color:#933;
}
h2.mag{
    border-bottom:1px solid #eee;
}
h3{
    margin-top:15px;
    padding:2px 0 2px 20px;
    height:26px;
	line-height:26px;
	border-radius:4px;
	background:url(../images/content/pen.png) center left no-repeat #f1edea;
	font-size:14px;
	color:#933;
}
h3.doc{
    padding-left:30px;
    background:url(../images/content/doc.png) center left no-repeat #f1edea;
}
h4{
    margin:10px 0;
	font-size:12px;
	font-weight:bold;
	color:#366;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child{
    margin-top:0;
}
h1.viewbycategory{
    font-size:14px;
    border-bottom:1px dotted #ccc;
    color:#966;
}
p{
    margin:10px 0;
    line-height:20px;
}
img{
    border:none;
}
#headwrapper{
    background:url(../images/content/headerbg.png) repeat-x ;
    width:100%;
}
#header{
    margin:0 auto;
	width:960px;
	height:115px;
	position:relative;
	text-align:left;
	font-family:Arial;
	color:#fff;
}
#header .logo{
    margin:15px 0 0 15px;
}
#header .title{
    padding-top:20px;
    display:block;
    width:310px;
}
#header h1{
    margin:0;
	font-size:10px;
	color:#8b9091;
	text-shadow:0 1px 0 #f9f9f9;
}
#header ul{
	position:absolute;
	bottom:10px;
	right:80px;	
	list-style:none;
}
#header ul li{
    float:left;
}
#header li a{
    float:left;
	display:inline-block;
	margin-right:22px;
	padding:2px 7px;
	line-height:24px;
	border-radius:4px;
	font-size:14px;
	text-decoration:none;
	color:#888172;
	text-shadow:0 1px 0 #fff;
	-moz-transition:all 0.15s linear;
	-webkit-transition:all 0.15s linear;
    transition:all 0.15s linear;
}
#header li a{
	display:block;
}
#header li a:hover{
    background-color:#9c9;
    color:#fff;
    text-shadow:0 1px 0 #999;
}
#header li a.selected{
    background-color:#9c9;
    color:#FFF;
    transition:none;
    text-shadow:0 1px 0 #999;
}
#header .social{
    position:absolute;
    bottom:7px;
    right:20px;
}
#header .social img{
    margin-left:5px;
}
#mainwrapper{
    margin:0 auto;
    width:960px;
}
#contentwrapper {
	position:relative;
	width:920px;
	padding:25px 20px 30px 20px;
	margin:0 auto;
	display:block;
	float:left;
	text-align:left;
	background-color:#fff;
	border-radius:6px;
	box-shadow:0 0 6px #ccc;
}
#content{
    width:620px;
	float:left;
}
#content a:link, #content a:visited, #content a:active{
    text-decoration:none;
    color:#d20;
}
#content a:hover{
    color:#d20;
}
#content .article h1{
    font-size:18px;
}
#content h1 a:link, #content h1 a:visited,
#content h1 a:active{
    text-decoration:none;
    color:#699;
}
#content ul, #content ol{
    margin:10px 0;
}    
#content ul li {
    margin:5px 0 0 25px;
    line-height:20px;
}
#content ul li a:link, #content ul li a:visited,
#content ul li a:active{
    color:#555;
}
#content ul li a:hover{
    color:#d20;
}
#content ol li {
    margin:5px 0 0 25px;
    line-height:20px;
}
#content ol li a:link, #content ul li a:visited,
#content ol li a:active{
    color:#555;
}
#content ol li a:hover{
    color:#d20;
}
#content .article{
    margin-bottom:30px;
    clear:both
}
#content .postdate{     /*Article post date*/
    margin:5px 0 0 -61px;
    padding:2px 0;
    float:left;
    display:block;
    width:40px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom:1px solid #aaa;
    border-left:1px solid #aaa;
    text-align:center;
    font-style:italic;
    font-size:10px;
    background:url(/images/content/postdatebg.png);
    color:#fff;
}
#content .articleinfo{
    margin:5px 0;
    font-size:11px;
    color:#999;
}
#content a.articlecategory:link, #content a.articlecategory:visited,
#content a.articlecategory:active{
    color:#999;
}
#content a.articlecategory:hover{
    color:#d20;
}
#content .tools{            /*Article toolbar (font-resize - print etc. */
    margin:7px 0 10px 0;
    height:16px;
    line-height:16px;
    font-size:11px;
}
#content .tools a:link, #content .tools a:visited,
#content .tools a:visited{
    display:inline-block;
    padding:0px 4px;
    border:1px solid #ddd;
    background-color:#e4f1f3;
    color:#999;
}
#content .tools a.print:link, #content .tools a.print:visited,
#content .tools a.print:visited{
    margin-left:5px;
    padding:0 0 0 20px;
    border:none;
    display:inline-block;
    font-size:11px;
    background:url(../images/content/print.png) left top no-repeat;
}
#content a.more:link, #content a.more:visited, #content a.more:active{
    margin-left:2px;
    padding-left:16px;
    font-size:11px;
    color:#699;
    background:url(../images/content/a-more.png) no-repeat center left;
}
#content .pager{            /*Article pager div*/
    margin-top:20px;
    padding:5px 3px;
    background:#eee;
    overflow:hidden;
}
#content .pager a:link, #content .pager a:visited,      /*pager links*/
#content .pager a:active{
    margin-right:5px;
    padding:3px 7px;
    display:inline-block;
    border:1px solid #ddd;
    border-radius:4px;
    font-family:Arial;
    font-size:11px;
    background-color:#fff;
    color:#555;
    text-shadow:0 1px 0 #fff;
}
#content .pager a:hover{
    background-color:#699;
    text-shadow:0 1px 0 #999;
    color:#fff;
}
#content .pager a.nextpagelink{
    float:right;
}
#content img{
    margin:5px 10px 5px 0;
    display:block;
}
#content .magazine{
    margin-bottom:20px;
    overflow:auto;
}
#content .magazinelist{     /*Magazine archive page list table*/
    margin-top:10px;
    width:400px;
    border-collapse:collapse;
}
#content .magazinelist td{  /*Magazine archive page list table row*/
    padding:2px 0;
    border-bottom:1px solid #ddd;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:11px;
}
#content .magazinelist tr.altrow{   /*Magazine archive page list alternative table row*/
    background:#f4f4f4;
}
#content .magazinelist a:link, #content .magazinelist a:visited,
#content .magazinelist a:active{
    color:#555;
}
#content .magazinelist a:hover{
    color:#d20;
}
#content .magazinecontents{     /*Magazine page content description*/
    margin-top:10px;
}
#content img.mag{           /*Magazine image*/
    margin-top:0;
    float:left;
	box-shadow:0 0 5px #999;
}
#content a.downloadissue{    /*Magazine page download button link*/
    display:inline-block;
    width:78px;
    height:26px;
    line-height:26px;
    text-align:center;
    color:#555;
    background:url(/images/content/download.png);
}
#content .booklist img{
    margin:0 10px 0 0;
    float:left;
    border:1px solid #aaa;
}
#content .booklist{     /*booklist table*/
    margin-top:10px;
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}
#content .booklist td{
    padding:10px 0;
    border-bottom:1px dotted #ddd;
}
#content .booklist h1{
    margin:0;
    font-size:14px;
    clear:none;
}
#content h1.booktitle{      /*Book details page book title*/
    margin:0;
    clear:none;
}
#content img.bookimage{     /*Book details page book image*/
    margin:0 10px 10px 0;
    float:left;
}
#content .bookdescription{  /*Book details page book description*/
    clear:both;
}
#sidebar{
	padding-left:10px;
	float:right;
	width:260px;
	font-size:12px;
}
#sidebar a:link, #sidebar a:visited, #sidebar a:active{
    text-decoration:none;    
    color:#555;
}
#sidebar a:hover{
    color:#d20;
}
#sidebar ul{
    margin-top:5px;
    list-style: none;
}
#sidebar ul li{
    padding:2px 0;
    border-bottom:1px dotted #ddd;
    list-style: none;
    line-height:20px;
}
#sidebar ul.tabs {
	margin-top:15px;
	height: 40px; /*--Set height of tabs--*/
	list-style: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}
#sidebar ul.tabs li {
    padding:0;
	float:left;
	height:39px;
	line-height:37px;
	border: 1px solid #ccc;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #eee;
}
#sidebar ul.tabs li a {
	text-decoration:none;
	display: block;
	font-size: 11px;
	padding: 0 7px;
	border: 1px solid #fff;
}
#sidebar ul.tabs li a:hover {
	text-decoration:none;
	background: #ddd;
	color:#555;
}
#sidebar ul.tabs li.active, #sidebar ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom:1px solid #fff; /*active tab no border--*/
}
#sidebar .tabcontainer {
    width: 100%;
    margin-bottom:15px;
    float: left; 
	border: 1px solid #ccc;
	border-top: none;
	overflow: hidden;
}
#sidebar .tabcontent {
	padding: 10px;
}
#sidebar .tabcontent ul{
    list-style-type:none;
}
#sidebar .tabcontent ul li{
    line-height:22px;
    list-style-type:none;
}
#sidebar div.slideshow{
	margin:20px auto;
	overflow:hidden;
}
#contactform{
    padding:10px;
    width:530px;
    position:relative;
    background:#e6ebe2;
    border-radius:6px;
    box-shadow:0px 0px 5px #aaa;
}
.frmlabel{   
    display:block;
    font-family:Verdana, Arial, Helvetica;
    color:#555;
    font-size:11px;
}
.txtbox{   
    width:200px;
    height:17px;
    margin:5px 0 10px 0;
    padding:3px;
    line-height:17px;
    border:1px solid #ddd;
    border-radius:4px;
    font-family:Verdana, Arial, Helvetica;
    font-size:12px;
}
.txtbox:focus{   
    border:1px solid #a2bd93;
}
.txtcomments{
    width:370px;
    height:120px;
    margin:5px 0 0 0;
    padding:3px;
    border:1px solid #ddd;
    border-radius:4px;
    font-family:Verdana, Arial, Helvetica;
    font-size:12px;
    overflow:hidden;
}
.txtcomments:focus{
    border:1px solid #a2bd93;
}
.btnsend{
    margin-top:10px;
    display:block;
}
.formerrormsg{
    font-size:10px;
    color:#F00;
    font-weight:bold;
}
img.ajaxloader{         /*Sending mail image loader*/
    position:absolute;
    top:15px;
    right:15px;
}
.sendsuccess{           /*Mail success div container*/
    position:absolute;
    top:15px;
    right:15px;
    line-height:16px;
    text-align:center;
}
#contactform{
    margin-top:10px;
}
#contactform .sendsuccess img{  /*Mail success image*/
    margin-left:5px;
    float:right;
}
#footerwrapper{
    width:100%;
    clear:both;
}
#footer{
    margin:0 auto;
    padding:5px 15px 20px 15px;
    width:930px;
	text-align:left;
	font-size:10px;
	color:#888;
} 
#footer ul li{
    padding:0 8px;
    float:left;
    list-style:none;
}   
#footer a:link, #footer a:visited, #footer a:active{
    color:#888;
    text-decoration:none;
}
#footer ul li a:hover{
    text-decoration:underline;
}
.ftrhomelink{
  	background:url(../images/ftrhome.png) no-repeat left;
  	padding:5px 0 5px 20px;
}
.ftrmaillink{
  	background:url(../images/ftrmail.png) no-repeat left;
  	padding:5px 0 5px 20px;
}
small{font-size:8px;}