@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url('../images/img01.gif') repeat-x;
	font: 13px Arial, Helvetica, sans-serif;
	color: #626262;
}

form {
	margin: 0;
	padding: 0;
}

input[type='text'] {
	padding: 5px;
	font: normal 1em Arial, Helvetica, sans-serif;
}

h1, h1 a, h2, h2 a{
	margin: 0;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #444444;
}

h3, h3 a {
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #444444;
}
h1 {
	letter-spacing: -3px;
	font-size: 2.6em;
}

h2 {
	letter-spacing: -2px;
	font-size: 2em;
}

h3 {
	font-size: 1.5em;
	padding: 0 0 1em 0;
}

ol, ul {
	margin-bottom: 2em;
	line-height: 200%;
}

p {
	line-height: 140%;
}

blockquote {
	margin: 2em 380px 2em 1.5em;
	padding-left: 1em;
	border-left: 5px solid #DDDDDD;
}


a {
	color: #EB1400;
}

a:hover {
	text-decoration: none;
}

/* Header */

#header {
	height: 82px;
}

#logo h1, #logo p {
	float: left;
}

#logo h1 {
	padding: 8px 0 0 8px;
	line-height: 26px;
	color: #FFFFFF;
}

#logo p {
	margin: 0;
	padding: 25px 0 0 4px;
	line-height: normal;
	text-transform: lowercase;
	font-weight: bold;
	font-size:130%;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

#menu {
	float: right;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: block;
	float: left;
	height: 84px;
}

#menu a {
	display: block;
	width: 130px;
	height: 48px;
	padding: 24px 0 0 0;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font: normal 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FABEB3;
}

#menu a:hover {
	width: 128px;
	background: #AD200E url('../images/img04.gif') repeat-x;
	border-left: 1px solid #B22502;
	border-right: 1px solid #B22502;
	color: #FFFFFF;
}

#menu .active {
	background: url('../images/img02.gif') no-repeat center bottom;
}

#menu .active a {
	width: 128px;
	background: #FFEC70 url('../images/img03.gif') repeat-x;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	color: #EB1400;
}

#nav {
	padding: 0 0 0 40px;
}

/* Page */

#page {
	padding: 40px 10px 0 30px;
}

/* Content */

#content {
	margin-right: 370px;
}

.contentheader {
	height: 31px;
	background:url('../images/bodyup.jpg') no-repeat;
}

.contentbody {
	background:url('../images/bodymiddle.jpg') repeat-y;
}

.contentbody h1, h2, h3, h4, h5, h6 {
	padding-left:30px;
}

.contentbody p {
	/* padding: 0px 0px 0px 30px; */
}


.contentfooter {
	background:url('../images/bodydown.jpg') repeat-y;
	height:27px;
	margin-bottom:20px;
}

.post .title h2 {
	padding: 30px 30px 0 50px;
	font-size: 2.2em;
}

.post .title p {
	margin: 0;
	padding: 0 0 0 10px;
	line-height: normal;
	color: #BABABA;
}

.post .title p a {
	color: #BABABA;
}

.post .entry {
	padding: 20px 40px 20px 20px;
}

.link {
	width: 100%;
}
	
.post .links {
	margin: 0;
	padding: 0 30px 10px 30px;
}

.post .link a {
	padding: 0 23px;
	text-decoration: none;
	font-weight: bold;
}

.post .links a:hover {
	text-decoration: underline;
}

.post .more {
	background: url('../images/star.png') no-repeat left center;
	color: rgb(248,211,5);
}

.post .links .comments {
	background: url('../images/img17.gif') no-repeat left center;
}

#links {
	padding: 20px 0 0 30px;
}

#articles, #rssfeed {
	padding: 0 0 20px 30px;
}

/*
a img {
	text-decoration: none;
}

a font {
	text-decoration: none;
}
*/

.featured {
	padding: 10px 0 0 30px;
	margin: 0 0 20px 0;
}

h2 .small {
	letter-spacing: 0px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 350px;
	padding-top:5px;
}


.rightup {
background: url('../images/rightup.jpg') no-repeat;
height: 28px;
}

.rightcontent {
background:url('../images/rightbody.jpg') repeat-y;
padding: 0px 20px 0px 20px;
}

.rightcontent ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rightcontent li {
	margin: 0;
	padding-left: 10px;
}

.rightcontent li ul {
	padding: 0 20px 30px 10px;
}

.arrowhead li {
	background: url('../images/img11.gif') no-repeat;
	background-position: 0px 0.5em;
}

.rightcontent h2 {
	padding: 5px 30px 20px 10px;
	font-weight: normal;
	color: #EB1400;
}


.rightbottom {
	background:url('../images/rightdown.jpg') no-repeat;
	height:28px;
	padding-right:14px;
	margin-bottom: 20px;
	clear:both;
}

#padding, .list
{
	padding: 0 0 0 30px;
}
/* Search */

#search {
	padding: 20px 30px 40px 30px;
}

#search input {
	padding: 0;
	width: 70px;
	height: 29px;
	background: #DFDFDF url('../images/img14.gif') repeat-x;
	border: 1px solid #626262;
	font-weight: bold;
}

#search #s {
	padding: 5px;
	width: 150px;
	height: auto;
	background: #FEFEFE url('../images/img13.gif') repeat-x;
	border: 1px solid #626262;
	font: normal 1em Arial, Helvetica, sans-serif;
}

#search br {
	display: none;
}



/* Footer */

#footer {
	padding: 50px 0 50px 0;
	background: #757575 url('../images/img08.gif') top left repeat-x;
	height:25px;
}
* html #footer {
	background: #757575 url('../images/img08.gif') top left repeat-x;
	padding: 60px 0 0px 0;
	height: 25px;
}

#footer p {
	margin-bottom: 1em;
	text-align: center;
	line-height: normal;
	font-size: .9em;
	color: #BABABA;
}

#footer a {
	padding: 0 20px;
	text-decoration: none;
	color: #DDDDDD;
}

#footer a:hover {
	color: #FFFFFF;
}

#footer .rss {
	background: url('../images/img18.gif') no-repeat left center;
}

#footer .xhtml {
	background: url('../images/img19.gif') no-repeat left center;
}

#footer .css {
	background: url('../images/img20.gif') no-repeat left center;
}

#footer .legal a {
	padding: 0;
}
/* Submit */

span.req {
	color: red;
}

.small, .small a {
	padding: 0px;
	margin: 0px;
	color: #F09090;
	font-size: 7pt;
	text-decoration: none;
}

.label {
	vertical-align: top;
}

.field {
}

.field select {
	margin: 1px 0;
	color: #000000;
	padding: 2px 3px;
}

input.text {
	margin: 1px 0;
	color: #000000;
	padding: 2px 3px;
	width: 25em;
	background: #FEFEFE url('../images/img13.gif') repeat-x;
	border: 1px solid #626262;

}

input.captcha {
	margin: 1px 0;
	color: #000000;
	padding: 2px 3px;
}
input.search {
	margin: 1px 0;
	color: #000000;
	padding: 2px 3px;
	width: 15em;
	float: right;
}

input.limit_field {
	margin: 1px 0;
	color: #000000;
	padding: 2px 3px;
}

textarea.text {
	margin: 1px 0;
	padding: 2px 3px;
	width: 36em;
}

select {
	padding: 2px 3px;
	margin: 1px 0;
	width: 36em;
}

div.errForm, span.errForm {
	margin: 0px 0 0px 5px;
	padding: 2px 3px 2px 3px;
	color: #FF0000;
	background: #FFFFFF;
	border: 1px solid #cccccc;
	text-align: left;
	clear: right;
}

td.pricing {
	width: 500px;
	padding: 2px 0;
}

/* PR related */
div.pr {
	font-size: 6pt;
	color: #000000;
	float: left;
	height: 30px;
	margin-right: 5px;
}
div.prg {
	width: 40px;
	border: 1px solid #999999;
	height: 3px;
	font-size: 1px;
}

div.prb {
	background: #ff0000;
	height: 3px;
	font-size: 1px;
}

div.featured {
	background-color: rgb(255, 250, 213);
	border: 1px solid rgb(254, 235, 120);
}

.featured div.prb {
	background: rgb(254, 222, 1);
	height: 3px;
	font-size: 1px;
}


/* AJAX category selection */
#toggleCategTree {
   display:block;
   cursor:pointer;
   color:#6A8AD4;
}

#categtree {
   margin:3px 0;
   height:200px;
   width:300px;
   overflow:auto;
   border:1px dotted #9EC2F3;
   border-width:0 1px 1px;
}

#catTitle {
	background:#fff;
} /* Important for Konqueror */

#categtree h2 {
   margin:0 0 5px;
   padding:2px;
   text-align:center;
   color:#5e74b3;
   background:#DDE5F3;
   vertical-align:middle;
}

#categtree #close_tree {
   right:0;
   padding:1px;
   text-align:center;
   white-space:nowrap;
   cursor:pointer;
}

#categtree .categ-item {
   clear:both;
   margin:3px 5px;
   padding:2px 5px;
   display:block;
   border:1px dotted #CBE2EC;
   border-width:1px 0;
   cursor:pointer;
}

#categtree .categ-item img {
   margin-right:1em;
}

#categtree .odd {
   background:#F8F8FC;
}

#categtree .even {
   background:#fff;
}

#categtree .categ-item:hover {
   background:#eee;
}

.msg {
	padding: 20px 20px;
	font-weight: bold;
}

.btn {
	background: #EC0000;
	padding:5px 20px;
	display:block;
	width:auto !important;
	white-space:nowrap;
	cursor:pointer;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
	text-align:center;
	text-transform: lowercase;
	color: #fff;
	border: 0;
}

.btn:hover, .btn:focus {
   background:#EC3030;
   color:#fff;
}

.tagclouds p {
	font-size: 10pt;
	text-align: center;
}

.tagclouds a {
	line-height: 130%;
}

.tagclouds h2.title {
	margin: 10px 0 20px 0;
	padding-left: 33px;
	text-align: center;
}

td.banner {
	padding: 60px 20px 0 0;
	text-align: right;
}

.banner_small {
	padding: 0 20px 0 0;
	margin: 0px;
	color: #F00000;
	font-size: 8pt;
	text-decoration: none;
}

#rssfeed a {
	text-decoration: none;
}

.features
{
	padding: 0 0 10px 0;
}

#overDiv table td {
	padding: 1px 1px 1px 1px;
/*	background: #cccccc; */
}

#overDiv table table td {
	padding: 0;
/*	background: #F6F6F6; */
	color: #F06060;
}


td.thumbnail {
	width: 300px;
}

td.template-details {
	padding: 0.5em 20px 0 15px;
	font-weight: bold;
	background: url('../images/img11.gif') no-repeat;
	background-position: 0px 0.7em;
}

td.template-more {
	padding: 1em 20px 0 25px;
	font-weight: bold;
	background: url('../images/add.png') no-repeat;
	background-position: 0 0.95em;
	cursor: pointer;
}

td.template-details2 {
	padding: 0.5em 20px 0 15px;
}

table.more-details {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #DDDDDD;
	border-collapse:collapse;
	margin:0pt;
	padding:0pt;
	text-align:left;
	width:100%;
}

.more-details td {
	padding-left: 25px !important;
	border: 1px solid #DDDDDD;
	padding: 5px 3px !important;
}

.more-details tr.ready td {
	background: transparent url('../images/tick.png') no-repeat scroll left center;
	padding-left: 25px !important;
	color: #306020 !important;
}

.more-details tr.notready td {
	background: #FFF1F9 url('../images/cross.png') no-repeat scroll left center;
	padding-left: 25px !important;
	border: 1px solid #DDDDDD;
	color: #821517 !important;
}

td.border-bottom {
	border-bottom: 1px dotted #222222;
}

img.thumbnail {
	border: 0;
	margin: 0 60px 0 0;
}

#content .description {
	display: block;
	padding: 0 0 20px 30px;
	text-decoration: none;
	letter-spacing: -1px;
	font: normal 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F06060;
}

#content .description2 {
	display: block;
	padding: 0 0 0px 40px;
	text-decoration: none;
	font: normal 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #555555;
}

#content ul.description2 {
	padding: 0 0 0px 60px;
}

#content ol.description2 {
	padding: 0 0 0px 60px;
}

div.codebox {
	border: 1px solid #cccccc;
	background: rgb(247,247, 242);
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 5px;
}

.alt2 {
	text-align: left;
	overflow: auto;
}
