@charset "UTF-8";
/* CSS Document */


/* ADD ACTIVE STORY LINK STYLE 
(Don't forget to change the page's body and link IDs to match!) */

#bAkaiser a#akaiser img { border: 2px #666 solid; }
#bRmack a#robmack img { border: 2px #666 solid; }
#bTguedon a#tguedon img { border: 2px #666 solid; }
#bJrobinson a#jrobinson img { border: 2px #666 solid; }
#bCwadey a#cwadey img { border: 2px #666 solid; }
#bMcorriero a#mcorriero img { border: 2px #666 solid; }
#bGpang a#gpang img { border: 2px #666 solid; }
#bIpranawake a#ipranawake img { border: 2px #666 solid; }
#bAndrievici a#andrievici img { border: 2px #666 solid; }






/* IE HACKS */

*:first-child+html .hdImg {
	text-align:left;
	margin-top:25px;
	margin-bottom:10px;
	margin-left:5px;
}
*:first-child+html .stories { margin-bottom:12px; }
*:first-child+html #contestContainerHome { height:auto; }
*:first-child+html #contestContainerStory { height:auto; }
*:first-child+html #contestContainerHome .contentCol { padding-top:140px; }
*:first-child+html #contestContainerStory .contentCol { padding-top:500px; }
*:first-child+html hr { margin: 20px 0; }


/* BODY STYLES */

body,td,th {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #cccccc;
	line-height: 1.6;
	margin:0;
}
.subHd {
	color: #fff;
	line-height: 1.6;
	font-size:14px;
	font-weight:bold;
}
.contentTable { 
	background-color:#000;
	padding-bottom:40px;
}
.hdImg {
	text-align:left;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:5px;
}
a:link {
	color: #eeeeee;
	text-decoration: none;
	font-weight:bold;	
}
a:visited {
	text-decoration: none;
	font-weight:bold;
	color: #eeeeee;
}
a:hover {
	text-decoration: underline;
	color: #eeeeee;
	font-weight:bold;
}
a:active {
	text-decoration: none;
	color: #eeeeee;
	font-weight:bold;
}

a img.stories { border: 2px #000 solid; }
a:hover img.stories, #contestContainerStory a:hover img.stories, #contestContainerHome a:hover img.stories { border: 2px solid #999; }
a:active img.stories { border: 2px #666 solid; }
a:visited img.stories { border: 2px #000 solid; }

a img.archive { border: 1px #000 solid; }
a:hover img.archive, #contestContainerStory a:hover img.archive, #contestContainerHome a:hover img.archive { border: 1px solid #444; }
a:active img.archive { border: 1px #444 solid; }
a:visited img.archive { border: 1px #000 solid; }

hr { margin: 40px 0; }

img.stories { margin-bottom:15px; }
.imgBorder { border: 1px #666666 solid; }
img.judges { margin:3px 15px 10px 0; }
.judges { font-size:11px; }
img.winners { padding:1px; }	



/* COMMON PAGE LAYOUT */

#contestContainerHome {
	background-image:url(http://www.thegnomonworkshop.com/img/contests/bgImg_home.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#000;
	width:950px;
	height:750px;
	margin:0;
}
#contestContainerHome .leftCol, #contestContainerStory .leftCol {
	margin-top:90px;
	margin-left:14px;
	float:left;
	width:216px;
}
#contestContainerHome .leftCol .winnersStories, #contestContainerStory .leftCol .winnersStories {
	margin-bottom:20px;
	margin-left:7px;
}
#contestContainerHome .leftCol .winnerProds, #contestContainerStory .leftCol .winnerProds {
	margin-top:30px;
	padding:10px;
	border: 1px solid #444;
	background-color:#282828;
}
#contestContainerHome .leftCol .winnerProds .prodImgs, #contestContainerStory .leftCol .winnerProds .prodImgs {
	border: 1px solid #666;
	margin-right:5px;
	margin-bottom:10px;
}
#contestContainerHome .leftCol .winnerProds .prodInfoText, #contestContainerStory .leftCol .winnerProds .prodInfoText {
	font-size:11px;
	color: #999;
	line-height:1.4;
}
#contestContainerHome .leftCol .winnerProds .prodInfoText a, #contestContainerStory .leftCol .winnerProds .prodInfoText a {
	color: #fff;
	font-weight:normal;
}
#contestContainerHome .contentCol, #contestContainerStory .contentCol {
	width:470px;
	float:left;
	padding: 360px 30px 0 10px;
	overflow:visible;
	height:auto;
}
#contestContainerHome .contentCol .contestCopy {
	width:462px;
	margin: 40px 40px 0 15px;
}
#contestContainerHome .rightCol {
	width:200px;
	float:left;
	padding-left:5px;
}
.artistName {
	font-size:20px;
	color:#5389d3;
}
.awardText {
	font-size:15px;
	color:#5389d3;
}
.userName {
	font-size:15px;
	color:#ffffff;
}
.contestQuestion {
	font-size:14px;
	font-weight:bold;
	line-height:1.6;
	color:#5389d3;
}
.contestAnswer {
	font-size:12px;
	color:#fff;
	line-height:1.5;
	padding-bottom:15px;
}



/* HOMEPAGE ONLY */

#contestContainerHome .rightCol .winnersList {
	width:200px;
}
#contestContainerHome .rightCol .winnerArchive {
	width:172px;
	margin-top:30px;
	padding:10px;
	border: 1px solid #333;
	background-color:#000;
}




/* STORY PAGES ONLY */

#contestContainerStory {
	background-color:#000;
	width:950px;
	height:750px;
	margin:0;
}
#contestContainerStory .contentCol .contestCopy {
	width:470px;
	margin: 110px 0 0 15px;
	padding-right:15px;
}
#contestContainerStory .rightCol {
	width:160px;
	float:left;
}
#contestContainerHome .rightCol .themeWinners {
	width:200px;
}
#contestContainerStory .rightCol .winnerArchive {
	width:172px;
	margin-top:30px;
	padding:10px;
	border: 1px solid #333;
	background-color:#000;
}


/* ARCHIVE PAGE ONLY */
#contestContainerStory .contentCol .archiveContent {
	width:550px;
	margin: 130px 0 0 15px;
	padding-right:10px;
}
#contestContainerStory .contentCol .archiveContent p {
	font-size:12px;
	font-weight:normal;
	color:#ccc;
	margin-top:-5px;
}
#contestContainerStory .contentCol .archiveContent img {
	margin: 0 15px 15px 0;
}
#contestContainerStory .contentCol .archiveContent .headline {
	font-size:18px;
	color:#ccc;
	text-transform:uppercase;
}



/* HERO BACKGROUND LINKS */

#contestContainerHome .contentCol .viewBtn {
	display:block;
	width:110px;
	height:20px;
	float:left;
	clear:left;
	margin:90px 0 0 15px;
	padding:0 0 0 0;
}

#contestContainerStory .rightCol .viewBtn {
	display:block;
	width:110px;
	height:20px;
	float:right;
	margin:95px -30px 35px 0;
	padding:0 0 0 0;
}
#contestContainerHome .rightCol .enterContest, #contestContainerStory .rightCol .enterContest {
	display:block;
	width:150px;
	height:100px;
	float:left;
	clear:left;
	margin:95px 10px 120px 25px;
	padding:0 0 0 0;
}



/* HOMEPAGE TABS */


#contestContainerHome .contentCol H1 { margin-bottom: 2px; font-family: Garamond, "Times New Roman", Times, Serif;}
#contestContainerHome .contentCol TEXTAREA { width: 100%;}
#contestContainerHome .contentCol FIELDSET { border: 1px solid #ccc; padding: 1em; margin: 0; }
#contestContainerHome .contentCol LEGEND { color: #ccc; font-size: 120%; }
#contestContainerHome .contentCol INPUT, TEXTAREA { font-family: Arial, verdana; font-size: 125%; padding: 7px; border: 1px solid #999; }
#contestContainerHome .contentCol LABEL { display: block; margin-top: 10px; } 
#contestContainerHome .contentCol .tabs { padding:70px 0 0 10px; }
#contestContainerHome .contentCol UL.tabNavigation {
	list-style: none;
	margin: 0;
	padding: 0;
}
#contestContainerHome .contentCol UL.tabNavigation LI {
	display: inline;
}
#contestContainerHome .contentCol UL.tabNavigation LI A {
	padding: 5px 10px;
	background-color: #222;
	border:1px #000 solid;
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px solid #444;
}
#contestContainerHome .contentCol UL.tabNavigation LI A.selected {
	background-color: #000;
	color: #fff;
	border-bottom: 1px solid #000;
	border-top:1px #444 solid;
	border-right:1px #444 solid;
	border-left:1px #444 solid;
}
#contestContainerHome .contentCol UL.tabNavigation LI A:hover {
	background-color: #222;
	color: #fff;
	border:1px #444 solid;
}
#contestContainerHome .contentCol UL.tabNavigation LI A:focus {
	outline: 0;
}

#contestContainerHome .contentCol div.tabs > div {
	padding: 20px 5px 5px 5px;
	margin-top: 3px;
}

#contestContainerHome .contentCol div.tabs > div h2 {
	margin-top: 0;
}

#contestContainerHome .contentCol #first {
	background-color: #000;
	border-top:1px solid #444;
}

#contestContainerHome .contentCol #second {
	background-color: #000;
	border-top:1px solid #444;
}

#contestContainerHome .contentCol #third {
	background-color: #000;
	border-top:1px solid #444;
}

#contestContainerHome .contentCol .waste {
	min-height: 600px;
}