/*----------------------------------------------------
	
	SCREEN.CSS
	
	SITE: www.universal-love.co.uk
	CREATED: Tue 27.04.10 @ 10:3
	AUTHOR: Kean Richmond
	
----------------------------------------------------*/

@import url("reset.css");


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

body						{background:url(../img/_bkg.jpg) #D95353; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}

a							{color:#D95353;}
a:hover						{color:#9280A4;}


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

h1							{color:#D95353; font-size:2.4em; font-weight:bold; line-height:1em; margin:34px 0 11px 0;}
h2							{color:#D95353; font-size:2em; font-weight:bold; line-height:1em; margin:34px 0 11px 0;}
h3							{color:#D95353; 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 10px; position:relative; width:940px;}
#content_container			{padding:200px 0 0 0; overflow:hidden;}
#content					{background:#FFFFFF; border:10px solid #E17575; display:inline; float:left; margin:0 0 100px 60px; padding:0 20px; width:520px;}


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

#header						{left:20px; position:absolute; top:0px; width:100%;}
#logo						{display:block; float:left; margin:57px 0 0 50px;}

#header form				{background:#FFFFFF; float:right; height:24px; margin:83px 90px 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:#666666; 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						{bottom:45px; left:70px; position:absolute;}
#paging li					{float:left; margin:0 10px 0 0;}
#paging a					{background:#FFFFFF; display:block; font-size:1.4em; font-weight:bold; padding:10px; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#paging a:hover				{background:#FFFE9B; color:#D95353;}

#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 0; padding:5px 6px; width:250px;}
#content_searchbox:focus	{background:#FFFFFF; border:1px solid #9280A4;}


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

.post						{position:relative;}
.post_date					{background:#E17575; color:#FFFFFF; font-size:1.4em; height:51px; left:-90px; line-height:1.2em; overflow:hidden; padding:9px 0 0 0; position:absolute; text-align:center; text-transform:uppercase; top:-17px; width:60px;}
.post_date span				{display:block; font-size:1.7em; font-weight:bold; padding:4px 0;}

.entry						{padding:0 0 20px 0;}
.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 #B5B5B5; 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:#D95353;}


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

#comments					{margin:30px 0 0 0;}
#comments li				{margin:0; padding:0 0 32px 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:#D95353; 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:30px 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:350px;}
#commentform input[type='text']:focus,
#commentform textarea:focus	{background:#FFFFFF; border:1px solid #9280A4;}

.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-bottom:50px;}
.archive_post h2			{font-size:1.4em; margin:30px 0 0 0; padding:0 0 5px 0;}
.archive_post h2 a			{text-decoration:none;}
.archive_meta				{border-top:1px dotted #B5B5B5; color:#999999; font-size:1.1em; padding:5px 0 0 0;}
.archive_meta a				{color:#999999; text-decoration:none;}
.archive_meta a:hover		{color:#D95353;}


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

#side_column				{color:#FFFFFF; display:inline; float:right; margin:8px 60px 0 0; width:220px;}
#side_column h6				{border-bottom:1px solid #E89898; color:#FFFE9B; font-size:1.5em; font-weight:bold; margin:35px 0 4px 0; padding:0 0 5px 0;}
#side_column a				{color:#FFFFFF; text-decoration:none;}
#side_column a:hover		{text-decoration:underline;}
#side_column ul				{font-size:1.2em;}
#side_column ul ul			{font-size:1em;}
#side_column ul ul li		{padding:4px 0 5px 0;}


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