/*----------------------------------------------------
	
	SCREEN.CSS
	
	SITE: forexdaily.net
	CREATED: Wed 21.07.10 @ 16:06
	AUTHOR: Kean Richmond
	
----------------------------------------------------*/

@import url("reset.css");


/*--- 00. Common Elements ---------------------------------------------------------------------------*/

body						{background:url(../img/_bkg.jpg) center -293px repeat-x #F7F8F8; color:#505050; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}
body#index					{background-position:0 0;}

a							{color:#51B6AF;}
a:hover						{color:#318680; text-decoration:none;}


/*--- 01. Headings ---------------------------------------------------------------------------*/

h2							{font-size:2.3em; font-weight:bold; line-height:1.15em; margin:20px 0;}
h3							{font-size:2em; font-weight:bold; line-height:1.15em; margin:20px 0;}
h4							{font-size:1.8em; font-weight:bold; line-height:1.15em; margin:20px 0;}
h5							{font-size:1.4em; font-weight:bold; line-height:1.15em; margin:20px 0;}
h6							{font-size:1.2em; font-weight:bold; line-height:1.15em; margin:20px 0;}


/*--- 02. Global Layout Elements ---------------------------------------------------------------------------*/

#main-container				{background:url(../img/_bkg_header.jpg) center -293px no-repeat; margin:0px auto; padding:0 10px; position:relative; width:940px;}
#index #main-container		{background-position:0 0;}
#content-container			{height:100%; overflow:hidden; padding:175px 0 0 0; position:relative;}
#index #content-container	{padding:468px 0 0 0;}


/*--- 03. Header ---------------------------------------------------------------------------*/

#header						{height:175px; left:0; padding:0 10px; position:absolute; top:0; width:960px;}
#index #header				{height:468px;}
#logo						{background:url(../img/_logo.png) no-repeat; display:block; height:35px; left:0; position:absolute; text-indent:-9999px; top:44px; width:295px; z-index:1;}

#nav						{float:right; margin:7px 0 6px 0;}
#nav li						{float:left; font-size:1.1em;}
#nav li a					{color:#999999; text-decoration:none;}
#nav li a:hover				{color:#FFFFFF;}

#header .banner				{clear:right; float:right; margin:0 0 30px 0;}
#definition					{background:url(../img/_divide_faderight.png) no-repeat; clear:both; float:left; margin:28px 0 64px 0; padding:71px 0 0 0; width:529px;}
#definition h3				{background:url(../img/_text_heading.png) -2px 0 no-repeat; height:31px; margin:0; text-indent:-9999px; width:352px;}
#definition p				{background:url(../img/_text_heading.png) 0 -48px no-repeat; height:82px; margin:17px 0 0 0; text-indent:-9999px; width:492px;}
#monitor					{float:right; margin:-8px -2px 0 0;}

#link-home					{background:url(../img/_icon_home.png) no-repeat; clear:both; display:block; float:left; height:18px; margin:19px 9px; text-indent:-9999px; width:22px;}
#link-home:hover			{background-position:-22px 0;}
#index #link-home			{clear:left;}

#header form				{border-left:2px solid #CCCCCC; border-left:2px solid rgba(0,0,0,0.2); float:left; margin:9px; padding:6px 22px;}
#header label				{display:none;}
#header input				{float:left;}
#header input[type='text']	{background:url(../img/_spyglass.png) 6px 5px no-repeat #FFFFFF; border:0; margin:0 10px 0 0; padding-left:25px; width:240px; -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2); box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2);}


/*--- 04. Content ---------------------------------------------------------------------------*/

#content					{float:left; font-size:1.2em; width:520px;}
#content p					{line-height:1.5em; padding:9px 0;}
#content ul, #content ol	{margin:10px 0 20px 14px;}
#content ul					{list-style:square;}
#content ol					{list-style:decimal; margin-left:30px;}
#content li					{padding:5px 5px;}

#content ul#paging			{height:100%; list-style:none; margin:20px 0 60px 0; overflow:hidden;}
#content ul#paging li		{padding:0;}
#paging a					{float:left; margin:0 10px 0 0;}


/*--- 05. Posts ---------------------------------------------------------------------------*/

.post						{margin:38px 0 0 0; padding:0 0 41px 0;}
#content p.post-date		{color:#999999; font-size:1.2em; font-weight:bold; padding:0;}
.post h1					{font-size:2.6em; font-weight:bold; line-height:1.15em; margin:20px 0;}
.post h2					{margin:2px 0 28px 0;}
.post h2 a					{color:#505050; text-decoration:none;}
.post h2 a:hover			{color:#51B6AF;}
.entry h2 + p,
.entry h2 + div p:first-child {font-weight:bold;}

#content p.post-meta		{border-top:1px solid #E3E3E3; clear:both; color:#999999; font-size:0.9em; padding:9px 0 0 0;}
.post-meta a				{color:#666666; text-decoration:none}
.post-meta a:hover			{color:#51B6AF;}

.alignright					{float:right; margin:0 0 10px 10px;}
.alignleft					{float:left; margin:0 10px 10px 0;}
.morelink-container			{height:100%; margin:10px 0 20px 0; overflow:hidden;}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, 
.entry h6 					{clear:both;}
blockquote					{border-left:5px solid #CCCCCC; padding:0 0 0 10px; margin:10px 0;}
cite						{font-style:italic;}


/*--- 06. Comments ---------------------------------------------------------------------------*/

#comments h3,
#leave-comment h3			{color:#505050; font-size:1.8em; font-weight:bold; padding:30px 0 0 0;}
#content #comments ul		{list-style:none; margin:20px 0 0 0;}
#content #comments li		{border-top:1px solid #D9D9D9; clear:both; padding:10px 0 10px 0; position:relative;}
#content #comments li:first-child	{border-top:0;}
#content #comments p		{padding:5px 0 0 0;}
.avatar						{border:10px solid #F0F0F0; float:right; margin:0 0 10px 10px;}
.comment-meta				{color:#999999; font-size:0.9em; font-style:italic; padding:0;}
.comment-meta cite			{color:#51B6AF; display:block; font-size:1.2em; font-style:normal; font-weight:bold;}
.comment-meta cite a		{text-decoration:none;}

#leave-comment				{margin:40px 0;}
#leave-comment h3			{margin-bottom:15px;}


/*--- 07. Pages ---------------------------------------------------------------------------*/

.page						{margin:38px 0 0 0; padding:0 0 41px 0;}
.page input[type="text"]	{float:none; margin-right:10px;}
.pagetitle					{color:#51B6AF; font-size:2.3em; font-weight:bold; line-height:1.15em; margin:58px 0 20px 0;}


/*--- 07. Archive ---------------------------------------------------------------------------*/

.archive-post				{padding-bottom:20px;}
.archive-post h2			{margin-bottom:0;}
.archive-post .entry h2 + p,
.archive-post .entry h2 + div p:first-child {font-weight:normal;}


/*--- 08. Sidebar ---------------------------------------------------------------------------*/

#side-column				{float:right; margin:20px 0; width:340px;}
#main-widget				{background:#EEEEEE; height:280px; margin:0 0 40px 0; width:100%;}
.sidebar					{width:120px;}
#sidebar-left				{float:left; width:180px;}
#sidebar-right				{float:right;}

#side-column h6				{border-bottom:1px solid #D7D7D7; border-top:1px solid #D7D7D7; color:#505050; display:block; font-size:1.6em; font-weight:bold; margin:0 0 5px 0; padding:10px 0 9px 0;}
#side-column h6 img			{display:none;}
#side-column h6 a			{color:#505050; text-decoration:none;}
#side-column li				{padding:0 0 17px 0;}
#side-column li li			{font-size:1.2em; font-weight:bold; line-height:1.3em; padding:3px 0 5px 0;}
#side-column li li a		{text-decoration:none;}

#another-banner				{margin:0 0 40px 0; text-align:center;}


/*--- 50. Footer ---------------------------------------------------------------------------*/

#footer-container			{background:url(../img/_bkg_footer.png) repeat-x #2F2F2F; border-top:3px solid #CCCCCC;}
#footer						{color:#999999; font-size:1.1em; height:100%; margin:0px auto; overflow:hidden; padding:34px 10px; position:relative; width:940px;}

#footer h6					{color:#FFFFFF; font-size:1.25em; font-weight:bold; margin:0 0 11px 0;}
#footer > ul > li			{float:left; padding:0 2% 0 0; overflow:hidden; width:23%;}
#footer li li				{padding:5px 0;}
#footer li a				{color:#999999; text-decoration:none;}
#footer li a:hover			{color:#FFFFFF;}
#footer li li.cat-item		{float:left; padding:5px 5% 0 0; width:45%;}
#archive-list ul			{padding:5px 0 0 0;}
#archive-list ul ul			{margin:0 0 5px 0; padding:0;}
#archive-list ul li			{display:inline; padding:0;}
#archive-list ul li.archive_year	{color:#999999; font-weight:bold; padding:0 16px 0 0;}
#archive-list li a			{padding:1px 4px; text-decoration:none;}
#archive-list li span		{color:#666666; padding:1px 4px;}

#link-rss					{background:url(../img/icon_rss.png) no-repeat; color:#FFFFFF; display:block; float:left; font-size:1.3em; font-weight:bold; margin:35px 0 0 6px; padding:1px 0 0 41px; text-decoration:none;}
#link-rss em				{color:#999999; display:block; font-size:0.9em; font-weight:normal; margin:-1px 0 0 0;}
#link-rss:hover				{color:#51B6AF;}
#copyright					{bottom:34px; line-height:1.65em; position:absolute; right:0; text-align:right;}



/*--- 51. Form Elements ---------------------------------------------------------------------------*/

#content form p				{height:100%; overflow:hidden; padding:5px 0;}
label						{color:#666666; float:left; font-weight:bold; margin:4px 10px 0 0; width:110px;}
label						{float:left; margin:3px 10px 0 0; width:100px;}
input[type='text'],
textarea					{border:1px solid #CCCCCC; color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 5px 0; padding:5px; width:200px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
textarea					{height:150px; width:350px;}
input[type='submit']		{background:url(../img/_btn_grey.png) repeat-x #838383; border:0; color:#FFFFFF; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:25px; padding:0 5px; text-shadow:#666666 0 -1px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
input[type='submit']:hover	{background-position:0 -25px; text-shadow:#319089 0 -1px 0;}

.formalign					{margin-left:110px;}

form .optional				{background:url(../img/icon_optional.gif) no-repeat; display:block; float:left; height:13px; margin:7px 0 0 6px; text-indent:-9999px; width:53px;}
form .hidden				{background:url(../img/icon_hidden.gif) no-repeat; display:block; float:left; height:13px; margin:7px 0 0 6px; text-indent:-9999px; width:44px;}


/*--- 53. Skip Link ---------------------------------------------------------------------------*/

#skip-link					{float:left; margin:0 0 0 -9999px; text-decoration:none;}
#skip-link:focus			{background:#333333; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color:#FFFFFF; font-size:11px; margin:0; padding:3px 7px 3px 5px; position:relative; z-index:1000;}


/*--- 54. Links & Buttons ---------------------------------------------------------------------------*/

.link-button, #paging a,
.more-link					{background:url(../img/_btn_grey.png) repeat-x #838383; color:#FFFFFF; cursor:pointer; font-size:12px; padding:5px 10px; text-decoration:none; text-shadow:#666666 0 -1px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.link-button:hover, #paging a:hover,
.more-link:hover			{background-position:0 -25px; color:#FFFFFF; text-shadow:#319089 0 -1px 0;}