/*----------------------------------------------------
	
	SCREEN.CSS
	
	SITE: blog.jezrose.co.uk
	CREATED: Tue 01.06.10 @ 10:20
	AUTHOR: Kean Richmond
	
----------------------------------------------------*/

@import url("reset.css");

@font-face 					{font-family:'LeagueGothicRegular'; src:url('../fonts/League_Gothic-webfont.eot'); src:local('?'), url('../fonts/League_Gothic-webfont.woff') format('woff'), url('../fonts/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/League_Gothic-webfont.svg') format('svg'); font-weight:normal; font-style:normal;}


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

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

a							{color:#F6901D;}
a:hover						{color:#333333; text-decoration:none;}


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

h1,h2						{color:#F6901D; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:3em; padding:33px 0 10px 0; text-transform:uppercase;}
h3							{color:#666666; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:2.5em; padding:33px 0 0 0; text-transform:uppercase;}
h4							{color:#666666; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:2.2em; padding:33px 0 0 0; text-transform:uppercase;}
h5							{color:#666666; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:2em; padding:33px 0 0 0; text-transform:uppercase;}
h6							{color:#999999; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:1.8em; padding:33px 0 0 0; text-transform:uppercase;}




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

#main-container				{margin:0 auto; padding:0 10px; position:relative; width:940px;}
#content-container			{height:100%; overflow:hidden; padding:130px 0 0 0;}


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

#header						{left:0; padding:0 10px; position:absolute; top:0; width:940px;}
#logo						{display:block; float:left; margin:35px 0 0 0;}

#training					{float:right; margin:34px 0 0 0;}
#training p					{background:url(../img/_bkg_training.png) right center no-repeat; color:#BFBFBF; float:left; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:2.4em; margin:5px 11px 0 0; padding:11px 26px 10px 0; text-transform:uppercase;}
#training a					{clear:right; display:block; float:right; margin:3px 0 4px 0; text-align:center; width:68px;}


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

#content					{float:left; padding:0 40px 0 0; width:700px;}
#content p					{font-size:1.2em; line-height:1.3em; padding:8px 0;}
#content ul					{list-style:square;}
#content ol					{list-style:decimal;}
#content ul, #content ol	{margin:10px 0 20px 0;}
#content li					{font-size:1.2em; padding:5px 0;}

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




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

.post						{margin:33px 0 0 0; padding:0 0 20px 80px; position:relative;}
#content p.post-date		{background:#DE7023; color:#FFFFFF; height:51px; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:1.8em; left:0; line-height:1.3em; padding:9px 0 0 0; position:absolute; top:0; text-align:center; text-transform:uppercase; width:60px; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
.post-date span				{display:block; font-size:1.6em;}
.post h1,
.post h2					{padding-top:13px;}
.post h1 a,
.post h2 a					{text-decoration:none;}

#content p.post-comment		{left:14px; padding:0; position:absolute; top:70px;}
.post-comment a				{background:url(../img/_icon_comment.png) -32px 0 no-repeat; color:#CCCCCC; display:block; font-weight:bold; height:27px; padding:5px 0 0 0; text-align:center; text-decoration:none; width:32px;}
.post-comment a:hover		{background-position:0 0; color:#F6901D;}
#content p.post-category	{ border-top:1px dotted #CCCCCC; clear:both; color:#999999; font-size:1.1em; margin:10px 0 0 0; padding:5px 0 0 0;}
.post-category a			{color:#999999;}
.post-category a:hover		{color:#666666;}

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

.alignright					{float:right; margin:10px 0 10px 10px;}
.alignleft					{float:left; margin:10px 10px 10px 0;}
.morelink-container		{height:100%; overflow:hidden;}
.more-link					{background:#F6901D; color:#FFFFFF; display:block; float:left; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:18px; margin:0 0 20px 0; padding:10px; text-decoration:none; text-shadow:rgba(0,0,0,0.28) 1px 1px 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.4); box-shadow:0px 0px 5px rgba(0,0,0,0.4);}
.more-link:hover			{background:#EDEDED; color:#F6901D; text-shadow:none;}

#entry input[type="text"]	{float:none; margin-right:10px;}


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

#comments h3,
#leave-comment h3			{background:url(../img/_divider.png) top center no-repeat; margin:30px 0 0 80px; text-align:center;}
#content #comments ul		{list-style:none; margin:20px 0 0 0;}
#content #comments li		{border-top:1px solid #EEEEEE; clear:both; font-size:1em; margin:0 0 0 80px; padding:10px 0 10px 0; position:relative;}
#content #comments li:first-child	{border-top:0;}
#content #comments p		{font-size:1.1em; padding:5px 0 0 0;}
.comment-num				{color:#CCCCCC; font-size:1.4em; font-weight:bold; left:-80px; position:absolute; text-align:right; top:10px; width:60px;}
.avatar						{border:10px solid #F0F0F0; float:right; margin:0 0 10px 10px;}
.comment-meta				{color:#999999; font-size:1.1em; font-style:italic; padding:0;}
.comment-meta cite			{color:#F6901D; display:block; font-size:1.3em; font-style:normal; font-weight:bold;}
.comment-meta cite a		{text-decoration:none;}

#leave-comment 				{margin:0 0 0 80px;}
#leave-comment h3			{margin-bottom:30px; margin-left:0;}


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

#content .archive_post		{margin-top:20px; padding-bottom:0; padding-left:0;}
.archive_post h2			{font-size:2em; padding:0 0 5px 0;}
.archive_post h2 a			{color:#666666; text-decoration:none;}
.archive_post h2 a:hover	{color:#F6901D;}
#content p.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:#F6901D;}


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

#side-column				{float:right; margin:0; width:180px;}
#side-column h6				{background:#F2F2F2; background:rgba(0,0,0,0.04); color:#F6901D; display:block; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:1.8em; margin:33px 0 5px 0; padding:5px 10px 4px 10px; text-decoration:none; text-shadow:#FFFFFF 1px 1px 1px; text-transform:uppercase; width:160px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#side-column h6 a			{text-decoration:none;}
#side-column li li			{padding:5px 0 0 0;}
#side-column li li a		{color:#999999; font-size:1.1em; padding:0 0 0 10px; text-decoration:none; width:160px;}
#side-column li li a:hover	{color:#F6901D;}

#side-column form			{height:100%; overflow:hidden;}
#side-column label			{display:none;}
#side-column input[type="text"]	{margin:5px 10px 0 10px; width:152px;}

#entry input[type="submit"],
#side-column input[type="submit"]	{background:#F6901D; float:right; font-size:18px; height:30px; margin:10px 10px 5px 0; width:60px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.4); box-shadow:0px 0px 5px rgba(0,0,0,0.4);}
#entry input[type="submit"]		{float:none;}
#entry input[type="submit"]:hover,
#side-column input[type="submit"]:hover	{background:#EDEDED;}



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

#footer						{background:url(../img/_bkg_footer.png) top center no-repeat; clear:both; color:#999999; font-size:1.1em; margin:40px 0 0 0; padding:86px 0 50px 0; text-align:center;}
#footer p					{padding:5px 0;}
#footer a					{color:#999999; text-decoration:none;}
#footer a:hover				{color:#F6901D;}


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

form p						{height:100%; overflow:hidden; padding:5px 0;}
label						{color:#666666; float:left; font-weight:bold; margin:4px 10px 0 0; width:110px;}
input[type="text"],
textarea					{border:1px solid #CCCCCC; border-left:1px solid #ABADB3; border-top:1px solid #ABADB3; color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
input[type="text"]			{width:250px;}
textarea					{height:125px; width:300px;}

input[type="text"]:focus,
textarea:focus				{border:1px solid #F6901D; color:#666666; outline:none; -moz-box-shadow:0px 0px 5px #F6901D; -webkit-box-shadow:0px 0px 5px #F6901D; box-shadow:0px 0px 5px #F6901D;}

input[type="submit"]		{background:url(../img/_promos.png) no-repeat; border:0; color:#FFFFFF; cursor:pointer; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:2.4em; height:72px; text-align:center; text-decoration:none; text-transform:uppercase; text-shadow:rgba(0,0,0,0.28) 1px 1px 1px; width:168px;}
input[type="submit"]:hover	{background-position:0 -72px; color:#F6901D; text-shadow:none;}

.formalign					{margin-left:116px;}

form .optional				{background:url(../img/icon_optional.gif) no-repeat; display:block; float:left; height:13px; margin:5px 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:5px 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;}