/*----------------------------------------------------
	
	SCREEN.CSS
	
	SITE: www.beckynaylor.co.uk
	CREATED: Thu 22.10.09 @ 09:45
	AUTHOR: Kean Richmond
	
----------------------------------------------------*/

@import url("reset.css");


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

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


/*--- 01. Heading Elements ---------------------------------------------------------------------------*/

h1							{color:#934663; font-size:3.4em; font-weight:bold; margin:38px 0 20px 0;}
h3							{color:#934663; font-size:1.6em; font-weight:bold; margin:20px 0 5px 0;}
h1 a, h3 a					{text-decoration:none;} 


/*--- 02. Global Container Elements ---------------------------------------------------------------------------*/

#main_container				{background:url(../img/_bkg_paper.png) repeat-y; padding:0 0 24px 0; position:relative; width:960px;}
#content_container			{height:1%; overflow:hidden; padding:288px 0 0 0;}


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

#header						{left:0; position:absolute; top:0; width:960px;}
#logo						{float:left; margin:23px 20px 17px 75px;}

.nav						{clear:left; height:1%; margin:0 0 0 75px; overflow:hidden;}
.nav li						{float:left; margin:0 30px 0 0;}
.nav li a					{color:#539199; font-size:1.8em; font-weight:bold; text-decoration:none;}
.nav li a:hover				{color:#8F4561;}

.subscribe					{float:right; width:320px;}
.subscribe li				{margin:19px 0 0 0;}
.subscribe li a				{background-position:-17px 0; background-repeat:no-repeat; color:#FFFFFF; display:block; font-size:1.4em; font-weight:bold; padding:11px 0 9px 22px; text-decoration:none; width:150px;}
.subscribe li a:hover		{color:#FFFFFF;}
.subscribe li#rss a			{background-image:url(../img/_icon_rss.png);}
.subscribe li#twitter a		{background-image:url(../img/_icon_twitter.png);}

#banner						{background:url(../img/_banner_bkg.png) no-repeat; margin:18px 0 0 0; padding:5px 5px 5px 0;}


/*--- 04. Global Content Elements ---------------------------------------------------------------------------*/

#content					{display:inline; float:left; margin:0 0 0 40px; padding:0 35px; position:relative; width:530px;}

#h6_latestentry,
#h6_moreentries				{margin:38px 0 0 -67px; position:absolute; text-indent:-9999px;}
#h6_latestentry				{background:url(../img/_heading_latestentry.png) no-repeat; height:117px; width:23px;}
#h6_moreentries				{background:url(../img/_heading_moreentries.png) no-repeat; height:126px; margin-left:-65px; width:17px;}

.page_nav					{height:1%; margin:4px 0 0 0; overflow:hidden;}
.page_nav li				{float:left; margin:0 10px 0 0;}
.page_nav li a				{background-repeat:no-repeat; display:block; height:26px; text-indent:-9999px; width:81px;}
.page_nav li a:hover		{background-position:-81px 0;}
.page_nav li#older a		{background-image:url(../img/_nav_older.png);}
.page_nav li#newer a		{background-image:url(../img/_nav_newer.png);}


/*--- 05. Post Elements ---------------------------------------------------------------------------*/

.post						{}
.post h1					{margin-bottom:0;}
.post_moreentries h1		{font-size:2.8em;}
.post_metadata				{color:#928C7D; font-size:1.1em; margin:0 0 20px 0;}
.post_metadata a			{color:#928C7D; text-decoration:none;}
.post_metadata a:hover		{color:#934663;}

.entry						{height:1%; overflow:hidden; padding:0 0 35px 0;}
.entry p					{font-size:1.2em; line-height:1.5em; padding:9px 0;}

.more-link					{background:#7A776E; background:rgba(0,0,0,.5); color:#FCF4DF; cursor:pointer; display:block; float:left; margin:20px 0 0 0; padding:4px 12px; text-decoration:none; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;}
.more-link:hover			{background:#934663; color:#FCF4DF;}

.entry .alignright			{float:right; margin:10px 0 10px 10px;}
.entry .alignleft			{float:left; margin:10px 10px 10px 0;}


/*--- 06. Comments List Elements ---------------------------------------------------------------------------*/

h5.comments_hdr				{color:#934663; font-size:2.8em; font-weight:bold; margin:25px 0 0 0;}
a.comment_link				{color:#928C7D; font-size:1.1em; text-decoration:none;}

#comment_list li			{padding:30px 0 5px 0; position:relative;}
.comment_avatar				{border:3px solid #924562; margin:3px 0 0 -59px; position:absolute;}
.comment_avatar	img			{border:1px solid #FFFFFF;}
#comment_list li.author	.comment_avatar	{border-color:#5FC7DF;}

.comment_content p			{font-size:1.1em; padding:3px 0;}
.comment_meta				{border-top:1px solid #D8D1BE; margin:8px 0 0 0; padding:11px 0 0 0;}
.comment_author				{font-size:1.1em; font-weight:bold;}
.comment_author a			{text-decoration:none;}
.comment_date				{color:#928C7D;}


/*--- 07. Comment Form Elements ---------------------------------------------------------------------------*/

#leave_comment				{padding:35px 0 0 0;}
#leave_comment form			{padding:30px 0 0 0;}
#leave_comment p			{height:1%; overflow:hidden; padding:5px 0;}
#leave_comment label		{color:#539199; float:left; font-size:1.2em; font-weight:bold; margin:6px 10px 0 0; text-align:right; width:70px;}
#leave_comment input[type='text'],
#leave_comment textarea		{background:#FFFFFF; border:1px solid #D1D1D1; color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 4px 4px 4px; width:200px;}
#leave_comment textarea		{height:150px; width:350px;}
#leave_comment input[type='submit']	{background:url(../img/_btn_send.png) no-repeat; border:0; cursor:pointer; height:26px; margin:0 0 0 80px; padding:0 0 0 71px; text-indent:-9999px; width:71px;}
#leave_comment input[type='submit']:hover	{background-position:-71px 0;}

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


/*--- 08. Archive Elements ---------------------------------------------------------------------------*/

h5.archive_title			{color:#934663; font-size:2.8em; font-weight:bold; margin:25px 0 0 0;}
.archive_post h1			{font-size:2em;}
.archive_post .post_metadata	{margin-bottom:5px;}
.archive_post .entry		{padding-bottom:0;}
.archive_post .entry p.archive_morelink	{padding:0;}
.archive_post .entry p.archive_morelink	a.more-link	{margin-top:5px;}

.pagenav_archives			{margin-top:30px;}


/*--- 09. Sidebar Elements ---------------------------------------------------------------------------*/

#side_column				{float:left; width:320px;}
#side_column ul				{margin:0 20px;}
#side_column ul ul			{margin:0 0 8px 0;}
#side_column li li			{padding:5px 0 4px 0;}

#side_column ul h6			{color:#FFFFFF; font-size:2.4em; font-weight:bold; margin:33px 0 11px 0;}		
#side_column ul h6 a		{color:#FFFFFF; font-size:1em;}
#side_column ul a			{color:#E1CBD3; font-size:1.2em; text-decoration:none;}
#side_column ul a:hover		{color:#FFFFFF;}

#searchform					{background:url(../img/_search_bkg.png) no-repeat; height:33px; margin:37px 0 0 0; padding:13px 0 13px 13px; width:307px;}
#searchform	label			{display:none;}
#searchform input[type='text']	{background:#FFFFFF; border:1px solid #D1D1D1; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:6px 5px 5px 5px; width:258px;}
#searchform input[type='submit']{background:url(../img/_search_spyglass.png) no-repeat; border:0; cursor:pointer; height:21px; margin:0 0 0 3px; padding:0 0 0 21px; text-indent:-9999px; width:21px;}
#searchform input[type='submit']:hover	{background-position:-21px 0;}

#archive_list ul			{padding:5px 0 0 0;}
#archive_list ul ul			{margin:0 0 4px 0; padding:0;}
#archive_list ul li			{display:inline;}
#archive_list ul li.archive_year	{color:#E1CBD3; font-weight:bold; font-size:1.1em; padding:0 16px 0 0;}
#archive_list li a			{font-size:1.1em; padding:1px 3px; text-decoration:none;}
#archive_list li span		{color:#B16C88; font-size:1.1em; padding:1px 3px;}
#archive_list a:hover,
#arc_current				{color:#FFFFFF;}

.categories ul				{height:1%; overflow:hidden;}
.categories h6 a			{color:#FFFFFF!important; font-size:1em!important;}
.categories .rsswidget		{display:none!important;}
.categories ul li			{float:left; width:50%;}


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

#footer						{background:url(../img/_footer.png) no-repeat; color:#FFFFFF; font-size:1.1em; height:14px; margin:29px 30px 0 30px; padding:31px 20px; width:580px;}
#footer a					{color:#FFFFFF; text-decoration:none;}
#footer a:hover				{text-decoration:underline;}


/*--- 100. Link Elements ---------------------------------------------------------------------------*/

a						{color:#934663;}
a:hover					{color:#539199; text-decoration:none;}