/*
Description: One Spark Films
Author: Patrick
Author URI: 
Date: dec 2008
Version: 1
Notes: This is based on the bluetrip (http://bluetrip.org/) css system.
The grid system was removed along with a few other sections that are
unnecessary for this project.
*/

/* MEYER RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* BASIC TYPOGRAPHY */
html { font-size: 82.5%; font-family: helvetica, arial, sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
p {margin:5px 0; text-align:left;}

a:link, a:visited {color:#CC0000;}
a:hover {text-decoration:none;}

h1 {color:#CC0000; font-size:160%; padding:0;}
h1 a:link, h1 a:visited {color:#CC0000;	text-decoration:none;border-bottom:2px solid #FFEFEF;}
h1 a:hover {color:#CC0000;	text-decoration:none;border-bottom:2px solid #CC0000;}

h2 { font-size:120%;color:#000; padding:0;}

/* LAYOUT */
.accessibility {background: url(../images/top.png) top no-repeat; width:1025px; height:56px;}
.accessibility dt {text-indent:-9999px; float: left; height:1px;}

body {text-align:center; background:url(../images/tile-bg-small.jpg)}

#wrapper {background:url(../images/tile-shadow.png) repeat-y; overflow:hidden; height:auto;}

#container {
/*background:url(../images/tile-shadow.png) repeat-y;*/
margin:0 auto; 
text-align:left; 
width:1025px;
} 

#header {
background: url(../images/nav-lines-bg.png) 10px 19px no-repeat;
position:relative;
width:969px;
margin:0 0 0 27px;
padding:20px 0 10px 0;
}

#logo {
float:left;
margin:-4px 0 0 40px;
background:#fff url(../images/logo-onespark.png) center no-repeat;
text-indent:-9999px;
text-align:center;
height:42px;
width:411px;
}
#logo a, #logo a:visited { display:block; height:42px; width:411px;}

ul.mainnav {
display:block;
padding:5px 0;
margin:0 10px 0 10px;
text-align:center;
}
ul.mainnav li { display:inline; margin:0 5px;}
ul.mainnav li a:link, ul.mainnav li a:visited { text-decoration:none; color:#993300; font-size:120%; padding:4px 5px 6px 5px; font-weight:bold; text-transform:lowercase;}
ul.mainnav li a:hover {text-decoration:none; color:#993300; background-color:#FFD097;}
ul.mainnav li a.current {background-color:#FFD097;}


#video-container {width:990px; height:539px; background:url(../images/videoplayer-bg.png) no-repeat; margin:0 0 0 17px;}
#video-col-1 {width:788px; float:left;}
#video-col-2 { position:relative; /*background-color:#ccc;*/ border:1px solid #fff; width:200px; float:right; margin:60px 0 0 0;}
#video {margin:50px 0 0 50px;}
.video-col-2-content {position:relative; padding:20px;}

#body {position:relative; width:969px; margin:20px 0 0 27px; border:1px solid #BCBCBC; border-width:0 1px;}

.col-1 {/*background-color:pink;*/ width:490px; float:left; margin:0 0 0 60px;}
.col-2 {/*background-color:yellow;*/ width:320px; float:left; margin:0 0 0 30px;}

.news-item { /*border-top:3px solid #CC0000;*/ background:url(../images/line-320px.png) top no-repeat; padding:4px 0 0 10px;}
.news-item img { border:1px solid #CC0000; float:left; margin:0 10px 0 0;}
.news-item a {
display:block;
text-decoration:none;
color:#000000;
width:300px;
padding:10px 0;
/*margin:0 0 0 10px;*/
overflow:hidden;
}
.news-item a:hover {color:#000000; background:#FFD097;}
.last-news-item {border-bottom:3px solid #CC0000;}


.news-date {font-size:85%; margin:0 0 0 5px; white-space:nowrap;}
.news-item-title {font-size:110%;color:#CC0000; text-transform:uppercase; padding:0;}
.news-excerpt {display:block;}

ul.latest-work {}
ul.latest-work li { list-style:none; padding:1px 0; border-bottom:1px #CFCFCF solid;}
ul.latest-work li a:link, ul.latest-work li a:visited {
display:block;
text-decoration:none;
color:#000;
font-weight:bold;
padding:2px;
}
ul.latest-work li a:hover { background-color:#FFD097;padding:2px 2px 2px 4px;}
ul.latest-work .published { font-size:70%;}

#footer {
background:url(../images/bottom.png) top no-repeat;
height:70px;
clear:both;
text-align:center;
padding:40px 0 0 0;
color:#000000;
text-align:center;
font-size:.9em;
}

.link-learnmore {float:right;}
.side-borders {border:1px solid #BCBCBC; border-width:0 1px;}
.clear {clear:both;}
.clear-div {clear:both; height:1px}

.overlay{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
  background: #CCCCCC;
  opacity: 0.65;
  -moz-opacity: 0.65; /* older Gecko-based browsers */
  filter:alpha(opacity=65); /* For IE6&7 */
}

.rounded-box {
background-color:#F2F2F2;
display:block;
-webkit-border-radius:10px;
-moz-border-radius:10px;
padding: 10px 15px;
margin:10px 0;
overflow:hidden;
}
.indent {margin-left:15px;}

.img-caption-center {
display:block;
margin:3px auto 10px auto;
font-size:90%;
text-align:center;
color:#CC0000;
}
.img-caption-center img {
border:5px solid #CC0000;
margin:0 0 3px 0;
}
.nice-list {
margin:5px 0 5px 25px;
}
p.newer-older-links a:link, p.newer-older-links a:visited {
background-color:#CC0000;
color:#fff;
font-weight:bold;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:3px;
text-decoration:none;
}
p.newer-older-links a:hover {
background-color:#993300;
color:#fff;
}

.link-title {font-size:1.2em;}

h2.hd-our-friends {margin:0 0 0 15px;}
ul.list-friends li {
list-style:none;
margin:0 0 0 15px;
}
ul.list-friends li a, ul.list-friends li a:visited { text-decoration:none;}

dl.archive {}
.archive dt {font-size:1.4em; color:#666; padding:8px 0 3px 0; border-bottom:1px solid #eee;}
.archive dd {padding:5px 0 5px 0;}
.rssSubdate {font-size:.9em; color:#999999; margin:0 3px 3px 0;}

/* VIMEO BADGE ON OUR WORK */
.vimeoBadge { text-align:center; background:}
.vimeoBadge img { border:0; }
.vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; float:right; }
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; margin:15px 0px 0px 0px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:160px; margin:0 auto; }