* {padding: 0; margin:0;}
html, body {height:100%;}

body {
  font-family: Cantarell, sans-serif;
  line-height:1.2;
  color: #000;
  background-image: url('http://www.oinqoinq.com/img/paisley.jpg');
  }

#hold {
  width: 600px;
  height: 400px;
  margin: 100px auto auto auto;
  text-align:center;
  border: 6px solid  #FF6600;
  	-webkit-border-radius: 0.9em;
	-moz-border-radius: 0.9em;
	-webkit-box-shadow: 0 1px 3px #FF4f00;
	-moz-box-shadow: 0 1px 3px  #FF4f00;
	}

#hold h1 {
  padding: 80px 0 0 0;
  color:  #FF4f00;
  font-size: 1200%;
	}
  
  

#wrapper {
  padding:0;
  margin: 0 auto;
  min-height:100%;
  width: 960px;
  background-color: #ccc;
  display:block;
  }
  
  
#geekbar {
  padding:0;
  margin: 0 auto 20px auto;
  height: 10px;
  width: 960px;
  background-color: #FF6600;
  display:block;
  }

#geekbar ul {
  list-style: none;
  padding: 0 0 0 3px;
  margin: 0;
  } 

#geekbar li {
  float: right;
  margin: 0 2px;
  }

#geekbar li a  {
  background: url(../img/css-nav.gif) #fff bottom left repeat-x;
  height: 1.4em;
  line-height: 1.4em;
  float: left;
  width: 5em;
  display: block;
  border: 0.1em solid #dcdce9;
  color: #0d2474;
  text-decoration: none;
  text-align: center;
  } 

#geekbar li a:hover {
  background: url(../img/css-nav.gif) #fff bottom left repeat-x;
  height: 2em;
  line-height: 2em;
  float: left;
  width: 5em;
  display: block;
  border: 0.1em solid #dcdce9;
  color: #0d2474;
  text-decoration: underline;
  text-align: center;
  } 

#geekbar h1 {
  font-family: Lobster;
  font-weight: lighter;
  font-size:320%;
  text-shadow: 1px 2px 4px #FF4F00;
  }

#content {
  margin: 44px 0 0 0;
  width:100%;
  height: 900px;
  background-color: white;
  }

#title {
  padding: 5px 0 5px 0;
  border-bottom: 1px solid black;
  border-top: 3px solid black;
  text-align: right;
  height:30px;
  }


#sidebar {
  float:right;
  width: 320px;
  height:100%;
  background-color: #ddd;
  }
  
#mainContent {
  text-align:center;
  margin: 0 320px 0 0px;
  background-color: #FF6600;
  height: 100%;
  }

a  {text-decoration:none;}

.fl {float:left;}
.fr {float:right;}
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both}

/* JQuery-Ui Styles*/
			#mainContent{ font: 62.5% "Trebuchet MS", sans-serif;}
			.demoHeaders { margin-top: 0; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}