/* @override http://culturejam.com/css/all.css */
/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */
 
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;
}
 
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
 
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
 
/* Remove annoying border on linked http://culturejam.com/images. */
a img {border: none;}

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */
 
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {font-size:85%;color:#224466;background-color: #000;font-family: "Helvetica Neue", Helvetica, "Century Gothic", Verdana, Arial, sans-serif;line-height: 1.5;height: 100%;}
 
 
/* Headings
-------------------------------------------------------------- */
 
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #113355; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 3em; margin-bottom: 0.75em; }
h3 { font-size: 1em; line-height: 1.3; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
 
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {margin: 0;}
 
 
/* Text elements
-------------------------------------------------------------- */
 
p           { margin: 0 0 1.5em; line-height: 1.3;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
 
a:focus, 
a:hover     { color: #2f6688; text-decoration: none; }
a           { color: #2f6688;text-decoration: none;}
#posts li.post.text p img, #posts li.post.video object {margin-bottom: 20px;}
#footer	{padding: 20px;display: none;}
 
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
 
abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
 
pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Layout */
.bar h2 {color:  #FFF; font-size: 1.8em;}
.header h2 {color:  #FFF;}
.header .info p {color:  #FFF;}
.info h2 {font-size: 1.8em;}
.press h2 {font-size: 2.2em;}
input {font-size: 1.1em; color: #000;}
.article h3 {font-size: 1.2em; }
.full-article h3 {font-size: 1.4em;}
.press .quote	{font-size: 1.2em;}
 
/* Lists
-------------------------------------------------------------- */
 
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
 
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
 
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
 
 
/* Tables
-------------------------------------------------------------- */
 
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th     { background: #c3d9ff; }
th,td,caption { padding: 4px 10px; }
/*tr.even td  { background: #b4c2cc; color: #ebf6ff; }*/
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* Forms */
.form-header label {color: #FFF; font-size: .9em;}
.info-form h2 {font-size: 1.8em;}

/* === FLASH MESSAGES === */
div#flash-notice,
div#flash-warning,
div#flash-error {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
}

/* @global
----------------------------------------------- */

html, body {height: 100%;}

h1.hidden {text-indent: -8000px; margin: 0px; height: 54px; display: block;}
h2, h3 {font-weight: bold; letter-spacing: -0.04em; text-transform: uppercase;}
h2 {color: #2f6688; font-size: 18px; line-height: 20px;}
h2.lowercase {color: #326c90; font-size: 15px; line-height: 15px; text-transform: capitalize;}
h3 {color: #4d6a80; font-size: 1.2em; line-height: 19px; margin-bottom: 8px;}
h3.featured-title {background-color: #4d6a80; color: #ebf6ff; font-size: 30px; line-height: 33px; margin-bottom: 0; padding: 4px 15px 0;}

a {outline-style: none;}

tr th {background-color: #7a92a3; color: #EBF6FF;}

/* @general
----------------------------------------------- */
.with-gutters {margin-right: 20px; margin-left: 20px; padding-top: 10px; position: relative;}
.featured {background-color: #cfdce5;}
.contrast {background-color: #7a92a3;}
.column-wrapper {overflow: hidden;}
.button-wrapper {padding-top: 5px;}
.no-margin {margin-bottom: 0;}

.placeholder {background: #b4c2cc url(http://culturejam.com/images/placeholder-background.png) 50% 50% no-repeat; margin-bottom: 20px; padding: 20px;}

a.button {background-color: #228ffe; text-indent: -8000px;}

.hidden-element {display: none;}

.form-field {overflow: hidden;}

.clear {clear: left; margin: 4em 0;}

/* @layout
----------------------------------------------- */

#container {
	background: #000;
   /* 100% Height */
   position: relative; /*** Let's be nice to IE ***/
   display: table; /*** For non-IE browsers ***/
   min-height: 100%;
   width: 1028px;
   margin: 0 auto;
   }
* html #container {height: 100%;}

.sxsw {width: 100%; background: #00a4e0; height: 30px; display: block; text-align: center; padding-top: 8px;}
.sxsw a {color: #FFF; font-weight: bold;}

.main {background: #FFF; margin: 0 auto; width: 1000px;position: relative;}
.main.index {position:relative; background: #FFF; margin: 0 auto; width: 1000px;overflow: hidden;}
.main.promojam {float:left; background: #FFF; margin: 0 0 0 14px; width: 1000px;}
.main .header {background:url(http://culturejam.com/images/main-header.jpg) no-repeat; width: 1000px; height: 136px;float: left;}
.main .news {background: #FFF; float: left; overflow: hidden; width: 1000px;}
.main .labs {background: url(/mages/main-labs.jpg) no-repeat; margin-bottom: 20px; height:  369px; float: left; width: 1000px;}
.main .footer {display: none;}
.header .info p {width: 350px;}

.mastnav {background:url(http://culturejam.com/images/nav-ribbon.jpg) no-repeat; float: left; width: 1028px; height: 49px; margin: 0px; overflow: hidden;}
.masthead {background: url(http://culturejam.com/images/title-ribbon.jpg) no-repeat; float: left; width: 1028px; height: 54px;}
.masthead.about {background: url(http://culturejam.com/images/title-ribbon.jpg) no-repeat; float: left; width: 1002px; height: 54px; padding: 13px;}
ul.top-nav {list-style: none; margin: 0; padding: 0; height: 54px; width: 1028px; margin-left: 6px;}
ul.top-nav li {display: block; float: left; text-indent: -8000px; margin-top: 6px; margin-right: 2px;}
ul.top-nav li:hover {cursor: pointer;}

ul.top-nav li.about {background: url(http://culturejam.com/images/nav-sprite.png) scroll 0 0 repeat; width: 60px; height: 17px;}
ul.top-nav li.press {background: url(http://culturejam.com/images/nav-sprite.png) scroll 438px 0 repeat; width: 51px; height: 17px;}
ul.top-nav li.projects {background: url(http://culturejam.com/images/nav-sprite.png) scroll 381px 0 repeat; width: 78px; height: 17px;}
ul.top-nav li.promojam {background: url(http://culturejam.com/images/nav-sprite.png) scroll 88px 0 repeat; width: 88px; height: 17px;}
ul.top-nav li.blog {background: url(http://culturejam.com/images/nav-sprite.png) scroll 297px 0 repeat; width: 48px; height: 17px;}
ul.top-nav li.clients {background: url(http://culturejam.com/images/nav-sprite.png) scroll 243px 0 repeat; width: 66px; height: 17px;}
ul.top-nav li.contacts {background: url(http://culturejam.com/images/nav-sprite.png) scroll 171px 0 repeat; width: 77px; height: 17px;}

ul.top-nav li.about:hover {background: url(http://culturejam.com/images/nav-sprite.png) scroll 0 17px repeat; width: 60px; height: 17px;}
ul.top-nav li.press:hover {background: url(http://culturejam.com/images/nav-sprite.png) scroll 438px 17px repeat; width: 51px; height: 17px;}
ul.top-nav li.projects:hover {background: url(http://culturejam.com/images/nav-sprite.png) scroll 381px 17px repeat; width: 78px; height: 17px;}
ul.top-nav li.promojam:hover {background: url(http://culturejam.com/images/nav-sprite.png) scroll 88px 17px repeat; width: 88px; height: 17px;}
ul.top-nav li.blog:hover {background: url(http://culturejam.com/images/nav-sprite.png) scroll 297px 17px repeat; width: 48px; height: 17px;}
ul.top-nav li.clients:hover {background: url(http://culturejam.com/images/nav-sprite.png) scroll 243px 17px repeat; width: 66px; height: 17px;}
ul.top-nav li.contacts:hover {background: url(http://culturejam.com/images/nav-sprite.png) scroll 171px 17px repeat; width: 77px; height: 17px;}

ul.top-nav li.about-active {background: url(http://culturejam.com/images/nav-sprite.png) scroll 0 17px repeat; width: 60px; height: 17px;}
ul.top-nav li.press-active {background: url(http://culturejam.com/images/nav-sprite.png) scroll 438px 17px repeat; width: 51px; height: 17px;}
ul.top-nav li.projects-active {background: url(http://culturejam.com/images/nav-sprite.png) scroll 381px 17px repeat; width: 78px; height: 17px;}
ul.top-nav li.promojam-active {background: url(http://culturejam.com/images/nav-sprite.png) scroll 88px 17px repeat; width: 88px; height: 17px;}
ul.top-nav li.blog-active {background: url(http://culturejam.com/images/nav-sprite.png) scroll 297px 17px repeat; width: 48px; height: 17px;}
ul.top-nav li.clients-active {background: url(http://culturejam.com/images/nav-sprite.png) scroll 243px 17px repeat; width: 66px; height: 17px;}
ul.top-nav li.contacts-active {background: url(http://culturejam.com/images/nav-sprite.png) scroll 171px 17px repeat; width: 77px; height: 17px;}
.top-nav a {display: block;}
.top-nav .about a{width: 60px; height: 17px;}
.top-nav .press a{width: 51px; height: 17px;}
.top-nav .projects a{width: 78px; height: 17px;}
.top-nav .promojam a{width: 88px; height: 17px;}
.top-nav .blog a{width: 48px; height: 17px;}
.top-nav .clients a{width: 66px; height: 17px;}
.top-nav .contacts a{width: 77px; height: 17px;}

.main .header.more {background:url(http://culturejam.com/images/more-header.jpg) no-repeat; float: left; width: 1000px; height: 155px;}
.main .header.more .logo {margin-bottom: 25px; margin-left: 25px; margin-top: 15px;}

h1.promojam {background: transparent url(http://culturejam.com/images/promo-jam-logo.jpg) 25px 0 no-repeat;}
h1.press {background: transparent url(http://culturejam.com/images/culture-jam-press.jpg) 25px 0 no-repeat;}
h1.clients {background: transparent url(http://culturejam.com/images/culture-jam-clients.jpg) 25px 0 no-repeat;}
h1.projects {background: #FFF url(http://culturejam.com/images/culture-jam-projects.jpg) 30px 0 no-repeat; margin-bottom: 0;float:left; width: 100%;}

.banner {width: 964px; background: #d9d9d9; padding: 18px; margin-bottom: 32px;} 
.banner ul {margin: 0;}
.banner li {position: relative; list-style: none; background: #fff; display: block; padding: 16px;border-bottom: 1px solid #B4C2CC;height:80px;}
.banner li .press-logo {position:absolute;}
.banner li p {position:relative;color: #224466;margin:0;display: block;} 
.banner li a {position:absolute;top: 50px; right: 15px; padding-top: 16px;} 

.about-copy {}
.top-row{}
.bottom-row{}
h4.about-tile {font-size: 1.1em; color: #003f5e; padding-left: 30px; margin: 0 0 10px 0 ;}
h4.about-tile.spaced {font-size: 1.1em; color: #003f5e;margin: 25px 0 10px 0 ;}
h4.about-tile.sidebar {font-size: 1.1em; color: #003f5e; padding-left: 20px; margin: 25px 0 10px 0 ;}

.top-row ul {margin-left: 42px;}
.top-row li {float: left; width: 270px; margin: 0 30px 0 10px; line-height: 1.4em;}
.top-row li p {padding-right: 30px; color: #003f5e; font-weight: 600;}

.top-row li.blue {list-style: circle; list-style-image:url(http://culturejam.com/images/list-item-blue.jpg);}
.top-row li.green {list-style-image:url(http://culturejam.com/images/list-item-green.jpg);}
.top-row li.orange {list-style-image:url(http://culturejam.com/images/list-item-orange.jpg);}

.bottom-row .column-one {float: left; width: 638px; margin: 0 0px;}
.bottom-row .column-two {float: left; width: 326px;}

.bottom-row ul {margin-left: 42px;}
.bottom-row li {float: left; width: 286px;}
.bottom-row li p {color: #003f5e; font-weight: 500; margin: 0px;}

.bottom-row .column-two ul {margin-left: 40px;}
.bottom-row .column-two li {}

.info {margin-left: 25px; margin-top: 15px; display: inline; width: 500px; clear: none; float: left;}
.labs .info .logo	{margin-top: 30px; margin-left}
.labs .info	{margin-left: 45px; margin-top:32px; width: 400px;}
.logo	{margin-bottom: 25px;position: relative; top:  0;}
.labs .info p {width: 350px;}

/*.press {width: 400px; display: inline; margin-top: 55px; margin-right: 70px; float: right;}
.press .quote	{float: right; clear: both; display: block; text-align: left; margin-right: 33px; width: 367px;}
.press .source	{float: right; clear: both; display: block; width: 400px; text-align: right; margin-bottom: 20px;}*/

.press .top-row ul {margin-left: 18px; border-top: 2px solid #003f5e; width: 956px;}
.press .top-row li {float: none; list-style: none; border-bottom: 2px solid #003f5e; margin: 0; width: 932px; padding: 12px; background: #fff;}
.press .top-row li:hover  {background: #d4e9ff; cursor: pointer;}
.press .top-row li strong {color: #003f5e; font-weight: 600;}

.top-story {background: url(http://culturejam.com/images/main-rihanna.jpg) no-repeat; float: left; width: 1000px; height: 300px; margin-bottom: 22px;}
.top-story .bar {width: 1000; background: #000; height: 24px; opacity: .8; filter: alpha(opacity=80); position: relative; bottom: 0px; margin-top: 268px; width: 904px; padding: 8px 15px 0 15px; margin-left: 31px;}
.top-story .bar h2 {margin-bottom: 0;}
.top-copy	{float: left; width: 1000px; background: #FFF; margin-bottom: 15px;}
.top-copy .column-one {float: left; width: 440px; margin-left: 33px; margin-top: 15px;}
.top-copy .column-two {float: left; width: 440px; margin-left: 25px; margin-top: 15px;}

.home-copy {position: absolute;  width: 1000px; background: #FFF; margin-bottom: 15px;}
.home-copy p {padding-right: 8px; text-align: justify;}
.home-copy .column-one {background: url(http://culturejam.com/images/culture-jam-logo-mini.png) no-repeat; float: left; width: 300px; margin-left: 33px; padding-top: 49px;}
.home-copy .column-two {background: url(http://culturejam.com/images/promo-jam-logo-mini.png) no-repeat; float: left; width: 300px; margin-left: 17px; padding-top: 49px;}
.home-copy .column-three {background: url(http://culturejam.com/images/culture-jam-labs-logo-mini.png) no-repeat; float: left; width: 300px; margin-left: 17px; padding-top: 49px;}

.headlines {float: left; width: 1000px; background: #FFF;}
.headlines .article {float: left; width: 430px; min-height: 150px; height: auto !important; height: 150px; margin-left: 33px; margin-bottom: 20px; margin-top: 10px; display: block;}
.headlines .article h3 {display: block;}
.headlines .article p, .top-copy p {display: block; margin-bottom: 5px; text-align: justify;}
.headlines .article .pic {float: left; margin-right: 20px;}

.full-article {margin-left: 33px; width: 933px; float: left;}
.full-article h3 {display: block; float:  left;}
.full-article p {display: block; float: left;}
.full-article .pic {float: left; margin-right: 20px; display: inline;}
.full-article .copy {width: 600px; display: block; display: inline; float: left;}
.article-space {height: 1px; background: #b4c2cc; width: 1000px; float: left; margin: 30px 0;}
.article-space-middle {height: 1px; background: #FFF; width: 1000px; float: left; margin: 10px 0;}
.article-space-bottom {height: 1px; background: #FFF; width: 1000px; float: left; margin: 30px 0;}
.article .copy {width: 270px; display: block; display: inline; float: left;}

/* forms */
.info-form	{display: inline; width: 400px; clear: none; text-align: right; margin-right: 40px; margin-top: 30px;}
.form-header {float: left; clear: none; width: 100px; text-align: right; margin-right: 6px;}
.form-row {float: left; width: 400px; margin-bottom: 5px;}
.info-form .wide-input input {width: 255px; padding: 3px; border: 1px solid #333;}
.info-form h2 {margin: 6px 35px 0px 0px;}
.info-form .submitInput	{margin-right: 36px;}
.quoters	{position:absolute;top: 0;left:200px;width:540px;height: 60px;background:url(http://culturejam.com/images/quoters.png); padding: 22px 0 0 60px;}
/* Press - Accordion
----------------------------------*/

#accordion {margin: 20px 16px; border-bottom: 1px solid #B4C2CC}
#accordion h3:hover {color: #FFF}
.ui-accordion .ui-accordion-header {cursor: pointer; position: relative; height:1.25em; margin: 0; border-top: 1px solid #B4C2CC; font-size: 1.1em; zoom: 1; outline: none; padding:8px 0 5px 10px;}
#accordion h3 .ui-state-active {color: #FFF}
.ui-accordion .ui-accordion-header:hover {background: #76baff;}
#accordion h3.ui-state-active {background: #76baff; color:#FFF; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; text-decoration: none; }
.ui-accordion .ui-accordion-header a:-moz-any-link:focus {outline: 1px dotted invert;}
.ui-accordion .ui-accordion-content {border-top: 0; margin: 0px auto; position: relative; top: 1px; overflow: auto; display: none; padding: 10px 24px;}
.ui-accordion .ui-accordion-content-active {display: block; }
.ui-accordion .ui-accordion-content a {display: block; padding: 12px 0px;}
.ui-accordion .ui-accordion-content .image-align-right {margin: 0 48px 0 0; float:right;}

/* needs home */
table.file-list {color: #000;}
table.file-list tr {background-color: #B8C4CC;}
table.file-list tr.even {background-color: #CFDCE5;}
table.file-list tr th {background-color: #4D6A80; border-right: solid 3px #fff;}
table.file-list tr td {border-right: solid 3px #fff; border-bottom: solid 3px #fff;}

.modal.video-player {background-color: #000; height: 260px; width: 450px;}
.modal.video-player .video-wrapper {padding: 50px 25px 0;}

#nyroModalLoading {
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #000 url(http://culturejam.com/images/ajaxLoader.gif) no-repeat;
	background-position: center;
}

#nyroModalWrapper {background: #000; text-align: center; vertical-align: middle; max-height: 260px;}

#closeBut {background: url(http://culturejam.com/images/icon-close.png) 0 0 no-repeat; color: #fff; display: block; height: 22px; position: absolute; right: 11px; top: 11px; text-indent: -8000px; width: 25px;}


/* clients */
ul.clients {list-style: none; margin: 6px 0 6px 72px; padding: 0; height: 51px; width: 928px;}
ul.clients li {display: block; float: left; height: 92px; padding: 0 20px 32px 0;}


/* slider */
#slider {width: 941px; height:416px; margin: 0 auto 16px; position: relative; background: #FFFFFF url(http://culturejam.com/images/banner_bg.jpg) 0 0 no-repeat;}

.scroll {
    height: 365px;
    width: 936px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(http://culturejam.com/images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {padding: 0px 30px 0px 0px; height: 365px; width: 906px;}
.main.promojam div.panel img {position: relative; top: 0; z-index:1;}
div.panel img {position: relative; top: -40px; z-index:1;}
#banner2 a img	{top: 0px}
div.panel div.bar {width: 920px; background: #000; height: 24px; opacity: .8; filter: alpha(opacity=80); position: relative; top: 325px; padding: 8px; z-index:3;}
div.panel div.bar h2 {margin-bottom: 0; margin-top:4px;}
div.panel div.bar h2 a {color :#fff;}

#shade {background: #EDEDEC url(http://culturejam.com/images/shade.jpg) no-repeat 50% 0; height: 50px;}

ul.navigation {list-style: none; margin: 0; padding: 0; padding-bottom: 9px; height: 51px; width: 936px;}
ul.navigation li {display: block; float: left; width: 234px; height: 51px;}

ul.navigation a {background: transparent url(http://culturejam.com/images/tab-rest.png) scroll 0 0 no-repeat; color: #fff; font-weight: 600; text-decoration: none; width: 245px; height: 51px; display:block; padding:5px 0 0 32px;text-transform: uppercase;font-size:.9em;}

.main.promojam ul.navigation a {scroll 0 0 no-repeat; color: #fff; font-weight: 600; text-decoration: none; width: 245px; height: 51px; display:block; padding:10px 0 0 32px;text-transform: uppercase;font-size:.9em;}

	ul.navigation a.last {background: transparent url(http://culturejam.com/images/tab-rest-last.png) scroll 0 0 no-repeat;}
	ul.navigation a:hover {background: transparent url(http://culturejam.com/images/tab-hover.png) scroll 0 0 no-repeat; width: 234px; height: 51px;}
	ul.navigation a.last:hover {background: transparent url(http://culturejam.com/images/tab-hover-last.png) scroll 0 0 no-repeat;}
	ul.navigation a.selected, ul.navigation a.selected:hover {background: transparent url(http://culturejam.com/images/tab-selected.png) scroll 0 0 no-repeat; width: 241px; height: 51px; z-index: 1; padding:10px 0 0 42px;}
.main.promojam	ul.navigation a.selected, .main.promojam ul.navigation a.selected:hover {background: transparent url(http://culturejam.com/images/tab-selected.png) scroll 0 0 no-repeat; width: 241px; height: 51px; z-index: 1; padding:16px 0 0 42px;}

ul.navigation a:focus {outline: none;}
.scrollButtons {position: absolute; top: 150px; cursor: pointer;}
.scrollButtons.left {left: -20px;}
.scrollButtons.right {right: -20px;}

.hide {display: none;}




/* Default stuff from the Bort setup */

/* === FLASH MESSAGES === */
div#flash-notice {background-color: #13bf30;}
div#flash-warning {background-color: #8518f2;}
div#flash-error {background-color: #f20c59;}

div#flash-notice,
div#flash-warning,
div#flash-error {
	padding: 10px;
	margin-bottom: 10px;
}


/* === nyro Modal === */
div#errorExplanation {padding: 20px; background: #b4c2cc;}
div#nyroModalFull {font-size: 12px; color: #777;}

div#nyroModalLoading {
	border: 4px solid #777;
	width: 480px;
	height: 600px;
	text-indent: -9999em;
	background: #fff url(http://culturejam.com/images/nyro_img/ajaxLoader.gif) no-repeat;
	background-position: center;
}

div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}

div#nyroModalWrapper {
	background: #151515;
	border: 4px solid #777;
}

a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(http://culturejam.com/images/nyro_img/close.gif) no-repeat;
	outline: 0;
}

h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}

div.wrapper div#nyroModalContent {
	padding: 0px;
	height: 200px;
	overflow: hidden;
}

div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}

div.wrapperImg img {vertical-align: baseline;}

div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}

a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}

div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}

.column-one p {margin-left: 30px}
h4.about-title.spaced {margin-top: 30px;}
a.nyroModalPrev {left: 0;}

a.nyroModalPrev:hover {background: url(http://culturejam.com/images/nyro_img/prev.gif) left 20% no-repeat;}
a.nyroModalNext {right: 0;}
a.nyroModalNext:hover {background: url(http://culturejam.com/images/nyro_img/next.gif) right 20% no-repeat;}

/* blog */
.main.blog {float: left; margin-left: 14px;}
.main.blog ol#posts {position: relative; top: 0;left: 0;padding:20px;height: 100%;}
.main.blog ol#posts li {float: left; list-style: none; background: #cfdce5; padding: 20px;margin-bottom: 30px;width:550px}
.main.blog ol#posts li.post.text h3 {font-size: 1.2em;}
.main.blog ol#posts blockquote {margin: 0; padding: 20px; font-family: Georgia, "Times New Roman", Serif; font-size: 1.1em; background: #FFF;}
.main.blog ol#posts li.post.text p {margin: 10px 0 10px 0;}
.main.blog ol#posts li.post.quote  {font-family: Georgia, "Times New Roman", Serif; font-size: 1.4em;font-style: italic;}
.main.blog ol#posts li.post.link  {font-family: Georgia, "Times New Roman", Serif; font-size: 1.2em;font-style: italic;text-align: center;}
.main.blog ol#posts li.post.link a  {margin: 0 0 10px 0;}
.main.blog ol#posts li.post.photo img  {margin-bottom: 20px}
.main.blog p#footer a {}
.main.blog #footer	{padding: 20px;display:inline;float: left;clear: both;width: 400px;margin-left: 40px;}

a .column-two {text-decoration: none; color: #224466;}