/*  
Template name: Corby Website
Author: Corbin Rose
Author URI: http://www/corbdesign.com

*/ 


body {
	background-color: #666666;
	margin-bottom: 0px;
	background-image: url(images/backgroundFlare7.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	font-family:Arial, Helvetica, sans-serif;
}


#container {
	margin-top: 55px;
	margin-left: auto;
	margin-right: auto;
	width:951px;
	margin-bottom: 0px;
	border: 1px solid #000;
	background-color: #eee;
	position:relative;
	padding: 5px;
}

#main {
	width: 948px;
	border: 0px solid #000;
	background-color: #eee;
	position:relative;
}


#header {
	width: 948px;
	height: 170px; 
	background-image:URL(images/header2again.jpg);
	background-repeat: no-repeat;
	border: 1px solid #000;
	position:relative;
	background-color:#036;
}

#corbo_title {
	display: block;
	height: 59px;
	width: 500px;
	position:absolute;
	top: 77px;
	left: 40px;
	color: #fff;
	border-bottom: 1px solid #336688;
	
}
#corbo_title span.subby {visibility: visible; font-size: 14px; color:#ddd;}

#trail {
	width: 940px;
	height: 20px;
	line-height: 20px;
	padding: 4px;
	text-align:left;
	background-color: #555;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #000;
	color: #ddd;
	background-image:url(images/trail.jpg);
}
#trail a, #trail a:active, #trail a:visited {padding-right: 5px; padding-left: 5px; color: #ddd; text-decoration:none;}
#trail a:first-child {margin-left:6px;}
#trail a:hover {color:#999}



/* ////////// main layout things ///////// /*/

#yup {
	float: left;
	width: 695px;
	border: 0px solid #000;
}

#leftness {
	margin-right: 10px;
	margin-left: 10px;
	padding: 4px;
	border: 0px solid green;
	background-color: #fff;
}

h2.LeftTitle {
	display: block;
	font-size: 24px; 
	border-bottom: 2px solid #336688;
	font-weight:lighter;
	color: #333;
	margin: 10px;
	margin-top: 15px;
	
}
h2.LeftTitle span {float: right; margin-top: -45px;}
h2.rightTitle {
	display: block;
	font-size: 24px; 
	font-weight:lighter;
	color: #333;
	height: 65px;
	line-height: 45px;
	margin-top: -6px;
	border: 1px solid #444;
	padding-right: 6px;
	padding-left: 6px;
	background-image:URL(images/about7.jpg);
	margin-bottom: 10px;
	
}
h2.rightTitle span {
	display: block;
	border-bottom: 2px solid #336699;
	height: 37px;
	margin-top: 7px;
	color: #fff;
}

#right_about {
	float: right;
	width: 240px;
	border: 0px solid #000;
}


#rightness {
	margin-left: 0px;
	margin-right: 4px;
	padding: 4px;
	border: 0px solid green;
}



#surfboard {
	width: 950px;
	background-image:URL(images/main_repeat.jpg);
	background-repeat:repeat-all;
	background-position:top left;
	border: 0px dotted #333;
	padding: 0px;
}

#foot_wrapper {width: 100%; display: block; background-color: #666; height: 100%;}

/* /////////////// wider / shorter layout //// */

#yup_wide {
	float: left;
	width: 740px;
	border: 0px solid #000;
}

#right_about_wide {
	width: 195px;
	float: right;
	border: 0px solid #000;
}


#surfboard_wide {
	width: auto;
	background-image:URL(images/main_repeat_wide.jpg);
	background-repeat:repeat-all;
	background-position:top left;
	border: 0px dotted #333;
	padding: 0px;
}


/* ///////////////// continuing on ////////////// */
#top_dog {
	background-image:url(images/main_layout_top2.jpg);
	height: 13px;
}

#clearness {
	clear: both;
	height: 24px;
	background-image:url(images/main_layout_bottom2.jpg);
	font-size: 9px;
	line-height: 30px;
	text-indent:640px;
}


#nav {
	display: block;
	width: 949px; 
	border-bottom: 0px solid #555; 
	margin-bottom: 8px;
	height: 48px;
	background-image:URL(images/opacity.png);
	border: 1px solid #000;
	border-left: 0px solid #000;
	position:absolute;
	top: 0px;
	left: -1px;
	border-bottom: 1px solid #000;
	
}
#nav a {
	display: block; 
	float: left; 
	width: 134px; 
	color: #fff;
	text-decoration: none; 
	font-weight: bold; 
	font-size: 16px;
	text-align: center;
	height: 45px;
	border-top: 0px solid #000; 
	border-bottom: 3px solid #555;
	border-right: 1px dotted #555;
	margin-bottom: 6px;
	line-height: 45px;
	background-image: url(images/nav_over.png); 
	background-repeat: repeat-all;
	outline: none;
}
#nav a.current { color: orange; border-bottom: 3px solid #336699;}

#nav a:hover {
	color: #ccc; 
	text-decoration: none; 
	background-image: url(images/nav_norm.png); 
	background-repeat: repeat-x;
	font-style:normal;
	font-size: 16px;
}
#nav a:first-child {border-left: 1px solid #000;}

#nav a:last-child {border-right: 0px solid #000; width: 138px; }
#nav a:last-child:hover {}

#footer {clear:both; font-size: 10px; height: 20px; line-height:20px;padding-top: 5px; text-align:right}




/*/////////////////// styles ///////////////////////////// */

.center {text-align:center}

#rightness span.info {
	border-top: 1px dotted #555;
	border-bottom: 1px dotted #555;
	padding-top: 6px;
	color: #222;
	font-size: 12px;
	display:block;
}


span.orange {color: orange;}
span.blue {color: #336688;}
span.grA {color: #333;}

a, a:visited, a:active {color: #333; text-decoration: underline; font-weight: bold; font-size: 13px;}
a:hover {color:#336688; text-decoration: none;}


a.imgPop {
	position:relative;
	z-index:20;
}
a.imgPop:hover {
	display:inline;
	z-index:30;
}
a.imgPop span {
	display:none;
}
a.imgPop:hover span, a.imgPop:active span {
	display:block;
	position:absolute;
	top:-0.5em;
	left:110px;
	width:270px;
	height:20px;
	background:#ddd;
	padding: 3px;
	margin: 2px;
	border: 2px solid #aaa;
	font: italic bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
}


a.imgPop2 {
	position:absolute;
	z-index:20;
}
a.imgPop2:hover {
	display:inline;
	z-index:30;
}
a.imgPop2 span {
	display:none;
}
a.imgPop2:hover span, a.imgPop2:active span {
	display:block;
	position:absolute;
	top:3px;
	left:3px;
	width:270px;
	height:280px;
	background:#ddd;
	padding: 3px;
	margin: 2px;
	border: 2px solid #aaa;
	font: italic bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
}

.menyou {
	display: block; 
	background-color: #333; 
	background-image:URL(images/trail.jpg);
	color: orange; 
	font-weight: bold; 
	padding: 4px;}
#contact_links a {display: block; height: 20px; line-height: 20px; border-bottom: 1px solid #888; color: #333; text-decoration:none}
#contact_links a:before{
	content: " .: ";
	color:#666;
}
#contact_links a:fist-child {border-top: 2px dotted #333;}
#contact_links a.this {background-color: #666; color: #fff;}
#contact_links a:hover {color: #EEE}

#music_links a {
	display: block;
	height: 15px;
	background-color: #eee;
	margin-bottom: 2px;
	padding: 3px;
	border: 1px solid #aaa;
}
#music_links a:hover {
	background-color: #ddd;
}

#contact {border-top: 1px solid #000;}
#hmm {border-top: 0px solid #000;}
#hmm img {border: 1px solid #000;}


/* /////////////////////////// photo stuff /////////////////// */

#galleryBW {
	background-color: #222;
	border: 2px solid #555;
	padding: 10px;
}
#galleryBW a img {padding: 6px; margin: 8px; border: 2px solid #444;}
#galleryBW a img:hover {border: 2px solid #999;}



#gallery_simple {background-color: #222; border: 1px solid #555; text-align:center; padding-top: 5px; margin-top: 20px;}
#gallery_simple a img {margin: 1px; margin-bottom: 5px; border: 1px solid #000; text-decoration:none;}
#gallery_simple a img:hover {border: 1px solid #999;}

div.web a {text-decoration:none; color: #ddd;}
div.web a:hover {color: orange; }


#normal_entry {
	padding: 10px;
	border: 0px solid #035;
	min-height:400px;
	font-size: 15px;
	
}

#nums {width: 99%; overflow: auto; white-sapce: nowrap; height: 40px; line-height: 40px;}
#nums a {padding: 4px; background-color: #bbb; color: #000; margin: 2px; border: 2px solid #333;}
#nums a#selected {background-color: #336666; color: #ccc;}
#nums a:hover {color: #fff; background-color: #336688;}
#nums a.wy {background-color: #ddd; border: 2px solid #000;}
#nums a.wy:hover {background-color: #336666;}
#nums a.wy#selected {background-color: #336688;}


#teleWHAT {background-color: #eee; border: 1px solid #aaa; margin: 5px; padding: 3px; text-align: left;}
.music_title {color: #336699; font-size: 20px; font-weight: bold;
display: block; height: 20px; line-height: 20px; text-indent: 5px; padding: 5px; 
background-color: #ddd; border: 2px solid #336688; width: auto; margin-bottom: 10px;}

#bod img {border: 1px solid #000;}

#musicbox a {font-size: 14px; margin-left: 15px;}

#PHOTO a {
	display: block;
	float: left;
	width: 200px;
	margin-right: 7px;
	height: 40px;
	line-height:40px;
	background-color: #336688;
	color: #fff;
	text-align: center;
	font-size: 18px;
	text-decoration:none;
}
#PHOTO a:first-child {margin-left: 15px;}
#PHOTO a:hover {
	background-color: #36C;
	color: #ddd;
}

#art-center {display: block; font-family: "century gothic"; text-align: left; width: 70%;}
#art-center a {display: block; color: #333; font-size: 20px; padding: 3px; text-decoration:none;}
#art-center a:visited {color: #333;}
#art-center a:active {color: #ccc;}
#art-center a:hover {color: #fff; background-image: url(portfolio/images/link.jpg); background-repeat: repeat-x; background-position: right;}

#ti {display: block; font-size: 33px; padding-bottom: -4px; margin-bottom: -1px; text-align: left;
		font-weight: bold; color: #336699; border-bottom: 2px solid #336699;}
#ti a, #ti a:hover {border-style: none; background-image: url(none);}
#ti a img, #ti a img:hover {border-style: none;}


span.musicGENRE {
	background-color: #333; 
	display: block;
	color: #fff; 
	height: 40px; 
	line-height:40px; 
	font-size: 1.3em;
	background-image:URL(images/bg4.jpg);
	}
.music_entry {margin: 4px; padding: 4px; background-color: #fff; border:1px solid #ccc; height: 50px;}
.music_entry span.song {font-size: 12px; display: block; float: right; text-align:left; width: 150px;}
.music_entry span.object {float: left; display: block; width:25px;}

#full {width: 723px; height:auto; background-color: #fff; border: 1px solid #666; margin-top: 1px; padding: 0px; margin-bottom: 5px;}
#full a {color: #333; text-decoration: none;}
#full a:hover {color: #336699; text-decoration: none;}

label {padding: 2px; text-indent: 2px; font-size: 10px;}
input {margin-bottom: 2px;}
.home {min-height: 490px;}
.required {display: none}


.boxxy {width:33%; float: left; text-align:center}
.clearfloat {clear:both}
/* /////////// moar funs ////////// */

#moreFUN .col {
	width: 210px;
	margin-right: 8px;
	display:block;
	float: left}

#moreFUN .lastRight {margin-right: 0px;}

#moreFUN .col h3 {margin:0px; display:block; height: 20px; text-align:center}
#moreFUN .col a {
	text-align:center;
	width: 206px;
	display:block;
	}

#moreFUN .col a.pic {
	display: block;
	width: 206px;
	height: 291px;
	text-align: center;
	margin-left: 2px;
	background-repeat: no-repeat;
	}

#moreFUN .col a.funStuffs  {
	background:url(images/fun1.png);
}

#moreFUN .col a.funStuffs:hover  {
	background:url(images/fun2.png);
}

#moreFUN .col a.videoStuffs  {
	background:url(images/video1.png);
}

#moreFUN .col a.videoStuffs:hover  {
	background:url(images/video2.png);
}

#moreFUN .col a.wordStuffs  {
	background:url(images/word1.png);
}

#moreFUN .col a.wordStuffs:hover {
	background:url(images/word2.png);
}

#moreFUN .col a.feat {color: #336688;}
#moreFUN .col a.feat:hover {color: #333;}




/* //////////// mad lib stuff //////////////////// */

#lib input {width: 350px; border: 1px solid #999; height: 25px;}
#lib input:focus {border: 1px solid orange;}
#lib tr {1px solid #999; background:#eee}
#lib td {border:1px solid #999;}
#lib input.button {width: 60px}


#contactTable {width: 228px; font-size: .7em; background-image:url(http://jotform.com/images/styles/style4_2_bg.gif); color: #aaa;}
#contactTable span {height: 25px; margin-bottom: 2px; line-height: 25px;}
#contactTable span.label{width: 80px; display: block; float: left; text-indent: 10px;}
#contactTable span.input {width: 148px; display: block; float: right;}
#contactTable input.norm, #contactTable textarea {width: 135px; margin-right: 10px; 
background-image:url(http://jotform.com/images/styles/style4_txt_bg.gif); background-position: top center;
background-attachment: scroll; background-repeat: repeat-x; background-color: #333;
border: 1px solid #000;
}
#contactTable span.message {height: 105px;}
#contactTable input.sub {width: 55px; color: #aaa;}