/*
Theme Name: RootSpeak
Theme URI: http://rootspeak.org/
Description: The new theme for RootSpeak
Version: 0.1
Author: Tim Zappe
Author URI: http://tzappe.com/
Tags: custom theme
*/

/* Light Green color:#abe300; */
/* Dark  Green color:#7da600; */

/*******************/
/***  Structure  ***/
/*******************/

/* Main Elements */
*{margin:0;padding:0;}
body{text-align:center;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;font-size:13px;background:#333 url("i/main-bkgd.gif") top left repeat-x;}
#wrapper{width:1000px;margin:0 auto 15px;padding:0;background:url("i/bkgd.gif") top left repeat-y;}
div.container{width:942px;margin:0 auto;padding:0 12px;background:#fff;}

/* General */
a{outline:none;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:0;}
a span{display:none;}
h2 a,h3 a{color:#000;}
h1{font-size:2.0em;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}
h5{font-size:1.2em;}
h6{font-size:1em;}
p{padding:6px 0;}
small{color:#999;font-size:.9em;}
li{margin-left:18px;}
fieldset{margin:6px;padding:6px;}
hr{width:626px;margin:6px 0;padding:0;height:1px;background:#777;border:0;}
table{border-collapse:collapse;}
th{font-weight:bold;}
td{padding:6px}
object,embed{margin:0;padding:0;}
pre{margin-left:18px;padding:6px;}
blockquote{background:#eee;margin-left:18px;padding:6px;}

/* basic classes */
.clear{clear:both;}
.more{position:absolute;bottom:2px;right:2px;font-size:10px;}
img.alignleft{float:left;padding:2px;border:1px solid #777;margin:0 7px 7px 0;}
img.alignright{float:right;padding:2px;border:1px solid #777;margin:0 0 7px 7px;}
.pagenav .alignleft a{float:left;}
.pagenav .alignright a{float:right;}
.pagenav .alignleft a,.pagenav .alignright a{display:block;background:#6d6e70;padding:5px;border:2px solid #4c4e51;margin:6px 0;color:#fff;}
.pagenav .alignleft a:hover,.pagenav .alignright a:hover{text-decoration:underline;color:#fff;}

.small{font-size:.85em;}
.big{font-size:1.15em;}
.italic{font-style:italic;}
ul.checkbox{padding-left:10px;}
ul.checkbox li{padding-left:3px;list-style-image:url("i/graphics/checkbox.gif");}
.categoryheader{margin-bottom:12px;}
.errimg{margin:20px 0 0 80px;}

/* Header */
#header{position:relative;width:966px;height:190px;margin:0 auto 12px;}
#header a{float:left;display:block;margin-top:83px;margin-left:2px;}
#header a#logo{position:absolute;margin:0;top:51px;left:255px;width:455px;height:90px;}
#header a#facebooklink{margin-left:6px;height:28px;width:28px;background:url("i/social-header.png") -3px -35px no-repeat;}
#header a#facebooklink:hover{background:url("i/social-header.png") -3px -3px no-repeat;}
#header a#twitterlink{height:28px;width:28px;background:url("i/social-header.png") -32px -35px no-repeat;}
#header a#twitterlink:hover{background:url("i/social-header.png") -32px -3px no-repeat;}
#header a#flickrlink{height:28px;width:74px;background:url("i/social-header.png") -61px -35px no-repeat;}
#header a#flickrlink:hover{background:url("i/social-header.png") -61px -3px no-repeat;}
#header a#rsslink{height:28px;width:28px;background:url("i/social-header.png") -136px -35px no-repeat;}
#header a#rsslink:hover{background:url("i/social-header.png") -136px -3px no-repeat;}
#header #mainsearch{float:right;width:180px;height:28px;margin:83px 6px 0 0 ;}
#header #mainsearch #s{float:left;border:0;width:150px;font-size:13px;padding:3px 0 3px 3px;height:20px;}
#header #mainsearch #go{float:right;width:27px;height:26px;}
#tagline{position:absolute;width:620px;height:25px;top:160px;left:170px;}

/* CopyRight */
#copyright{text-align:center;color:#666;margin-bottom:20px;}
#copyright a{color:#666;}
#copyright a:hover{color:#999;}

/* Main Links */
#mainnav .inner{height:40px;padding-left:50px;width:946px;}
#mainnav a{display:block;float:left;color:#fff;text-transform:uppercase;font-size:2em;margin:0 10px 0 0;}
#mainnav a span{display:none;}
#mainnav a#homelink{height:38px;width:108px;background:url("i/nav-min.png") -51px -2px no-repeat;}
#mainnav a:hover#homelink{background-position:-51px -42px;}
#mainnav a#readlink{height:38px;width:90px;background:url("i/nav-min.png") -169px -2px no-repeat;}
#mainnav a:hover#readlink{background-position:-169px -42px;}
#mainnav a#lookandlistenlink{height:38px;width:191px;background:url("i/nav-min.png") -268px -2px no-repeat;}
#mainnav a:hover#lookandlistenlink{background-position:-268px -42px;}
#mainnav a#discoverlink{height:38px;width:153px;background:url("i/nav-min.png") -469px -2px no-repeat;}
#mainnav a:hover#discoverlink{background-position:-469px -42px;}
#mainnav a#experimentlink{height:38px;width:201px;background:url("i/nav-min.png") -630px -2px no-repeat;}
#mainnav a:hover#experimentlink{background-position:-630px -42px;}
#mainnav a#aboutlink{height:38px;width:113px;background:url("i/nav-min.png") -840px -2px no-repeat;}
#mainnav a:hover#aboutlink{background-position:-840px -42px;}

/* Banner */
.banner{position:relative;width:1000px;height:56px;}
.lefteffect{position:absolute;height:12px;width:17px;bottom:0;left:0;}
.righteffect{position:absolute;height:12px;width:17px;bottom:0;right:0;}

/* Post */
#main{float:left;width:626px;text-align:left;}
#main .inner{margin:6px;width:614px;}
#main .post{margin-bottom:6px;}
.soundcloud{margin-top:6px;}
.postvideo{margin:3px;}
.postmedia{margin-bottom:6px;}
.post .pagelinks{color:#555;float:left;}
.post .pagelinks a{display:inline-block;padding:2px 4px;color:#fff;background:#777;border:1px #777 solid;}
.post .pagelinks a:hover{color:#777;background:#fff;padding:3px 5px;border:0;}
div.postfooter,div.authormeta,div.postmeta{background:#eee;padding:12px 24px;border-top:1px solid #777;border-bottom:1px solid #777;}
div.postfooter{clear:right;margin-top:6px;color:#777;}
div.postmeta{clear:both;width:614px;margin:6px 0;padding:6px;color:#777;text-align:center;}
div.authormeta{clear:both;font-size:.9em;color:#777;}
div.authormeta img{float:right;padding:2px;border:1px solid #777;margin:7px 0 0 7px;}
div.postmeta a,div.authormeta a{color:#777;border-bottom:1px dotted #777;}
div.postmeta a:hover,div.authormeta a:hover{border-bottom:1px solid #777;color:#777;text-decoration:none;}
div.authorposts ul li,div.relatedposts ul li{list-style-type:square;}
div.authorposts{float:left;width:275px;}
div.relatedposts{float:right;width:275px;}
.bigbuttons{width:60px;float:right;margin:0 5px;}
.tweetbutton,.diggbutton,.fbbutton{margin:0 0 5px 5px;}
.fbbutton{margin-left:0;}

/* Sociable */
div.sociable{float:right;margin:0;margin:6px 0;}
span.sociable_tagline{position:relative;}
span.sociable_tagline span{display:none;width:14em;}
span.sociable_tagline:hover span{position:absolute;display:block;top:-5em;background:#ffe;border:1px solid #ccc;color:black;line-height:1.25em;}
.sociable span{display:block;}
.sociable ul{display:inline;margin:0 !important;padding:0 !important;}
.sociable ul li{background:none;display:inline !important;list-style-type:none;margin:0;padding:1px;}
.sociable ul li:before{content:"";}
.sociable img{float:none;width:16px;height:16px;border:0;margin:0;padding:0;}
.sociable-hovers{opacity:.4;-moz-opacity:.4;filter:alpha(opacity=40);}
.sociable-hovers:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

/* Comment Form */
#commentform #author, #commentform #email, #commentform #url {width:225px;border:1px solid #000;padding:3px;}
#commentform textarea{padding:6px;width:600px;border:1px solid #000;}
#comments .comment{padding:10px;}
#comments .comment-author{font-size:1.2em;float:left;}
#comments .comment-meta{font-size:.8em;float:right;}
#comments p{font-size:1em;clear:both;}
#comments .odd{background:#eee;}

/* Sidebar */
#sidebar{float:right;width:310px;margin-left:6px;text-align:left;}
#sidebar img{display:block;margin:0;padding:0;border:none;}
#sidebar img.header{margin-top:6px;}
#sidebar .features .top{margin-top:6px;}

/* Features */
.features .feature{position:relative;float:left;height:160px;width:310px;margin-bottom:6px;}
.features .feature a{text-decoration:none;}
.features .feature .titlebox{position:absolute;font-size:1.05em;text-transform:uppercase;height:50px;top:60px;left:0;width:310px;background:url("i/white.png") top left repeat;}
.features .feature a{color:#000;}
.features .feature .titlebox:hover,.features .feature:hover .titlebox{background:#fff;color:#000;}
.features .left, .features .center{margin:0 6px 12px 0; }
.features .right{margin:0 0 12px 0 ;}
.features .top, .features .middle, .features .bottom{}

/* Footer */
#footer .shadow{width:1000px;height:12px;}
#footer .inner{width:996px;clear:both;text-align:left;position:relative;margin:12px 0 0;color:#fff;padding-bottom:10px;}
#footer .inner a{color:#fff;}
#footer .inner a:hover{color:#000;text-decoration:none;}
#footer .inner p{padding:12px;}
#footer .inner a.tnrbadge{display:block;height:85px;width:85px;position:absolute;top:20px;right:0;background:url("i/tnr.png") 0 0 no-repeat;}
#footer .inner a.tnrbadge:hover{background:url("i/tnr.png") 0 -85px no-repeat;}
#footer .inner p.nav{clear:left;}
#footer .inner #social{padding:12px 6px;}
#footer .inner #social a{display:block;float:left;}
#footer .inner #social a.facebooklink{height:22px;width:22px;background:url("i/social.png") 0 0 no-repeat;}
#footer .inner #social a.facebooklink:hover{background:url("i/social.png") 0 -22px no-repeat;}
#footer .inner #social a.twitterlink{height:22px;width:28px;background:url("i/social.png") -22px 0 no-repeat;}
#footer .inner #social a.twitterlink:hover{background:url("i/social.png") -22px -22px no-repeat;}
#footer .inner #social a.flickrlink{height:22px;width:75px;background:url("i/social.png") -50px 0 no-repeat;}
#footer .inner #social a.flickrlink:hover{background:url("i/social.png") -50px -22px no-repeat;}

/* Footer Links */
#footer .nav a{height:20px;display:block;float:left;margin:0 3px 0 0;padding:0;}
#footer .nav a span{display:none;}
#footer .nav a.readlink{width:44px;background:url("i/footer.png") -0px -0px no-repeat;}
#footer .nav a.readlink:hover{background:url("i/footer.png") -0px -60px no-repeat;}
#footer .nav a.artsandexpressionlink{width:116px;background:url("i/footer.png") -54px -0px no-repeat;}
#footer .nav a.artsandexpressionlink:hover{background:url("i/footer.png") -54px -60px no-repeat;}
#footer .nav a.bottledspiritslink{width:100px;background:url("i/footer.png") -181px -0px no-repeat;}
#footer .nav a.bottledspiritslink:hover{background:url("i/footer.png") -181px -60px no-repeat;}
#footer .nav a.dailyculturelink{width:93px;background:url("i/footer.png") -295px -0px no-repeat;}
#footer .nav a.dailyculturelink:hover{background:url("i/footer.png") -295px -60px no-repeat;}
#footer .nav a.movementslink{width:86px;background:url("i/footer.png") -401px -0px no-repeat;}
#footer .nav a.movementslink:hover{background:url("i/footer.png") -401px -60px no-repeat;}
#footer .nav a.perspectiveslink{width:93px;background:url("i/footer.png") -499px -0px no-repeat;}
#footer .nav a.perspectiveslink:hover{background:url("i/footer.png") -499px -60px no-repeat;}
#footer .nav a.politicslink{width:54px;background:url("i/footer.png") -605px -0px no-repeat;}
#footer .nav a.politicslink:hover{background:url("i/footer.png") -605px -60px no-repeat;}
#footer .nav a.thereformerlink{width:90px;background:url("i/footer.png") -672px -0px no-repeat;}
#footer .nav a.thereformerlink:hover{background:url("i/footer.png") -672px -60px no-repeat;}
#footer .nav a.theserialboxlink{width:100px;background:url("i/footer.png") -774px -0px no-repeat;}
#footer .nav a.theserialboxlink:hover{background:url("i/footer.png") -774px -60px no-repeat;}
#footer .nav a.lookandlistenlink{clear:left;width:87px;background:url("i/footer.png") -0px -20px no-repeat;}
#footer .nav a.lookandlistenlink:hover{background:url("i/footer.png") -0px -80px no-repeat;}
#footer .nav a.creativestateslink{width:107px;background:url("i/footer.png") -94px -20px no-repeat;}
#footer .nav a.creativestateslink:hover{background:url("i/footer.png") -94px -80px no-repeat;}
#footer .nav a.exhibitionslink{width:84px;background:url("i/footer.png") -211px -20px no-repeat;}
#footer .nav a.exhibitionslink:hover{background:url("i/footer.png") -211px -80px no-repeat;}
#footer .nav a.broadcastslink{width:80px;background:url("i/footer.png") -302px -20px no-repeat;}
#footer .nav a.broadcastslink:hover{background:url("i/footer.png") -302px -80px no-repeat;}
#footer .nav a.discoverlink{clear:left;width:66px;background:url("i/footer.png") -0px -40px no-repeat;}
#footer .nav a.discoverlink:hover{background:url("i/footer.png") -0px -100px no-repeat;}
#footer .nav a.experimentlink{width:83px;background:url("i/footer.png") -79px -40px no-repeat;}
#footer .nav a.experimentlink:hover{background:url("i/footer.png") -79px -100px no-repeat;}
#footer .nav a.aboutlink{width:46px;background:url("i/footer.png") -176px -40px no-repeat;}
#footer .nav a.aboutlink:hover{background:url("i/footer.png") -176px -100px no-repeat;}

/********************/
/*** Page Specfic ***/
/********************/

/* HOMEPAGE:Slider */
#slider{position:relative;height:250px;width:942px;margin:0 0 12px;overflow:hidden;}
.banner .slidenav{clear:both;height:40px;width:100px;margin-left:450px;}
.banner .slidenav a{text-decoration:none;margin:0 2px;color:#fff;}
.banner .slidenav a:hover,.banner .slidenav a.activeSlide{color:#000;text-decoration:none;}
.slideleft{position:absolute;height:40px;width:40px;top:2px;left:0;}
.slideright{position:absolute;height:40px;width:40px;top:2px;right:0;}
.slide{position:relative;width:942px;height:250px;overflow:hidden;}
.slide h2 a,.slide h5 a{display:block;background:url("i/black.png") top left repeat;color:#fff;padding:0.2em 0.5em;position:absolute;}
.slide h2 a:hover,.slide h5 a:hover{background:url("i/white.png") top left repeat;color:#000;text-decoration:none;}
.slide h2 a{font-size:0.9em;right:0;bottom:0;}
.slide h5 a{right:0;bottom:0;}


/* HOMEPAGE:Media */
#media{position:relative;width:958px;height:426px;background:url("i/landlframe.png") top left no-repeat;margin-top:6px;padding:70px 21px 0;color:#fff;text-align:left;}
.red #media{background:url("i/landlframe-red.png") top left no-repeat;}
#media a#broadcasts{position:absolute;left:21px;top:18px;width:290px;height:47px;}
#media a#exhibitions{position:absolute;left:690px;top:18px;width:290px;height:47px;}
#media a{color:#fff;}
#media .gallery{position:relative;padding-bottom:15px;width:472px;overflow:hidden;}
#media .gallery .inner{height:351px;width:468px;background:#000;}
#media .left{float:left;}
#media .right{float:right;}
#media h5,#media p{margin:0 6px;}
#media h5{margin-top:6px;}
#flickr{background:#000;}

/* Read */
#first,#second{clear:both;height:492px;}
#first .readbig,#second .readside{float:right;}
#first .readside,#second .readbig{float:left;}
.readbig{text-align:left;width:626px;height:492px;margin-bottom:6px;overflow:hidden;}
.postheader{height:160px;width:626px;position:relative;margin-bottom:6px;}
.postheader h2 a,.postheader h5 a{display:block;background:url("i/black.png") top left repeat;color:#fff;padding:0.2em 0.5em;position:absolute;}
.postheader h2 a:hover,.postheader h5 a:hover{background:url("i/white.png") top left repeat;color:#000;text-decoration:none;}
.postheader .whiteload{background:url("i/white.png") top left repeat;display:none;}
.postheader h2 a{top:20px;}
.postheader h5 a{right:0;bottom:0;}
.readside{width:310px;margin-bottom:6px;}
.readside .features{width:310px;height:492px;margin-top:0;}
.readside .features .feature{float:none;}
.readside .features .feature .bottom{margin-bottom:0;}
#catlinks a{display:block;float:left;color:#fff;font-size:1.5em;margin:0.5em;}
#catlinks a:hover{text-decoration:underline;}
#catlinks .center{margin:0 auto;}

/* Read Links */
.readnav a{display:block;margin-top:6px;text-decoration:none;outline:none;height:35px;width:310px;}
.readnav a.artsandexpressionlink{background:url("i/read-links.gif") 0px 0px no-repeat;}
.readnav a.artsandexpressionlink:hover{background:url("i/read-links.gif") -310px 0px no-repeat;}
.readnav a.bottledspiritslink{background:url("i/read-links.gif") 0px -42px no-repeat;}
.readnav a.bottledspiritslink:hover{background:url("i/read-links.gif") -310px -42px no-repeat;}
.readnav a.dailyculturelink{background:url("i/read-links.gif") 0px -84px no-repeat;}
.readnav a.dailyculturelink:hover{background:url("i/read-links.gif") -310px -84px no-repeat;}
.readnav a.movementslink{background:url("i/read-links.gif") 0px -126px no-repeat;}
.readnav a.movementslink:hover{background:url("i/read-links.gif") -310px -126px no-repeat;}
.readnav a.perspectiveslink{background:url("i/read-links.gif") 0px -168px no-repeat;}
.readnav a.perspectiveslink:hover{background:url("i/read-links.gif") -310px -168px no-repeat;}
.readnav a.politicslink{background:url("i/read-links.gif") 0px -210px no-repeat;}
.readnav a.politicslink:hover{background:url("i/read-links.gif") -310px -210px no-repeat;}
.readnav a.thereformerlink{background:url("i/read-links.gif") 0px -252px no-repeat;}
.readnav a.thereformerlink:hover{background:url("i/read-links.gif") -310px -252px no-repeat;}
.readnav a.theserialboxlink{background:url("i/read-links.gif") 0px -294px no-repeat;}
.readnav a.theserialboxlink:hover{background:url("i/read-links.gif") -310px -294px no-repeat;}

/* Look&Listen */
#landlheader{position:relative;padding-bottom:12px;}
#broadcast{position:relative;background:url("i/graphics/broadcast-frame.png") top left no-repeat;width:968px;height:570px;padding:0 16px;margin-bottom:6px;overflow:hidden;}
a#creativestates{display:block;clear:both;margin-bottom:12px;}
#exhibition{position:relative;background:url("i/graphics/exhibition-frame.png") top left no-repeat;width:968px;height:570px;padding:0 16px;overflow:hidden;}
#broadcast a.broadcastslink{position:absolute;left:655px;top:13px;width:334px;height:194px;}
#exhibition a.exhibitionslink{position:absolute;left:15px;top:20px;width:331px;height:183px;}
#videobig,#galleryside{float:left;}
#videosmall,#gallerybig{float:right;}
.mediabig{width:630px;text-align:left;position:relative;padding-bottom:6px;margin-top:16px;color:#fff;}
.mediabig .inner{margin-bottom:6px;width:626px;height:470px;background:#000;}
.mediabig .more a:hover{text-decoration:underline;color:#fff;}
.mediabig h4 a,.mediabig .more a{color:#fff;}
.mediabig h4 a:hover{text-decoration:underline;color:#fff;}
.mediaside{float:right;width:310px;margin-top:224px;}
#broadcast .mediaside{margin-right:7px;}
#exhibition .mediaside{margin-left:7px;}
.blue .mediaside a{display:block;width:310px;padding:6px 0;font-size:1.1em;margin:6px 0 ;background:url("i/graphics/look-links-bkgd.gif") 0 0 no-repeat;color:#fff;}
.blue .mediaside a:hover{background:url("i/graphics/look-links-bkgd.gif") -310px 0 no-repeat;text-decoration:none;color:#fff;}
#listenheader{clear:both;margin-bottom:6px;}

/* Look&Listen Links */
.looknav a{display:block;margin-top:6px;text-decoration:none;outline:none;height:35px;width:310px;}
.looknav a.broadcastslink{background:url("i/look-links.gif") 0px 0px no-repeat;}
.looknav a.broadcastslink:hover{background:url("i/look-links.gif") -310px 0px no-repeat;}
.looknav a.creativestateslink{background:url("i/look-links.gif") 0px -42px no-repeat;}
.looknav a.creativestateslink:hover{background:url("i/look-links.gif") -310px -42px no-repeat;}
.looknav a.exhibitionslink{background:url("i/look-links.gif") 0px -84px no-repeat;}
.looknav a.exhibitionslink:hover{background:url("i/look-links.gif") -310px -84px no-repeat;}

/* Discover */
#discoverheader{position:relative;padding-bottom:12px;}
.discover{position:relative;display:block;overflow:hidden;width:231px;height:160px;float:left;margin:0 6px 6px 0;}
.discover .titlebox{position:absolute;display:block;z-index:200;top:56px;left:0;height:50px;width:231px;color:#fff;font-size:1.15em;text-transform:uppercase;;background:url("i/white.png") top left repeat;color:black;}
.discover .content{position:relative;display:block;z-index:100;top:0;left:0;width:231px;height:162px;}
.discover .description{position:absolute;display:block;z-index:0;top:0;left:0;width:219px;height:160px;font-size:.85em;background:#333;color:#fff;padding:6px;text-align:left;}
.discover.right{margin-right:0;}
.discover.bottom{margin-bottom:6px;}
a.prev{float:left;clear:left;}
a.next{float:right;clear:right;}
a.prev,a.next{display:block;background:#fd9d19;padding:5px;border:2px solid #e05d00;margin:6px 0;color:#fff;}
a:hover.prev,a:hover.next{text-decoration:underline;}

/* Experiments */
.expheader{position:relative;margin:12px 0 0;padding-bottom:12px;}

/* About Links */
ul.aboutnav{padding:0;margin:0;}
.aboutnav li{list-style-type:none;padding:0;margin:0;}
.aboutnav a{display:block;margin-top:6px;text-decoration:none;outline:none;height:35px;width:310px;}
.aboutnav a.about{background:url("i/about-links.gif") 0px 0px no-repeat;}
.aboutnav a.about:hover{background:url("i/about-links.gif") -310px 0px no-repeat;}
.aboutnav a.ourstaff{background:url("i/about-links.gif") 0px -42px no-repeat;}
.aboutnav a.ourstaff:hover{background:url("i/about-links.gif") -310px -42px no-repeat;}
.aboutnav a.contributors{background:url("i/about-links.gif") 0px -84px no-repeat;}
.aboutnav a.contributors:hover{background:url("i/about-links.gif") -310px -84px no-repeat;}
.aboutnav a.submissions{background:url("i/about-links.gif") 0px -126px no-repeat;}
.aboutnav a.submissions:hover{background:url("i/about-links.gif") -310px -126px no-repeat;}
.aboutnav a.contactus{background:url("i/about-links.gif") 0px -168px no-repeat;}
.aboutnav a.contactus:hover{background:url("i/about-links.gif") -310px -168px no-repeat;}


/*********************/
/*** Fixes & Hacks ***/
/*********************/

/* DiggDigg Fix */
.dd_post_share {width:55px;}
#facebook{width:55px;overflow:hidden;}

/* Center hack http://www.emblematiq.com/blog/vertical_align_with_css/ 
html>body .vcenter{display:table;position:static;}
#wrapper .vcenter{height:100%;width:96%;padding:0 2%;position:relative;}
#wrapper .vcenter p {position:absolute;top:50%;}
#wrapper .vcenter>p{display:table-cell;vertical-align:middle;position:static;}
#wrapper .vcenter p span{display:block;position:relative;top:-50%;text-align:center;}*/
#wrapper .slidenav .vcenter{height:40px;width:100px;padding:0;}
#wrapper .discover .vcenter{height:50px;width:231px;padding:0;}
#wrapper .vcenter{height:50px;width:300px;padding:0 5px;}
html>body .vcenter{display:table;position:relative;}
#wrapper .vcenter p {position:relative;top:50%;}
#wrapper .vcenter>p{display:table-cell;vertical-align:middle;position:static;}
#wrapper .vcenter p span{display:block;text-align:center;position:relative;top:-50%;}