/*---------- Layout Styles ----------*/
body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff url(/images/background.gif) no-repeat top center;
	font-family: tahoma, arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

#container-outer {

}

#container-inner {
	width: 902px;
	position: relative;
	left: 50%;
	margin-left: -401px;
}

#menu {
	margin-top: 83px;
	margin-right: 12px;
	height: 31px;
	font-size: 14px;
	text-align: right;
}

#content {
	height: 450px !important;
	border: 1px solid #000;
}

#photo {
	float: left;
}

#home-panel-1 {
	float: left;
	width: 900px;
	height: 450px;
}

#about-panel-1 {
	float: left;
	width: 300px;
	height: 450px;
}

#about-panel-2 {
	float: left;
	width: 300px;
	height: 450px;
}

#portfolio-panel-1 {
	float: left;
	width: 900px;
	height: 450px;
}

#videos-panel-1 {
	float: left;
	width: 300px;
	height: 450px;
}

#videos-panel-2 #v1, 
#videos-panel-2 #v2,
#videos-panel-2 #v3,
#videos-panel-2 #v4,
#videos-panel-2 #v5,
#videos-panel-2 #v6,
#videos-panel-2 #v7,
#videos-panel-2 #v8,
#videos-panel-2 #v9,
#videos-panel-2 #v10 {
	display: none;
}

#videos-panel-2 {
	float: left;
	width: 600px;
	height: 450px;
}

#blog-panel-1 {
	float: left;
	width: 300px;
	height: 450px;
}

#blog-panel-2 {
	float: left;
	width: 600px;
	height: 450px;
}

#links-panel-1 {
	float: left;
	width: 300px;
	height: 450px;
}

#links-panel-2 {
	float: left;
	width: 300px;
	height: 450px;
}

#contact-panel-1 {
	float: left;
	width: 300px;
	height: 450px;
}

#contact-panel-2 {
	float: left;
	width: 300px;
	height: 450px;
}

.stat-label {
	margin-right: 8px;
	width: 142px;
}

.stat-info {
	margin-left: 8px;
	width: 142px;
}

#footer {
	font-size: 9px;
	text-align: right;
	margin-top: 2px;
}

.stat-info {
	font-size: 18px;
	line-height: 30px;
}

p {
	margin: .90em 0;
}

#copyright {
	float: right;
	margin: 4px 0 0 0;
}

#powered-text {
	float: right;
	margin: 4px 0 0 0;
	display: none;
}

#powered-logo {
	float: right;
	margin: 0 0 0 5px;
}

/*---------- Text Styles ----------*/
.title {
	display: block;
	margin: 0px;
	background: url(/images/title-background.png) no-repeat;
	font-size: 18px;
	font-weight: normal;
	padding-top: 27px;
	padding-bottom: 16px;
	padding-left: 36px;
}

.text {
	font-size: 12px;
	line-height: 14px;
	padding: 0px 12px 0px 12px;
}

.links a {
	font-size: 12px;
	line-height: 24px;
}

.links br {
	display: none;
}

#riley {
	margin-top: -15px;
	margin-left: 60px;
}

.stat-label {
	color: #444;
	font-size: 18px;
	line-height: 30px;
	text-align: right;
}

/*---------- Link Styles ----------*/
#menu a {
	color: #000;
	text-decoration: none;
	margin-left: 20px;
}

#menu a:hover, #menu a.active {
	color: #4b0149;
	border-bottom: 2px solid #4b0149
}

#about-panel-1 a {
	color: #000;
	text-decoration: none;
}

#about-panel-1 a:hover {
	background: #E1C3E7;
}

#contact-panel-2 a {
	color: #000;
	text-decoration: none;
}

#contact-panel-2 a:hover {
	background: #f9e5bb;
}

#videos-panel-1 a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0px 12px 0px 12px;
}

#videos-panel-1 a:hover {
	background: #b3c7e7;
}

#blog-panel-1 a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0px 12px 0px 12px;
}

#blog-panel-1 a:hover {
	background: #e7b3be;
}

#links-panel-1 a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 0px 12px 0px 12px;
}

#links-panel-1 a:hover {
	background: #CAE7C3;
}

#links-panel-2 a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 0px 12px 0px 12px;
}

#links-panel-2 a:hover {
	background: #D6F9CE;
}

#contact-panel-1 a {
	color: #000;
	text-decoration: none;
}

#contact-panel-1 a:hover {
	background: #e7d6b3;
}

#contact-panel-2 a {
	color: #000;
	text-decoration: none;
}

#contact-panel-2 a:hover {
	background: #f9e5bb;
}

/*---------- Panel Styles ----------*/
#about-panel-1 {
	color: #000;
	background: #C386CF;
}

#about-panel-2 {
	color: #000;
	background: #E49DF2 url(/images/panel-2-background.png) no-repeat bottom right;
}

#videos-panel-1 {
	color: #000;
	background: #668ecf;
}

#videos-panel-2 {
	color: #000;
	background: #fff;
}

#blog-panel-1 {
	color: #000;
	background: #cf667c;
}

#blog-panel-2 {
	color: #000;
	background: #fff;
}

#links-panel-1 {
	color: #000;
	background: #94CF86;
}

#links-panel-2 {
	color: #000;
	background: #ADF29D url(/images/panel-2-background.png) no-repeat bottom right;
}

#contact-panel-1 {
	color: #000;
	background: #cfad66;
}

#contact-panel-2 {
	color: #000;
	background: #f2cb77 url(/images/panel-2-background.png) no-repeat bottom right;
}

/*---------- Form Styles ----------*/
input.inactive {
	width: 270px;
	height: 20px;
	background: #fff;
	border: 1px solid #959595;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 0 2px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

input.active {
	width: 270px;
	height: 20px;
	background: #fff;
	border: 1px solid #959595;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 0 2px;
}

textarea.inactive {
	width: 270px;
	height: 100px;
	background: #fff;
	border: 1px solid #959595;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 0 2px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

textarea.active {
	width: 270px;
	height: 100px;
	background: #fff;
	border: 1px solid #959595;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 0 2px;
}

input.butInactive {
	background: #cfad66;
	border: 1px solid #000;
}

input.butActive {
	background: #cfad66;
	border: 1px solid #000;
}


/*---------- Box Model ----------*/
/* Forces browsers to correctly clear floats. For more information on this technique */
/* please see the article, "How To Clear Floats Without Structural Markup" */
/* located at http://www.positioniseverything.net/easyclearing.html */

#content:after,
#blog-panel-2:after {
	content:".";
	display:block;
	height:0em;
	clear:both;
	visibility:hidden;
}

#content,
#blog-panel-2 {
	display:inline-block;
}

* html #content,
* html #blog-panel-2 {
	height:1%;
}

#content,
#blog-panel-2 {
	display:block;
}