body { 
	padding: 0;
	margin: 0;
  background-image: url('http://farm3.static.flickr.com/2235/2344926057_2cb6b171b2_b.jpg'); 
	background-position: top center; 
	background-repeat: no-repeat; 
	background-color: #333; 
}

h1,h2 {
	color: #0095D7; /* blue */
	font-size: 2em;
}

h3 {
	color: #E68124; /* orange */
}

a {
	color: #0095D7;
	text-decoration: none;
	border-bottom: #0095D7 solid 1px;
}		
		
a:hover {
	text-decoration: none;
	border-bottom: #fff solid 1px;
}

a:visited {
	border-bottom: #0095D7 dotted 1px;			
}

a:visited:hover {
	border-bottom: #fff dotted 1px;			
}				


#wrap { width: 100%; height: 100%; overflow: auto; position: absolute; top: 0; left: 0; }

#post a, #sponsors a, #sponsors #sponsors a:visited, a:hover, #twitter a:visited, #sponsors a:visited:hover, .microsponsors a, .microsponsors a:hover, .microsponsors a:visited, .microsponsors a:visited:hover {
	border: none;
}

img#expando { 
	position: absolute; 
	display: none; 
	z-index: 1; 
	-ms-interpolation-mode: bicubic; 
} 

.wide img#expando, 
.tall img#expando { 
	display: block; 
} 

.wide img#expando { 
	width: 100%; 
	height: auto; 
} 

.tall img#expando { 
	width: auto; 
	height: 100%; 
}

#menu {
	display : block;		
	position: absolute; 
	left: 0; 
	top:48px; 
	width: 400px; 
	height: 65px;
	font-size: 0.8em; 		
	opacity: 0.8;
	filter:alpha(opacity=80);		
}

#menu li a  {
 font-weight: bold;
 border-bottom: none;
 background-image: none;
 padding-left: 15px;
}

#menu li:hover {
  background: url('/wp-content/themes/barcampdreams/images/icecream-bullet.png') 0 center no-repeat;
  
}

#menu li a:hover {
  color: #000;
}

#menu #logo, #menu #logo a {
  display: block;
  text-indent:-999em; overflow:hidden;
	width: 200px;
	height: 65px;
	background: #fff url("/wp-content/themes/barcampdreams/images/BarCamp-5_colour_sml.png") 5px 3px no-repeat;
	border: none;
}

#menu #logo:hover,#menu #logo a:hover {
	background-image: url("/wp-content/themes/barcampdreams/images/BarCamp-5_colour_sml.png");
}

#menu #links {
	position: absolute;
	left: 202px;
	top: 0;
	background: #fff;
	padding-top: 5px;
	width: 200px;
	height: 60px;
}	

#menu #links ul {	
	float: left;
	margin: 0;
  padding: 0 2em;
}

#menu #links ul li {
	list-style: none;
}

#menu #links ul#second {
	padding: 0 0 0 1em;
}

#flickr {
 background: #000; 
 color: #fff;
 opacity: 0.9;
 position: absolute;
 top: 114px;
 left: 0;
 width: 402px;
 overflow: auto;
 padding: 1em 0;
 font-size: 0.7em;
}

#flickr img {
  vertical-align: text-top;
  padding: 0 1em 0 1em;
}

#body{
  overflow: hidden;  
}

#middle {
  margin: 195px 0 20px 32%; 
  padding: 0;
  min-width: 700px;
}

#post {
  background: #fff;
  float: left;
  margin-right: 270px;
  padding: 2em;
  min-width: 300px;
}

#twitter {
 position: absolute;
 background: #000;
 opacity: 0.6;
 color: #fff;
 padding: 0;
 height: 37px;
 font-size: 0.9em; 
 top: 0;
 left: 0px;
 width: 100%;
 overflow: hidden;
}

#twitter:hover {
  opacity: 1;
}

#twitter p {
  padding: 10px
}

#twitter .account {
  display: none;
}

#twitter:hover .account {
  display:block;
  color: #fff;
  font-weight: bold;
  position: absolute;
  bottom: -10px;
  right: 0;
  padding: 0;
}

#twitter .account a {
  color: #E68124;
  text-decoration: underline;
  border: none;
  margin: 0;
  background: #000 url('/wp-content/themes/barcampdreams/images/twitter-b.png') 100% -3px no-repeat;
  padding: 0 20px 5px 0px;
}

#sponsors {
  width: 260px;
  margin-left: -260px;
  float: right;
}

#microsponsor-link {
  display: block;
  text-align: center;
  color: #E68124; 
  text-shadow: #000 1px 1px 1px;  
}

#sponsors img {
	-webkit-box-shadow: #333 3px 3px 5px;
}

#footer {
	clear: both;
	padding: 1em 45px;
/*  opacity: 0.9;*/
  background: rgba(51, 51, 51, 0.9);	
/*  background-color: #333; */
	border-top: #222 solid 1px;
	color: #fff;
	text-shadow: #000 1px 1px 1px;			
}

#footer img {			
}

.prev-next {
 border-top: solid 1px #333; 
}

.prev.link {
 float: left;
}

.next.link {
 float: right;  
}

.post-meta {
/* text-align: right;*/
 color: #333;
 font-style: italic;
 font-size: 0.8em;
 margin-top: -1em; 
}

.green { background: green; }
.yellow { background: yellow; }
.red { background: red; }
.orange { background: orange; }
.blue { background: blue; }