/*----------------------*/
/*---SCD css | s.whitted - you know what it is---*/ 
/*----------------------*/
html, body {
	height: 100%; 
	margin: 0; 
	padding: 0;
}

body {
     margin: 0;
     padding: 0;
     background:  #fff url("img/bg_paper.jpg") 0 0 repeat;
     background-attachment: fixed;
     text-align: center;
     font: 11px  "Lucida Grande", Arial, Verdana, sans-serif; 
     color: #333;
}
/*----------------------*/
/* ---( global/frame stuff )--------- */
/*----------------------*/
#newsScroller {
	position: absolute !important;
	top: 110px !important;
	left: 5px !important;
	text-align: center;
	color: #333;
	margin: 0;
	padding: 0;
}

a.scroller {
	color: #333 !important;
}

a.scroller:hover{
	color: #666 !important;
	background: none !important;
}


a:link, a:visited {
	color: #333;
	text-decoration: none;
	border: none;
}

a:hover {
	color: #fff;
	background: #933;
}

.thankyoutext {
	font-size: 200%;
	margin: 0;
	padding: 0;
	
}

.location {
	font-size: 10px !important;
	color: #666 !important;
}

img, img a, img a:visited {
	border-style: none;
	text-decoration: none;
	background-color: transparent !important;
}


/*----------------------*/
/*---( wrapper )----------*/
/*----------------------*/

#wrap_wrap {
	position: relative;
	margin: 0 auto;
	padding:  0;
	width: 785px;
	text-align: left;

}

#wrap {
	float: left;
	margin: 0;
	padding:  0;
	text-align: left;
	width: 785px;

}

#topbar {
	position: relative;
	float: left;
	width: 785px;
	background: #e7e2df;
	height: 3px !important;
	margin:  0 0 5px 0;
	padding: 0;
}

#navigation_section {
	width: 785px;
	height: 100px;
	background:  url("img/bg_header.jpg") bottom center no-repeat;
	margin: 0;
	padding: 0;
}

#btmwrap {
	position: relative;
	float: left;
	width: 785px;
	height: 25px;
	padding: 15px 0 0 0;
	background:   url("img/bg_header.jpg") 0 12px no-repeat;
}

#btmwrap p {
	text-align: center;
	font-weight: bold;
	padding: 15px 0 0 0;
	margin:  0;
	font-size: 9px;
}

#SCD_logo, #SCD_logo a{
	float: left;
	display: block;
	position: relative;
	width: 150px;
	height: 65px;
	margin: 0 10px 0 0;
	background: url("img/logo.png") 0 0 no-repeat;
}

#SCD_logo p {
		text-indent: -9999px !important;
}


/*----------------------*/
/*---( homepage stuff )----------*/
/*----------------------*/

#vetech_float {
	position: absolute;
	height: 125px;
	top: -400000px;
	left: -4555555px;
	width: 120px;
	margin: 0;
	padding: 0;
	background:  url("img/vtech.jpg") 0 0 no-repeat;
}

	
#screenbg {
	position: absolute;
	height: 180px;
	top: 170px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background:  url("img/bg_screen.jpg") 0 0 repeat-x;
}
	
#homepage_big {
	float: left;
	width: 785px;
	height: 439px;
	margin: 10px 0 0 0;
	text-align: center;
	background:  url("img/img_homeshadow.jpg") bottom center no-repeat;
}

#homepage_top {
	float: left;
	width: 780px;
	height: 314px;
	margin: 10px 0 0 0;
	text-align: center;
	z-index: 2;
	background:  #292929 url("img/img_homeshadow.jpg") bottom center no-repeat;
}

#homepage_bottom {
	position: relative;
	float: left;
	clear: none;
	margin:  0;
	padding: 0;
	width: 785px;
	text-align: left;
}

.homepage_info_pods{
	position: relative;
	float: left;
	width: 250px !important;
	background-color: transparent !important;
	margin: 0 10px 0 0;
	padding: 0;
}

.homepage_info_pods_last {
	position: relative;
	float: left;
	width: 250px !important;
	margin: 0 0 0 10px;
	padding: 0;
}


.homepage_info_pods p, .homepage_info_pods_last p {
	padding: 2px;
	margin: 0;
}

.projects img {
	margin: 45px 0 10px 0;
	display: block;
	width: 235px;
	border: none;
	background: transparent !important;
	padding: 0;
}

.projects {
}

.projects .bottom {
	margin: 10px 0 0 0;
}

.homepage_info_pods span, .homepage_info_pods_last span {
	font-weight: bold;
	color: #933;
	font-size: 11px;
	padding: 2px
}


/*----------------------*/
/*---( content )----------*/
/*----------------------*/

#content_container {
	position: relative;
	float: left;
	width: 785px;
	margin: 10px 0 0 0;
	text-align: center;
	text-align: left;
	padding:0;
}

#content_container p {
	text-align: left;
	margin: 0;
	padding: 15px;
}

#content_container .image {
	padding: 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #333;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #333;
}
	

.container {
	min-height: 300px;
}


/* for Internet Explorer */
/*\*/
* html  .container {
height: 300px;
}


#content_left {
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 500px;
	text-align: left;
}

#content_right {
	position: relative;
	display: block;
	float: left;
	clear: none;
	margin: 0 0 0 5px;
	padding: 13px 0 0 0;
	width: 630px;
	text-align: left;
}

.detail_shadow {
	background: url("img/img_detailshadow.jpg") 0 391px no-repeat;
}

#content_left p {
	padding: 0;
	margin:  0;
}

#content_right p {
	padding: 20px 0 0 0;
	margin:  0;
	line-height: 14px;
}

#content_right span {
	font-weight: bold;
	color: #933;
	font-size: 10px;
}

.firstpost a, .newpost a, .firstpost a:visited, .newpost a:visited {
	color: #933 !important;
	border-bottom: 1px solid #933;
}

.firstpost a:hover, .newpost a:hover {
	color: #333 !important;
	background: #fff !important;
}

.firstpost img a, .firstpost img a:visited, .newpost img a, .newpost img a:visited {
	border: none;
	text-decoration: none !important;
}

.imgdivider {
	margin: 5px 0;
}

/*----------------------*/
/*----- [h1's, h2's...] -----*/
/*----------------------*/

h1 {
	float: left;
	width: 230px;
	height: 40px;
	margin: 0;
	padding: 0;
}

h1.news {
	background: url("img/h1_news.png") 0 0 no-repeat;
}

h1.random {
	background: url("img/h1_random.png") 0 0 no-repeat;
}

h1.funny {
	background: url("img/h1_funny.png") 0 0 no-repeat;
}
h4 {
	float: left;
	width: 600px;
	height: 15px;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 10px;
	color: #933;
}

h2 {
	float: left;
	width: 150px;
	height: 25px;
	margin: 0;
	padding: 0;
}

h3 {
	text-indent: -9999px;
	position: relative;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 0;
	height: 0;
}
	
	
h2.webdesign {
	background: url("img/h2_web.png") 0 0 no-repeat;
}

h2.printdesign {
	background: url("img/h2_print.png") 0 0 no-repeat;
}

h2.motiondesign {
	background: url("img/h2_motion.png") 0 0 no-repeat;
}

h2.designerbio {
	background: url("img/h2_bio.png") 0 0 no-repeat;
}

h2.thoughts {
	background: url("img/h2_blog.png") 0 0 no-repeat;
}

h2.contact {
	background: url("img/h2_contact.png") 0 0 no-repeat;
}

h2.designlinks {
	background: url("img/h2_design.png") 0 0 no-repeat;
}

h2.music {
	background: url("img/h2_music.png") 0 0 no-repeat;
}

h2.wallpapers {
	background: url("img/h2_wallz.png") 0 0 no-repeat;
}

h2.photos {
	background: url("img/h2_photos.png") 0 0 no-repeat;
}

h2.experiment {
	background: url("img/h2_play.png") 0 0 no-repeat;
}

h2.books {
	background: url("img/h2_reading.png") 0 0 no-repeat;
}
/*----------------------*/
/*----- [ content left lists ] -----*/
/*----------------------*/

ul.leftside {
	position: relative;
	float: left;
	width: 140px;
	margin: 0;
	list-style: none;
	padding: 0 0 0 5px;
}

.leftside li, .motivation li {
	margin: 0;
	text-align: left;
	line-height: 18px;
}

.featured, .featured-new {
	
}

.featured-new {
	font-weight: bold;
	background:  url("img/new.png") right center no-repeat;
}

.leftside li span, .movitation li span {
	color: #933;
	font-size: 12px;
	padding: 2px 20px 0 2px;
	line-height: 30px;
	font-weight: bold;
} 

.leftside li a, .leftside li a:visited, .motivation li a, .motivation li a:visited {
	font-size: 10px;
}

.leftside li a:hover, .motivation li a:hover { 
	padding: 0 10px 0 0;
	background: #fff;
	color: #333;
}

.marginizer {
	position: relative;
	float: left;
	height: 10px;
	width: 150px;
}

.marginizer2 {
	position: relative;
	float: left;
	height: 10px;
	width: 100px;
	margin: 10px 0 0 0;

}

/*----------------------*/
/*----- [ portfolio lists ] -----*/
/*----------------------*/

.portfolio_wrap {
	position: relative;
	float: left;
	width: 630px;
	height: 120px;
	margin: 0 0 20px 0;
	padding: 0;
	background:  url("img/bg_header.jpg") bottom center no-repeat;
}

.music_portfolio_wrap {
	position: relative;
	float: left;
	width: 620px;
	height: 200px;
	margin: 0 0 20px 0;
	padding: 0;
	background: url("img/bg_header.jpg") bottom center no-repeat;
}

#portfolio_detail_wrap {
	float: left;
	width: 620px;
	margin: 0 0 20px 0;
	padding: 0;
	background: url("img/img_detailshadow.jpg") 0 379px no-repeat;

}

#lastportrow {
	background: transparent !important;
}

#portfolio_details {
	position: relative;
	float: left;
	height: 50px;
	margin:  0;
	padding: 0;
}

.experiment_moreinfo{
	position: relative;
	float: left;
	width: 620px;
	margin:  0 0 20px 0;
	padding: 0;
}

.experiment_moreinfo p {
	padding: 0 0 0 0;
	margin: 0;
	color: #333;
	line-height: 16px;
}

.experiment_moreinfo img {
	padding: 0 0 10px 0;
	background: url("img/img_detailshadow.jpg") 0 365px no-repeat;
}

.photoshadows {
	padding: 0 0 10px 0;
	background: url("img/img_detailshadow.jpg") 0 465px no-repeat;
}

.experiment_moreinfo a, .experiment_moreinfo a:visited {
	color: #666 !important;
}

.experiment_moreinfo a:hover {
	color: #333;
	background: #fff;
}

.portfolio_moreinfo {
	position: relative;
	float: left;
	width: 450px;
	margin:  0;
	padding: 0;
}

.portfolio_moreinfo p {
	padding: 0 !important;
	margin: 0 !important;
	color: #333;
	line-height: 26px;
}

.portfolio_moreinfo a:hover {
	background: #fff;
	color: #666;
}

.portfolio_moreinfo p span {
	color: #933;
	font-weight: bold;
	font-size: 11px;
}
.portfolio_case {
	position: relative;
	float: left;
	width: 150px !important;
	margin: 0 5px 20px 0;
	padding: 0;
	height: 100px;
}

.photo_wrap {
	position: relative;
	float: left;
	width: 620px;
	height: 100px;
	margin: 20px 0 0 0;
	padding: 0;
}

.photo_case {
	position: relative;
	float: left;
	width: 65px;
	margin: 0 20px 10px 0;
	padding: 0;
	height: 65px;
	border: 0;
	background: transparent;
}
#portfolio_detail_wrap img {
	margin: 0 0 10px 0;

}

.portfolio_case img, .portfolio_case a:visited  {
	border: 0;
	margin: 0 0 3px 0;
	background: transparent !important;
}

.photo_case img, .photo_case a:visited {
	border: 2px solid #999;
	margin: 0;
	padding: 0;
	background: transparent !important;
}

.portfolio_case a:hover, .photo_case a:hover {
	background-color: transparent;
}

.quicklaunch_icon {
	position: relative;
	float: left;
	height: 8px;
	margin:1px 2px 0 0;
	padding: 0;
}

.quicklaunch_icon a, .quicklaunch_icon a:hover {
	border: 0 !important;
	text-decoration: none !important;
	background-color: transparent !important;
}

.quicklauchtext {
	font-size: 9px;
	margin: 0;
	padding: 0;
	color: #666;
	line-height: 20px;
}

.quicklauchtext2 {
	font-size: 10px;
	color: #666;
	line-height: 20px;
}

ul.portfolio_pieces {
	position: relative;
	float: left;
	width: 130px;
	clear: left;
	margin: 0;
	list-style: none;
	padding: 0 0 0 1px;
}

.portfolio_pieces  li  {
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-align: left;
	line-height: 14px;
}


.portfolio_pieces  li span {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #933;
	font-weight: bold;
} 

.portfolio_pieces img {
border: 1px;

} 

.portfolio_pieces  li a, .portfolio_pieces  li a:visited {
	font-size: 10px;
}

.portfolio_pieces  li a:hover  { 
	background: #933;
	color: #fff;
}

.skill {
	color: #666;
}

ul.wallpapers {
	position: relative;
	float: left;
	width: 130px;
	margin:0 20px 0 0;
	list-style: none;
	padding: 0 0 0 1px;
}

.wallpapers  li  {
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-align: center;
	line-height: 14px;
}


.wallpapers li a:hover {
	color: #333 !important;
	background: #fff !important;
	}
	
/*----------------------*/
/*----- [ lists ] -----*/
/*----------------------*/

ul.navigation {
	position: relative;
	float: left;
	width: 100px;
	margin:0 0 0 50px;
	list-style: none;
	padding: 0;
}

ul.motivation {
	position: relative;
	float: left;
	width: 120px;
	margin:0 20px 0 0;
	list-style: none;
	padding: 0;
}

ul.readings {
	position: relative;
	float: left;
	width: 280px;
	margin:0 20px 10px 0;
	list-style: none;
	padding: 0;
}

 .readings li {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 16px;
}

.readings li span {
	list-style: none !important;
}

.navigation li {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 14px;
}


.navigation li span {
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
} 

.navigation li a, .navigation li a:visited, .readings li a, .readings li a:visited {
	font-size: 10px;
}

.readings li a:hover {
	color: #333;
	background: #fff;
}

.navigation li a:hover { 
	background: #933;
	color: #fff;
}

/*----------------------*/
/*----- [ portfolio lists ] -----*/
/*----------------------*/
ul.home_news{
	position: relative;
	float: left;
	width: 230px;
	margin:0 0 15px 0;
	list-style: none;
	padding: 0;
}

.home_news li {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 14px;
	font-size: 10px;
}

.home_news li span {
	font-size: 10px;

}

.home_news li a, .home_news li a:visited, .homepage_info_pods p a, .homepage_info_pods p a:visited {
	color: #933;
	text-decoration: none;
	border-bottom: 1px dashed #fff;
}

.home_news li a:hover, .homepage_info_pods p a:hover	 {
	color: #fff;
	border-bottom: 1px solid #333;
}

/*----------------------*/
/*----- [ blog ] -----*/
/*----------------------*/

p.black {
	background: #000;
	color: #fff;
	font-size: 150%;
padding: 5px !important;
}

.newpost {
	width: 620px;
	margin: 0 0 10px 0;
	padding: 25px 0 5px 0;
	background: url("img/bg_header.jpg") -2px 0  no-repeat;
	text-align: left
}

.firstpost {
	width: 620px;
	margin: 0 0 10px 0;
	padding: 25px 0 5px 0;
	background: transparent;
	text-align: left
}

.newpost a, .newpost a:visited, .firstpost a, .firstpost a:visited {
	color: #666;
}

.newpost a:hover, .firstpost a:hover {
color:#fff;
background: #933;
}

.blogblast {
	font-size: 200% !important;
	font-weight: bold !important;
	color: #333 !important;
}

span.blastbig {
	font-size: 55px !important;
	text-transform: uppercase;
	color: #333 !important;
}

.blogdate  {
	font-size: 130% !important;
	color: #933 !important;
	padding: 0 0 5px 17px;
	background: url("img/blog_bullet.png") 0 0 no-repeat;
}

/*----------------------*/
/*----- [ movie pages ] -----*/
/*----------------------*/

#movie_wrap {
float: left;
	margin: 0 auto;
	padding:  30px 0 0 20px;
	width: 320px;
}

.movie_screen {
	position: absolute;
	height: 180px;
	top: -170px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background:  url("img/bg_screen.jpg") 0 0 repeat-x;
}

#movie_container {
margin: 0;
padding: 0 0 10px 0;
}

#movie_wrap p {

	position: relative;
	float: left;
	text-align: left;
	width: 320px;
	padding: 10px 0 20px 0;
	margin: 0;
	background: url("img/bg_header.jpg") bottom left no-repeat;
}

#movie_wrap span {
	font-weight: bold;
	color: #933;
}