/*************
COLORS USED
-----------

BLACK: #000;
WHITE: #FFF;
GREY: #B7B7B7;
LIGHTGREY: #DFDFDF;
BLUE: #087CE9;
ORANGE: E97D08;
*************/

body {
	background: #191919 url('../images/body_bg.png') repeat;
	color:#000;
	margin:0px;
	padding:0px;
	font-family:Helvetica;
	font-size:14px;
	line-height:1.3em;
	min-width:1000px;
}
/*************
TEXT FORMATTING
*************/
	h1 {
		color:#FFF;
		padding:0px;
		margin:0px;
	}
	h2 {
		color:#087CE9;
		font-size:28px;
		margin-top:0px;
		padding-top:0px;
	}
	h3 {
		margin:0px;
		padding:0px;
		color: #B7B7B7;
		font-size:14px;
	}
	h4 {
		color:#087CE9;
		text-decoration:underline;
	}
	p {
		color:#000;
		line-height:1.7em;
		text-align:justify;
	}
	li {
		line-height:1.7em;
		list-style:circle;
		font-weight:none;
	}
	a {
		color:#087CE9;
		text-decoration:none;
	}
	a:hover {
		text-decoration:underline;
	}
	hr {
		background:#fff;
		border-bottom:1px solid #fff;
		color:#000;
		opacity:0.3;
	}
/*************
IMAGE EFFECTS
*************/
	.image_tiny {
		float:left;
		background:#fff;
		border:1px solid #B7B7B7;
		padding:1px;
		height:57px;
		width:95px;
		margin:5px 5px 15px 5px;
	}
	.image_tiny img {
		_height:65px;
		height:47px;
		overflow:hidden;
		width:85px;
		border:5px solid #DFDFDF;
	}
	.box {
		/*
		background:#DFDFDF;
		border:1px solid #B7B7B7;
		*/
	}
	.box li {
		padding-top:5px;
		padding-bottom:5px;
	}
	.button a {
		border:1px solid #B7B7B7;
		padding:2px;
		color:#000;
		font-weight:bold;
	}
	.button {
		background: #DDD url('../images/button_over.png') repeat-x;
		font-size:12px;
		line-height:25px;
		color:#fff;
		height:25px;
		display:inline;
		padding:5px 10px 5px 10px;
		text-decoration:none;
		border:1px solid #006DDD;
	}
	.button:hover {
		background: #DDD url('../images/button_norm.png') repeat-x;
		border:1px solid #4F4F4F;
		text-decoration:none;
	}
	#aedude_logo_wrapper {
		position:absolute;
	}
	#contact_error {
		background:#D86868;
		color:#7A1919;
		border:1px solid #7A1919;
		padding:5px;
		font-weight:bold;
		width:200px;
	}
/*************
BODY STRUCTURE
*************/
	#top_contents, #middle_contents, #bottom_contents {
		width:980px;
		margin:auto;
	}
	#middle_contents {
		padding-bottom:10px;
	}
	#top_wrapper {
		background:#000;
		background: #000 url('../images/navbg.png') repeat-x;
		height:40px;
	}
	#middle_wrapper {
		background: #DDD url('../images/middle_bg.png') repeat;
		
	}
	#middle_top {
		background: #DDD url('../images/middle_start.png') repeat-x;
		height:50px;
	}
	#middle_bottom {
		background: #DDD url('../images/middle_end.png') repeat-x;
		height:11px;
		margin-bottom:20px;
	}
/***END BODY STRUCTURE***/

/*************
TOP (NAVIGATION, LOGO ETC)
*************/
	#top_contents #logo {
		width:250px;
		height:40px;
		background: url('../images/logo.png') no-repeat center;
		float:left;
		margin-right:40px;
	}
	#top_contents #nav {
		float:left;
		padding:0px;
		margin:0px;
		height:40px;
		font-family:arial;
		position:relative;
		left:-10px;
	}
	#top_contents #nav li {
		list-style:none;
		float:left;
	}
	#top_contents #nav li a {
		_background:#000;
		color:#B7B7B7;
		text-decoration:none;
		height:40px;
		line-height:40px;
		font-size:14px;
		padding:0px 16px 0px 16px;
		
	}
	#top_contents #nav li a:hover {
		color:#fff;
	}
	#top_contents #nav li.active {
		background: #DDD url('../images/navbg_over.png') repeat-x fixed top;
		height:40px;
	}
	#top_contents #nav a.active {
		color:#fff;
	}
/***END TOP STRUCTURE***/


/*************
BOTTOM STUFF (COPYRIGHT, Q)
*************/
#bottom_contents #site_q {
	width:980px;
	height:180px;
}
#bottom_contents .q {
	width:300px;
	float:left;
}
#bottom_contents .q .q_title img {
	position:relative;
	top:10px;
}
#bottom_contents .q .q_title {
	font-size:16px;
	font-weight:bold;
	color:#B7B7B7;
}
#bottom_contents .q .q_text {
	color:#fff;
}

/*************
PROJECTS PAGE!!!!!
*************/
.project {
	width:304px;
	overflow:hidden;
	background:#DFDFDF;
	border:1px solid #B7B7B7;
	float:left;
	margin:10px 10px 10px 10px;
}
.project_wrapper {
	height:210px;
}
.project_title {
	color:#087CE9;
	font-weight:bold;
	font-size:17px;
	position:relative;
	top:-12px;
}
.project_wrapper {
	border:1px solid #fff;
	padding:10px;
}
.project_price, .project_pricex{
	color:#fff;
	font-weight:bold;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	text-align:right;
	width:40px;
	height:26px;
	line-height:26px;
	padding-right:5px;
	position:absolute;
	position:relative;
	top:-26px;
	left:237px;
	-moz-border-radius-topleft:8px;
	border-radius-topleft:8px;

	width:277px;
	-moz-border-radius-topleft:0px;
	left:0px;
}

.project_rating {
	float:left;
	position:relative;
	top:-46px;
	height:0px;
	/*opacity:0.6;*/
	padding:0px 0px 0px 5px;
}
.project_rating img {
	height:16px;
	width:16px;
	overflow:hidden;
	float:left;
	padding-bottom:6px;
}
.project_rating img:hover {
	cursor:pointer;
}

.project_overlay {
	margin:0px;
	display:none;
	background:#fff;
	-moz-box-shadow:0px 0px 40px #333;
	-webkit-box-shadow:0px 0px 40px #333;
	box-shadow:0px 0px 40px #333;
	border:5px solid #B7B7B7;
	width:700px;
	padding:20px;
	padding-bottom:20px;
	text-align:justify;
	background-image:url('../images/empty.png');
	height:auto;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}
.project_overlay .close {
	background-image:url(../images/window_close.png);
	position:absolute;
	right:-18px;
	top:-18px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.hover {
	display:none;
}

.hover_wrapper {
padding: 10px;
background: #DFDFDF;
border: 1px solid #fff;
}

.hover {
position: absolute;
border: 1px solid #B7B7B7;
}


.project_image {
	width:282px;
	height:180px;
	overflow:hidden;
}
.project_video {
	width:700px;
	height:414px;
	margin-bottom:17px;
	overflow:hidden;
}
.project_image .project_price {
	top:-30px;
}
.project_overlay ul {
	padding:0px;
	margin:0px;
}
.project_overlay ul li {
	padding:0px;
	margin:0px;
	list-style:none;
}
.project_title {
	width:700px;
	height:30px;
	overflow:hidden;
}
.project_overlay li {
	line-height:1.5em;
}
.project_pricex {
	padding-right:18px;
	background: #DDD url('../images/button_over.png') repeat-x;
	font-size:16px;
	line-height:25px;
	color:#fff;
	height:25px;
	text-decoration:none;
	border:1px solid #006DDD;
	position:relative;
	display:block;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	opacity:1;
	left:-65px
}
.project_det {

}

/*************
CONTACT PAGE!!!!!
*************/
label {
	display:block;
	width:200px;
	margin-top:15px;
}
textarea{
	font-family:Helvetica;
	font-size:14px;
	line-height:1.6em;
	padding:5px;
	_background: #fff url('/images/textboxbg.png') repeat-x;
	border:1px solid #B7B7B7;
}
input {
	padding:5px;
}
.textbox {
	padding:5px;
	font-family:Helvetica;
	font-size:14px;
	line-height:1.6em;
	width:200px;
	_background: #fff url('/images/textboxbg.png') repeat-x;
	border:1px solid #B7B7B7;
}
.textbox:hover {
	border:1px solid #888;
}
.textbox:focus {
	border:1px solid #888;
}
textarea:hover {
	border:1px solid #888;
}
textarea:focus {
	border:1px solid #888;
}
#tweets {
	background:#DFDFDF;
	border:1px solid #B7B7B7;
}


/*************
TUTORIALS PAGE
*************/
.tutorial {
	border:1px solid #B7B7B7;
	margin-bottom:20px;
	width:468px;
	overflow:hidden;
	float:left;
	margin:10px;
}
.tutorial_wrapper {
	border:1px solid #fff;
	background:#DFDFDF;
	padding:10px;
	height:70px;
	width:446px;
}
.tutorial_image {
	height:59px;
	width:105px;
	overflow:hidden;
	float:left;
	margin-right:10px;
}
.tutorial_rest {
	position:relative;
	top:-5px;
	margin-left:110px;
}
.tutorial_title {
	color:#087CE9;
	font-weight:bold;
	font-size:16px;
	margin:0px;
	padding:0px;
}

.tutorial_date {
	font-size:10px;
	line-height:12px;
	position:relative;
	top:-18px;
	width:120px;
}
.tutorial_text {
	margin:3px 0px 6px 0px;
	padding:0px;
	margin-left:20px;
	font-size:12px;
	width:325px;
	height:36px;
}
.tutorial_text li {
	line-height:18px;
	list-style-type:disc;
	color:#454545;
}
.tutorial_details {
	background:#B7B7B7;
	margin-left:10px;
	padding:5px 5px 6px 5px;
	text-shadow:0px 1px 0px #dedede;
}
.tutorial_views, .tutorial_link {
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	margin-left:8px;
	position:relative;
	top:2px;
}

.tutorial_link:hover {
	cursor:pointer;
	text-decoration:none;
}

/*********************************/
.tut_date {
	font-style:italic;
}
.tut_img {
	border:1px solid #B7B7B7;
	height:202px;
	width:304px;
}

.tut_img img {
	width:282px;
	height:180px;
	overflow:hidden;
	padding:10px;
	background:#DFDFDF;
	border:1px solid #fff;
}
.tut_desc {
	margin:20px 0px 16px 0px;
	padding-left:15px;
}
.tut_views {
	font-style:italic;
	margin-top:10px;
}
.tut_party {
	font-style:italic;
	margin:0px 0px 5px 0px;
}
.tut_notes {
	font-style:italic;
	margin:0px;
}

/**********/
/*COMMENTS*/
/**********/

#comments {
	
}
#comments_comtitle {
	margin-top:0px;
	font-size:18px;
}
.com_left {
	float:left;
	width:120px;
	padding:10px;
	padding-top:0px;
}
.com_date {
	font-size:10px;
	line-height:12px;
}
.com_image {
	background:#fff;
	border:1px solid #B7B7B7;
	padding:1px;
	height:80px;
	width:80px;
	margin-bottom:5px;
}
.com_image img {
	border:5px solid #DFDFDF;
	height:70px;
	width:70px;
}
.com_right {
	float:left;
	background:#fff;
	padding:1px;
	border:1px solid #B7B7B7;
	margin-right:206px;
	margin-bottom:30px;
}
.com_right_wrapper {
	border:5px solid #DFDFDF;
	background:#F1F1F1;
	width:600px;
	overflow:hidden;
	padding:10px;
	min-height:100px;
	max-height:400px;
}
.com_right_wrapper p {
	margin:0px;
	padding:0px;
}


#tutorial_video {
	margin:10px;
	padding-top:10px;
	display:none;
}





/*MUSIC PAGE*/

.clear {
	clear: both;
}

#music {
	width: 700px;
	margin: 0px 8px 0px 0px;
	float: left;
	padding: 8px 0 0 0;
	
}

#music_sidebar {
	/*
	background: #f4f4f4;
	border: 1px solid #FFF;
	outline: 1px solid #ddd;
	*/
	
	background: #DFDFDF;
	border: 1px solid #FFF;
	outline: 1px solid #B7B7B7;
	
	margin: 6px 1px 1px 1px;
	
	padding: 0 20px 0 20px;
	width: 228px;
	
	float: left;
	
	position: relative;
	
	top: 8px;
}

	#music_sidebar li {
		
	}


.track {
	width: 126px;
	
	background: #DFDFDF;
	border: 1px solid #FFF;
	outline: 1px solid #B7B7B7;
	margin: 6px;
	float: left;
	
	position: relative;
	
	padding: 0 0 10px 0;
}

	.track .track_image {
		background: green;
		margin: 10px;
		width: 106px;
		height: 80px;
		
		margin-bottom: 0px;
	}
	
	.track .track_price {
		background: rgba(0, 0, 0, 0.5);
		font-weight: bold;
		color: #fff;
		width: 30px;
		text-align: right;
		padding: 0 5px 0 0;
		
		-moz-border-radius-topleft: 10px;
		position: absolute;
		top: 71px;
		right: 10px;
	}
	
	.track .track_title {
		color: #087CE9;
		font-size: 12px;
		margin: 0 10px 0 10px;
		font-weight: bold;
		text-align: center;
	}
	
	.track .track_rating {
		margin-left: 10px;
		margin-top: 2px;
		padding-left: 12px;
	}
	
		.track .track_rating .rat_img {
			width: 16px;
			height: 16px;
			overflow: hidden;
			margin: 0px;
			padding: 0px;
			float: left;
		}
	
	.track .track_buy {
		padding-top: 10px;
		text-align: center;
	}


/*Overlay*/
.project_overlay.music {
	
}

	.project_overlay.music .music_title h2 {
		width: 400px;
		float: left;
	}
	
	.project_overlay.music .music_title div {
		text-align: right;
		float: right;
	}
	
	.project_overlay.music .music_description {
		float: left;
		width: 140px;
		margin-top: 0px;
		margin-right: 15px;
		font-size: 12px;
		
		position: relative;
		left: -10px;
	}
	
	.project_overlay.music .music_textdescription {
		float: left;
		width: 445px;
		font-size: 12px;
	}
	
	.desc_text {
		padding-left: 185px;
	}
	
	.project_overlay.music ul {
		width: 250px;
		float: right;
		position: relative;
		left: 10px;
		margin: 0 0 6px 10px;
	}
	
		.project_overlay.music .licenses li {
			line-height: 30px;
			font-size: 12px;
			margin: 0px 0px 0px 0px;
			_border: 1px solid #fff;
			_outline: 1px solid #ddd;
		}
			
			.project_overlay.music .licenses li .libg {
				background: red;
				float: left;
				height: 16px;
				line-height: 16px;
				padding: 0 20px 0 6px;
				
				background: #f6f6f6;
				border: 1px solid #ddd;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				
				position: relative;
				top: 5px;
			}
			
			.project_overlay.music .licenses li .music_license {
				
				float: left;
				width: 100px;
			}
			
			.project_overlay.music .licenses li .music_price {
				float: left;
				width: 40px;
				font-weight: bold;
				text-align: right;
			}
			
			.project_overlay.music .licenses li .music_buy {
				float: left;
				position: relative;
				left: -7px;
			}
			
				.project_overlay.music .licenses li a {
					font-size: 11px;
				}
			
			.music_previewimage {
				position: relative;
				margin-bottom: 20px;
			}
			
			
			.music_player {
				position: absolute;
				bottom: 20px;
				left: 40px;
			}
	
	
			
			.track_rating {
				cursor: pointer;
			}
	


/*EXTRA*/
.button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

	.project .button {
		
	}

.tooltipbox_lightblue {
	max-width: 600px !important;
}

/*TOOLTIPS*/

.tooltip {
	background: #000;
	background: rgba(0,0,0,.9);
	width: 220px;
	padding: 20px;
	position: absolute;
	z-index: 100000;
	top: 25px;
	left: -16px;
	
	color: #fff;
	font-size: 11px;
	
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 10px #000;
	
	overflow: visible;
}

	.tooltip h6 {
		padding: 0 0 10px 0;
		margin: 0 0 0 0;
		font-size: 13px;
		font-weight: bold;
		line-height: inherit;
		color: inherit;
		text-decoration: underline;
	}