/* CSS Document */

body {
	background-color:#000;
	margin:0;
	padding:0;
	font-size:11px;
	line-height:13px;
	color:#666666;
	font-family:Century Gothic, Arial, Helvetica, sans-serif
}
p {
	margin:0;
	padding:0;
	margin-bottom:5px;
}
a {
	color:#999999;
	text-decoration:none;
}
a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
a:active {
	position: relative;
	top: 1px;
}
h1 {
	font-size:40px;
	line-height:42px;
	margin:0;
	padding:0;
	font-weight:normal;
	font-family: 'Yanone Kaffeesatz', arial, serif;
}
h2 {
	margin-left:4px;
	margin-top:10px;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
}
h3 {
	font-size:15px;
	line-height:17px;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-bottom:5px;
	margin-top:10px;
	color:#0099CC;
}
h4 {
	font-size:40px;
	line-height:42px;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#0099CC;
	font-family: 'Yanone Kaffeesatz', arial, serif;
}
img {
	border:none;
}
.floatL {
	float:left;
}
.floatR {
	float:right;
}
.clear {
	height:0;
	width:0;
	clear:both;
}
.submitBtn {
	margin-top:15px;
}
.formElement {
	width:315px;
}
#header {
	background-color:#333333;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}
#headerInner {
	width:940px;
	margin-left:auto;
	margin-right:auto;
}
#logo {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:150px;
	line-height:150px;
	color:#3399CC;
	letter-spacing:4px;
	/*for 3D text */
text-shadow:none;
}

#logo:hover{
	/*for 3D text */
	cursor:pointer;
text-shadow:
 -1px 1px 0 #ddd,  -2px 2px 0 #c8c8c8,  -3px 3px 0 #ccc,  -4px 4px 0 #b8b8b8,  -4px 4px 0 #bbb,  0px 1px 1px rgba(0, 0, 0, .4),  0px 2px 2px rgba(0, 0, 0, .3),  -1px 3px 3px rgba(0, 0, 0, .2),  -1px 5px 5px rgba(0, 0, 0, .1),  -2px 8px 8px rgba(0, 0, 0, .1),  -2px 13px 13px rgba(0, 0, 0, .1);
}


.main-header {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:35px;
	line-height:35px;
}
#links {
	float:right;
}
#main {
	width:100%;
	height:569px;
	margin-left:auto;
	margin-right:auto;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #7db9e8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #7db9e8 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7db9e8', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%, #7db9e8 100%); /* W3C */
	/*background-image:url(../assets/bgMain.jpg);*/
background-repeat:repeat;
	border-bottom:solid 1px #0099CC;
	border-top:solid 1px #0099CC;
}
#mainInner {
	background-image:url(../assets/head.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:1000px;
	height:569px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#rightBox {
	position:absolute;
	top:10px;
	right:30px;
	width:465px;
}
#descriptionBox {
	font-size:14px;
	line-height:16px;
	margin-top:15px;
}
#featuredWork {
	margin-top:20px;
}
.featured {
	margin-top:15px;
}
.feat1 {
	float:left;
	width:155px;
}
.feat2 {
	float:left;
	width:150px;
}
.feat3 {
	float:left;
	width:150px;
	margin-left:5px;
}
#featuredWork img {
/*border:solid 5px #333333;*/
}
#footer {
	width:940px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:50px;
}
#footerLeft {
	float:left;
	width:280px;
}
/*#footerLeft img {
border:solid 2px #3399CC;
}*/


a img.imageroll {
	border: 1px solid #3399CC;
	padding: 5px;
	margin: 10px;
 -webkit-transition:all .3s ease-in;
 -moz-transition:all .3s ease-in;
 -o-transition:all .3s ease-in;
 transition:all .3s ease-in;
}
a:hover img.imageroll {
	background-color: #FFF;
	-webkit-box-shadow:0 0 15px #ffffff;
	-moz-box-shadow: 0 0 15px #ffffff;
	box-shadow:0 0 15px #ffffff;
}
a img.imageroll-featured {
	border: 1px solid #3399CC;
	padding: 5px;
	background-color:#333;
 -webkit-transition:all .3s ease-in;
 -moz-transition:all .3s ease-in;
 -o-transition:all .3s ease-in;
 transition:all .3s ease-in;
}
a:hover img.imageroll-featured {
	background-color: #FFF;
	-webkit-box-shadow:0 0 15px #333;
	-moz-box-shadow: 0 0 15px #333;
	box-shadow:0 0 15px #333;
}
#footerMiddle {
	float:left;
	width:300px;
	margin-right:45px;
}
#footerLeft ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-top:16px;
	width:220px;
}
#footerLeft ul li {
	float:left;
	margin:0 16px 16px 0;
}
#footerRight {
	float:left;
	width:315px;
}
#footer h1 {
	color:#FFFFFF;
}
#footer-extra {
	background-image:none;
	display:none;
}
.featuredMiddleBox {
	width:300px;
	border-top:1px dotted #0099CC;
	margin-top:5px;
}
.featuredMiddleItem {
	border-bottom:1px dotted #0099CC;
	padding-top:5px;
	padding-bottom:5px;
	font-size:11px;
	line-height:13px;
	color:#999999;
}
.divider {
	color:#0099CC;
}
.album {
	float:left;
	width:63px;
}
.album img {
	border:solid 2px #333333;
}
.songInfo {
	float:left;
	width:220px;
}
.emailMe {
	margin-top:8px;
}

.tweet ul {
	list-style:none;
}

.tweet li {
	margin-left:-40px;
	border-bottom:1px dotted #0099CC;
	padding-top:5px;
	padding-bottom:5px;
}
.tweet a {
	color:#0099CC;
}
.tweet a:hover {
	color:#FFF;
}

/* MODAL STYLES */
#modalWrapper {
	width:560px;
	height:370px;
	background-color:#FFFFFF;
	padding:20px;
}
#modalWrapper a {
	color:#0099CC;
}
#modalLeft {
	width:360px;
	margin-right:10px;
}
#modalRight {
	width:160px;
	padding-top:25px;
	font-size:13px;
	line-height:17px;
}
#modalImage {
	margin-top:10px;
}
#modalImage img {
	border:solid 1px #333333;
	margin-bottom:10px;
}
#modalDesc {
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;
}
#modalLink {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
}