@charset "UTF-8";
body {
	background-color: #0e0e0e;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #FFFFFF;
}
#noStyleheader {
	display: none;
}
#header {
	background-image: url(../dots/madheader.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 120px;
	width: 300px;
	margin: 0px;
}
ul#creativesuite {
	font-size: 14px !important;
	color: #333333 !important;
	list-style: disc;
	}
ul#creativesuite li span {
	color: #cccccc !important;
	}
#container {
	width: 1000px;
	margin: 0 auto;
	padding-right:37px;
}

#header span {
	display: none;
}
.panel-closed{
	display:none;
}
 .panel-up a, .panel-up a:active{
	width:400px;
	height:40px;
	display: block;
	border:none;
	text-decoration:none;
		line-height:40px;
 }
 a:focus {
 	outline: 0px;
 	}
p {
	margin-top: 6px;
	font-size: 16px;
	text-align: justify;
	line-height: 25px;
	}
#resources ul {
	margin-top: 6px;
	}
#resources ul ul {
	margin-top: 3px;
	}
  .panel-up a:hover{
	width:400px;
	height:40px;
	background-image: url(../dots/expand.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration:none;
		line-height:40px;
 }
  .panel-down a, .panel-down a:active{
	width:400px;
	height:40px;
	display: block;
	border:none;
	text-decoration:none;
		line-height:40px;
 }
  .panel-down a:hover{
	width:400px;
	height:40px;
	background-image: url(../dots/hide.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration:none;
	line-height:40px;
 }


#content {
	position: absolute;
	margin-left: 320px;
	margin-right: 20px;
	top: 20px;
	width: 700px;
}
#welcome {
	height:120px;
	background-image: url(../dots/headerbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}
#welcometext {
	font-size: 35px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 56px;
	background-color: #0e0e0e;
	display: block;
	height: 50px;
	position: relative;
	top: 40px;
	left: 20px;
	padding-left: 10px;
	color: #e6da71;
	letter-spacing: 5px;
	padding-top: 10px;
	margin-right: 40px;
	}
#nav {
	margin-top: 20px;
	margin-left: 20px;
	background-image: url(../dots/menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: visible;
	height: 900px;
}
#navContent {
	margin: 0px;
}
#navContent ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#navContent a
{
	display: block;
	padding-right:80px;
	width: 220px;
	height:40px;
	background-image: url(../dots/menu_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:right;
	line-height: 40px;
	margin-bottom: 20px;
	color: #a3d4a0;
	text-decoration: none;
	font-size:35px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#navContent a:hover
{
	color: #f3a396;
	background-image: url(../dots/menu_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right:85px;
	width: 215px;
	font-size:35px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align:right;
	line-height: 40px;
	margin-bottom: 20px;
	height:40px;
	display: block;
}
#themes ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
.tweet {
	width:200px;
	font-size: 14px;
	line-height: 19px;
	margin-left: 30px;
	}
.tweet a {
	border-bottom: none;
	}


#welcometext span {
	color:#a3d4a0;
}

#themes {
	background-image: url(../dots/menu_break.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
}


#copyright {
	text-align: right;
	height: 60px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 40px;
	padding-right: 40px;
	background-image: url(../dots/copyright.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 12px;
	font-style: italic;
	color: #999999;
	position: relative;
	margin-right:3px;
	z-index:0;
}
#copyrightindex {
	text-align: right;
	height: 60px;
	margin-bottom: 20px;
	padding-top: 40px;
	padding-right: 40px;
	width:657px;
	background-image: url(../dots/copyright.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 12px;
	font-style: italic;
	color: #999999;
	position: absolute;
	top:457px;
}
.tweet_avatar {
	float: left;
	margin: 0 10px 0 0;
	}
#themes h2 {
	font-size: 17px;
	color: #A3D4A0;
	margin-left: 20px;
	}
.tweet li {
	margin-bottom: 10px;
	border-bottom: 1px #212121 solid;
	padding-bottom: 10px;
	}
a {
	color: #f3a396;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a3d4a1;
	text-decoration: none;
}
a:hover {
	color: #e6da71;
	text-decoration: underline;
}

.datebar {

	float:left;

	width:55px;

	height: 60px;

	background-image: url(../dots/postdate.gif);

	background-repeat: no-repeat;

}

.post {

	width:660px;
	margin-left:20px;
	margin-right:20px;
}

.monthdate{
	margin-left:0px;
	margin-top:2px;
	font-size:10px;
	color:#0e0e0e;
	text-align:center;

}

.monthday{
	margin-left:0px;
	margin-top:0px;
	font-size:20px;
	font-weight:bold;
	color:#0e0e0e;
	text-align:center;

}
#profilepic {
	background-image: url(../dots/profile2.jpg);
	background-repeat: no-repeat;
	height: 293px;
	width: 282px;
	float: right;
	background-position: right center;
	background-color: #0E0E0E;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.blogcommenttitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	color: #a6d6af;
	padding-left: 30px;
}
.blogerror {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #f3a396;
	padding-left: 30px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #f4d496;
	background-image: url(../dots/h3.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 60px;
}
.pink .yellow .tan .green {
	margin-bottom: 3px;
}
.commentpost {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	padding-left: 40px;
}
ol {
	font-size: 18px;
	color: #a6d6af;
}

.postcontent {

	width: 580px;
	margin-left:70px;
	margin-top:3px;

}

.postcontent p {
	font-size:16px;
	font-style:normal;
}

FORM 

{
	padding:0px;margin:0px;

}
.details {
	font-size:12px;
	color:#666666;
	margin-top:-10px;
	}
.details a {
	color:#999999;	
	}

h2 {
	margin:10px 0px 7px 0px;
}
.postinfo {
	font-size: 14px;
	line-height: 40px;
	background-image: url(../dots/menu_break.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: right;
	height: 40px;
	width: 580px;
}

#archive {
	position:absolute;
	margin-left:20px;
	width:300px;
	height:140px;
	color:#1b1c1b;
	top:130px;
	}
#featuredheader {
	position:absolute;
	width:230px;
	height:70px;
	color:#ECECEC;
	font-size:22px;
	top:120px;
	padding-top:10px;
	padding-left:80px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px;
	text-align: right;
	}
#featuredheader span {
	height: 30px;
	width: 300px;
	display: block;
	text-align: left;
	margin-left: -50px;
	text-transform: uppercase;
	color: #A6D6AF;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}
#ideabox h2 {
	font-size: 25px;
	font-style: italic;
	color:#e6da71;
	margin-bottom:0px;
	}

	
#categories {
	position:absolute;
	margin-left:330px;
	width:300px;
	height:140px;
	color:#1b1c1b;
	top:130px;
	}
#archive ul {
	margin:0;
	}

#categories ul {
	margin:0;
	}
#categories li {
	font-size:14px;
	}

#archive li {
	font-size:14px;
	}
#archive a, #categories a {
	color:#999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;	
	}
	#archive a:hover, #categories a:hover {
	color:#e6da71;
	}
	
	
#welcomeblog {
	height:120px;
	background-image: url(../dots/headerbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom:200px;
	}
.postcontent h2 a {
	color: #f4d396;
	}
.postcontent h2 a:hover {
	color: #a3d4a0;
	text-decoration:none;
	}
#dots {
	background-image: url(../dots/headerbg.gif);
	height: 40px;
	width: 700px;
	top: 260px;
	position: absolute;
	}
#dots2 {
	background-image: url(../dots/headerbg.gif);
	height: 60px;
	width: 700px;
	top: 320px;
	position: absolute;
	}
#dots3 {
	background-image: url(../dots/headerbg.gif);
	height: 240px;
	width: 20px;
	top: 200px;
	position: absolute;
	margin-left:340px;
	}
#dots4 {
	background-image: url(../dots/headerbg.gif);
	height: 20px;
	width: 700px;
	top: 440px;
	position: absolute;
	}
#dots5 {
	background-image: url(../dots/headerbg.gif);
	height: 20px;
	width: 340px;
	top: 200px;
	position: absolute;
	z-index:10;
	}
	#dots6 {
	background-image: url(../dots/headerbg.gif);
	height: 40px;
	width: 700px;
	top: 200px;
	position: absolute;
	z-index:10;
	margin-left:-40px;
	}
	#dots7 {
	background-image: url(../dots/headerbg.gif);
	height: 20px;
	width: 20px;
	top: 160px;
	position: absolute;
	z-index:10;
	margin-left:120px;
	}
		#dots8 {
	background-image: url(../dots/headerbg.gif);
	height: 20px;
	width: 20px;
	top: 160px;
	position: absolute;
	z-index:10;
	margin-left:280px;
	}
			#dots9 {
	background-image: url(../dots/headerbg.gif);
	height: 20px;
	width: 20px;
	top: 160px;
	position: absolute;
	z-index:10;
	margin-left:480px;
	}
	
#archive h2 {
	font-size: 18px;
	color: #a3d4a0;
}
#categories h2 {
	font-size: 18px;
	color: #a3d4a0;
}

.error {
	color:#f3a396;
	}
	
#friends, #myfavorites, #music, #beer {
	margin-left:40px;
	margin-right:40px;
	color:#1b1c1b;
	}
#friends h1, #myfavorites h1, #music h1, #beer h1 {
	color:#e6da71;
	font-size:30px;
	}
#friends li, #myfavorites li, #music li, #beer li {
	font-size:16px;
	padding-bottom: 5px;
	padding-top:5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #1b1c1b;
	}
	
#friends a, #myfavorites a, #music a, #beer a {
	color:#f4d396;
	padding-bottom:4px;
	}
	
#friends a:hover {
	color:#a3d4a0;
	}
#music a:hover {
	color:#a6d6af;
	}
#myfavorites a:hover {
	color:#e6da71;
	}
#beer a:hover {
	color:#f3a396;
	}
#resources {
	margin-left:40px;
	margin-right:40px;
	}
#resourcesbody {
	margin-left:40px;
	margin-right:40px;
	font-size:16px;
	}

.code {

	padding: 20px;
	margin-left: 40px;
	background-image: url(../dots/headerbg.gif);
	}
.codeinside {
background-color:#0e0e0e;
padding: 20px;
margin:0px;
line-height:20px;
	font-size: 14px;
	font-style: italic;
}

#resourcesbody h2 {
	color:#f4d496;
	}
#resourcesbody h2 span {
	color:#a3d4a0;
	}
#resourcesbody p {
	padding-left:40px;
	}
#resourcesbody li {
	color:#1b1c1b;
	}
	
	
#contactinfo {
	position:absolute;
	margin-left:20px;
	width:300px;
	height:100px;
	top:220px;
	font-size: 14px;
	text-align:center;
	line-height:20px;
	}
#contactinfo h2 {
	color: #a3d4a0;
	font-size: 20px;
	margin-bottom: 7px;
}
#contactinfo form {
	margin: 0px;
}
#contactinfo p {
	margin: 0px;
}
#contactinfo span {
	font-size: 10px;
	color: #f3a396;
}
#email {
	width: 655px;
	height: 15px;
	background-image: url(../dots/list.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 13px;
	letter-spacing: 12px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-family: "Courier New", Courier, monospace;
	text-transform: uppercase;
	font-weight: bold;
	color: #0f0f0f;
}
#featuredheader a {
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
#featured {
	position:absolute;
	margin-left:370px;
	width:320px;
	height:183px;
	padding-top:10px;
	top:120px;
	font-style: italic;
	color: #f4d496;
	font-size: 23px;
	line-height: 37px;
	background-repeat: no-repeat;
	background-position: center center;
	text-align:center;
	background-image: url(../featured/djhighnoone.jpg);
	}
	
#submit
 {
	background-image: url(../dots/submit.gif);
	height: 25px;
	width: 225px;
	color: #e6da71;
	letter-spacing: 7px;
	border:none;
	margin-top:14px;
	margin-left:36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;	
	
 }
	
	
#listinput {
	position: absolute;
	height: 20px;
	width: 650px;
	left: 0px;
	top: 115px;
	text-align:left;
	z-index: 22;
}

#blogname, #blogemail, #blogwebsite {
	background-image: url(../dots/bloginput.gif);
	height: 12px;
	width: 404px;
	padding-top:13px;
	padding-bottom:14px;
	padding-left:14px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Courier New", Courier, monospace;
	text-transform: uppercase;
	font-weight: bold;
	color: #0f0f0f;	
	font-size: 13px;
	letter-spacing: 12px;
	}
	
#blogcomments {
	background-image: url(../dots/commentinput.gif);
	height: 116px;
	width: 419px;
	line-height:20px;
	padding-top:31px;
	padding-bottom:44px;
	padding-left:14px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Courier New", Courier, monospace;
	text-transform: uppercase;
	font-weight: bold;
	color: #f4d496;	
	font-size: 13px;
	letter-spacing: 12px;
	}
	
#blogsubmit
 {
	background-image: url(../dots/submit.gif);
	height: 25px;
	width: 225px;
	color: #e6da71;
	letter-spacing: 7px;
	border:none;
	margin-top:-20px;
	margin-left:20px;
	
	
 }
	
#validate {
	position:absolute;
	margin-left:380px;
	width:300px;
	height:50px;
	padding-top:10px;
	top:380px;
	font-style: italic;
	color: #ffffff;
	font-size: 18px;
	line-height: 50px;
	text-align:center;
	z-index:25;
	}
.pink, .yellow, .tan, .green {
	margin-bottom: 2px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
.pink {
	color: #f3a396;
}
#albumartwork {
	width: 240px;
	float: left;
}
#portfoliobody {
	margin-top: 52px;
}
.yellow {
	color: #E6DA71;
}
#portfolioheader  a  span {
	color: #A3D4A0;
}

.tan {
	color: #F4D496;
}
.green {
	color: #A3D4A0;
}
#portfolioheader  li {
	font-size: 45px;
	float: left;
	list-style-type: none;
	width: 180px;
	text-align: center;
	z-index:900;
	
}
#portfolioheader  li  a {
	text-decoration: none;
	color: #E5DA71;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	height:50px;
	z-index:11;
}
#portfolioheader   li   a:hover {
	color: #F3A396;
	background-image: url(../dots/phover.gif);
}
#portfolioheader  ul {
	width: 720px;
	margin-left: -100px;
	z-index:11;
	top: 135px;
	position: absolute;
}
#portfolioheader {
	margin-left:40px;
	margin-right:40px;
}
.portfoliosection {
	padding-left:40px;
	font-size: 36px;
	color: #E6DB72;
	margin-top: 10px;
	}
.portfoliothumbnail {
	padding: 10px;
	float: left;
	background-image: url(../dots/thumbbg.gif);
	background-repeat: no-repeat;
	width: 220px;
}
#portfoliobody li {
	list-style-type: none;
	height:220px;
}
#portfoliobody a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#portfoliobody ul {
	margin-bottom: 25px;
}
.portfoliothumbnailalbum {
	padding: 10px;
	float: left;
	background-image: url(../dots/thumbbg.gif);
	background-repeat: no-repeat;
	width: 220px;
	margin-bottom: 40px;
}
#profileprojects {
	font-size: 16px;
	line-height: 20px;
	width: 300px;
	float: right;
	color: #333333;
}
#profileprojects a {
	color: #F4D395;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#quickcontact input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #0E0E0E;
	border: 2px dotted #333333;
	width: 230px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 5px;
	color: #A3D4A0;
}
#quickcontact #submit {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 15px;
	width: 225px;
	letter-spacing: normal;
	margin-top: 160px;
}
#quickcontact li {
	display: block;
	padding: 0px;
	float: left;
	width: 275px;
	list-style-type: none;
	font-size: 16px;
	color: #999999;
}
#quickcontact textarea {
	font-size: 16px;
	background-color: #0E0E0E;
	border: 2px dotted #333333;
	width: 505px;
	margin-left: 20px;
	padding: 5px;
	z-index:11;
	color: #E6DA71;
	font-family: Arial, Helvetica, sans-serif;
}
.errorON {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #F3A396;
}
#profilelanguages {
	font-size: 16px;
	line-height: 20px;
	float: left;
	width: 300px;
	color: #333333;
}
#profilelanguages span {
	color: #FFFFFF;
}
#quickcontact {
	clear: both;
	z-index:5;
}
#sendmessage {
	z-index: 1;
}
#textareaz {
	z-index: 10;
}
.sent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #F4D496;
}
.textareali {
	display: block;
	padding: 0px;
	float: left;
	width: 600px;
	list-style-type: none;
	font-size: 16px;
	color: #999999;
}
.portfolioquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: italic;
	text-align: center;
	color: #CCCCCC;
}
.portfolioquotename {
	text-align: center;
	color: #A6D7B0;
}