/* CSS Document for RandallKnapp.com - echo */

/* Colors:
Dark Background: #202328
Medium Background: #2E3339
Light Background: #4C535D

Medium Lighter: #474F58
Light Lighter: #5F6774

Orange Link: #FFA740
Darker Orange: #D27400
Blue Link: #28D5FF
Darker Blue: #0173CD
*/

/* Global Styles */

*
{
	padding:0;
	margin:0;
}

html
{
	height:100%;
}

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	/*line-height:1.4em;*/
	border:none;
	text-align:center;
	background:#202328 url(../images/bg.jpg) no-repeat scroll center top;
	color:#DDDDDD;
	height:100%;
}

img
{
	border:none;
}

img.portrait
{
	border:thick solid #2E3339;
	float:right;
	margin-left:12px;
	margin-bottom:18px;
}

strong { color:#FFFFFF; font-weight:bold; }
em { text-decoration:none; font-style:italic; color:#D1B984; }
a { text-decoration:none; color:#FFA740; }
a:hover, a:focus { color:#28D5FF; }
p { line-height:1.4em; }
p.screenshots { text-align:center; }
p a.viewimage { margin:3px; }
p.screenshots a img { border:2px solid; }
p a img { border:2px solid; }
ul,ol { margin:0 2em; }
li { margin-top:.2em; margin-bottom:.2em; margin-left:1em; }
a.button img { border:none; }
h3 em { font-weight:normal; }

/* Page Layout */
#page_container
{
	text-align:left;
	width:529px;
	margin:0 auto;
}

/* Section Styles */

/* Header */
#header
{
	text-shadow: 0 2px 2px rgba(0,0,0,.3);
}

#header h1
{
	font-size:53px;
	margin-top:68px;
	margin-bottom:10px;
	text-align:center;
	overflow:visible;
	text-shadow: 0 2px 2px rgba(0,0,0,.3);
}

#header h2
{
	font-variant:small-caps;
	text-align:right;
	margin-bottom:30px;
}

#header h1 a, #header h1 a:hover
{
	color:#DDDDDD;
}

/* Footer */
#footer
{
	margin-top:18px;
	color:#AAAAAA;
	text-align:center;
	font-size:.8em;
	line-height:.8em;
	padding:5px;
}

#footer a
{
	color:#DDDDDD;
}

#footer a:hover, #footer a:focus
{
	color:#FFA740;
}

#footer a img
{
	border:0;
	position:relative;
	top:4px;
}

/* Contact & Categories */
#contact ul, #categories ul
{
	list-style:none;
	margin:0;
}

#contact li, #categories li
{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin:0;
	text-align:center;
	margin:0;
}

#contact a
{
	color:#FFA740;
}

#categories a
{
	color:#28D5FF;
}

#contact a, #categories a
{
	font-size:14px;
	text-align:center;
	display:block;
	padding:.5em 0 .55em 0;
	font-weight:bold;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

#contact a:hover, #categories a:hover
{
	color:#2E3339;
}

a img, h3 img
{
	position:relative;
	top:2px;
}

#contact li
{
	border-top: solid 1px #2E3339;
	border-left: solid 1px #2E3339;
	background: #2E3339;
	background: -webkit-gradient(linear, left top, left bottom, from(#474F58), to(#2E3339));
	background: -moz-linear-gradient(top,  #474F58,  #2E3339);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#474F58', endColorstr='#2E3339');
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
}

#contact li:hover
{
	border-top: solid 1px #D27400;
	border-left: solid 1px #D27400;
	background: #FFA740;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFA740), to(#D27400));
	background: -moz-linear-gradient(top,  #FFA740,  #D27400);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA740', endColorstr='#D27400');
}

#categories li
{
	border-bottom: solid 1px #4C535D;
	border-left: solid 1px #4C535D;
	background: #4C535D;
	background: -webkit-gradient(linear, left top, left bottom, from(#5F6774), to(#4C535D));
	background: -moz-linear-gradient(top,  #5F6774,  #4C535D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5F6774', endColorstr='#4C535D');
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,.2);
	box-shadow: 0 3px 3px rgba(0,0,0,.2);
}

#categories li:hover
{
	border-bottom: solid 1px #0173CD;
	border-left: solid 1px #0173CD;
	background: #28D5FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#28D5FF), to(#0173CD));
	background: -moz-linear-gradient(top,  #28D5FF,  #0173CD);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#28D5FF', endColorstr='#0173CD');
}

#contact li:first-child
{
	-webkit-border-top-left-radius:1em;
	-moz-border-radius-topleft:1em;
}

#contact li:last-child
{
	-webkit-border-top-right-radius:1em;
	-moz-border-radius-topright:1em;
	border-right: solid 1px #2E3339;
}

#contact li:last-child:hover
{
	border-right: solid 1px #D27400;
}

#categories li:first-child
{
	-webkit-border-bottom-left-radius:1em;
	-moz-border-radius-bottomleft:1em;
}

#categories li:last-child
{
	-webkit-border-bottom-right-radius:1em;
	-moz-border-radius-bottomright:1em;
	border-right: solid 1px #4C535D;
}

#categories li:last-child:hover
{
	border-right: solid 1px #0173CD;
}

#contact li, #contact a
{
	/*width:175px;*/
	width:131px;
}

#categories li, #categories a
{
	/*width:131px;*/
	width:175px;
}

/* Content */
.content_tile
{
	margin-top:18px;
	display:block;
	border: solid 1px #4C535D;
	background: #4C535D;
	background: -webkit-gradient(linear, left top, left bottom, from(#5F6774), to(#4C535D));
	background: -moz-linear-gradient(top,  #5F6774,  #4C535D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5F6774', endColorstr='#4C535D');
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,.2);
	box-shadow: 0 3px 3px rgba(0,0,0,.2);
	
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
}

.tile_title
{
	position:relative;
	top:-1px;
	left:-1px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	border: solid 1px #2E3339;
	background: #2E3339;
	background: -webkit-gradient(linear, left top, left bottom, from(#474F58), to(#2E3339));
	background: -moz-linear-gradient(top,  #474F58,  #2E3339);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#474F58', endColorstr='#2E3339');
	-webkit-border-bottom-right-radius:1em;
	-moz-border-radius-bottomright:1em;
	-webkit-border-top-left-radius:1em;
	-moz-border-radius-topleft:1em;
	padding:8px 12px;
}

.tile_footer
{
	text-align:right;
}

.content_tile .button
{
	position:relative;
	top:1px;
	left:1px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	text-align:right;
	border: solid 1px #2E3339;
	background: #2E3339;
	background: -webkit-gradient(linear, left top, left bottom, from(#474F58), to(#2E3339));
	background: -moz-linear-gradient(top,  #474F58,  #2E3339);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#474F58', endColorstr='#2E3339');
	-webkit-border-bottom-right-radius:1em;
	-moz-border-radius-bottomright:1em;
	-webkit-border-top-left-radius:1em;
	-moz-border-radius-topleft:1em;
	padding:8px 12px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	color:#28D5FF;
}

.content_tile .single
{
	top:0; left:0;
	-webkit-border-bottom-left-radius:1em;
	-moz-border-radius-bottomleft:1em;
	-webkit-border-top-right-radius:1em;
	-moz-border-radius-topright:1em;
}

.content_tile .button:hover
{
	color:#2E3339;
	border: solid 1px #D27400;
	background: #FFA740;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFA740), to(#D27400));
	background: -moz-linear-gradient(top,  #FFA740,  #D27400);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA740', endColorstr='#D27400');
}

.content_tile p
{
	padding:8px 18px;
}