/*----------------------------------------------------
	
	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:#FFFFFF; color:#666666; font-family:Georgia, "Times New Roman", Times, serif; font-size:62.5%;}

a							{color:#333333;}
a:hover						{color:#666666;}


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

h1							{color:#333333; font-size:3.6em; line-height:1em; margin:34px 0 11px 0;}
h2							{color:#333333; font-size:3em; line-height:1em; margin:34px 0 11px 0;}
h3							{color:#333333; 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:145px 0 0 0; overflow:hidden;}
#content					{display:inline; float:left; margin:0 0 100px 0; width:480px;}


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

#header						{border-bottom:1px solid #999999; left:10px; position:absolute; top:0px; width:940px;}
#logo						{display:block; margin:50px auto 30px auto; width:745px;}

#link_home					{color:#999999; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding:0 0 5px 10px; text-decoration:none; text-transform:uppercase;}
#link_home:hover			{color:#333333;}
#link_rss					{background:url(../img/_icon_rss.png) no-repeat; float:right; height:15px; margin:0 10px 5px 0; text-indent:-9999px; width:14px;}
#link_rss:hover				{background-position:0 -15px;}


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

#paging li					{float:left; margin:0 10px 0 0;}
#paging a					{background:#333333; color:#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:#999999; color:#333333;}

#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:#000000; border:1px solid #9280A4;}


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

.post						{position:relative;}

.entry						{padding:0 0 20px 0;}
.entry h2					{font-size:3.6em;}
.entry h2 a					{text-decoration:none;}
.entry p					{font-size:1.2em; line-height:1.6em; padding:9px 0;}

.entry p.post_meta			{border-top:1px solid #B5B5B5; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding-top:2px;}
.entry p.post_meta a		{color:#999999; text-decoration:none;}
.entry p.post_meta a:hover	{color:#333333;}


/*--- 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; font-family:Arial, Helvetica, sans-serif; padding:8px 0 0 10px;}
#comments p.comment_meta span	{border-right:1px solid #CCCCCC; color:#333333; font-size:1.4em; margin:0 4px 0 0; padding:0 8px 2px 1px; text-decoration:none;}
#comments p.comment_meta span a	{text-decoration:none;}

#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:300px;}
#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:0 0 50px 0;}
#archive #content h1		{padding-bottom:20px;}
.archive_post h2			{font-size:2.6em; margin:30px 0 10px 0;}
.archive_post h2 a			{text-decoration:none;}
.archive_meta				{border-top:1px solid #B5B5B5; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding-top:2px;}
.archive_meta a				{color:#999999; text-decoration:none;}
.archive_meta a:hover		{color:#333333;}


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

#side_column				{color:#000000; display:inline; float:right; margin:60px 0 0 0; width:440px;}
#side_column h6				{border-bottom:1px solid #CCCCCC; color:#333333; font-size:1.5em; font-weight:bold; margin:35px 0 4px 0; padding:0 0 5px 0;}
#side_column a				{color:#666666; text-decoration:none;}
#side_column a:hover		{color:#333333;}
#side_column ul				{float:left; font-size:1.2em; margin:0 0 0 60px; width:160px;}
#side_column ul ul			{float:none; font-size:1em; margin:0; width:auto;}
#side_column ul ul li		{padding:4px 0 5px 0;}

#side_column form			{margin:0 0 0 60px;}
#side_column input			{margin:0 10px 0 0;}


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

input[type='text'],
textarea					{border:1px solid #E8E8E8; border-left:1px solid #C9C9C9; border-top:1px solid #C9C9C9; color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:6px 4px 5px 4px; width:250px;}
input[type='submit']		{background:#333333; border:0; color:#FFFFFF; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; height:28px; width:100px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
input[type='submit']:hover	{background:#CCCCCC; color:#333333;}


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

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