/* These are the basic reset fonts styles (courtesy Yahoo! YUI) */
html{
	color:#737373;
	background:#000;
	height:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
body {font:14px/1.231 helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* End of reset fonts */
a, a:link {
	color:#737373;
	text-decoration: none;
}
a:hover {
	color:#fff;
	text-decoration:underline;
	
}

/* Multi-image container (2+ images in entry page) should be 950px wide */
#container-multi {
	width:950px;
	margin:20px auto 0 auto;
}
/* Single image container (1 image) should be 750px wide */
#container-single {
	width:750px;
	margin:20px auto 0 auto;
}
/* Header */
#hd {
	text-align:center;
	margin:30px 0 30px 0;
}
#hd, #hd-title {
	font-size:1.5em;
	font-weight:normal;
	font-family:Helvetica, arial	, sans-serif;
}
.i-third {
	width:300px;
	height:200px;
	float:left;
	margin-left:20px;
	overflow:hidden;
	text-align:center;
}
.l-third {
	width:300px;
	float:left;
	margin:10px 0 0 20px;
	text-align:center;
	font-size:1.5em;
}
.i-half {
	width:300px;
	height:200px;
	float:left;
	margin-left:50px;
	overflow:hidden;
	text-align:center;
}
.l-half {
	width:300px;
	float:left;
	margin:20px 0 0 0px;
	text-align:center;
	font-size:1.5em;
}
.i-one {
	width:750px;
	height:400px;
	text-align:center;
}
.l-one {
	width:750px;
	margin:5px 0 0 0;
	text-align:center;
	font-size:1.5em;
}
/*.first {
	margin-left:0px;
}*/

#image-inner-3 {
	height:200px;
}
#label-inner-3 {
	height:30px;
	margin-top:15px;
}
#enter_site {
	  display:block;
      width:450px;
      height:43px;
      text-indent: -9999px;
      background:url(../gallery/original/enter_site_01.png) no-repeat 0 0;
	  margin:0 83px;
}
#enter_site:hover {
	 background-position: 0 -43px;
}
#blog_button {
	  display:block;
      width:300px;
      height:46px;
      text-indent: -9999px;
      background:url(../gallery/original/blog_button_01.png) no-repeat 0 0;
	  margin:0 50px 0 130px;
}
#blog_button:hover {
	 background-position: 0 -46px;
}

#image-inner-2 {
	height:200px;
}
#label-inner-2 {
	height:30px;
	width:650px;
	margin:0 50px 0 50px;
}
#image-inner-1 {
	height:400px;
}
#label-inner-1 {
	height:30px;
}
.button {
 width: 120px;
 height: 25px;
 line-height: 25px;
 color: white;
 text-decoration: none;
 font-size: 14px;
 font-family: helvetica, arial;
 font-weight: bold;
 text-align: center;
 margin:20px auto 10px auto;

 /* BACKGROUND GRADIENTS */
 background: #ccc;
 background: -moz-linear-gradient(top, #ccc, #a2a2a2 50%, #808080 51%, #6f6f6f);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(.5, #a2a2a2), color-stop(.5, #808080), to(#6f6f6f)); 


 /* BORDER RADIUS */
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;

 border: 1px solid #fff;
 border-top: 1px solid #6f6f6f;
	/* BOX SHADOW */
	 -moz-box-shadow: 0 1px 3px black;
	 -webkit-box-shadow: 0 1px 3px black;
	 box-shadow: 0 1px 3px black;
	}
	
	/* WHILE HOVERED */
	.button:hover {
		background: #6f6f6f;
	 	background: -moz-linear-gradient(top, #ccc, #a2a2a2 50%, #808080 51%, #6f6f6f);
	 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(.5, #a2a2a2), color-stop(.51, #808080), to(#6f6f6f));
	}
	
	/* WHILE BEING CLICKED */
	.button:active {
		-moz-box-shadow: 0 2px 6px black;
		-webkit-box-shadow: 0 2px 6px black;
	}

#description, #twitter, #blog {
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	width:75%;
	margin:50px auto 0 auto;
	text-align:justify;
	background:#ccc;
	padding:10px;
	border:1px solid #fff;
}
#description p {
	padding:0 0 10px 0;
}
#entry-footer {
	clear:both;
	margin:20px 0 800px 0;
	text-align:center;
	color:#737373;
}
#html-link {
	text-align:center;
	color:#fff;
}
#html-link a{
	color:#fff;
} 
p.requirements {
			padding:3px 0px;
			text-align:center;
			color:#737373;
		}
p.html {
	padding:3px 0px;
	text-align:center;
	color:#737373;
	font-weight:normal;
	font-size:12px;
}