/*
Theme Name: AphesAddons
Theme URI: http://AphesAddons.com
Description: Theme for AphesAddons.com
Version: 1
Author: Aphestadil
Author URI: http://AphesAddons.com
Tags: simple, basic, coffee
*/

@import "css/reset.css";

/*
	COLORS:
	bright BG = #e7dec0
	dark BG = #b0925f
	red = #be2a45	
	red dark = #8c1f33
	darkHeader /text = #250701
	250701
	unused even darker BG = #6d4320
*/
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
.alignleft { float:left }
.alignright { float:right }
.aligncenter { float:center }
h1, h2, h3, h4, h5, h6 { font-weight:bold }
a							 {color: #be2a45;}
a:visited					{color: #8c1f33;}
#searchsubmit,
#commentsubmit				{border: 1px solid #e7dec0; background: #b0925f; padding: 3px 14px;
							-moz-border-radius: 5px; -webkit-border-radius: 5px;
							color: #250701}
#searchsubmit:hover,
#commentsubmit:hover			{ background: #be2a45; color: #e7dec0;}
#main-header #searchform				{margin: 10px 0 0 0; float: right;}
#main-header #searchform	input#s		{color: #250701; background-color: #b0925f}

html							{overflow-y: scroll;}
html, body					{height: 100%}
body						{font-family: Arial, sans-serif; color: #250701;
							background: url(images/layout/header-bg.png) top center repeat-x #b0925f;}
							
/*
	MAIN LAYOUT
*/
#page-wrap					{width: 960px; margin: 0px auto -200px; 
							min-height: 100%; height: auto !important; height: 100%}
#content					{ width: 680px; float: left;}
#sidebar					{ width: 250px; float: right;}
							
#footer-push				{height: 200px}

/* HEADER */
h1#logo						{width:310px; height: 90px;
							background: url(images/layout/logo.png) top left no-repeat;
							text-indent: -9999px; margin: 0 10px 0 10px; float:left;}
#main-header				{padding: 20px 0 0 0; margin: 0 0 90px 0;}
#main-header p				{color: #e7dec0; width:380px; font-style: italic; font-size: 0.8em; float: left; color:#e7dec0;}

/* Main Nav */

#nav-bar					{ padding-top: 6px; margin-botttom: 20px}
ul#main-nav					{width: 360px; margin: 0 0 0 0;float: left; padding-bottom: 40px;}
ul#main-nav2					{width: 360px; margin: 0 0 0 0;float: right; text-align: right;}
ul#main-nav li,
ul#main-nav2 li				{display: inline;}
ul#main-nav li a,
ul#main-nav2 li a				{color: #250701; font-size: 1.2em; padding: 3px 10px;
							-webkit-border-top-left-radius: 10px;
							-webkit-border-top-right-radius: 10px;
							-moz-border-radius-topleft: 10px;
							-moz-border-radius-topright: 10px;
							border-top-left-radius: 10px;
							border-top-right-radius: 10px;}
							
body#home ul#main-nav a.home,
body#blog ul#main-nav a.blog,
body#addons ul#main-nav a.addons,
body#faq ul#main-nav2 a.faq,
body#contact ul#main-nav2 a.contact {background: #b0925f; color: #e7dec0}

ul#main-nav li a:hover,
ul#main-nav2 li a:hover		{background: #b0925f; color: #e7dec0}

/* SIDEBAR */
#sidebar ul {margin: 0 0 10px 10px;}
#sidebar li {margin: 0 0 7px 0; font-size: 1em;}
#sidebar li ul li {margin: 0 0 7px 20px; font-size: 0.8em;}
#sidebar a {text-decoration: none; }
ul#addonssidebar  {margin: 0 0 10px 0;}
ul#addonssidebar  li {font-size: 1.1em; list-style-image:url(images/layout/list.gif); margin: 0 0 10px 20px;}
ul#addonssidebar ul li {margin: 0 0 2px 0; font-size: 0.8em; list-style-image: url(images/layout/list-small.gif);}
ul#addonssidebar ul {margin: 10px 0 7px 25px;}
.framed						{background: #e7dec0; padding: 20px 20px 20px 20px; margin-bottom: 20px;
							-moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* FOOTER */
#footer						{height: 200px; background: #250701; border-top: 10px solid #be2a45; padding-top: 40px; color: #e7dec0;}
#footer-content				{width: 960px; margin: 0 auto;}


/* actual Posts */
.indent2		{margin: 10px 0 20px 40px; }
.blueitem					{color: #0070dd}
.purpleitem					{color: #a335ee}
#content p					{margin-bottom: 15px;}
#content .paragraph 			{margin: 10px 0 35px 0; }
#content .indent 			{margin: 10px 0 10px 80px; }
.page-content .noframe ,
.post-content .noframe 	{padding: 0; margin: 0 5px 0 5px; display: inline; border: none; }
.page-content img,
.post-content img		{padding: 1px; margin:15px 15px 15px 15px; border: 4px solid #b0925f; display: block;}
.page-content img.wp-smiley,
.post-content img.wp-smiley		{margin: 1px 6px 1px 6px; border: none; display: inline;}
.date						{font-size:0.8em; text-align: right; color: #250701; font-weight: bold; background: #b0925f; padding: 5px 10px;
							margin-top: 5px;
							-moz-border-radius: 5px; -webkit-border-radius: 5px; }
.numCom						{font-size: 0.7em; text-align: right; color: #250701; 
							margin-top: 0px; }
.post-header				{background: #250701;
							color: #e7dec0;
							padding: 5px 10px 5px 10px;
							-webkit-border-top-left-radius: 10px;
							-webkit-border-top-right-radius: 10px;
							-moz-border-radius-topleft: 10px;
							-moz-border-radius-topright: 10px;
							border-top-left-radius: 10px;
							border-top-right-radius: 10px;}
.post-header h2				{width: 550px; font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; padding-bottom: 10px;}
.post-content				{background: #e7dec0;
							padding: 10px 10px 20px 10px; margin-bottom: 20px;
							-webkit-border-bottom-left-radius: 10px;
							-webkit-border-bottom-right-radius: 10px;
							-moz-border-radius-bottomleft: 10px;
							-moz-border-radius-bottomright: 10px;
							border-bottom-left-radius: 10px;
							border-bottom-right-radius: 10px;}
.page-content				{background: #e7dec0; padding: 20px 20px 20px 20px; margin-bottom: 20px;
							-moz-border-radius: 5px; -webkit-border-radius: 5px;}
p.postmetadata				{margin-bottom: 40px;}
.post-content ul li,
.page-content ul li				{margin: 0 0 10px 30px; list-style-image:url(images/layout/list.gif); }
.post-content ol li,
.page-content ol li				{margin: 0 0 10px 30px; list-style-type: decimal; }
.post-content  ol,
.page-content  ul			{margin-bottom: 10px}
.page-content  li ul li,
.post-content  li ul li		{margin: 0 0 0 30px; font-size:0.8em; list-style-image:url(images/layout/list-small.gif);}
.page-content  li ul,
.post-content  li ul		{margin-bottom: 0px}

/*  pages */
.pageheader  			 {font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 10px 0 30px 0;}
h2	 	 			 {font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 10px 0 10px 0;}
h3	 	 			 {font-size: 1.5em; font-family: Georgia, serif; font-weight: normal; margin: 10px 0 10px 0;}
li h4	 	 			 {font-size: 1.3em; font-family: Georgia, serif; font-weight: normal; margin: 10px 0 10px 0}
h4	 	 			 {font-size: 1.2em; font-family: Georgia, serif; font-weight: normal; margin: 25px 0 15px 0}
h5	 	 			 {font-size: 1.1em; font-family: Georgia, serif; font-weight: normal; margin: 6px 0 6px 0}
.comingsoon				{background: url(images/layout/comingsoon.png) top left no-repeat;
						width: 150px; height: 44px; padding-left: 160px; margin:20px 0;
						font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; padding-bottom: 10px;}
.new				{background: url(images/layout/new.png) top left no-repeat;
						width: 150px; height: 44px; padding-left: 160px; margin:20px 0;
						font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; padding-bottom: 10px;}
.curse					{width:392px; height: 85px;
							background: url(images/layout/curse_download.png) top left no-repeat;
							text-indent: -9999px; margin: 0 10px 0 10px;}						

/* comments */
ul.children       {margin: 0  0 20px 40px;}
.reply		{text-align: right; margin-top:15px;}
.comment-header				{background: #36281B;
							color: #e7dec0;
							padding: 10px 10px 5px 10px;
							-webkit-border-top-left-radius: 10px;
							-webkit-border-top-right-radius: 10px;
							-moz-border-radius-topleft: 10px;
							-moz-border-radius-topright: 10px;
							border-top-left-radius: 10px;
							border-top-right-radius: 10px;}
.comment-me					{background: #E3D3AD;
							padding: 10px 10px 10px 10px; margin-bottom: 5px;
							-webkit-border-bottom-left-radius: 10px;
							-webkit-border-bottom-right-radius: 10px;
							-moz-border-radius-bottomleft: 10px;
							-moz-border-radius-bottomright: 10px;
							border-bottom-left-radius: 10px;
							border-bottom-right-radius: 10px;}
.comment-content			{background: #e7dec0;
							padding: 10px 10px 10px 10px; margin-bottom: 5px;
							-webkit-border-bottom-left-radius: 10px;
							-webkit-border-bottom-right-radius: 10px;
							-moz-border-radius-bottomleft: 10px;
							-moz-border-radius-bottomright: 10px;
							border-bottom-left-radius: 10px;
							border-bottom-right-radius: 10px;}
/* commen reply */
 .polyglot					{background: url(images/layout/polyglot.jpg) top left no-repeat;
								padding-left: 110px; margin-bottom:20px;}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment 		{display: block; margin: 7px 0 7px 0;}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label		{color: red; width: 130px; text-align: right; vertical-align:top; display: inline-block}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment input		{width: 480px; text-align: left; display: inline-block; float: right;}
#comment						{width: 480px; text-align: left; display: inline-block; float: right;}
.comment-notes				{font-size: 0.8em; margin-bottom:10px;}
.form-allowed-tags {margin: 10px; }

/* 404 */
#clippy 					{width:319px; height: 570px;
							background: url(images/layout/clippy_404.png) top center no-repeat;
							margin: 20px; padding: 40px;}
#clippy ul				{margin: 66px 0 40px 50px}
#clippy li				{margin-bottom: 44px;}
#clippy .lol				{margin-bottom: 23px;}
#clippy #s				{margin-left: 30px; background-color: #e7dec0}
#clippy #searchsubmit      {padding: 8px 25px;margin: 35px 0 0 180px; color: #250701; border: 1px solid #250701; background-color: #e7dec0}
#clippy #searchsubmit:hover      {color: #e7dec0; background-color: #be2a45}
/*  other stuff */


.progress-wrap {
    position: relative;
    width: 446px; height: 33px;
}

.progress-border {
    width: 446px; height: 33px;
    background: url(images/layout/progressbar.png) top left no-repeat;
}
 .progress-value {
    width: 422px; height: 33px;
	margin: 0 8px 0 16px;
	background: url(images/layout/progressbar_bar.png) top left no-repeat;
}            
.progress-text {
    padding-top: 5px;     
	font-size: 0.8em;
	font-weight: bold;
    vertical-align: center;
}

.lastpost  			 {font-size: 1.3em; font-family: Georgia, serif; font-weight: normal; padding: 50px 0 20px 0;}

.note			{border: 1px solid #250701; background: #e7dec0; padding: 10px; font-weight: normal;
							margin: 10px 0 10px 0;
							-moz-border-radius: 5px; -webkit-border-radius: 5px;
							color: #250701}
.important		{border: 2px solid #250701; background: #be2a45; padding: 10px; font-weight: bold;
							margin: 10px 0 10px 0;
							-moz-border-radius: 5px; -webkit-border-radius: 5px;
							color: #250701}
.code {background: #e7dec0;}
code			{margin-left: 30px; color: #be2a45; font-family: Consolas, monospace;
				overflow: auto; display: block; width: 90%;border: 1px solid #250701; background: #e7dec0; 
							-moz-border-radius: 5px; -webkit-border-radius: 5px;
							color: #250701}