/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
  font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
  min-height: 700px;
}

pre,
code {
  font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
  font-size: 32px; 
}

h2 {
  font-size: 23px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}


p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 5px; 
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Cabin", "Helvetica", "Arial";
}

p {
	font-family: "Droid Sans";
	font-size: 13px;
	line-height: 1.7;
}

li {
	font-family: "Droid Sans";
}

#landing ul {
	padding-top: 15px;
}

#landing li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	font-size: 16px;
}

a {
	color: #35C1DB;
	text-decoration: none;
}

a:hover {
	color: #4C8ECE;
	text-decoration: none;
}

#sideNav img {
	width: 150px;
}

#sideNav ul {
	padding-top: 35px;
}

#sideNav li {
	list-style-type: none;
	font-size: 16px;
	padding-bottom: 10px;
}

.navButtons img {
	float: left;
	padding-right: 7px;
	width: 32px !important;
	height: 32px;
}

.post h2 {
	margin-bottom: 0;
}

.post h6 {
	margin-bottom: 5px;
	font-weight: normal;
}

.post div {
	padding: 20px 0;
	border-top: 1px dashed #C0C0C0;
}

.post a {
	font-weight: bold;
}

.venue {
	margin-bottom: 25px;
}

.venue img {
	width: 160px;
}

.vance {
	margin: 25px 0;
}

.vance img {
	vertical-align: top;
}

.ulnone ul {
	list-style: none;
}

.footer {
	border-top: 1px solid #CCC;
	margin: 20px 0;
	padding: 20px 0;
}

.footer ul {
	float: right;
}

.footer li {
	display: inline;
	list-style-type: none;
	font-size: 12px;
	padding-left: 15px;
}



/********* LIGHTBOX!!! **************/

#lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
margin: auto !important;
}
#lightbox img {
width: auto;
height: auto
}
#lightbox a img {
border: none
}
#outerImageContainer {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto
}
#imageContainer {
padding: 10px
}
#loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0
}
#hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10
}
#imageContainer>#hoverNav {
left: 0
}
#hoverNav a {
outline: none
}
#prevLink,#nextLink {
width: 49%;
height: 100%;
background-image: url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */ display:block
}
#prevLink {
left: 0;
float: left
}
#nextLink {
right: 0;
float: right
}
#prevLink:hover,#prevLink:visited:hover {
background: url(../images/prevlabel.gif) left 15% no-repeat
}
#nextLink:hover,#nextLink:visited:hover {
background: url(../images/nextlabel.gif) right 15% no-repeat
}
#imageDataContainer {
font: 10px Verdana,Helvetica,sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}
#imageData {
padding: 0 10px;
color: #666
}
#imageData #imageDetails {
width: 70%;
float: left;
text-align: left
}
#imageData #caption {
font-weight: bold
}
#imageData #numberDisplay {
display: block;
clear: left;
padding-bottom: 1.0em
}
#imageData #bottomNavClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
outline: none
}
#overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000
}