/*----------------------------------------------------
	
	SCREEN.CSS
	
	SITE: www.poppyspage.org.uk
	CREATED: Wed 31.03.10 @ 14:40
	AUTHOR: Kean Richmond
	
----------------------------------------------------*/

@import url("reset.css");


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

html						{background:url(../img/_bkg.jpg);}
body						{background:url(../img/_bkg_content.png) repeat-x; color:#828278; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}

a							{color:#9280A4;}
a:hover						{color:#61C0C9;}


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

h1							{color:#9280A4; font-size:2.4em; font-weight:bold; line-height:1em; margin:0 0 11px 0;}
h2							{color:#9280A4; font-size:2em; font-weight:bold; line-height:1em; margin:0 0 11px 0;}
h3							{color:#9280A4; font-size:1.8em; font-weight:bold; line-height:1em; margin:0 0 11px 0;}


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

#main_container				{margin:0px auto; padding:0 20px; position:relative; width:620px;}
#content_container			{padding:250px 0 0 0;}


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

#header						{left:20px; position:absolute; top:0px; width:100%;}
#logo						{clear:both; display:block; margin:104px auto 0 auto; width:269px;}

#nav						{float:left;}
#nav li						{float:left; font-size:1.1em; font-weight:bold; margin:8px 50px 0 0;}
#nav li a					{color:#FFFFFF; display:block; padding:5px 0; text-decoration:none;}
#nav li a:hover				{color:#92F0F1;}

#header form				{background:#B39FC7; background:rgba(255,255,255,0.2); float:right; height:24px; margin:8px 0 0 0; position:relative; width:220px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#header form input[type='text']	{background:0; border:0; color:#FFFFFF; float:left; font-family:Arial,Helvetica,sans-serif; font-size:11px; padding:5px 8px; width:178px;}
#header form input[type='submit']	{background:url(../img/_spyglass.png) no-repeat; border:0; cursor:pointer; float:left; height:21px; margin:2px 0 0 0; padding:0 0 0 21px; text-indent:-9999px; width:21px;}
#header form input[type='submit']:hover{background-position:-21px 0px;}


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

#paging						{height:100%; margin:-26px 0 50px 80px; overflow:hidden;}
#paging li a				{background:url(../img/_paging.png) no-repeat; display:block; height:62px; text-indent:-9999px; width:62px;}
#paging li#older a			{background-position:-68px 0; float:right;}
#paging li#older a:hover	{background-position:-68px -64px;}
#paging li#newer a			{float:left;}
#paging li#newer a:hover	{background-position:0 -64px;}


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

.post						{height:100%; overflow:hidden;}
.post_date					{background:url(../img/_date.png) no-repeat; color:#948E77; float:left; font-size:1.8em; height:62px; line-height:1.2em; text-align:center; width:60px;}
.post_date span				{display:block; font-size:1.7em; font-weight:bold; padding:4px 0 0 0;}

.entry						{float:right; padding:0 0 65px 20px; width:540px;}
.entry h2					{font-size:2.4em;}
.entry h2 a					{text-decoration:none;}
.entry p					{font-size:1.2em; line-height:1.5em; padding:9px 0;}

.entry p.post_meta			{border-top:1px dotted #CFCFCC; border-top:1px dotted rgba(0,0,0,0.1); font-size:1.1em; margin:5px 0 0 0; padding-top:14px;}
.entry p.post_meta a		{color:#828278;}
.entry p.post_meta a:hover	{color:#61C0C9;}

#content_searchbox			{background:#F7F7F7; border:1px solid #C1C1C1; border-bottom:1px solid #DEDEDE; border-right:1px solid #DEDEDE; color:#666666; float:left; margin:0 10px 0 5px; padding:5px 6px; width:250px;}
#content_searchbox:focus	{background:#FFFFFF; border:1px solid #61C0C9;}


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

#comments,
#leave_comment				{padding:0 0 0 80px;}

#comments ul				{margin:0 0 65px 0;}
#comments li				{margin:0; padding:20px 0 12px 0;}
.comment_content			{background:#CFCFCC; background:rgba(0,0,0,0.1); color:#666666; padding:8px 15px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}
.alt .comment_content		{background:#D9D8D5; background:rgba(0,0,0,0.05);}
.comment_content p			{font-size:1.1em; padding:4px 0;}
#comments p.comment_meta 	{color:#999999; padding:8px 0 0 10px;}
#comments p.comment_meta span	{border-right:1px solid #CCCCCC; color:#9280A4; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; font-style:italic; margin:0 4px 0 0; padding:0 8px 2px 1px; text-decoration:none;}
#comments p.comment_meta span a	{text-decoration:none;}

input[type='text'],
textarea					{color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#commentform				{height:100%; overflow:hidden; padding:0 0 65px 0;}
#commentform h3				{margin:0 0 20px 0;}
#commentform p				{clear:both; overflow:hidden; padding:5px 0!important;}
#commentform label			{float:left; font-size:1.1em; font-weight:bold; padding:5px 5px 0 0; width:75px;}
#commentform input[type='text'], 
#commentform textarea		{background:#F7F7F7; border:1px solid #C1C1C1; border-bottom:1px solid #DEDEDE; border-right:1px solid #DEDEDE; color:#666666; float:left; margin:0 0 0 5px; padding:5px 6px; width:250px;}
#commentform textarea		{height:150px; width:380px;}
#commentform input[type='text']:focus,
#commentform textarea:focus	{background:#FFFFFF; border:1px solid #61C0C9;}
#commentform input[type='submit']	{background:url(../img/_btn_submit.png) no-repeat; border:0; cursor:pointer; float:left; height:45px; margin-top:10px; padding:0 0 0 155px; text-indent:-9999px; width:156px;}
#commentform input[type='submit']:hover	{background-position:-156px 0;}

.formalign					{float:left; margin:0 0 0 85px;}

form .optional				{background:url(../img/icon_optional.gif) no-repeat; display:block; float:left; height:13px; margin:6px 0 0 6px; text-indent:-9999px; width:53px;}
form .required				{background:url(../img/icon_required.gif) no-repeat; display:block; float:left; height:13px; margin:6px 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:6px 0 0 -4px; text-indent:-9999px; width:44px;}
form .warning				{background:url(../img/icon_warning.png) no-repeat; display:block; float:left; height:17px; margin:4px 0 0 6px; text-indent:-9999px; width:17px;}


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

#archive #content			{padding:0 0 65px 80px;}

.archive_post				{padding:20px 0 0 0!important;}
.archive_post h2			{font-size:1.4em; margin:0; padding:0 0 5px 0;}
.archive_post h2 a			{text-decoration:none;}

.archive_meta				{border-top:1px dotted #CFCFCC; border-top:1px dotted rgba(0,0,0,0.1); color:#999999; font-size:1.1em; padding:5px 0 0 0;}
.archive_meta a				{color:#999999; text-decoration:none;}
.archive_meta a:hover		{color:#407BD2;}



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

#footer						{background:url(../img/_footer_border.png) repeat-x; float:right; margin:0 -20px 0 0; padding:60px 20px; width:540px;}
#footer h6					{clear:both; float:left; height:27px; margin:4px 0 0 0; text-indent:-9999px; width:95px;}

#archive_list h6			{background:url(../img/_heading_archive.png) no-repeat;}
#archive_list ul			{color:#ABA99C; float:right; margin:0 0 24px 0; width:440px;}
#archive_list ul ul			{height:1%; float:none; margin:0; overflow:hidden; width:auto;}
#archive_list ul ul li		{display:inline; font-size:1.1em; margin:3px;}
#archive_list ul ul li.archive_year	{background:#9280A4; color:#E8E7E4; font-weight:bold; line-height:2.4em; padding:2px 5px; text-align:right; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#archive_list li a			{background:#D9D8D5; background:rgba(0,0,0,0.05); color:#9280A4; line-height:2.4em; padding:2px 5px; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#archive_list li span		{line-height:2.4em; padding:2px 5px;}
#archive_list a:hover,
#arc_current				{color:#61C0C9;}

.categories h6				{background:url(../img/_heading_categories.png) no-repeat;}
.categories ul				{float:right; width:440px;}
.categories li				{display:inline; margin:3px;}
.categories a				{background:#D9D8D5; background:rgba(0,0,0,0.05); color:#9280A4; font-size:1.1em; line-height:2.4em; padding:2px 5px; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.categories a:hover			{color:#61C0C9;}


/*--- 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;}