/* Global *******************************************************************/
html, body { height: 100%; width: 100%; padding: 0; border: 0; margin: 0; }

p { margin: 0 2em 1em; }
blockquote { margin-left: 5em; margin-right: 8em; }

img { margin: 5px; padding: 0; border: 0; }
hr { height: 1px; border-width: 0; margin-top: 2em; }
ul { list-style: none; margin: 0; padding: 0; }
ul li { margin: 0 0 0 10px; padding: 3px; }
fieldset { margin: 100px 0; }
object:focus, embed:focus { outline: none; }

/* Headers */
h1 { margin: .2em; padding: 0; }
h2, h3, h4, h5, h6, h7, h8 { margin: 5px; padding: 5px; }
h1.left { margin-left: 0; margin-right: 0; }
h1:first-child { margin-top: 20px; margin-left: -5px; }
h5 { display: inline; width: 100%; }

/* Common Layout */
.center { text-align: center; margin-left: auto; margin-right: auto; }
.left { text-align: left; margin-right: auto; }
.right { text-align: right; margin-left: auto; }

.alignleft { float: left; padding-right: 10px; }
.alignright { float: right; padding-left: 10px; }
.clear { clear:both; }

.hidden { display: none; }
.inline { display:inline; }
.inline-block { display: inline-block; }


/* Design *******************************/
	
.column {
	position: relative;
	z-index: 5;
	display:inline-block;
	min-width: 300px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 79px 149px;
	border-width: 1px;
	border-style: solid;
	border-radius: 400px;
	-moz-border-radius: 400px;
	text-align: left;
	background-color: white; /* When color.css is disabled, this looks nicer */
}

.column + .column { margin-top: 33px; }
.column img { max-width: 900px; }

.content {
	position: relative;
	z-index: 3;
	margin: 0 auto -33px;
	min-width: 200px;
	max-width: 800px;
	padding: 68px 48px 48px;
	border-width: 2px;
	border-style: solid;
	border-radius: 50px;
	-moz-border-radius: 50px;
	text-align: left;
	background-color: white; /* When color.css is disabled, this looks nicer */
}

.content + .content {
	padding-top: 20px;
}


.box object, .box embed, .box img { display:block; margin: 0 auto 1em; }

/* .button is generated by JS */
.toggle .button { display: block; float: none; }
.toggle .button:hover { cursor:pointer; }
.toggle .button {
	text-align:center;
	display:block;
	margin: 5px auto;
	float: left;
	width: 70px;
}


.tab { display: inline-block; padding: .15em .4em; margin: .1em 0; }
.tab { cursor: pointer; }

/* style-disabled mode */
.tab { border: solid 1px black; border-radius: .45em; -moz-border-radius: .45em; }
.tab { background: black; color: white; }
.tab .disabled { background: white; color: black; border-radius: .3em; -moz-border-radius: .3em; padding: 0 .3em; }

/* SPECIFIC ITEMS ***************************************************************************/


/* top **********************/
.topbar {
	padding-bottom: 1.3em;
	margin-bottom: none;
}

#NavBar div {
	display: inline-block;
}

#NavBar a {
	padding: 0 .8em;
}

/* Titles */

#Title {
	text-align: center;
}

#Subtitle {
	text-align: center;
}

/* About *************************/
#About .button {
	width: 250px;
	text-align:left;
}


/* Art *************************/

/* Work Image */
#art .work img {
	width: inherit;
	max-width:100%;
	padding: 0;
	margin: 0;
}


#art .work .short {
	min-width:200px;
	max-width:500px;
	margin: auto;
}

#art .work .full {
	display:block;
	min-width:180px;
	max-width:500px;
	margin: auto;
	padding:0;
}

#art .work .shortLong {
	text-align:center;
	padding:0;
	margin:0;
}

/* Work Description */
#art .work .short, #art .work .long {
	max-width:600px;
}

/* Thumbs (Art, Music) */
.thumb { float: left; width: 200px; height: 245px; padding: 0; margin: 0 0 30px; }
.thumb .title {
	position: relative;
	height: 3em;
}
.thumb .title h3 {
	font-size: 1.25em;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	text-transform: uppercase;
	position:absolute;
	bottom:0;
}
.thumb img {
	margin: 0;
	border-radius: 20px; /* Opera 10.5, IE 9, Safari */
	-moz-border-radius: 20px; /* FF1+ */
}

/* Music ************************/
.tracklisting {
	max-width:500px;
}

.albumInfo {
	max-width: 500px;
}

.album { float: left; width: 200px; height:245px; padding: 0; margin: 0 0 30px; text-align: center; }
.album .title { position:relative; height: 45px; }
.album .title h3 { position:absolute; bottom: 5px; left:20px; padding: 0; margin: 0; overflow:hidden; width: 160px; text-align: center; }
.album img {
	margin: 0;
	max-width: 200px;
	max-height: 200px;
	border-radius: 20px; /* Opera 10.5, IE 9, Safari */
	-moz-border-radius: 20px; /* FF1+ */
}


/* About *************************/

#About > div {
	display: block;
	max-width: 600px;
}

/* Backend **********************/
.uploader fieldset { padding: 50px; }

/* Content Specific */
#drips { height: 1px; overflow: visible; }
.cell { height: 100%;  width: 100%; display: block; z-index: -1; position:fixed; top: 12px; left: -35px;}
.orb { height: 500px; margin-left: auto; margin-right:auto; text-align:center; width:500px; }


/* HIDDEN STUFF */

.ask, .more {
	display: none;
}

#ymp-yahoo-logo, div#ymp-relevance a, a#ymp-btn-pop, a#ymp-btn-close, a#ymp-btn-target, div#ymp-tray, a#ymp-meta-image { display:none!important; }

/* UNUSED ******************************************************************************

.inset { margin-left: 100px; margin-right: 100px; }

.w100 { width: 100%; }
.w75 { width: 75%; }
.w50 { width: 50%; }
.w25 { width: 25%; }

*/