/* Styles for iStockalypse.com - Istanbul */

/* === Global === */
.clearMe { clear: both; }

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
hr  {
	height: 1px;
	border: none;
	background-color: #999;
	margin-bottom: 15px;
}
ul {
	list-style: circle;
	margin: 0 0 25px 25px;
	color: #666;
	text-align: left;
}

/* === Architecture === */
body {
	color: #999;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 0.85em;
	background: #000 url('../img/bg-color.gif') repeat-x;
	padding-bottom: 50px;
}

#internetExplorerSucks {
	width: 100%;
	background: transparent url('../img/header.jpg') 50% 0 no-repeat;
	text-align: center;
}

#pageContentWrapper {
	background-color: #1F1F1F;
}
#pageContent {
	width: 800px;
	margin: 0 auto;
	padding: 10px 0 15px 0;
	text-align: justify;
}
#navigation {
	position: relative;
	width: 800px;
	height: 246px;
	margin: 0 auto;
}
a.logoLink {
	display: block;
	float: left;
	width: 360px;
	height: 170px;
	margin-top: 40px;
	text-decoration: none;
}

#navigationLinks {
	position: relative;
	width: 430px;
	float: right;
	top: 120px;
}
#navigationLinks ul {
	float: right;
	list-style: none;
}
#navigationLinks ul li {
	float: left;
	margin: 0 0 0 12px;
}

#slideshow {
    position: relative;
    margin: 0 auto;
	width: 800px;
	height: 400px;
	padding-bottom: 20px;
}
#slideshow IMG {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
    border: 10px solid #999;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}
.attendeeItem, .attendeeItemStaff {
	float: left;
	width: 20%;
	margin: 0 10px 10px 0;
	padding: 12px;
}
.attendeeItem img, .attendeeItemStaff img {
	float: left;
	vertical-align: middle;
	margin-right: 12px;
}
.attendeeItem, .attendeeItemStaff {
	background-color: #1A1A1A;
}
.attendeeItem:hover, .attendeeItemStaff:hover {
	background-color: #262626;
}
.sponsorBox-sm {
	float: left;
	width: 180px;
	padding: 7px;
	margin: 0 5px 5px 0;
	background-color: #1A1A1A;
}
.sponsorBox-sm p, .sponsorBox-lg p {
	margin: 10px 0 10px 0;	
}
.sponsorBox-lg {
	float: left;
	width: 360px;
	padding: 17px;
	margin: 0 5px 5px 0;
	background-color: #1A1A1A;
}
.right {
	float: right;
	width: 380px;
}
.left {
	float: left;
	width: 380px;
}
.sched-left {
	float: left;
	width: 45%;
	padding: 17px;
	margin-bottom: 12px;
	background-color: #1A1A1A;
	text-align: left;
}
.sched-right {
	float: right;
	width: 45%;
	padding: 17px;
	margin-bottom: 12px;
	background-color: #1A1A1A;
	text-align: left;
}
#footer {
	width: 800px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	font-size: 0.9em;
	text-align: left;
}
#footer img {
	border: none;
	vertical-align: middle;
	margin: 0 15px 0 0;
}

/* === Typography === */
h1 { font-size: 1.8em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

h1, h3, h4, h5 {
	margin: 0 0 10px 0;
	padding: 0;
}
h2 {
	margin: 10px 0 10px 0;
	padding: 0;
}
#pageContent a:link, #pageContent a:visited, #pageContent a:active {
	color: #FFF;
	text-decoration: none;
}
#pageContent a:hover {
	color: #999;
	text-decoration: none;
}
#navigationLinks a:link, #navigationLinks a:visited, #navigationLinks a:active {
	color: #FFF;
	text-decoration: none;
}
#navigationLinks a:hover {
	color: #999;
	text-decoration: none;
}
#pageContent p {
	margin-bottom: 15px;
}
#pageContent p.column {
	float: right;
	width: 300px;
	margin: 0 0 15px 20px;
	padding: 0;
}
.country {
	font-size: 0.8em;
}
.secondary {
	color: #666;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #999;
	text-decoration: none;
}