/*
Theme Name: Articlesss.com
Description: Articlesss.com
Version: 1.1
Author: Dimox
Author URI: http://dimox.name/
*/

@import 'categories.css';

* { margin: 0; padding: 0; }
body {
	font: 13px/18px "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #444;
	background: #F4F4F4 url(i/bg.gif);
}

a {
	color: #E60000;
	text-decoration: none;
}
a:hover {
	color: #AA0001;
	text-decoration: underline;
}
p {margin: 0; padding: 10px 0;}
h1 {margin: 20px 0 0;}
img {border: 0;}
h2 {
	font: normal 16px "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 12px;
}
blockquote {
	margin: 10px 0 10px 30px;
	border-left: 3px solid #E60000;
	background: #EEE;
	padding: 5px 15px;
}
code {
	border: solid #CCC;
	border-width: 1px 0;
	background: #FFFFDF;
	padding: 0 2px 2px;
}
* html blockquote {height: 1%;}
blockquote p {
	margin: 0;
}
tt {
	border: solid #CCC;
	border-width: 1px 0;
	background: #FFFFDF;
	padding: 1px 2px;
}
dt {font-weight: bold;}
dd {margin: 0 0 10px 25px;}

#wrapper {
	width: 978px;
	margin: 0 auto;
	padding: 0 10px 10px;
	border-top: 5px solid #EEE;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	background: #FFF;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 137px;
	border-bottom: 3px solid #EAEAEA;
	margin-bottom: 28px;
	position: relative;
}
#top-nav {
	position: absolute;
	top: 20px;
	right: 0;
	list-style: none;
}
#top-nav li {
	float: left;
}
#top-nav a {
	color: #808080;
	margin: 0 0 0 13px;
	background: url(i/toparrow.gif) 0 6px no-repeat;
	padding: 0 0 0 12px;
	font-size: 12px;
}
#top-nav .current_page_item a {
	background-image: url(i/toparrow2.gif);
}
#searchform {
	position: absolute;
	top: 57px;
	right: 0;
}
#searchform input,
#search input {
	font: 11px "Trebuchet MS", Arial, Sans-Serif;
	float: left;
}
#s, .search {
	width: 175px;
	padding: 2px 6px;
	border: 2px solid #ccc;
	margin-right: 5px;
}
#searchsubmit, .go {
	background: #E60000;
	border: 0;
	padding: 2px 7px;
	color: #fff;
	font-weight: bold !important;
	overflow: visible;
	height: 24px;
	cursor: pointer;
}

#logo {
	position: absolute;
	top: 11px;
	color: #808080;
	line-height: 1;
	font-size: 33px;
}
#logo span {
	display: block;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 5px 0 0;
}

#nav {
	position: absolute;
	top: 105px;
	left: 0;
	width: 100%;
	height: 24px;
	padding: 7px 0 0 0;
	clear: both;
	background: url(i/smalldot.gif) repeat-x;
	border-bottom: 1px solid #CCC;
	position: relative;
}
#nav li {
	font-size: 13px;
	display: inline;
	text-transform: uppercase;
}
#nav li a {
	margin: 0 25px 0 10px;
	color: #808080;
}
#nav li a:hover {color: #444;}
#nav li.current_page_item {
	background: url(i/arrow.gif) no-repeat center left;
}


/* Content

-----------------------------------------------------------------------------*/
#container {
	width: 100%;
	background: url(i/dots.gif) 550px 0 repeat-y;
	margin-bottom: 10px;
}
* html #container {height: 1%;}
#container:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#content {
	width: 540px;
	float: left;
	padding: 0 10px 20px 0;
	overflow: hidden;
}

#content h2 {
	font: normal 19px "Trebuchet MS", Arial, Sans-Serif;
	padding: 1px 0 4px;
	border-bottom: 1px solid #EEE;
	margin-bottom: 12px;
}
#content h2.pagetitle {
	padding-left: 3px;
}
#content h3 {
	font: normal 17px "Trebuchet MS", Arial, Sans-Serif;
	padding: 1px 0 4px;
	margin-bottom: 2px;
}

#content .entry img {
	float: left;
	border: 3px solid #eee;
	padding: 1px;
	margin: 5px 10px 5px 0;
}
#content .post {
	margin: 0 0 15px;
}
#content .post h2,
#content .post h3 {
	font-size: 20px;
	margin: 0 0 2px;
}
.post ul,
.post ol {
	margin: 7px 0 7px 35px;
}
.post li {
	padding: 2px 0;
}
.post .postmetadata {
	font-size: 11px;
	padding: 0 0 7px;
}

.entry h1 {
	font-size: 18px;
	margin: 15px 0 10px;
}
.entry h2 {
	font-size: 16px !important;
	font-weight: bold !important;
	margin: 15px 0 10px !important;
	padding: 0 !important;
	border: none !important;
}
.entry h3 {
	font-size: 15px !important;
	font-weight: bold !important;
	margin: 15px 0 10px !important;
	padding: 0 !important;
}
.entry h4 {
	font-size: 13px;
	margin: 15px 0 10px;
	font-weight: bold !important;
}

.line {
	clear: both;
	padding: 3px;
	margin: 0 0 15px;
	background: url(i/smalldot.gif) repeat-x;
}
.recent {
	margin-left: 30px;
}
.recent li {
	padding: 1px 0;
}

.other {
	margin: 20px 0;
	background: url(i/smalldot.gif) repeat-x;
	padding-top: 10px;
}
.other .recent li {
	list-style: none;
	border-bottom: 1px solid #EEE;
	padding: 4px;
}
.other .recent li a {
	background: #fff url(i/arrow.gif) no-repeat center left;
	padding: 0 0 0 12px;
	color: #808080;
}

.nav {
	font-size: 13px;
	padding: 0 0 22px;
}
.navigation {
	font-size: 13px;
	margin: 20px 0 40px;
	color: #4A4A4A;
}
.navigation a,
.navigation span {
	padding: 0 5px;
	margin: 0 3px 0 0;
	text-decoration: none;
  line-height: 12px;
}
.navigation a {
	border: 1px solid #C01D36;
	color: #C01D36;
}
.navigation a:hover {
	border: 1px solid #4A4A4A;
	color: #4A4A4A;
}
.navigation span.current {
	font-weight: bold;
	border: 1px solid #4A4A4A;
}

#order {
	text-align: right;
	padding: 0 0 10px;
}
#order select {
	font: 13px "Trebuchet MS", Arial, Sans-Serif;
	width: 120px;
}

#content ul.child-categories {
	margin: 0 0 23px 30px;
}
#content ul.child-categories ul {
	margin-left: 20px;
}

h3#respond {
	margin: 30px 0 0;
}

.commentlist {
	margin: 10px 0;
}
.commentlist li {
	padding: 10px 8px 4px;
	margin: 0 0 3px;
	position: relative;
	list-style: none;
}
.alt {
	background: #F7F7F7;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
}
.bypostauthor {
	border: 1px solid #999;
}
.avatar {
	float: left;
	margin: -3px 7px 0 0;
	background: #FFF;
	padding: 1px;
  border: 1px solid #DDD;
}
.comment-author {
	padding: 4px 0 3px;
	overflow: hidden;
}
.cauthor {
	position: relative;
}
.commentmetadata {
	font-size: 11px;
}
.commentmetadata a {
	color: #777;
}
.counter {
	position: absolute;
	top: 10px;
	left: -28px;
}
.subscribed {
  position: absolute;
  top: -4px;
  right: 0;
  font: 20px Georgia, "Times New roman";
  color: #E8E8E8;
}

#commentform p {
	padding: 0 0 8px;
}

.attention {
	margin: 12px 0 14px;
	padding: 5px 10px 7px;
	border: 1px solid red;
}

#author, #email, #url, #comment, #submit, #mcspvalue {
	font: 12px Arial, Tahoma;
	padding: 4px 5px;
	width: 200px;
	border: 1px solid #CCC;
}
.digits {font-size: 22px;}
#comment {
	width: 528px;
	height: 170px;
}
#submit {
	width: 115px;
	height: 24px;
	padding: 0;
	background: #F4F4F4;
	cursor: pointer;
}
#submit:hover {
	background: #E60000;
	color: #FFF;
	border: 1px solid #E60000;
}

.download {
	border: 1px solid #FFD5AA;
	background: #FFFBEA;
	padding: 5px 10px 0;
	margin: 15px 0 25px;
}
.download h4 {
	font-size: 15px;
	line-height: 19px;
	text-align: left;
	padding: 5px 5px 6px 64px;
	background: url(i/download.jpg) 3px 1px no-repeat;
	min-height: 38px;
	height: auto !important;
	height: 38px;
	margin: 0;
}
.download h4 a {color: #A00 !important;}
.download h4 a:hover {color: #F70 !important;}
.download p {
	background: #FFEDCA;
	padding: 2px 15px;
	margin: 8px -9px 1px;
}

a.donate {
	display: inline-block;
	width: 92px;
	height: 26px;
  background: url(i/donate.gif) no-repeat;
  text-indent: -9999px;
}


/* Sidebars
-----------------------------------------------------------------------------*/
#sidebars {
	float: left;
	width: 428px;
	font-size: 12px;
	line-height: 17px;
}
* html #sidebars {height: 1%;}
#sidebars:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

#l-sidebar {
	float: left;
	width: 230px;
	padding: 0 10px;
}
#r-sidebar {
	float: left;
	width: 168px;
	padding: 0 0 0 10px;
}

#sidebars ul {
	margin: 0 0 15px;
}
#sidebars li {
	list-style: none;
	border-bottom: 1px solid #EEE;
	padding: 3px 4px;
	margin: 0;
}
#sidebars li a {
	background: url(i/arrow.gif) no-repeat center left;
	padding: 0 0 0 12px;
	color: #808080;
}
#sidebars .adv li a {
	background: none;
	padding: 0;
}
#sidebars h2 {
	font: normal 20px "Trebuchet MS", Arial, Sans-Serif;
	padding: 0 0 3px;
	border-bottom: 1px solid #EEE;
}
#sidebars h3 {
	font: normal 18px/20px "Trebuchet MS", Arial, Sans-Serif;
	padding: 0 0 3px;
}
#sidebars .post {
	margin: 0 0 20px;
}
#sidebars p {
	padding: 0;
}
#sidebars .postmetadata {
	font-size: 11px;
}

#autoriz {
	margin: 0 0 20px;
}
#autoriz label {
	display: block;
	float: left;
	width: 58px;
	padding: 0 12px;
}
#autoriz input {
	float: left;
	font: 12px "Trebuchet MS", Arial, Sans-Serif;
	width: 130px;
	margin-bottom: 5px;
	border: 1px solid #CCC;
	padding: 0 2px;
}
.rememberme {
	padding: 0 0 0 12px;
}
#autoriz .rememberme label {
	cursor: pointer;
	padding: 0;
	width: 120px;
	margin: 2px 0 0;
	*margin: 3px 0 0;;
}
#autoriz .rememberme input {
	width: 15px;
	padding: 0;
	border: none;
	margin: 2px 4px 0 0;
	*margin: -1px 4px 0 0 !important;
	*margin: -1px 2px 0 0;
}
#autoriz #enter {
	float: right;
	margin: 0 12px 0 0;
	border: none;
	background: #E60000;
	color: #FFF;
	width: 60px;
	height: 21px;
	cursor: pointer;
}
#autoriz p {
	clear: both;
	text-align: center;
	padding: 5px 0 0;
}
#autoriz a {
	margin: 0 7px;
}

#manage {
	margin: 0 0 20px;
}
#manage p {
	padding: 0 0 10px 5px;
	font-weight: bold;
}

#download {
	border: 3px solid #EAEAEA;
	margin: 0 0 18px;
}
#download div {
	border: 1px solid #CCC;
	padding: 5px 8px;
	font-size: 13px;
	line-height: 19px;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	clear: both;
	padding: 7px 10px;
	font-size: 11px;
  line-height: 16px;
	color: #808080;
	background: #EEE;
	position: relative;
}
#counters {
	position: absolute;
	top: 8px;
	right: 10px;
}

#adv1 {
	position: absolute;
	top: 10px;
	right: 0;
}
#adv2 {
  text-align: center;
	margin: 0 0 18px;
}
table.bx_table {
	width: 100%;
  border: 3px solid #EAEAEA;
}
td.bx_td {
  border: 1px solid #CCC;
	padding: 10px;
}


/* jQuery Comment Preview
-----------------------------------------------------------------------------*/
#jquery-comment-preview {
	position: relative;
	overflow: hidden;
	background: #EEE url(i/toolbar.gif) repeat-x;
	height: 23px;
	padding: 5px;
	border: solid #D6D3D3;
	border-width: 1px 1px 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-top-right-radius: 6px;
	-khtml-border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}
div#comment_preview {
	border: 1px solid #D6D3D3;
	padding: 3px;
}
ol#comment-preview {
	margin: 0;
	padding: 7px 5px 0;
	list-style: none;
	background: #FFF;
}
#comment-preview .comment-author {
	padding: 0 0 12px;
  line-height: 24px;
}
#comment-preview p {
	padding: 0;
	margin: 0 0 18px;
}
#preview-tab {
	float: right;
	height: 21px;
	padding: 0 6px;
	font: 12px/20px Verdana, Arial, sans-serif;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #F6F5F5 url(i/toolbar.gif) 0 -37px repeat-x;
  border: 1px solid #C3C3C3;
	cursor: pointer;
}

#textarea_clone {
	height: 0;
	overflow: hidden;
}

#html-editor a {
	float: left;
	overflow: visible;
	min-width: 12px;
	height: 21px;
	margin-right: 3px;
	padding: 0 6px;
	background: #F6F5F5 url(i/toolbar.gif) 0 -37px repeat-x;
  border: 1px solid #C3C3C3;
	color: #464646;
	font: 12px/20px Verdana, Arial, sans-serif;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
  text-align: center;
	cursor: pointer;
  text-decoration: none;
}
a#ed_strong {font-weight: bold}
a#ed_em {font-style: italic}
a#ed_a {
	color: #00F;
  text-decoration: underline;
}
#html-editor a:hover,
#preview-tab:hover {
	border-color: #AAA;
	background: #DDD;
}
#html-editor a:active,
#preview-tab:active {
	position: relative;
	top: 1px;
	left: 1px;
}
#html-editor a b {display: none}