/*
Theme Name: MCC Theme
Theme URI: http://www.mcc.sllf.qmul.ac.uk
Description: Wordpress theme for the Mapping Contemporary cinema blog
Version: 1.0
Author: Jason Cianfrone
Author URI: http://qm-web.corporateaffairs.qmul.ac.uk/creativeservices/
Tags: clean, minimal, 
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";
html{ overflow-y: scroll; }
body{ background: #323232; }

#top{ width: 100%; text-align: center; background: url(images/bg-top.gif) #5b5b5b; height: 50px; border-bottom:#1a1a1a 1px solid; padding:10px 0 0 0; color:#ccc;}
#top a{ color: #ccc; }

#top ul li{ display: inline; }
#top ul li{ margin-right: 20px; }

html>/**/body #menu{ margin-top: 10px; }
@media screen and (-webkit-min-device-pixel-ratio:0){
#menu{ margin-top: 35px!important; }
}
#menu{ position: relative; margin-top:35px; *margin-top:5px; width: 480px; float: left;   }

#menu a { display: block; text-indent: -900%; outline: none; position: absolute;}

#menu .home { width: 64px; height: 32px; background: url(images/btn-home.png) no-repeat; }
#menu .home:hover { background: url(images/btn-home-hover.png) no-repeat; }
#menu .home:active {  background: url(images/btn-home-active.png) no-repeat; }

#menu .editorials{ width: 95px; height: 32px; background: url(images/btn-short-guides.png) no-repeat; margin-left: 74px; *margin-left: 54px; }
#menu .editorials:hover{ background: url(images/btn-short-guides-hover.png) no-repeat;  }
#menu .editorials:active{ background: url(images/btn-short-guides-active.png) no-repeat; }

#menu .about{ width: 64px; height: 32px; background: url(images/btn-about.png) no-repeat; margin-left: 180px; *margin-left: 150px;  }
#menu .about:hover{ background: url(images/btn-about-hover.png) no-repeat;  }
#menu .about:active{ background: url(images/btn-about-active.png) no-repeat; }

#print { position: absolute; top: 20px; right: 30px;}

.top-right{ margin-left: 420px; margin-top:-32px;}
.logo{ margin-bottom: 30px; }
#searchform{ float:right; background: url(images/bg-search.png) no-repeat; width: 184px; padding: 5px 10px; margin-top: 32px;    }
input#s{ background: none;  color:#ccc; font-size: 11px; width: 140px; font-family: Verdana, Geneva, sans-serif; border:none; }
input#s:focus{ outline: none; }
.screen-reader-text{ display: none; }
#searchsubmit{ background: url(images/btn-search.png) no-repeat; border: none; text-indent:-9999px; cursor: pointer; font-size:1px; width:20px; height: 20px; padding: 10px; opacity: 0.5;}
#searchsubmit:hover{ opacity: 1.0; padding: 10px; }
#searchsubmit:active{ margin-top: 1px; }

#intro{ width: 100%; text-align: center; background: url(images/bg-intro.jpg) #2d2d2d; padding:25px 0 0 0;}
.slider-wrapper{ width: 570px; float:left; height: 335px; overflow: hidden; padding:10px 0 0 0; }
.home-about{ float: left; margin-top: 10px; padding: 20px; width: 345px; height:298px; color:#eee; background: url(images/bg-intro-mid.jpg); box-shadow:inset 0 0 7px #181818; -moz-box-shadow:inset 0 0 7px #181818; line-height: 210%; font-family: 'TeXGyreTermesRegular', Georgia, serif; font-size: 16px; text-shadow:#000 0 1px 0; }
.feature-img{ position:absolute; margin-left: 640px;vertical-align: top; }
.feature-img img{   border:#444 1px solid; width:265px; height: 400px; top:0px; }
.feature-text{ width: 600px; color: #ccc; }
.feature-text a{ display: none; }

#main{ width: 100%; text-align: center; background: url(images/bg-main.gif) #eeeeee; padding:25px 0 25px 0;}
#main p { width: 620px; }
.main-content{ background: #fff; width: 910px!important; padding: 50px 0 0 50px; border: #d6d6d6 1px solid;  }
.single-content{ position: relative; background: #fff; width: 860px!important; padding: 50px; border: #d6d6d6 1px solid;}
.single-content p{ margin-bottom: 25px; }
.single-intro{ width:910px; padding: 25px;  text-align: left; margin:0 auto; height: 425px; background:url(images/bg-intro-mid.jpg) #212121;}
.intro-content{ text-align: center!important; }
.items{ }
.item{ width: 179px; height: 266px; float:left; background: url(images/bg-item.jpg) no-repeat; overflow: hidden; position: relative; margin: 0 47px 50px 0;}
.item img{ position: absolute; top: 0; left: 0; border: 0; cursor: pointer; width: 179px; height: 266px; }
.item span{ padding-left: 10px; }	
.item p{ padding: 10px; }

.tabnav{ margin: -20px 10px 30px 0;  color:#444; font-size: 160%; }
.tabnav ul{ display: block; }
.tabnav ul li{ display: inline; }
.tabnav .title{ color: #444; font-family: TeXGyreTermesRegular, Georgia, serif; }
.tabnav a{ font-size: 11px; padding: 10px; background: #555555; color:#ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: #555 1px solid; }
.tabnav a:hover{ font-size: 11px; padding: 10px; background: #eee; color:#444; border: #d6d6d6 1px solid; }
.widget { width: inherit; margin: inherit; padding: inherit; background: #fff; }
.widget a { text-decoration: none; }
.tabnav li { display: inline; list-style: none; }
.tabnav li a:active, .tabnav li.ui-tabs-selected a { background: url(images/bg-main.gif) #eeeeee; color: #222; text-decoration: none; border: #d6d6d6 1px solid; outline: none; }
.tabdiv { margin-top: 2px; background: #fff; }
.ui-tabs-hide { display: none; }

.normal-h2{ width: 960px; text-align: left; margin:-25px 0 0 0; padding: 0 0 20px 50px; }
.cat-item{ padding-bottom: 1px; background:url(images/bg-editorial-btm.jpg) right bottom no-repeat; width: 865px; }
.cat-item a{ display: block; padding: 20px; background: #eee; margin-bottom: 10px; width: 820px; border:#dddddd 1px solid;}
.cat-item a:hover{ background: url(images/bg-main.gif); border:#ccc 1px solid;}
.cat-item a:active{ background: #ccc; border:#ccc 1px solid;}
.cat-item h3{  font-size: 20px; margin-bottom: 0; text-shadow: #eee 0 1px 0;  }

.next-prev{  text-align:center; padding: 10px; font-weight: bold;  margin: 0 ; width: 150px; width: 840px; position:absolute; margin-top: -40px; }
.next-prev a{ color: #ccc; }
.next-prev a:hover{ color: #444; }
.older-link{ float: right; text-align:left; }
.newer-link{ float: left; text-align:right; }
.tags{ float:right; font-size: 14px; font-family: TeXGyreTermesItalic, Georgia, serif;  }
.tags a{ border-bottom:#444 1px dotted; }
a.item-box{ display: block; widows: 179px; height: 266px; position:absolute; top:0px;}

.content{ width: 960px; text-align: left; margin: 0 auto; }

#footer{ background: url(images/bg-intro.jpg) #2d2d2d repeat-x; height:104px; margin-bottom:-20px;}
.footer{ padding:25px 0; text-align:center; }

.clear-this{ clear:both; height:0; }

/* reset texzt-shadow during user selection */
::selection{text-shadow:none;background:#333;color:#fff;}


/* top arrow */
#back-top { position: fixed; bottom: 113px; background: url(images/btn-top.png) no-repeat;  right:0px; }
#back-top a { width: 52px; height: 62px; display: block; text-align: right; font-weight: bold; font-size:11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; color:#bbb; padding: 20px 0 0 5px; text-align: center;
    /* transition */
	-webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover {
	color: #000;
}

/**************************/
/** nivo slider styles ***/
/************************/

#slider{ width:512px; height: 339px; overflow: hidden; }
.nivoSlider { position:relative; }
.nivoSlider img { position:absolute; top:0px; left:0px; width: 512px; height: inherit; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }

/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; }
.nivo-box { display:block; position:absolute; z-index:5; }

/* Caption styles */
.nivo-caption { position:absolute; left:0px; font-family: 'TeXGyreTermesRegular', Georgia, serif; font-size: 19px; padding:20px 0px; text-align: center; bottom:0px; background: url(images/btn-slide-title.jpg) #232323  no-repeat; color:#fff; width:100%; z-index:8; text-shadow:#000 0px 1px 0px;  box-shadow:inset 0 0 7px #181818;}
.nivo-caption p { padding:5px; margin:0; }
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; }
.nivo-prevNav { left:0px; z-index:9999; background: url(images/btn-prev.png) no-repeat; height: inherit; width: 25px; height: 42px; text-indent:-9999px; }
.nivo-nextNav { right:0px; z-index:9999; background: url(images/btn-next.png) no-repeat; height: inherit; width: 25px; height: 42px; text-indent:-9999px; }

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a { position:relative; z-index:9; cursor:pointer; display: none; }
.nivo-controlNav a.active { font-weight:bold; }



@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  #top, .tags,  h1, h1 a, .content-shadow, .intro-shadow{ display: none; }
  .main-content, .single-content{ background: #fff; width: 100%!important; padding: 0; border: none;  }
  .single-intro{ width:100%; padding: 0;  text-align: left; margin:0 auto; height: inherit; background:none;}
  .feature-img{ position:static; display: block; margin-left:0; }
  #footer{ display: none; }
}