/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    brian kulp
email:     brian@madebyboom.com
website:   http://www.madebyboom.com/

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

/* =General
-----------------------------------------------------------------------------*/

body {
 color: #2a2a2a;
 background: #dfdfdf;

}

/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

a {

font-size: 100%;
text-decoration: none;
color: inherit;

}
/* =Wraps
-----------------------------------------------------------------------------*/

/* wraps main content in a 900px wrap */
#wrapper{

border-left: solid 1px white;
border-right: solid 1px white;
width: 900px;
height: 1200px;

margin: 0 auto;


}


/* =Typography
-----------------------------------------------------------------------------*/

body {
   font-family: sans-serif; 
}

h1 {

font-size: 22px;
line-height: 22px;
color: white;

}

h2 {

font-size: 18px;
line-height: 18px;
color: white;


}

#sub-content-area #stats h2 {

margin-bottom: 4px;
margin-top: 5px;
font-size: 18px;
line-height: 18px;

}

#sub-content-area #stats span {

position: relative;
left:-10px;
padding: 2px;
margin-bottom: 3px;
margin-top: 2px;
padding-left: 10px;
background: #222;
display: block;
width: 100px;

}


/* =Headings
-----------------------------------------------------------------------------*/

#sub-header {

position: absolute;
top:71px;
width: 900px;
height: 150px;
border-bottom: 2px solid #f9f9f9;
background: url("img/sub_banner.png");

}

#sub-header h1 {

position: absolute;
top: 80px;
display: block;
width:867px;
background: black;
padding: 3px;
padding-left: 30px;

color: white;

}




/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/

#banner-top {

position: absolute;
top:71px;
width: 900px;
height: 275px;
background: url("img/banner.jpg");

}


/* =Main Nav
-----------------------------------------------------------------------------*/

#main-nav {

position: absolute;
width: 900px;
height: 70px;
background: #3e3c40;
border-bottom: 1px solid #f9f9f9;
}

.nav-btn {

float: left;
width: 133px;
height: 39px;
background: url("img/nav-btn.png") no-repeat;
margin-left: 14px;
margin-top: 30px;
font-size: 15px;
font-weight: bold;
color: #050505;
line-height: 50px;

}

.nav-btn a {

display: block;
position: absolute;
width: 133px;
text-align: center;


}

.nav-btn:hover {

background: url("img/nav-btn-ro.png") no-repeat;

}


/* =Sub Nav
-----------------------------------------------------------------------------*/

#twitter-bar {

position: absolute;
top:345px;
width: 900px;
height: 60px;
background: #3e3c40;
color: white;
font-size: 20px;
font-weight: bold;
line-height: 60px;

border-top: 1px solid #f9f9f9;
border-bottom:  1px solid #f9f9f9;
}


#twitter-left {

position: absolute;
left: 30px;
line-height: 60px;
padding-left: 35px;

}

#twitter-left img {

position: absolute;
top:12px;
left: -8px;

}



#twitter-wrap {

font-family: sans-serif;
position: absolute;
top:0;
left: 280px;
width: 590px;
height: 60px;
background: #484848;
padding-left: 15px;
line-height: 15px;
padding-right: 15px;
padding-top: 6px;

}



/* =Main Content
-----------------------------------------------------------------------------*/

#content-area {

position: absolute;
top:404px;
width: 900px;
height: 808px;
background: url("img/content-bg.png");

}

#sub-content-area {

position: absolute;
top:222px;
width: 900px;
height: 808px;
color: white;
background: url("img/content-bg.png");

}

#sub-content-area iframe {

position: absolute;
top: 41px;
left: 45px;

}

#sub-content #slideshow {

position: absolute;
top: 41px;
left: 45px;

}

#sub-content-area img {

padding: 5px;
background: #333;
border: 1px solid #f9f9f9;

}

#sub-content-area #david{

position: absolute;
left:40px;
top: 40px;

}

#blog-head {

position: absolute;
top: 20px;
left:10px;
width: 568px;
height:752px;
background: url("img/heading-1.png") no-repeat;

}


#blog-area {

position: absolute;
top: 121px;
left:23px;
width: 549px;
height:620px;
background: #f8f8f8;
padding: 2px;
overflow: auto;

}

#photo-head {

position: absolute;
top: 20px;
left:590px;
width: 290px;
height:752px;
background: url("img/heading-2.png") no-repeat;

}


#photo-area {

position: absolute;
top: 100px;
left:7px;
width: 270px;
height:628px;
background: #f8f8f8;
overflow: auto;
text-align: center;
padding-top: 10px;
overflow: auto;

}

#photo-area img {

background-color: #f3f3f3;

padding: 4px;
border: #545454 solid 1px;
margin: 5px;



}


#footer {

position: absolute;
top:1200px;
height: 300px;
width: 900px;
background: #3e3c40;
border-top: 1px solid #f9f9f9;


}

#sub-footer {

position: absolute;
top:900px;
height: 300px;
width: 900px;
background: #3e3c40;
border-top: 1px solid #f9f9f9;


}






/* =Secondary Content
-----------------------------------------------------------------------------*/


#photo-area-photo {

position: absolute;
left: 30px;
top: 20px;
width: 400px;
height: 800px;
padding: 10px;

}

#photo-area-photo img{

padding: 5px;
background: #999;
border: 1px solid #333;
margin: 5px;

}


.footer-block {

width: 256px;
height: 260px;
padding: 20px;
float: left;
margin-left: 3px;
text-align: left;
padding-top: 5px;
color: white;

}


.footer-block span {

display: block;
text-align: right;
background: #ccc;
color: #3e3c40;
padding: 2px;

}

.footer-block  img#sponsors {

padding: 2px;
background: #ccc;
border: 1px solid #3e3c40;

}

#stats {

display: block;
width: 130px;

position: absolute;
left: 280px;
top: 41px;

padding-left: 30px;
padding-bottom: 9px;

background: #333;
}

#career {

position: absolute;
left: 460px;
top: 41px;
width: 400px;
height: 600px;
background: #333;
overflow: auto;
padding: 10px;
color: white;

}

#career span {
position: relative;
left:-10px;
padding: 2px;
padding-left: 10px;
background: #222;
display: block;
width: 388px;

}

#sponsor-info {

position: absolute;
left: 20px;
top: 20px;
width: 340px;
height: 150px;
background: #333;

padding: 10px;
color: white;

}

#sponsor-section {

position: absolute;
left: 410px;
top: 20px;
width: 440px;
height: 600px;
background: #333;

padding: 10px;
color: white;

}

#sponsor-section h2 {

position: relative;
left:-10px;
padding: 2px;
padding-left: 10px;
background: #222;
display: block;
width: 448px;

}



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/

.tweet {
margin-top: -5px;
height: 60px;
font-size: 14px;
font-weight: normal;
color: #ececec;
}

.tweet span {
font-size: 12px;
color:#999;
}

/* =Misc 2
-----------------------------------------------------------------------------*/

.NewsGroup,
.g-entry{
	margin: 4px;
	padding-left: 1em;
	padding-right: 1.25em;

	
	font-family: 'Arial', helvetica, sans-serif;
	overflow: hidden;
	border: 1px solid #cccccc;
	
	background-color: #ffffff;
}	

							/* Headline */
h2.NewsHeadline,
.g-title{
	font-weight: bold;
	color: #333;
	font-size: 1.5em; 		/* 30px */
	line-height: 1em; 		/* 25px */
}
.g-title{
  margin-bottom: .875em;
}
							/* CONTAINER - Author/Date */
h6.NewsInfo,
.g-details{
	display: block;
	margin: 1.5em 0 1.5em 0;
	font: 500 .7em/1.5em 'georgia',times new roman, serif;
	color: #999999;
}
.g-details{
  margin-bottom: 0em;
}

							/* Author */
span.NewsAuthorName,
.by{ 
	font: 500 .8em/1.5em 'arial', helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: maroon;
	padding: .25em;
}

span.NewsAuthorName:after,
.by:after{ 
	margin-left: 1em;
	color: #bbb;
}

							/*Date*/
span.NewsPostDate,
.g-date{ 
	color: #999;
	padding: .25em;
	font-weight: normal;
}

span.NewsPostDate i{ font-style: normal;}

							/* CONTAINER - Body */
div.NewsBodyText,
.g-body{
	text-align: justify;
	font-size: 12px;
	line-height: 1.25em;
}

.NewsGroup a, 
.g-entry a{ 
  color: #9900cc;
}
.NewsGroup a:hover, 
.g-entry a:hover{ 
  color: maroon;
}

.NewsBodyText p, 
.g-body p{
	margin: 1em 0;
}
							/* Images */
.NewsBodyText p img:first-child,
.g-body p img:first-child{
	margin-left: -5px;
	margin-bottom: 4px;
	margin-right: 4px;
	margin-top: 4px;
	clear: right;
	border: 2px solid #ededed;
	background-color: #ededed;
}
.NewsBodyText p img,
.g-body p img{

	margin: 1em 0 1.25em 1.25em;
	clear: right;
	border: 2px solid #ededed;
	background-color: #ededed;
}

							/* Videos */	
.NewsBodyText object,
.g-body object{
	display: block;
	margin: 1em auto;
	text-align: center;
	width: 100%;			/* stretches video wrapper */
}


/* ------------------------------------------------------ 
							Footer
 -------------------------------------------------------- */

.PagingGroup,
.paging{
	display: none;
	
}
							/* Arrows */
 
.paging {

display: none;

}

							/* Made with Glue */	
div#GlueLink, 
.glue{ 
  display: none;
}

.NewsRule {

display: none;

}


/* ------------------------------------------------------ 
				Additional Formatting
 -------------------------------------------------------- */

ul, 
ol {
	margin: 12px 30px;
	padding: 0 25px;
}

ul { list-style: square; }
ol { list-style: decimal; }

dt {font-weight: bold; color: #22312F; line-height: 1.75em;}
dd {padding-left: 20px; line-height: 1.75em;}
dl { padding: 12px 25px; line-height: 1.75em;}

code {
  	margin: 3px 0;
  	padding: 20px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
  	/* white-space: pre; */
  	border: 1px solid #dddddd;
	background: #efebe7;
}
acronym { border-bottom: 1px dotted #895F30;}

blockquote {
	margin: .25em 1.5em;
 	padding: 2em; 
 	
 	line-height: 1.5em;
	font-size: 1.15em;
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, Serif;	
	color: #333333;	
}
strong { font-weight: bold; }

							/* Tabular Data */
table { border-collapse: collapse; margin: 1em 2em;}
tr { border-width: 1px; border-style: none; }
th, td {
	border-width: 1px;
	border-style: none;
	text-align: left;
}
th {
	font-size: 1.2em;
	padding: 1em;
	vertical-align: middle;
	color: #aaaaaa;
	background: #eeeeee;
}

td { padding: .7em 1em; }





#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:none; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}