/* Credits

Style by Myjive / www.myjive.net

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

@import "../css/forms.css";


/* Main Containers
-----------------------------------------------------------*/

html, body, table {
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
}
body {
	background-color: #FFF;
	margin: 0; padding: 0;
	text-align:center;
}
#wrapper {
	margin: 0 auto;
	width: 960px;
	padding: 0;
	text-align:left;
}
#main {
	margin: 0;
	padding: 10px 0;
	width: 960px;
	text-align:left;
	clear: both;
	display: block;
	float: left;
}

/* positioning
--------------------------------------------------------*/	

div.right, p.right, input.right {
	float: right;
}

div.left, p.left, input.left {
	float: left;
}

div.center, p.center, input.center { text-align: center; }

/* basic typography
--------------------------------------------------------*/	
p {
	margin: 0 0 .6em;
	font-size: .75em;
	line-height: 1.3em;
}
code, pre {
	font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace;
	font-weight: normal;
	font-size: small;
}
img {
	border: 0;
}

h1, h2, h3, h4, h5 { 
	margin: 0 0 .3em;
	color: #444444;
}
h1 {
	font-size: 1.2em;
	color: #336699;
	font-weight:normal;
	padding: 0;
}

h1.large {
	font-size: 1.5em;
}

h1.middle { text-align: center; }

h2 {
	margin-top: 20px;
	font-size: 15px;
	color: #444444;
}

h3 {
	font-size: .75em;
	margin: 0 0 .6em;
	color: #1a94bd;
}

h4 {
  font-size: .8em;
	margin: 0;
	padding: 0;
	color: #336699;
}

h5 {
	margin: 20px 0 1.3em 0;
	font-size: 15px;
	color: #444444;
}


strong { color: #444444; }


/* links
--------------------------------------------------------*/	

a { 
	color: #007db7;
	text-decoration: none;
}

a:hover {
	color: #1483a8;
	text-decoration: underline;
} 

/* header
--------------------------------------------------------*/	
#header {
	height: 133px;
	text-align: left;
	padding: 0;
	background:transparent url(../images/header_bkg.gif) no-repeat 0 0;
	border-bottom: 1px solid #cbc5c5;
}

#header img.logo { padding: 23px 0 0 25px; float: left; }

#topBanner {
	width: 215px;
	display:block;
	float: right;
}

/* main navigation
--------------------------------------------------------*/	

#mainNavi {
	display:block;
	float: right;
	width: 160px;
}

#mainNavi ul { 
	margin: 0;
	padding: 12px 0 0 0; 
}

#mainNavi ul li {
	display:block;
	background: none;
	padding: 0; 
	margin: 0;
}

#mainNavi ul li a {
	display:block;
	outline:none;
	height:20px;
	width: 160px;
	text-indent:-9009px;
	margin:0;
}

#mainNavi ul li.about-nav a {
	background:transparent url(../images/topNav/about.gif) no-repeat 0 0;
}
#mainNavi ul li.sponsors-nav a {
	background:transparent url(../images/topNav/current.gif) no-repeat 0 0;
}
#mainNavi ul li.advocates-nav a {
	background:transparent url(../images/topNav/advocates.gif) no-repeat 0 0;
}
#mainNavi ul li.filmmakers-nav a {
	background:transparent url(../images/topNav/creatives.gif) no-repeat 0 0;
}

#mainNavi ul li a:hover {
  background-position:0 -20px;
}

/* main content columns
-----------------------------------------------------------*/

.content_home {
	float: left;
	width: 640px;
	padding: 0; margin: 0;
}

.content_home img {
	margin-bottom: 10px;
}

#flashHome {
	margin-bottom: 10px;
}

.content { float: left; width: 740px; }

.sideBoxWrap { 
	width: 200px;	
	padding: 10px;
	background-color:#E1DDDE;
}

.sideBox {
	padding: 18px;
	background-color:#FFF;
	border: 1px solid #c9c7c8;
	margin: 0 0 8px 0;
}

/* because IE6 just doesn't get it */
* html .sideBoxWrap { width: 190px; padding: 10px; }
* html .sideBox { padding: 14px; }

.sideBox .center {
	padding: 5px;
}

.sideBox img.thumb {
	background-color: #FFF;
	padding: 4px;
	border: 1px solid #CCC;
	margin: 0;
}
	

.leftCol {
	width: 730px;
	display: block;
	float: left;
	padding: 0;
	padding: 0;
}

.centerCol {
	width: 460px;
	display: block;
	float: right;
	margin: 0 30px;
}

/*becuase IE6 is so smart */
* html .centerCol {
	margin: 0 20px;
}

div.centerCol .red, div.centerCol .red strong {
	color: #da1710;
	text-align: center;
}

.leftColHalf { 
	width: 480px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

.rightColHalf { 
	display: block;
	float: right;
	padding: 0;
	margin: 0;
	width: 460px;
}

div.resource, div.resourceWide {
	clear: both;
	display: block;
	float: left;
	width: 440px;
	margin-bottom: 1px;
	padding: 10px;
	background: #e0dddd;
}

div.resourceWide {
	width: 710px;
}

div.resource img, div.resourceWide img  {
	display: inline;
	float: left;
	padding-right: 10px;
}

div.resource p, div.resourceWide p  {
	margin-left: 90px;
}

div.resource p.news  {
	margin-left: 0px;
	padding: 5px 5px 0px 5px;
}

img.homeBanner {
	border: 1px solid #CCC;
}

/* narrow column attributes
-----------------------------------------------------------*/


img.vidThumb {
	border: 1px solid #c9c7c8;
	margin-bottom: 20px;
}

img.pageTitle {
	margin: 15px 0 20px 0;
}

img.subTitle {
	margin: 15px 0 15px;
}

p.caption {
	font-size: .7em;
	color: #CCC;
}

span.capTitle {
	color: #444444;
}

p.backArrow {
	background:transparent url(../images/arrowLeft.gif) no-repeat 10px 2px;
	padding-left: 20px;
}

/* home and large left column updates
-----------------------------------------------------------*/

div.content_home img.pageTitle {
	margin-left: 25px;
}

div.content_home a {
	font-weight: bold;
}

div.content-body {
	margin: 25px 20px 0 20px;
	color: #444444;
}

p.print {
	margin: 0 0 25px 0; 
	padding: 7px 0 4px 0;
  text-align:right;
	background:transparent url(../images/print.gif) no-repeat top right;
	border-bottom: 1px solid #CCC;
}

p.print a {
	font-weight: normal;
	font-size: .85em;
	margin: 0;
	padding: 0 25px 0 0;
}

div.content_home hr {
	margin:25px 0 25px 0;
}

/* video player and related information
-----------------------------------------------------------*/

.vidPlayer {
	margin-bottom: 10px;
}

.videoTitle { 
	display: block;
	float: left;
	padding: 5px 0 5px 0;
	margin: 0;
	width: 480px;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFFF;
	background: #000000;
	border-bottom: 1px solid #FFFFFF
}

.videoInfo { 
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 220px;
}

.endorsers {
	display: block;
	float: left;
	height: 25px;
	width: 460px;
	margin-top: 12px;
	margin-bottom: 10px;
}


/* sidebar
--------------------------------------------------------*/	
#sidebar {
	display: block; 
	float: right;
	width: 220px;
	padding: 0; 
	margin: 0;
}

/** html #sidebar { width: 210px; }*/

#toolNav {
	margin-bottom: 10px;
}


/* sidebar 
--------------------------------------------------------*/	

.sidebar_home {
	display: block;
	float: right;
	text-align: left;
	width: 310px;
}


.side_features {
	border-top: 1px solid #CCC;
	padding: 10px;
	background-color:#e0dddd;
	margin-top: 10px;
}

.side_features img {
	border: 1px solid #cbc6c6;
	padding: 0;
}

.side_features img.spaceBottom {
	margin-bottom: 10px;
}

.side_features .box {
	text-align:center;
	background-color:#FFFFFF;
	padding: 15px 8px 8px 8px;
	color: #007db7;
	border: 1px solid #cbc6c6;
	margin-bottom: 10px;
}

.side_features .boxFull {
	text-align:center;
	color: #007db7;
	border: 1px solid #cbc6c6;
	margin-bottom: 10px;
}

.side_features .box img.label {
	border: 0;
	margin-bottom: 10px;
	color: #444444;
}

.side_features .box p.cloud {
	line-height: 18px;
}

.side_features .in-action-wrap {
	background:#006291 url(../images/in-action_bottom.gif) left bottom no-repeat;
	color: #FFFFFF;
	padding-bottom: 12px;
	margin-bottom: 10px;
}

.side_features .in-action {
	background:transparent url(../images/in-action_top.gif) left top no-repeat;
}

.side_features .in-action h2 {
	font-weight: normal;
	color: #FFFFFF;
	padding: 20px 20px 8px 20px;
	font-size: 15px;
}

.side_features .in-action ul, .side_features .in-action ul li {
	padding: 0; margin: 0;
}

.side_features .in-action ul li a {
	display: block;
	padding: 6px 20px;
	color: #FFF;
	font-size:12px;
	line-height:15px;
	height: 1%; /* ie is insano */
}

.side_features .in-action ul li.light a {
	background: #007db7;
}

.side_features .in-action ul li a:hover {
	background: #0772a6;
	text-decoration: none;
}

.side_features .in-action ul li.light a:hover {
	background: #0e8ec4;
	text-decoration: none;
}


/* images
--------------------------------------------------------*/	

img.right {
	float: right;
	border: 0;
}

img.left {
	float: left;
	border: 0;
}

/* general ordered/unordered lists
--------------------------------------------------------*/	

ul, ul li {
	list-style-image: none;
	list-style-type: none;
}

ol, ul {
  font-size: 12px;
	font-weight: normal;
	margin: 0 0 1.4em 20px;
	padding: 0;
	
}

ul li {
	padding-left: 15px;
}

ul li, ol li {
	margin: 0 0 14px 0;
	font-size: 12px;
	line-height: 18px;
}

.content-body ol {
	padding: 15px 0 0 20px;
}

.content-body ol li {
	margin: 0 0 14px 0;
	font-size: 12px;
	line-height: 18px;
}


/* tables
------------------------------------------*/

table { font-size: .85em; }

th, td { vertical-align: top; text-align: left;}
th.right, td.right { text-align: right;}
th.center, td.center { text-align: center; }
th.middle, td.middle { vertical-align: middle; }
th.top, td.top { vertical-align: top; }

th.small, td.small { width: 70px; }
th.medium, td.medium { width: 140px; }
th.large, td.large { width: 300px; }

th { 
	color:#444444; 
	padding: 0 8px 5px 8px; 
	margin: 0; 
	border: 0;
	border-bottom: 1px solid #CCCCCC;
}

td { 
	border-bottom: 1px solid #F3F3F3;
	padding: 8px;
	margin-bottom: 15px;
	line-height: 1.4em;
}

table.searchResults {
	width: 700px;
	border: 0;
	font-size:0.8em;
	padding-bottom: 20px;
	margin: 15px 0;
}

table.simpleBorder {
	padding: 10px;
	border: 5px solid #CCC;
	margin-left: 45px;
}

table.simpleBorder td {
	padding: 2px;
}

table.simpleBorder p {
	text-align: center;
}

/* results
-----------------------------------------------------------*/
#searchResults {
	width: 690px;
	height: 35px;
	margin:0;
	padding: 13px 20px 0 20px;
	background: url(../images/searchResultsHeader_bkg.gif) top left no-repeat;
}

#searchResults p.for {
	color: #FFFFFF;
	font-size: 1.0em;
}

#searchResults p.right {
	color: #CCCCCC;
	font-size: 0.9em;
}


#results {
	padding: 0; margin: 0;
	display: block; 
	clear: both;
}

/* see "tabs systems" for search result tab styles */

#results .row {
	width: 100%;
	clear: both;
	padding: 18px 0; 
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin: 0 0 3px 0;
	float: left;
	display:block;
}

#results .yellow {
	background-color: #fff1b2;
}

#results .top {
	border-top: none;
}

#results .row .result {
	width: 690px;
	clear: both;
	padding: 12px 20px; 
	border-bottom: 1px solid #CCC;
	margin: 0;
	float: left;
	display:block;
}

#results .row .resultBottom {
	width: 690px;
	clear: both;
	padding: 12px 20px; 
	border-bottom: none;
	margin: 0;
	float: left;
	display:block;
}


#results .result h2 {
	margin: 0 0 .1em;
}

#results .result a.resourceLink, #results .result a.resourceLink:hover, #results .resultBottom a.resourceLink, #results .resultBottom a.resourceLink:hover  {
	color: #777272;
}


#results .row ul { 
	padding: 0;
	margin: 0;
}

#results .row ul.videoPage { 
	padding: 0 20px;
	margin: 0;
}

#results .row ul li {
	float: left;
	display: block;
	margin: 0 4px;
	width: 155px;
	font-size:1em;
}

* html #results .row ul li {
	margin: 0;
}

#results .row ul li img.thumb {
	background-color: #FFF;
	padding: 4px;
	border: 1px solid #CCC;
	margin: 8px 0;
}
	
#resultsBottom {
	width: 100%;
	clear: both;
	border-bottom: 1px solid #CCC;
	margin: 0 0 3px 0;
	float: left;
	display:block;
}

#resultsBottom table {
	width: 730;
	font-size: 11px;
}

#resultsBottom table td {
	width: 243px;
}

/* tab systems
--------------------------------------------------------*/

#results .resultTabs {
	height: 36px;
	padding: 0 0 0 20px;
	background:transparent url(../images/resultsTab_bkg.gif) no-repeat 0 0;
	border-top: 1px solid #CCC;
}

.generalTabs {
	height: 36px;
	padding: 0 0 0 20px;
	background:transparent url(../images/searchResultsTab_bkg.gif) no-repeat 0 0;
}

.resultTabs ul, .generalTabs ul {
	list-style: none;
	margin: 1px 0 -1px 0;
	padding: 0;
	position: absolute;
}

.resultTabs ul li, .generalTabs ul li {
	float: left;
	display: block;
	height: 35px;
	padding: 0px;
	margin: 0 3px 0 0;
	position: relative;
	background: url(../images/tabs/white.gif) no-repeat bottom right;
	white-space: nowrap;
}

.resultTabs ul span, .generalTabs ul span {
	height: 35px;
	background: url(../images/tabs/white-end.gif) no-repeat bottom left;
}

html>body .resultTabs ul span {
	 display: block;
}

html>body .generalTabs ul span {
	 display: block;
}

.resultTabs ul li.selected {
	 z-index: 1;
	 font-weight: bolder;
	 border-bottom: 1px solid #fff1b2;
	 height: 35px;
	 background: url(../images/tabs/yellow.gif) no-repeat bottom right;
}

.resultTabs ul li.selected span {
	background: url(../images/tabs/yellow-end.gif) no-repeat bottom left;
}

.generalTabs ul li.selected {
	 z-index: 1;
	 font-weight: bolder;
	 border-bottom: 1px solid #fff;
	 height: 35px;
	 background: url(../images/tabs/whiteSelect.gif) no-repeat bottom right;
}

.generalTabs ul li.selected span {
	 background: url(../images/tabs/whiteSelect-end.gif) no-repeat bottom left;
}

/* degrade fix for IE 6, elminates left side graphic */
* html .generalTabs ul span, * html .resultTabs ul span, * html .resultTabs ul li.selected span, * html .generalTabs ul li.selected span {
	height: 35px;
	background: none;
}

.resultTabs ul a, .generalTabs ul a {
	display: block;
	line-height: 24px;
	padding: 10px 20px 0 20px;
	font-weight:bold;
	font-style:normal;
}

.resultTabs ul a:hover, .generalTabs ul a:hover {
	text-decoration: none;
	color: #444444;
}

.resultTabs ul li.selected span a, .generalTabs ul li.selected span a {
	padding: 5px 20px 0 20px;
 	color: #444444;
}

#results .displayOptions {
	float: right;
	padding: 10px 10px 0 0;
}

/* misc
--------------------------------------------------------*/

.lineBreak {
	clear:both;
	margin: 0;
	padding: 0;
}

p.line, p.line-tall {
 border-top: 1px solid #CCC;
 padding: 0; margin:10px 0;
 line-height:0;
}

p.line-tall {
	 margin:25px 0;
}

p.lineSpace {
  padding: 0; margin:10px 0 0 0;
 line-height:0;
}

div.inspired {
 padding: 5px 0 0 0; margin:10px 0 0 0;
 height: 21px;
 color: #444444;
 font-size: 13px;
 font-weight: bold;
 text-align:center;
 background-image: url(../images/toolHeader.gif);
}

#flashFilmmaker {
	margin-bottom: 15px;
	text-align:center;
}

input.embed { width: 300px; }

/* share it table
--------------------------------------------------------*/

#share-it { 
	width: 460px;
	padding: 10px 0;
}

#share-it th, #share-it td { 
	width: 75px;
	height: 65px;
	vertical-align: top; 
	text-align: center;
	font-size: 0.8em;
}

#share-it img { 
	padding-bottom: 8px;
}


/* 10 Questions
--------------------------------------------------------*/
.questions-header {
	padding: 65px 0 0 20px;
	height: 48px;
	background:#007cb6 url(../images/questions_head.gif) no-repeat 0 0;
}

.questions-header h1 {
	color: #FFFFFF;
	font-size: 26px;
	font-weight:normal;
}

#questions {
	font-weight: bold;
}

#questions p {
	padding: 2px 15px 10px 15px;
	border-bottom: 1px solid #c9c7c8;
}

#questions strong {
	color: #CC0000;
}


/* Tag pages
--------------------------------------------------------*/
#tagDescription {}

#tagDescription table {
	width: 99%;
	border: 0;
	margin: 0;
	padding: 0;
}

#tagDescription table td {
	border: 0;
}


#tagDescription table p {
	font-size: 12px;
}

#tagDescription table h2 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #1a94bd;
}


/* footer
--------------------------------------------------------*/	

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	/*height: 200px;*/
	text-left: center;
	background:transparent url(../images/footer_bkg.gif) no-repeat 0 0;
}

#footNavi {
	display:block;
	float: right;
	width: 450px;
	height: 84px;
}

#footNavi ul { 
	margin: 0;
	padding: 4px 0 0 0; 
}

#footNavi ul li {
	display:block;
	float: left;
	background: none;
	padding: 0; 
	margin: 0;
}

#footNavi ul li a {
	display:block;
	outline:none;
	height:50px;
	text-indent:-9009px;
	margin:0;
}

#footNavi ul li.current-nav a {
	width: 167px;
	background:transparent url(../images/btn_foot_partner.gif) no-repeat 0 0;
}
#footNavi ul li.tech-nav a {
	width: 154px;
	background:transparent url(../images/btn_foot_special.gif) no-repeat 0 0;
}
#footNavi ul li.contests-nav a {
	width: 121px;
	background:transparent url(../images/btn_foot_contests.gif) no-repeat 0 0;
}

#footNavi ul li a:hover {
  background-position:0 -50px;
}

#partners {
	clear: both;
	display:block;
	padding: 0; margin: 0;
}

.copyright {
	font-size: 13px;
	color:#666;
	padding-top: 8px;
	border-top: 1px solid #cbc5c5;
	margin-bottom: 25px;
}

.copyright a {
	color: #006391;
}