/*	Eric Meyer's Reset.css
		Convert all to none for basic start
=========================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;padding:0;border:0;outline:0;vertical-align: baseline;}
/* remember to define focus styles! */
:focus 			{outline:0;}
ol, ul 			{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table 			{border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q 	{quotes:"" "";}

/* 
Drop your own lines!
lGroen:		#B2D234;
dGroen:		#71BF44;
lBlauw:		#6DCFF6;
dBlauw:		#00AEEF;
*/

body			{font:62.5% verdana, arial, sans-serif;color:#000;background:#444;text-align:center;}
h1 span, h3 span{display:none;}
h2				{font-size:1.6em;font-weight:bold;color:#333;height:20px;margin:50px 0 20px;}
h2:first-letter	{text-transform:uppercase;}
pre, code 		{font:10px "courier new", courier, serif !important;padding:3px 10px 15px;margin: 10px 0;background:#EEE;border-left:5px solid #DDD;display:block;color:#F00;width:460px;}
code>code		{padding:0;margin:0;background:transparent;border:0;display:inline;color:#F00;}
pre a, code a	{text-decoration:none;color:#00F;}

h2		 		{background:url("gfx/cat-general.gif") no-repeat top right;height:30px;padding-right: 170px;}
h2.coldfusion	{background:url("gfx/cat-cf.gif") no-repeat top right;padding-right:60px;}
h2.components 	{background:url("gfx/cat-components.gif") no-repeat top right;}
h2.css 			{background:url("gfx/cat-css.gif") no-repeat top right;padding-right:60px;}
h2.javascript 	{background:url("gfx/cat-javascripts.gif") no-repeat top right;}
h2.sql 			{background:url("gfx/cat-sql.gif") no-repeat top right;padding-right:60px;}

h3				{height:50px;}
h3.books		{background:url("gfx/h3-books.gif") no-repeat left;}
h3.reactions	{background:url("gfx/h3-latestreactions.gif") no-repeat left;}
h3.comments		{background:url("gfx/h3-reactions.gif") no-repeat left;}
h3.mxna			{background:url("gfx/h3-mxna.gif") no-repeat left;}
h3.commentform	{background:url("gfx/h3-yourinsight.gif") no-repeat left;}

#container		{background:#FFF;width:774px;border-right:3px solid #333;border-left:3px solid #333;margin:0 auto;text-align:left;}
#head	 		{background:url("gfx/header.jpg") repeat-x bottom;height:60px;}
#menu			{background:#6DCFF6;border-top:1px solid #00AEEF;border-bottom:1px solid #00AEEF;height:30px;}
#menu ul		{margin:8px 10px;}
#menu li		{display:inline;}
#menu li,#menu li a	{color:#FFF;font:bold 13px "courier new", courier, serif !important;text-transform:uppercase;text-decoration:none;}
#menu li a:hover{text-decoration:underline;}

#search			{float:right;text-align:right;padding:2px;}
#search input	{margin:3px 10px 3px 0;font-size:1em;}
#search input.text	{width:200px;border:1px solid #FFF;background:transparent;color:#FFF;padding:2px 5px;}

#content		{margin:10px;width:490px;}
.post p			{line-height:1.5em;}
.post a			{color:#000;}
.post a:hover	{text-decoration:none;}
#content p.details		{background:url("gfx/bg-details.gif");text-align:right;padding:2px;border-bottom:1px solid #71BF44;margin-top:20px !important;}
#content p.details a		{color:#000;}
#content p.details a:hover	{color:#71BF44;}
#content ul {list-style:disc;margin:10px 20px;}

.ad1			{width:490px;text-align:center;margin-top:20px;}

#extra			{margin:10px;width:234px;float:right;}
#extra b, #extra strong {color:#71BF44;}
#extra a		{display:block;color:#333;border-bottom:1px solid #71BF44;padding:3px 0;text-decoration:none;}
#extra a:hover,#extra a:hover b	{color:#333;background:#B2D234;}

div.photo		{background:#B2D234;border:1px solid #71BF44;padding:9px;margin:40px 0 20px;}
div.photo img	{border:1px solid #71BF44;}

#extra p		{color:#999;margin:20px 0;}
#extra p.buttons{margin-bottom:15px;}
#extra p.buttons a		{display:inline;border-bottom:0px;padding:0;text-decoration:none;background:transparent;}

#footer			{clear:both;background:#B2D234;border-top:1px solid #71BF44;margin-top:50px;}

#reactions {width:490px;margin:30px 10px 10px;}
#reactions .reaction {border:1px solid #EEE;padding:10px;margin-bottom:10px;}
#reactions .reaction strong {color:#71BF44;font-size:1.2em;}
#reactions .reaction div {border-bottom:1px solid #71BF44;padding-bottom:2px;margin-bottom:10px;}
#reactions .reaction a		{color:#333;padding:3px 0;text-decoration:none;}
#reactions .reaction p			{line-height:1.5em;}
#reactions .reaction p.details		{text-align:right;padding:2px;margin-top:10px;}
#reactions .reaction p.details a		{color:#000;}
#reactions .reaction p.details a:hover	{color:#71BF44;}

#edit {width:480px;margin:10px;}
#edit input[type="text"],#edit textarea {border:1px solid #6DCFF6;padding:3px;}
#edit input[type="text"] {width:250px;}
#edit input[maxlength="2"] {width:100px;text-align:left;}
#edit textarea {width:480px;}

.digg {background: url(/gfx/digg.gif) no-repeat 0 50%;padding-left:16px;}
.delicious {background: url(/gfx/delicious.gif) no-repeat 0 50%;padding-left:16px;}