/* CSS Document */
/* 1.16.08 */
/* Author: www.randycaruso.com */


/*

This is THE ORANGE: 	color: #e29539;

*/


* { margin: 0; padding: 0; }

html { overflow-y: scroll; } 
html, body { height: 100%; }


body{ height: 100%; font-size: 62.5%; margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; background-color: white; }

p { font-size: 1.4em; color: Black; margin: 0 0 .8em 0; }

a {
	xcolor: #E07D0E;
	color: #e29539;
	text-decoration: none;
}
a:hover { xcolor: #B62F0D;
color:#3f5c69; }
a:focus { outline: none;}

.picleft { float: left; padding: 2px 8px 0px 0;margin: 2px 0 5px 0; }
.picright { float: right; padding: 0 0 0 8px; }

h1{ margin: 0 0 10px 0; font: bold 2em Trebuchet MS,  Arial, Helvetica, sans-serif; color: #575757; }
h2 { font: normal 2em Trebuchet MS,  Arial, Helvetica, sans-serif; }
h3 { font: normal 1.8em Arial, Helvetica, sans-serif; xmargin: 0 0 .4em 0; }
h4 { font: normal 1.8em Arial, Helvetica, sans-serif; padding: 0; margin: 0; }
h5 { display: none; }

blockquote { padding: 0 0 1.5em 0; }



/* -----------------------------  Main Architecture -------------------------- */	

#wrapper-plain { width: 933px; margin: 0 auto; background: white url(../images/rightcolumnrepeater-plain.gif) repeat-y right; }
#wrapper {
	width: 933px;
	margin: 0 auto;
	background: white url(../images/rightcolumnrepeater.gif) repeat-y right;
}
#wrapperwide { 
	width: 933px;
	margin: 0 auto;
	xbackground-color: red;
}

header{ margin: 0 auto; height: 110px; width: 933px; }

#logo{ width: 623px; float: left; height: 110px; background: url(../images/headerbackground1.gif) repeat-x; }

#logo h1 { background: url(../images/logo.jpg) no-repeat; text-indent: -9999px; font-size: 0px; width: 312px; height: 72px; margin: 33px 0 0 34px; display: block; }



#column2header { float: right; width: 310px; height: 110px; background: url(../images/headerbackground2.gif) repeat-x; }
#column2header h2 { background: url(../images/resources.gif) no-repeat; text-indent: -9999px; font-size: 0px; width: 262px; height: 42px; margin: 45px 0 0 23px; display: block; }







/* -----------------------------------------------  NAV ------------------------------------------ */	

#navbar { width: 933px; height: 30px; background-color: #B2B4B8; clear: both; }




#search { float: right; text-align: left; height: 20px; margin: 4px 0 0 0; width: 288px; }
.searchfield{ background-color: #EDEDED; border: 1px solid #9E9E9E; height: 16px; padding: 2px 0 0 5px; width: 198px; color: #506569; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; vertical-align: top; !important: ; }



#center-column { margin: 10px auto 10px auto; width: 933px;  text-align: center; }

















/* -----------------------------------------------  LEFT COLUMN ------------------------------------------ */	

#leftcolumn { width: 552px; float: left; padding: 20px 32px 15px 39px; }

#leftcolumn  h1 { margin: 0 0 10px 0; font: bold 2em Trebuchet MS,  Arial, Helvetica, sans-serif; color: #575757; }

#leftcolumn  h2 { margin: 0 0 10px 0; font: normal 1.8em Trebuchet MS,  Arial, Helvetica, sans-serif; color: #575757; }
#leftcolumn  blockquote { padding: 0 0 .6em 0; margin: 15px 30px 20px 30px; }


#leftcolumn a { text-decoration: none; xborder-bottom: 1px dotted #E07D0E; !important: ; }	

#leftcolumn p { color: #6D90A2; }


#content ul { margin: 10px 20px 18px 20px; }
#content li { font-size: 1.3em; color: #6D90A2; margin: 2px 0 10px 10px; list-style-type: none; padding: 0 0 1px 16px; background: url(../images/bullet.gif) no-repeat 0 4px; }

.list { padding: 0; }
.list ul li { list-style-image: url(../images/bullet.gif); font: normal 1.3em Trebuchet MS,  Arial, Helvetica, sans-serif; color: #506569; padding: 0 0 5px 0; }
.list ul { margin: 8px 0 8px 3em; list-style: none; font-size: 1em; }


#descriptions li { font-size: 1.2em; color: #6D90A2; margin: 2px 0 0 10px; list-style-type: none; padding: 0 0 0 14px; background: url(../images/bullet.gif) no-repeat 0 4px; /*adjust background position here, the first value is the x and the second the y position *//*adjust background position here, the first value is the x and the second the y position */ }

/* -----------------------------------------------  FOLDERS ------------------------------------------ */	

#folderfield { font: normal 1.3em Trebuchet MS,  Arial, Helvetica, sans-serif; margin: 20px 0 0 0; }
#folderfield ul { margin: 0px 0 0 0; }
#folderfield p { color: #7A7A7A; font: normal 1.1em Trebuchet MS,  Arial, Helvetica, sans-serif; }
#folderfield h3 { color: black; font: bold 1.1em Trebuchet MS,  Arial, Helvetica, sans-serif; margin: 0 0 2px 0; }
#folderfield a { color: #F19737; text-decoration: none; }
.tabs { width: 244px; height: 100px; background: url(../images/folder.jpg) no-repeat; list-style: none none; margin: 0 0 1em 0; padding: 12px 10px 0 10px; }
.right { float: right; }
.left { float: left; }


.emphasislink a { color: #17325D; }
#button { margin: 0 0 -12px 0; }
#button a { outline: none; border-bottom: none; text-decoration: none; margin: 0 0 15px 0; }
.buttonfollowup { margin: 0 8px 0 8px; }
#button img { margin: 8px 0 0 0; }

/* -----------------------------------------------  LEFT COLUMN  WIDE------------------------------------------ */	

#leftcolumnwide {
	xwidth: 852px;
	xfloat: left;
	padding: 30px;
	xbackground-color: green; 
}

#leftcolumnwide  h1{ margin: 0 0 10px 0; font: bold 2em Trebuchet MS,  Arial, Helvetica, sans-serif; color: #575757; }


#leftcolumnwide  h2{ margin: 0 0 10px 0; font: normal 1.8em Trebuchet MS,  Arial, Helvetica, sans-serif; color: #575757; }

#leftcolumnwide  blockquote{ padding: 0 0 .6em 0; }

.quote{ padding: -9px 0 26px 0; font: normal 1.3em Trebuchet MS,  Arial, Helvetica, sans-serif; color: #373737; text-align: right; }

#leftcolumnwide ul{ font: normal 1.3em Trebuchet MS,  Arial, Helvetica, sans-serif; margin: 0 0 20px 30px; }
#leftcolumnwide a { text-decoration: none; border-bottom: 1px dotted #E07D0E; !important: ; }	

#leftcolumnwide p { color: #6D90A2; }

#col1 { width: 410px; float: right; }

#col2 { width: 410px; float: left; }

















.table1 td{ padding: 15px; }
.pillow { text-align: center; vertical-align: middle; padding: 15px 25px 15px 25px; width: 215px; height: 215px; background: url(../images/pillow.gif) no-repeat; }

.left { float: left; }
.right { float: right; }

caption { background: #eee; padding: 10px; }
.small { font-size: 1.1em; margin-bottom: 1.875em;  }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #909090; }
.loud { color: #000; }
address { font-size: 1.3em; margin: 0 0 1.5em 1em; font-style: italic; }
abbr, acronym { border-bottom: 1px dotted #666; }
sup, sub { line-height: 0; }
.box { padding: 1.5em; margin-bottom: 1.5em; xbackground: #DAA520; border: thin dotted Black; }
.copyright{ font-size: 1em; color: #959595; }
.whatsnew a:link{ xtext-decoration: underline; }





/* -----------------------------------------------  CONTENT ------------------------------------------ */	
#content { xwidth: 555px; xbackground-color: blue; }


#content h3 { margin: 0; padding: 0; font: normal 1.9em Trebuchet MS,  Arial, Helvetica, sans-serif; color: #575757; }

#content h3 a { margin: 0; padding: 0; text-decoration: none; color: #575757; }
#content h4 { margin: 0 0 3px 0; font: bold 1.3em  Arial, Helvetica, sans-serif; color: #6D90A2; }

/* --------------------------------  Sliders ----------------------------------- */	

#sliders p { margin: 0; }
#sliders a { border-bottom: 1px dotted white; !important: ; }
.drawer { margin: 0 0 22px 0; }/* --------------  Controls distance of units ----------*/

.slider { margin: 0 0 100px 0; display: none; background-color: blue; }

.more {
	font-size: 1em;
	xcolor: #F19737;
	color: #e29539;
	text-decoration: none;
	border-bottom: 1px dotted #F3AE45;
	!important: ;
	font-style: normal;
}
.more a:hover {color: #215474; }

.artistpost a { text-decoration: none; }



/* --------------------------------  Who Sliders ----------------------------------- */	

#whosliders p { margin: 0; color: #676767; font-size: 1.2em; line-height: 1.38em; xborder: 1px solid blue; }
#whosliders a { color:#308ECA; border-bottom: 1px dotted white; !important: ; }

#whosliders a:hover { color: #F19737; }

.whodrawer { margin: 0 0 22px 0; }/* --------------  Controls distance of units ----------*/

.whoslider { margin: 0 0 100px 0; display: none; background-color: blue; }

.whopicleft { float: left; padding: 4px 10px 0 0; xborder: 1px solid Black; }

.whoweare {

}
#whosliders h3 { font-size: 1.6em; font-weight: bold; margin: 0 0 2px 0; }
#whosliders h4 { font-size: 1.4em; xmargin: 0 0 5px 92px; }










/* --------------------------------  RIGHT COLUMN --------------------------*/

.rightcolumn-plain { width: 270px; float: right; padding: 26px 20px 0 20px; xborder: 1px solid blue; xbackground: url(../images/rightcolumn.gif) no-repeat top; }

.rightcolumn { width: 270px; float: right; padding: 26px 20px 0 20px; xborder: 1px solid blue; background: url(../images/rightcolumn.gif) no-repeat top; }
  .prop { height: 200px; float: right; width: 1px; }
#rightcolumn  h1{ margin: 0 0 10px 0; font: bold 2em Trebuchet MS,  Arial, Helvetica, sans-serif; color: #575757; }

.rightcolumn p { font: normal 1.4em Trebuchet MS,  Arial, Helvetica, sans-serif; color: #506569; }
 .rightcolumn a { font: normal  Trebuchet MS,  Arial, Helvetica, sans-serif; color: #506569; text-decoration: underline; }
 .rightcolumn a:hover { color: #D0740D; }
 .rightcolumn ul li { list-style-image: url(../images/bullet.gif); font: normal 1.4em Trebuchet MS,  Arial, Helvetica, sans-serif; color: #506569; padding: 0 0 10px 0; }
 .rightcolumn ul{ margin: 0 0 0 1.5em; }
 
 .rightcolumn img { padding: 0 0 5px 0; }
  /* --------------  

selector {
  min-height:500px;
  height:auto !important;
  height:500px;
}

----------*/





.rightcolumnart { background: url(../images/rightcolumn.gif) no-repeat top; padding: 26px 20px 0 20px; border: 1px solid blue; }
.gandhiquote { color: #BDBDBF; font-size: 1.9em; font-weight: normal; font-family: Trebuchet MS,  Arial, Helvetica, sans-serif; line-height: 1.1em; xdisplay: none; }
.attribute { padding: 0 0 0 132px; }


#right { background: url(../images/rightcolumn.gif); width: 310px; }


#mondoquote h2 { color: #66903E; font-size: 3.5em; font-weight: normal; font-family: Trebuchet MS,  Arial, Helvetica, sans-serif; line-height: 1.1em; margin: 0 0 20px 0; padding: 0; }








/* --------------------------------------------  Contact Page ------------------------------------- */	

#contactdata{ margin: 0px 0 0 0; padding: 3px 0 0 0; width: 250px; float: left; }

#contactdata a { text-decoration: none; border-bottom: 1px dotted #E07D0E; !important: ; }

.mondophone { font-size: 18px; }

/* ------------------  Contact Form -------------------- */	

#contactform { margin: 0px 0 60px 0; width: 210px; float: right; padding: 0px 38px 0 0; }

#contactform p { padding: 0 0 2px 0; margin: 0; }

.mailformfield{ background-color: #EDEDED; border: 1px solid #9E9E9E; height: 18px; padding: 0 0 0 5px; margin: 2px 0 15px 0; width: 230px; color: #506569; font-family: Arial, Helvetica, sans-serif; }

.messageformfield{ background-color: #EDEDED; border: 1px solid #9E9E9E; height: 85px; margin: 2px 0 8px 0; padding: 3px 0 0 5px; width: 230px; color: #506569; font-family: Arial, Helvetica, sans-serif; }
.newsletterformfield{ background-color: #EDEDED; border: 1px solid #9E9E9E; height: 17px; padding: 2px 0 0 5px; margin: 0 5px 0 0; width: 150px; color: #506569; font-family: Arial, Helvetica, sans-serif; font-size: .8em; float: left; xborder: 1px solid blue; }


/* -----------------------------------------------  Content-------------------------------------- */	

/* -----------------------------------------------  Footer---------------------------------------- */	
#footer { margin: 20px 0 -50px 0px; padding: 20px 0 0 50px; width: 883px; height: 150px; background: White; xborder: 1px solid red; border-top: 1px solid #8C8C8C; }

#footer h3 { color: gray; margin: 0 0 8px 0; }

#newsletter { width: 250px; float: left; }
#footerdetails { width: 300px; float: right; margin: 0 25px 0 0; xborder: 1px solid blue; text-align: right; }
#footerdetails a{ color: #A2B4B6; font: normal 1.3em Trebuchet MS,  Arial, Helvetica, sans-serif; }
#footerdetails a:hover{ color: #E07D0E; font: normal 1.3em Trebuchet MS,  Arial, Helvetica, sans-serif; }
#footerdetails p{ color: #A2B4B6; font-size: 1em; }
/* -----------------------------------------------  Debris---------------------------------------- */	
#clear{ clear: both; }




/*
#navcontainer ul li{ list-style-type: none; padding: 0; margin: 0; display: block; float: left; background: url("http://biphome.spray.se/karl10/images/navBarBg.gif") repeat-x 20px; font: 10px/20px "Lucida Grande", verdana, sans-serif; text-align: center; }

#navcontainer a{ color: #000; text-decoration: none; display: block; width: 70px; border-top: 1px solid #A8B090; border-bottom: 1px solid #A8B090; border-left: 1px solid #A8B090; }

#navcontainer li#active { background: url("http://biphome.spray.se/karl10/images/navBarBgHover.gif") repeat-x 20px; }
#navcontainer a:hover { background: url("http://biphome.spray.se/karl10/images/navBarBgHover.gif") repeat-x 20px; }

*/






/* --------------  THis is for the fade-in-drop-down -------------- */	
/*
.fader { opacity: 0; display: none; background-color: white; width: 500px; margin-top: 10px; }
.fadeNext { font-size: 1.5em; margin-bottom: 10px; xfloat: right; }
*/

.designer-listing { padding: 20px 0 0px 0; margin: 20px 0 0 0; border-top: 1px solid #969696; width: 400px; }

.note { color: red; }





.blog-content p { font-size: 1.1em; font-weight: normal; }

#wrapper #leftcolumn .blog-content h2 { font-size: 1.4em; font-weight: normal; }
	
.teambutton { margin: 0 0 20px 0;width: 268px; height: 60px; background: url(../workshops/2011/project2011/Registration-Buttons_26.gif) no-repeat; }
.teambutton:hover { background: url(../workshops/2011/project2011/Registration-Buttons_26.gif) 0 -60px; }


.registerbutton { margin: 0 0 20px 0;width: 268px; height: 60px; background: url(../workshops/buttons/large-register.gif) no-repeat; }
.registerbutton:hover { background: url(../workshops/buttons/large-register.gif) 0 -60px; }

#wrapper #leftcolumn .freely { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 2.5em; margin-top: -10px; padding: 0 0 10px 0; }


@media screen and (-webkit-min-device-pixel-ratio:0){

.player{ margin-top: 6px; }


} 

.audiostage {
	width: 550px;
	height: 70px;
}
.player { width: 390px; xheight: 45px; float: left; padding: 5px 0px 0 0; xborder: none; xborder: 1px solid green; }
.player a {
	xborder: none;
	xwidth: 390px;
	xheight: 45px;
}

.files { margin: 2px 0 0 0; width: 140px; float: right; height: 42px; }
.files a, .files a:visited { display: block; text-decoration: none; text-indent: -9999px; background-repeat: no-repeat; height: 42px; }

.itunes { width: 60px; height: 42px; float: left; background: url(../podcast/itunes2.gif) no-repeat 0 0; }
.itunes:hover { background: url(../podcast/itunes2.gif) 0 -44px no-repeat; }
	


.mp3 { width: 69px; height: 42px; float: right; background: url(../podcast/itunes2.gif) no-repeat -76px 0; }
.mp3:hover { background: url(../podcast/itunes2.gif) -76px -44px no-repeat;}
		
		
		

img{ border: none; }

#clear{ clear: both; }
.clear{ clear: both; }
.caps { font-size: 1em; }

.quote{ xpadding: -9px 20px 26px 0; xfont: normal 1.3em Trebuchet MS,  Arial, Helvetica, sans-serif; xcolor: #373737; xtext-align: right; xmargin: 0 30px 0 0; border: 1px solid blue; }
cite{ float: right; padding: -20px 0px 0px 0; font: normal 1.1em Trebuchet MS,  Arial, Helvetica, sans-serif; line-height: 1.3em; color: #888888; text-align: right; margin: -15px 0px 30px 0; xborder: 1px solid blue; }





hr { background-color: #757575; text-align: left; margin: 14px 0  25px 0; }	



.notification { padding: 20px; background-color: #E7E7E7; text-align: center; }





#whowearepage { margin: 0px auto 0 auto; }

#whowearepage .col1 { width: 412px; float: left; }

#whowearepage .col2 { width: 412px; float: right; }

	
#whowearepage h2 { color: #e29539; font-size: 2.2em; margin: 0 0 15px 0; }	
	
.brackets p,h1 { display: none; }
	
.brackets { width: 420px; height: 250px; background: url(../images/brackets.gif)  0 0 no-repeat; }