@charset "utf-8";

/* Main CSS Document */
html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	/*background-color:#E1DFDF;*/
}

/* Main content style */
#mainContent {
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 22px;
	background-color: #FFF;
	padding: 0px 10px 10px 10px;
	overflow: auto;
}

.bodytext {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
}

#centeredImageWrapper {
	float: left;
	text-align: center;
	width: 640px;
	margin: 0px 10px 0px 10px;
	padding-left: 5px;
	background-color: #F3F3F3;
	border: thin solid #E2E2E2;
}

#storyWrapper {
	float: left;
	text-align: center;
	width: 980px;
	margin: 0px 10px 0px 10px;
	padding-left: 5px;
	background-color: #F3F3F3;
	border: thin solid #E2E2E2;
}

.storyItem {
	float: left;
	text-align: center;
	width: 960px;
	padding: 10px;
	background-color: #FFF;
	border: thin solid #E2E2E2;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

.storyImageDisplay {
	float: left
}

.storyText {
	overflow: auto;
	width: auto;
	text-align: left;
	margin: 5px;
	padding: 5px;
	border: thin solid #E2E2E2;
}

#singleImageName {
	float: left;
	height: 54px;
	margin: 0px 10px 10px 10px;
	padding: 0px 10px 0px 10px;
	width: 640px;
	text-align: left;
	background-color: #F3F3F3;
	border: thin solid #E2E2E2;
}

#twitterWidget {
	width: auto;
	float: left;
}

/* header stuff */
#logoSmall {
	float: left;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #FF9900;
}

h1 {
	font-size: 19px;
	font-weight: bold;
	color: #666666;
	clear: both;
}

hr.thin {
	height: 1px;
	border: 0;
	color: #E4E4E4;
	background-color: #E4E4E4;
	width: 80%;
}

legend {
	font-size: 22px;
	color: #000;
}

.orangeHighlight {
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
}

.blackHighlight {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

#blackHeader {
	text-align: left;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	background: #000;
	height: auto;
	width: 100%;
	color: white;
}

#blackHeader a {
	color: white;
}

#blackHeader a:hover {
	color: #FF9900;
}

#whiteHeader {
	text-align: left;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	background: #fff;
	height: auto;
	width: 100%;
	color: black;
}

#nestedBlackHeader {
	float: left;
	height: auto;
	background-color: #000;
	width: 100%;
	text-align: left;
	color: white;
}

#nestedBorderedHeader {
	overflow: auto;
	border-top: thin solid #111;
	border-bottom: thin solid #111;
	margin-bottom: 2px;
}

#nestedBorderedHeader img { /*float:right;*/
	
}

#nestedBorderedFooter {
	overflow: auto;
	border-top: thin solid #111;
	/*border-bottom:thin solid #111;*/
}

/*  Footer stuff */
#blackFooter {
	background-color: black;
	color: white;
	text-align: center;
	width: 100%;
}

#blackFooter a {
	color: white;
}

#blackFooter a:hover {
	color: #FF9900;
}

#whiteFooter {
	background-color: white;
	color: black;
	text-align: center;
	width: 100%;
}

/* navigation */
#rightAlignedNav {
	position: absolute;
	top: 20px;
	right: 10px;
	float: right;
	text-align: left;
	font-weight: bold;
}

#leftAlignedNav {
	float: left;
	text-align: right;
	margin: 20px 0px 10px 0px;
	font-weight: bold;
	width: 460px;
}

#centeredNav {
	float: left;
	text-align: center;
	margin: 5px 0px 10px 0px;
	font-weight: bold;
	width: 460px;
}

/* Admin bar*/
#adminBar {
	float: left;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #FFFFFF;
	z-index: 999;
	text-align: left;
}

/* home page styling*/
#StockImageShowcase {
	float: left;
}

#newestImage {
	float: left;
	margin: 0px 0px 0px 10px;
	width: 460px;
	padding: 0px 5px 0px 5px;
	/*border:thin solid #E4E4E4;*/
	min-height: 120px;
}

#newestImage #headingText {
	float: left;
	font-family: "Arial Black";
	font-size: 18px;
	font-weight: normal;
	color: #FF6600;
}

#newestImage #newestImageName {
	float: left;
	font-family: "Arial Black";
	font-size: 18px;
	font-weight: normal;
	color: #000000;
}

#newestImage #newestImageCaption {
	padding: 10px 0px 10px 0px;
	float: left;
	font-weight: normal;
	color: #000000;
	text-align: justify;
}

#photoStream {
	float: left;
	width: 460px;
	margin: 0px 0px 10px 10px;
	padding: 0px 5px 10px 5px;
	/*border:thin solid #E4E4E4;*/
}

#photoStream #headerText {
	float: left;
	font-family: "Arial Black";
	font-size: 18px;
	font-weight: bold;
	color: #FF6600;
}

#photoStream img {
	float: left;
	background-color: #E4E4E4;
	padding: 5px 5px 10px 5px;
	margin: 0px 3px 5px 3px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
}

#photoStream .streamImageTile:hover {
	background-color: #F1AE1D;
}

#homePageSearchBar {
	color: #ffffff;
	font-family: "Arial Black";
	padding: 10px 10px 0px 10px;
	margin: 10px 0px 10px 0px;
	text-align: left;
	float: left;
	background: #000000;
	width: 990px;
	font-weight: bold;
	font-size: 16px;
}

#homePageSearchBar .orangeHeader {
	font-size: 18px;
	color: #FF6600;
}

#searchBar {
	margin: 3px 10px 0px 20px;
}

#searchBoxWidget {
	text-align: center;
}

#tagCloud a:hover {
	text-decoration: underline;
}

#homeSubmit {
	font-family: "Arial Black";
	font-size: 15px;
	color: #FF6600;
	background: #000000;
}

#browseBox {
	float: left;
	margin-top: 30px;
	margin-right: 90px;
	text-align: center;
}

#shareBox {
	margin-top: 30px;
	margin-left: 65px;
	float: left;
	text-align: center;
}

#twitterBox {
	float: left;
	margin-left: 170px;
}

/* advertisements */
.advertTile {
	float: left;
	width: 300px;
	padding: 10px;
	/*margin-right:10px;*/
	border: solid 1px #E9D4BF;
}

.advertTile:hover {
	background-color: #C7EFFD;
	cursor: pointer;
}

/* Hyperlinking*/
a {
	color: #000000;
	text-decoration: none;
}

a:link {
	color: #000000;
}

a:visited {
	color: #666666;
}

a:hover {
	color: #FF9900;
}

a:active {
	color: #000000;
}

a img {
	border: 0px solid #000000;
}

/* Miscelanous stuff */
.clearfloat {
	clear: both;
}

/* form elements */
textarea {
	padding-left: 1px;
	border-style: dotted;
	border-color: black;
	border-width: 1px;
	font-family: "Trebuchet MS";
	padding-left: 1px;
}

input {
	padding-left: 1px;
	border-style: dotted;
	border-color: black;
	font-family: "Trebuchet MS";
	padding-left: 1px;
}

textarea:focus {
	border: 1px solid #D8A60D;
	background-color: #FEFFCE;
}

input {
	color: #111;
	font-family: "Trebuchet MS";
	font-size: 12px;
	background-color: #FFF;
	font-weight: normal;
	border: thin dotted #111;
}

input:hover {
	cursor: pointer;
}

input:focus {
	border: 1px solid #D8A60D;
	background-color: #FEFFCE;
}

input:hover {
	font-family: "Trebuchet MS";
	/*background-color: #111;
  	 * color: #FFF;
  	 * font-size: 12px;
  	 * font-weight: bold;
  	border:2px solid #D8A60D;*/
	cursor: pointer;
}

/* error messages */
#errormessageContainer {
	text-align: left;
	margin-top: 20%;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	border: thin solid silver;
	padding: 10px;
	background: #FFFFE1;
	clear: both;
}

#errormessageContainer img {
	padding: 5px 5px 5px 5px;
}

/* image tiles and such */
#imageContainer {
	float: left;
	text-align: left;
	padding: 10px 20px 40px 20px;
	background-color: #E6E7EB;
	border: thin solid #E2E2E2;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	/* experimental drop shadow (CSS3 only)
	box-shadow: 1px 1px 5px #9A9A9A;  
	-moz-box-shadow: 1px 1px 5px #9A9A9A;
	-webkit-box-shadow: 1px 1px 5px #9A9A9A;*/
}

#imageContainer a:link {
	color: #FF9900;
}

#imageContainer a:hover {
	color: #000000;
}

#imageControls {
	margin-top: 10px;
	width: 600px;
	float: left;
	padding: 0px 5px 0px 5px;
	text-align: right;
}

#uploaderInfo {
	margin-top: 5px;
	text-align: left;
	font-style: italic;
	font-size: 11pt;
}

#imageCaptionText {
	text-align: left;
	padding-top: 10px;
}

.imageComment {
	text-align: left;
	font-weight: normal;
	background-color: #F7F7F7;
	border: thin solid #999;
	color: #000000;
	padding: 10px 5px 10px 5px;
	margin-top: 10px;
	-moz-border-radius: 0px 6px 6px 6px;
	-webkit-border-radius: 0px 6px 6px 6px;
}

.smallImageComment {
	width: 300px;
	float: left;
	overflow: auto;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	border-bottom: thin solid #E4E4E4;
	padding: 5px 0px 5px 2px;
	margin: 5px 0px 2px 0px;
	background-color: #FFFFFE;
}

.genericExtraWidget {
	float: left;
	width: 300px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	border-bottom: thin solid #E4E4E4;
	padding: 0px 0px 2px 10px;
	margin: 5px 0px 2px 5px;
	background-color: #FFFFFE;
}

#captionHider { /*position:absolute;*/ /*bottom:5px;*/ /*right:25px;*/
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: lighter;
}

#extraImageInfo {
	background-color: #F3F3F3;
	border: thin solid #E2E2E2;
	float: left;
	padding: 5px;
	width: 320px;
	margin-right: auto;
}

#thumbNails {
	float: left;
	text-align: center;
	padding-left: 25px;
	padding-bottom: 30px;
}

.thumbNail {
	float: left;
	background-color: silver;
	padding: 4px 4px 10px 4px;
	margin: 6px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	/* experimental drop shadow (CSS3 only)*/
	box-shadow: 1px 1px 3px #9A9A9A;
	-moz-box-shadow: 1px 1px 3px #9A9A9A;
	-webkit-box-shadow: 1px 1px 3px #9A9A9A;
}

#albumImages {
	height: 430px;
	overflow: auto;
}

#socialBar {
	float: left;
	text-align: left;
	margin-left: 40px;
}

#socialBar img {
	border: 0px;
}

#topSocialBar {
	padding: 0px 5px 0px 5px;
	background-color: #F3F3F3;
	border: thin solid #E2E2E2;
	width: 320px;
	float: left;
	text-align: left;
}

#topSocialBar img {
	border: 0px;
}

#userContributedImages {
	background-color: #D4D0C8;
	margin-right: 4px;
	color: black;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

div.imageTile {
	background-color: #ffffff;
	width: auto;
	padding: 0px 7px 0px 7px;
	height: 100px;
	margin-left: 4px;
	margin-top: 0px;
	margin-bottom: 5px;
	float: left;
	border: thin solid #f7f7f7;
	display: block;
	min-width: 280px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

div.imageTile:hover {
	background-color: #efefef;
	border: thin solid rgb(244, 203, 108);
	cursor: pointer;
}

.reportedImageTile {
	background-color: #ffffff;
	width: auto;
	padding: 0px 7px 0px 7px;
	height: 100px;
	margin-left: 4px;
	margin-top: 0px;
	margin-bottom: 5px;
	float: left;
	display: block;
	min-width: 295px;
	/*overflow:auto;*/
	border: thin solid #f7f7f7;
}

.reportedImageTile:hover {
	background-color: #efefef;
	border: thin solid rgb(244, 203, 108);
	cursor: pointer;
}

.videoIcon {
	position: absolute;
	top: 55px;
	left: 2px;
	float: left;
	z-index: 999;
}

.imageTileImage {
	position: relative;
	top: 20%;
	width: 90px;
	margin-left: 1px;
	margin-top: -5px;
	margin-bottom: 0px;
	float: left;
}

.imageTileText {
	margin-left: 5px;
	margin-top: 3px;
	width: 160px;
	float: left;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica,
		sans-serif;
	text-align: left;
	color: #000000;
	padding-top: 1px;
}

.albumTileText {
	margin-left: 5px;
	margin-top: 3px;
	width: 160px;
	float: left;
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica,
		sans-serif;
	text-align: left;
	color: #000000;
	padding-top: 1px;
}