/**
 * style.css
 *
**/

a {color:#69F;text-decoration:none}
a:hover {color:#069}
body {background:#0F0F0F;color:#888;font-family:'Lucida Grande',Verdana,Arial,Helvetica,sans-serif;font-size:11px;margin:0;padding:0}
td{font-size:11px;}
form {margin:0;padding:0}
h1, h2 {margin:0 0 16px 0;padding:0}
input, select, textarea {color:#000;font-family:'Lucida Grande',Verdana,Arial,Helvetica,sans-serif;font-size:12px}
textarea {margin-bottom:4px}
p {margin:0 0 16px 0;padding:0}
strong {color:#FFF}

.clear {clear:both}
.icon {padding:0 10px 0 20px}
.tool {padding:0 10px 0 40px}
.title span {visibility:hidden}
.yellow {color:#FE0}
.form_btn {padding:8px 0}

#container {background:#1C1C1C;width:950px;margin:0 auto}

#header {background:url('images/bg_header.gif') bottom left repeat-x;border-bottom:1px solid #232323}
#header .left {float:left;width:210px}
#header .left h1 {margin:0;padding:0}
#header .left h1 a {background:url('images/urlcover.jpg') top left no-repeat;display:block;width:208px;height:142px}
#header .left h1 a span {visibility:hidden}

#header .right {float:right;padding:10px 0 0 0;width:728px}

#header #nav {float:right;margin:8px 0 0 0;width:480px}
#header #nav ul {float:right;list-style:none;margin:0;padding:0}
#header #nav ul li {float:left;display:inline;height:18px;padding-right:10px}

#main {clear:both;line-height:16px}

#content {line-height:19px;padding:8px 16px}
#content .left {color:#CCC;float:left;font-size:12px;width:500px}
#content .right {float:right;width:400px}

#middle {background:url('images/bg_middle.gif') top left repeat-x;clear:both;padding:16px}
#middle .left {float:left;width:600px}
#middle .left ul.browse {list-style:none;margin:0;padding:0}
#middle .left ul.browse li {display:inline;float:left;padding:0 16px 0 0}
#middle .right {float:right;width:300px}

#lower {background:#292929;clear:both;padding:12px 0}
#lower .left {border-right:1px solid #1C1C1C;float:left;padding:0 16px;width:400px}
#lower .center {border-right:1px solid #1C1C1C;float:left;padding:0 16px;width:200px}
#lower .right {float:right;padding:0 16px;width:250px}
#lower ul {list-style:none;margin:0;padding:0}
#lower .tools li {float:left;margin:0 0 12px 0;width:150px}
#lower .tools li a {color:#FFF;font-weight:bold}
#lower .tools li a:hover {color:#69F}

#footer {background:#0F0F0F;clear:both;font-size:10px;padding:16px}

/** ADS **/
.ads728 {margin:10px 10px 0 0;width:728px}
.ads300 {width:300px}

/** TITLE **/
.coverit {background:url('images/title_coverit.gif') top left no-repeat;display:block;width:172px;height:41px}
.why {background:url('images/title_why.gif') top left no-repeat;display:block;width:155px;height:25px}
.useful {background:url('images/title_useful.gif') top left no-repeat;display:block;width:77px;height:14px}
.support {background:url('images/title_support.gif') top left no-repeat;display:block;width:77px;height:14px}
.statistics {background:url('images/title_statistics.gif') top left no-repeat;display:block;width:77px;height:14px}
.popular {background:url('images/button_popular.gif') top left no-repeat;display:block;width:139px;height:36px}
.plugin {background:url('images/button_plugin.gif') top left no-repeat;display:block;width:179px;height:36px}

/** ICONS **/
.settings {background:url('images/icon_settings.gif') center left no-repeat}
.bookmark {background:url('images/icon_bookmark.gif') center left no-repeat}

/** TOOLS **/
.browsplug {background:url('images/tool_plugin.gif') center left no-repeat}
.multi {background:url('images/tool_multi.gif') center left no-repeat}
.api {background:url('images/tool_api.gif') center left no-repeat}
/* My Custom Styles */ 

.box {
	padding: 5px;
}
.box_title {
	text-align: left; background: url(../images/title-bg.gif); height: 39px; line-height: 39px; border: 1px; font-size: 12px; color: #ffffff; font-weight: bold; padding-left: 15px;
}
.box_contents {
	text-align: left; padding: 10px;
}
.maintext {
	background: url(../images/maintext-bg.gif); height: 58px; width: 530px; border: 1px; font-size: 18px; color: #565656; padding: 18px 20px 0 20px;
}
.alert {
	background-color: yellow; font-weight: bold; font-size: 11px; color: #666666;
}
/*.yellow {
	font-weight: bold; font-size: 15px; background: yellow;
}*/
.white {
	border: #ffffff 1px solid; font-size: 11px; height: 19px
}
.bluelink {
	text-decoration: underline; color: #184366;
}

ul li {
	display: block; text-decoration: none; padding: 4px;
}
ul li.arrow {
	display: block; text-decoration: none; background: url('images/arrow.png') no-repeat left center; padding-left: 20px;
}
ul li.plugin {
	display: block; text-decoration: none; background: url('images/plugin.png') no-repeat left center; padding-left: 20px;
}
ul li.settings {
	display: block; text-decoration: none; background: url('images/settings.png') no-repeat left center; padding-left: 20px;
}
ul li.multiple {
	display: block; text-decoration: none; background: url('images/multiple.png') no-repeat left center; padding-left: 20px;
}
ul li.paypal {
	display: block; text-decoration: none; background: url('images/paypal.png') no-repeat left center; padding-left: 20px;
}
ul li.comments {
	display: block; text-decoration: none; background: url('images/comments.png') no-repeat left center; padding-left: 20px;
}

.top {
	padding: 10px 10px; font-weight: bold; font-size: 11px; color: #ffffff;
}
.top a {
	background-color: #018DC3;
	border: 2px #018DC3 outset;
	padding: 1px 4px;
	color: #ffffff;
	text-decoration: none;
}