/*
Here's my stylesheet

No resets or frameworks here! Why bother?
*/


/* I've got to make both HTML and BODY have 100% height. Hide the overflow, so the scrollbars disappear */
html, body	{margin:0; padding:0; height:100%; width:100%; overflow:hidden; min-width:960px;}

/* It’s HELVETICA, then ARIAL (not the other way round!) */
html		{font-family:Helvetica, Arial, sans-serif; font-size:10pt;
				/* Let’s not do this today…
				-webkit-transform:rotate(180deg);*/
				}

body		{background:#00B6D1; text-shadow:0 1px 2px #000;}







p				{line-height:1.7em;}
li				{line-height:1.4em; margin: 0.5em 0 0.5em 0;}





a, a:link, a:visited	{color:#4ad7e5; font-weight:bold; text-decoration:none; padding:0px;
							-webkit-transition: border 1s linear;}
/* Don't forget the focus style */
a:hover, a:focus		{color:#a1e0e6; border-color:#fff;}
a:active				{color:#fff; padding-bottom:1px;}

p a, li a				{border-bottom:1px solid #666;}
.horizontal a			{border:none; padding:0;}


a img			{border:none;}


a.button		{border:1px solid #4ad7e5; padding:5px;
					border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
a.button:hover	{}


.invisible		{display:none;}


.content code	{background:#555; padding:2px;}
.content .brackets	{opacity:0.5;}

.alignleft		{float:left;}
.alignright		{float:right;}
.clear			{clear:both;}




#wrapper	{height:100%; width:100%; overflow:hidden; zoom:1; position:relative; z-index:10;}


.page		{position:relative;
			margin:0 0 0 0; padding:0;
			width:100%; height:100%; zoom:1;}

.page_width	{position:relative; width:960px; height:100%; margin:0 auto;}
	
.content, .content_center	{padding:20px; margin:0 0 0 0;
				position:absolute; overflow:auto;
				background:url('/images/rgb/0,0,0,0.7.png'); color:#fff;}

.content_center	{width:400px; margin:0 auto;}





#footer		{position:absolute; z-index:48; bottom:0px; right:50%; width:298px;
				margin:0 -480px 0 0; padding:4px 9px 4px 4px; height:12px; line-height:12px; font-size:11px;
				background:#000; color:#fff; opacity:0.5; text-align:right;}



/* END OF COMMON STYLES */


/* Makes lists go horizontal (eg, the navigation bar) */
.horizontal		{list-style:none; text-indent:0; margin:0; padding:0;}
.horizontal li	{float:left; list-style:none; text-indent:0; margin:0; padding:0;}


#nav		{position:absolute; z-index:50; margin:0 0 0 -480px; padding:0;
				top:0px; left: 50%; width:960px; height:40px;
				background:url('/images/header_bg.png'); color:#fff;
				text-align:center; font-family:Helvetica, Arial, sans-serif;}

#nav ul		{margin:0 7px 0 7px; padding:0;
				height:40px; top:0; position:absolute;}
#nav li		{margin:0 1px 0 0; line-height:30px;}
#nav a		{display:block; padding:5px; width:90px;
				color:#fff; background:url('/images/header_link_bg_vertical.png') 0 0 no-repeat;
				text-decoration:none; font-weight:bold; font-size:15px; text-align:center;
				font-family:Helvetica, Arial, sans-serif;
				text-shadow:0px 1px 2px rgba(0,0,0,0.5);}

#nav_page	{left:211px;}
#nav_other	{left:615px;}

#nav #logo	{background:url('/images/logo.png'); width:68px; height:33px;
				position:absolute; display:block; padding:0; margin:0; left:143px; top:3px;
				text-indent:-1000em;}

body			{background:url('/images/bg/sky2.png') 50% 0% #666;}
#wrapper		{overflow: auto;}
.page_width		{padding:60px 0 100px 40px; height:auto;}


.post			{position: relative; width:620px; margin:0 0 20px 0;}
.post .content	{position:relative;}

.post_header	{margin:0 0 1px 0; background:url('/images/rgb/0,0,0,0.9.png');}
.post_header h2	{margin:0; padding:0;}
.post_header p.post-date	{font-size:0.8em; padding:0; margin:4px 0 0 10px; float:right;}

.post_footer		{margin:1px 0 0 0; opacity:0.7; padding:10px 20px 10px 20px; font-size:0.8em;}
.post_footer p		{margin:0; padding:0;}
.meta_comments		{float:left;}
.meta_categories	{float:right;}
p.meta_edit			{float:left; margin:0 0 0 20px;}


.pages				{width:580px; background:url('/images/rgb/0,0,0,0.4.png'); margin:50px 0 0 0;}


.comments			{margin:20px 0 0 0;
						background:url('/images/rgb/0,0,0,0.2.png');}
.commentlist		{margin:0; padding:0; list-style:none;}
.commentlist li	{padding:0; margin:0; margin-bottom:20px; position:relative;}

.comment-box			{margin:0; overflow:hidden;
						background:url('/images/rgb/0,0,0,0.3.png');}

.comment-point		{font-size: 0px; line-height: 0%; width: 0px; margin:0 0 0 20px;
						border-top: 40px solid rgba(0,0,0,0.3);
						border-left: 40px solid rgba(0,0,0,0);
						display:none; /* When rgba is supported, then we can have some pure css triangles! */}

.admin .comment-box	{margin:-2px; border:2px solid #4ad7e5; background:url('/images/rgb/0,0,0,0.5.png'); }




.comment-base			{position:relative; margin:3px 0 0 0;}
.comment-base *			{float:left; line-height:32px;}
.comment-base .clear	{float:none;}

.comment-author			{margin:0 0 0 20px;}
.comment-author a		{border:none; padding:0;}

.comment-avatar			{}
.comment-avatar a		{border:none;}
.comment-avatar a img 	{border:none;}

.comment-base cite		{font-style:normal; margin:0 0 0 5px;}
.comment-base cite a	{border:none;}

.comment-edit			{float:right; margin:0 10px 0 0;}
.comment-edit a			{border:none; padding:0;}

.comment-date			{float:right; margin:0 20px 0 0; color:#ccc;}
.comment-date a			{border:none; color:#ddd; padding:0;}

/*
.commentlist li.admin .comment-point	{display:none;}
.commentlist li.admin .comment-author	{line-height:1.9em;}
.commentlist li.admin .comment-box	{background-color:#98ABC1; border:none; color:#fff;}
*/




#sidebar			{position:absolute; left:50%; margin:0 0 0 170px; width:300px; top:60px; z-index:20;}
#sidebar .content	{position:relative; background:url('/images/rgb/0,0,0,0.3.png'); margin:0 0 6px 0;}

#elsewhere			{margin:0 0 6px 0;}
#elsewhere div		{float:left; width:147px;}
#elsewhere div#rss	{margin:0 6px 0 0;}
#elsewhere a		{height:30px; line-height:30px; width:137px; display:block; padding:5px; margin:0; text-align:center;
						background:url('/images/rgb/0,0,0,0.6.png');}
#elsewhere a:hover, #elsewhere a:focus {background:url('/images/rgb/0,0,0,0.8.png');}
#elsewhere a:active {background:url('/images/rgb/0,0,0,0.9.png');}

#elsewhere .clear	{float:none;}



#admin			{position:absolute; width:287px; top:-20px; left:0px;
					padding:4px 9px 4px 4px;
					background:#000; color:#fff; opacity:0.7; text-align:right;
					visibility:hidden;}
#footer:hover #admin	{visibility:visible;}