/*
Theme Name: World Redeye
Theme URI: http://workcreateinnovate.com/
Description: Custom theme for World Redeye
Version: 1.0
Author: Skot Carruth and Emerson Taymor
Author URI: http://workcreateinnovate.com/

===COLOR SCHEME===

Background: #f2f2f2
Black: #000
White:#fff
Red: #eb2129
Gray 1: #666
Body text: #333
Gray 2: #aaa
Borders: #ccc
	
*/

/* ~~~~~ Resets ~~~~~ */south
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .625em;
	background:#f2f2f2;
	color:#333;
}

.container{
	width:883px;
	margin: 0 auto;
	padding:0 10px;
	background:#f2f2f2;
}

/* 16 SECONDS */
body.category-moet-nye-takeover, body#moet{background:url(images/bg-moet.png) repeat;}
body.category-16seconds, body#seconds16{margin:0;padding:0;background:#000;}
body.category-16seconds #siteWrapper, body#seconds16 #siteWrapper{background:url(images/bg-16seconds.jpg) no-repeat right top #000;margin:0;padding:0;}
body.category-16seconds .container, body#seconds16 .container{background:transparent;}

/* Moet NYE 2012 */
body.category-moetnye2012, body#moetnye2012{margin:0;padding:0;background:#000;}
body.category-moetnye2012 #siteWrapper, body#moetnye2012 #siteWrapper{background:url(images/wre_moet_background_nye.jpg) no-repeat left top #000;margin:0;padding:0; background-attachment:fixed;}
body.category-moetnye2012 .container, body#moetnye2012 .container{background:transparent;}


/* Mercedes */
body.category-fashionforce, body#fashionforce{margin:0;padding:0;background:#000;}
body.category-fashionforce #siteWrapper, body#fashionforce #siteWrapper{background:url(images/bg-mercedes.png) no-repeat right top #000 fixed;margin:0;padding:0;}
body.category-fashionforce .container, body#fashionforce .container{background:transparent;}

/* SOUTHBEACH */
body.category-southbeach, body#beachsouth{margin:0;padding:0;background:#57B1E3;}
body.category-southbeach #siteWrapper, body#beachsouth #siteWrapper{background:url(images/bg-southbeachfood.jpg) no-repeat right top #57b1e3;margin:0;padding:0;}
body.category-southbeach .container, body#beachsouth .container{background:transparent;}
#southbeachAd {padding-top: 25px;}

.headerBannerSouthBeach 
{
position: relative;
float: right;
margin-top: 5px;
margin-right: -5px;
margin-bottom: -100px;
padding-top: 10px;
padding-right: -60px;
padding-bottom: 20px;
}

.headerBanner{margin:8px 0 4px;}

/* ~~~~~ Typography ~~~~~ */

a {text-decoration:none; color: #000;}
a:hover {color:#eb2129;}
a.selected{color:#eb2129;}
h1 {font-size: 3em; color: #000; margin-bottom: 25px; font-weight:normal;text-transform:lowercase;}
h2 {font-size: 2em; color: #000; margin-bottom: 15px; font-weight:normal;}
h3 {font-size: ; font-weight: bold; color:  ; margin: ;}
p {font-size: 1.2em;line-height:1.8em;margin-bottom:20px;}


/* HEADER */
@font-face{  /* ~~~~~ For the horloge ~~~~~ */
    font-family : "lcd";

    src : url('font/LCDMono2Bold.eot');
    src : local('?'),
          url('font/LCDMono2Bold.woff') format('woff'),
          url('font/LCDMono2Bold.svg#abcd') format('svg'),
          url('font/LCDMono2Bold.ttf') format('truetype');

    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}


#header{margin-bottom:15px;}
#topHeader{
	display:block;
	margin-top:10px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	overflow:hidden;
	zoom:1;
}
#horloge { position:absolute; margin-left: 265px; margin-top: 35px; font-family:lcd,'Iceland', Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; z-index: 1000; text-transform:uppercase; }
#horloge label{ font-size:40px; color:#e9c98d; }

#logo{margin:10px 350px 7px 0;}
body.category-16seconds #logo, body#seconds16 #logo{margin:0 340px 0 0;padding:10px 10px 7px;}
body.category-16seconds #topHeader, body#seconds16 #topHeader{border:none;}
body.category-16seconds #moetBanner, body#seconds16 #moetBanner{display:none;}

body.category-moetnye2012 #logo, body#moetnye2012 #logo{margin:0 340px 0 0;padding:10px 10px 7px;}
body.category-moetnye2012 #topHeader, body#moetnye2012 #topHeader{border:none;}
body.category-moetnye2012 #moetBanner, body#moetnye2012 #moetBanner{display:none;}

body.category-southbeach #logo, body#southbeach #logo{margin:0 340px 0 0;padding:10px 10px 7px;}
body.category-southbeach #topHeader, body#southbeach #topHeader{border:none;}
body.category-southbeach #moetBanner, body#beachsouth #moetBanner{display:none;}

#smLinks{
	border-left:1px solid #aaa;
	height:47px;
}

#smLinks span{
	padding:9px 15px;
	border-right:1px solid #aaa;
	display:block;
	float:left;
}
#smLinks a{
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:top center;
	display:block;
	height:30px;
}

#smLinks a:hover{background-position:bottom center;}

a#facebook{
	background-image:url(images/fb-logo.png);
	width:14px;
}
a#twitter{
	background-image:url(images/twitter-logo.png);
	width:23px;
}

body.category-16seconds a#facebook, body#seconds16 a#facebook, body.category-fashionforce a#facebook, body#fashionforce a#facebook{
    background-image:url(images/fb-logo-reverse.png);
}
body.category-16seconds a#twitter, body#seconds16 a#twitter,body.category-fashionforce a#twitter, body#fashionforce a#twitter{
    background-image:url(images/twitter-logo-reverse.png);
}
body.category-16seconds a#rss, body#seconds16 a#rss,body.category-fashionforce a#rss, body#fashionforce a#rss{background:url(images/rss-reverse.png);}
a#rss{
	background-image:url(images/rss.png);
	width:29px;
}

body.category-moetnye2012 a#facebook, body#moetnye2012 a#facebook{
    background-image:url(images/fb-logo-reverse.png);
}
body.category-moetnye2012 a#twitter, body#moetnye2012 a#twitter{
    background-image:url(images/twitter-logo-reverse.png);
}
body.category-moetnye2012 a#rss, body#moetnye2012 a#rss{background:url(images/rss-reverse.png);}


body.category-southbeach a#facebook, body#beachsouth a#facebook{
    background-image:url(images/fb-logo-southbeach.png);
}
body.category-southbeach a#twitter, body#beachsouth a#twitter{
    background-image:url(images/twitter-logo-southbeach.png);
}
body.category-southbeach a#rss, body#beachsouth a#rss{background-image:url(images/rss-logo-southbeach.png);}
a#rss{
	background-image:url(images/rss.png);
	width:29px;
}


#searchCont {padding-top: 13px;}
#searchCont input{width:126px; vertical-align: bottom;}
#searchCont label{margin-right:4px;}

#flashCont{padding:5px 0; border-bottom:1px solid #aaa;}

ul#nav{
	margin-top:12px;
	text-align:center;
	padding-left:22px;
}
ul#nav li{
	display:inline;
}

ul#nav li a{
	display:block;
	text-indent:-9999px;
	height:20px;
	float:left;
	background-position:top center;
	background-repeat:no-repeat;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	margin:0 10px;
}
ul#nav li a:hover, ul#nav li a.selected{background-position:bottom center;}

ul#nav li a#exploreNav{background-image:url(images/nav/explore.png);width:142px;}
ul#nav li a#capturedNav{background-image:url(images/nav/captured.png);width:148px;}
ul#nav li a#philosophyNav{background-image:url(images/nav/philosophy.png);width:148px;}
ul#nav li a#brainTrustNav{background-image:url(images/nav/brain-trust.png);width:154px;}
ul#nav li a#inspirationNav{background-image:url(images/nav/inspiration.png);width:139px;}

/* HOME */

#content{
	clear:both;
	position:relative;
}

#mostRecentCont{padding-bottom: 20px; margin-bottom:20px; border-bottom: 1px solid #aaa;}
/*#mostRecentCont img{
	position:relative;
	z-index:0;
}
#mostRecentCont h1{
	font-size:2.4em;
	margin-bottom:0;
	background-color:#000;
	position:absolute;
	z-index:1;
	top:0;left:0;
	font-weight:normal;
	padding:10px 20px;
}
#mostRecentCont h1 a{color:#fff;}
#mostRecentCont h1 a:hover{color:#eb2129;}

#mostRecentCont p a{color:#eb2129;}

#mostRecentCont .postDetails{
	background-color:#000;
	padding:10px;
	position:absolute;
	z-index:1;
	bottom:0;left:0;	
}
#mostRecentCont p{
	color:#fff;
	margin-bottom:0;
}*/

.photoPreview{
	text-align:center;
	min-width:560px;
	height:373px;
	float:left;
	
}
.photoPreviewMain{
	text-align:center;
	width:883px;
	height:587px;
	overflow:hidden;
	float:left;
	margin-bottom:10px;
	
}
#mostRecentCont h1{margin:10px 0;}

#mostRecentCont p.credits{display:inline-block;}
#mostRecentCont .postDetails p a{color:#eb2129;}
#mostRecentCont .postDetails p a:hover{color:#555;}

#inspirationCont{margin-top:20px;}
#inspirationCont h3{
	text-indent:-9999px;
	width:580px;
	height:28px;
	display:block;
	float:left;
	background:url(images/recently-inspired.png) no-repeat;
}
body.category-16seconds #inspirationCont h3, body#seconds16 #inspirationCont h3,
body.category-fashionforce #inspirationCont h3, body#fashionforce #inspirationCont h3, 
body.category-moetnye2012 #inspirationCont h3, body#moetnye2012 #inspirationCont h3
{background-image:url(images/recently-inspired-reverse.png);}

body.category-southbeach #inspirationCont h3, body#beachsouth #inspirationCont h3{background-image:url(images/recently-inspired-southbeach.png);}

#inspirationCont a.more{
	float:right;
	font-size:1.6em;
	font-weight:normal;
	margin-top:12px;
}

.inspirePostPrev{
	background-color:#aaa;
	float:left;
	padding:7px;
	width:275px;
	margin:15px 8px 0 0;
	min-height: 80px;
}
#footer .inspirePostPrev a{color: #000;}
#footer .inspirePostPrev a:hover{color: #eb2129;}

.inspirePostPrev h2{
	font-size:2em;
	font-weight:normal;
	margin:12px 0 0;
}
.inspirePostPrev.last{
	margin-right:0;	
}

#categoryCont{
	padding-top:30px;
	margin-top:30px;
	border-top:1px solid #fff;
}

/* POST STREAM */

#postStream{
	margin-bottom:30px;
}

#postStream .post{
	padding:30px 0;
	border-bottom:1px solid #aaa;
	overflow:hidden;
	zoom:1;
	position:relative;
}

#postStream .postDetails{width:305px;float:right;}
#postStream .postDetails .more{font-size:1.2em;}
#postStream .postDetails .more a{color:#000;}
#postStream .postDetails .more a:hover{color:#eb2129;}

p.meta{
	padding:5px 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color:#666;
	margin-bottom:10px;
	/*font-style:italic;*/
}
#postStream .post p{margin-bottom:20px;}
#postStream .post p.credits{margin-bottom:0;position:absolute;bottom:32px;}
p.credits{
	display:block;
	background-color:#aaa;
	padding:3px 6px;
	margin-bottom:0;
}
.postIcons{position:absolute;bottom:75px;}
.postIcons img{margin-right:10px;}
#mostRecentCont .postIcons{position:static;margin-bottom:10px;}
#pagination li a{
	display:block;
	text-transform:uppercase;
	background-color:#fff;
	font-size:1.4em;
	padding:5px 8px;
	font-weight:bold;
}

#pagination li:hover a{background-color:#aaa;}

/* SINGLE */

h1.pageHeader, h1.authorHeader, h1.catHeader{
	margin: 50px 0 20px;
	overflow:hidden;
	zoom:1; 
	border-bottom:1px solid #fff;
	padding-bottom:15px;
}

h1.authorHeader, h1.catHeader{
	border-bottom:1px solid #000;
}

.postInfo{margin-bottom:20px;overflow:hidden;zoom:1;}
.postInfo h1{
	margin:30px 0 15px;	
}
.postInfo p.meta{
	width:855px;	
}
.postInfo p.meta.videos{
	width:745px;	
}


.post p.meta a{color:#eb2129;}
.post p.meta a:hover{color:#000;}

.postInfo p.meta span.credits{float:right;}

#photoCont{margin-bottom:30px;}

p.desc{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #fff;
	font-size:1.4em;
}

#videoCont{margin-bottom:30px;}
#videoCont h2{
	font-size:5.6em;
	color:#aaa;
	text-transform:uppercase;
	font-weight:normal;
}

.post p a{color:#eb2129;}
.post p a:hover{color:#555;}

/* EXPLORE */

ul.cat li{
	width:415px;
	display:block;
	float:left;
	padding: 0 0 20px;
	margin-right: 20px;
}

/* TEAM */

#teamPhoto{margin-bottom:15px;}

#teamCont{
	width:530px;
	float:left;
}
.teamMember{
	margin-bottom:20px;
	border-bottom:1px solid #fff;
	overflow:hidden;
	zoom:1;
}

#contactCont{
	float:right;	
	width:315px;
}

#contactCont h1{
	font-size:3em;	
}
#contactCont form p{font-size:1em;}
#contactCont p label, .wpcf7-quiz-label{
	display:block;
	font-size:1.4em;
	margin:15px 0 5px;
}
.wpcf7-quiz-label{float:left;width:auto;margin:20px 5px 0 0;}

#contactCont #quiz{width:100px;}
#contactCont p input, #contactCont p select, #contactCont p textarea{
	display:block;
	background-color:#fff;
	border:1px solid #aaa;
	color:#000;
	font-size:1.4em;
	padding:3px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	outline:none;
	width:100%;
}
input:focus, textarea:focus, #contactCont input:focus, #contactCont textarea:focus{
	border-color:#eb2129;	
}

#contactCont textarea{height:180px;}
#contactCont input#sendMsg{
	color:#fff;
	background-color:#eb2129;
	text-align:center;
	padding:5px;
	width:115px;
	border:none;
	margin-top:15px;
	cursor:pointer;
	clear:both;
	margin-top:15px;
}

/* 16 SECONDS */
body.category-16seconds #postStream .post, body.category-fashionforce #postStream .post, body.category-moetnye2012 #postStream .post{
    padding:30px 0px;
    background:rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 10px #5b5b5b;
	-webkit-box-shadow: 0px 0px 10px #5b5b5b;
	box-shadow: 0px 0px 10px #5b5b5b;
	border:none;
}

body#seconds16 .post p, body#seconds16 .post,body#fashionforce .post p, body#fashionforce .post, body#moetnye2012 .post p, body#moetnye2012 .post{color:#fff;}
body.category-16seconds #postStream p, 
body.category-16seconds #postStream h1, 
body.category-16seconds h1.catHeader,
body.category-16seconds #postStream h1 a,
#seconds16 h1,

body.category-moetnye2012 #postStream p, 
body.category-moetnye2012 #postStream h1, 
body.category-moetnye2012 h1.catHeader,
body.category-moetnye2012 #postStream h1 a,
#moetnye2012 h1,

body.category-fashionforce #postStream p, 
body.category-fashionforce #postStream h1, 
body.category-fashionforce h1.catHeader,
body.category-fashionforce #postStream h1 a,
#fashionforce h1
{color:#aaa;}
body.category-16seconds #postStream p.credits,
#seconds16 #postStream p.credits,
body.category-moetnye2012 #postStream p.credits,
#moetnye2012 #postStream p.credits,
body.category-fashionforce #postStream p.credits,
#fashionforce #postStream p.credits
{color:#000;}

/* SOUTH BEACH */
body.category-southbeach #postStream .post{
    padding:30px 0px;
    background:rgba(255, 255, 255,0);
    border:none;
}

body#southbeach .post p, body#beachsouth .post{color:#fff;}
body.category-southbeach #postStream p, 
body.category-southbeach #postStream h1, 
body.category-southbeach h1.catHeader,
body.category-southbeach #postStream h1 a,
#beachsouth h1
{color:#000;}
body.category-southbeach #postStream p.credits,
#beachsouth #postStream p.credits
{color:#000;}


/* FOOTER */

#footer{
	clear:both;
	margin-top:30px;
	padding-top:10px;
	/*background-color:#000;*/
	zoom:1;
	overflow:hidden;
}

#footer p{color:#000;}
#footer a{color:#eb2129;}
#footer a:hover{color:#000;}

#copyrightCredits{margin-top: 20px; border-top: 1px solid #333;}

.copyrightInfo{float:left;}

body.category-16seconds #copyrightCredits p, body.category-16seconds #copyrightCredits a:hover, body#seconds16 #copyrightCredits p, body#seconds16 #copyrightCredits a:hover{color:#fff}
body.category-moetnye2012 #copyrightCredits p, body.category-moetnye2012 #copyrightCredits a:hover, body#moetnye2012 #copyrightCredits p, body#moetnye2012 #copyrightCredits a:hover{color:#fff}

body.category-fashionforce #copyrightCredits p, body.category-fashionforce #copyrightCredits a:hover, body#fashionforce #copyrightCredits p, body#fashionforce #copyrightCredits a:hover{color:#fff}
body#seconds16 a, body#fashionforce a, body#moetnye2012 a{color:#eb2129;}

body#seconds16 .connect_widget, body#moetnye2012 .connect_widget, body#fashionforce .comments-template, body#fashionforce .connect_widget, body#fashionforce .comments-template{color:#ccc !important;}

body.category-southbeach #copyrightCredits p, body.category-southbeach #copyrightCredits a:hover, body#beachsouth #copyrightCredits p, body#beachsouth #copyrightCredits a:hover{color:#fff}
body#beachsouth a{color:#eb2129;}

body#beachsouth .connect_widget, body#beachsouth .comments-template{color:#ccc !important;}

/* UTILITY CLASSES */
.fl {float: left;}
.fr {float: right;}
.cl {clear: left;}
.cr {clear: right;}
.clear {clear: both;}
strong{font-weight:bold;}
em{font-style:italic;}
.more{font-weight:bold;}
input, textarea,select{
	outline:none;
	border:1px solid #aaa;
	background-color:#f2f2f2;
	font-family:helvetica, arial, sans-serif;
	font-size:1.2em;
	padding:3px;
}

.transparent{  
    filter:alpha(opacity=85);  
    -moz-opacity:0.85;  
    -khtml-opacity: 0.85;  
    opacity: 0.85;  
}

/* COMMENTS */
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template ol li.alt{background-color:#fff;}

.comments-template h2, .comments-template h3{font-size: 16px;}

.commentmetadata{font-size: 12px;}

.comments-template p.nocomments{padding: 0;}

.avatar{float:left;padding:0 10px 10px 0;}

#commentform label{
	display:block;	
}

#commentform #submitform input{
	color:#fff;
	background-color:#eb2129;
	text-align:center;
	padding:5px;
	width:175px;
	border:none;
	margin-top:15px;
	cursor:pointer;
	border:1px solid #fff;
	text-transform:lowercase;
}

h3#respond{
	margin:0 0 5px;	
}

h3#comments{
	margin-bottom:30px;	
}
#fbc_login{
	float:none;
	display:block;
	margin:10px 0;
	padding:0;
}
#fbc_login span{
	font-size:1.4em;
}

#RES_ID_fb_login{margin-top:3px;}
#fbc_profile{width:250px;margin-bottom:15px;font-size:1.2em;line-height:1.5em;}

.fbc_loginstate_top{display:none;}

/* ~~~~~ Sociable ~~~~~ */
 html,body{height:100%;}#ps_hover{left:0;top:0;position:absolute;z-index:1000;}.ps_hd{background: url(images/prettySociable/backgrounds/tr.png) top right no-repeat;padding:0 8px 0 0;}.ps_hd .ps_c{background: url(images/prettySociable/backgrounds/tl.png) top left no-repeat;}.ps_ft{background: url(images/prettySociable/backgrounds/br.png) top right no-repeat;padding:0 8px 0 0;}.ps_ft .ps_c{background: url(images/prettySociable/backgrounds/bl.png) top left no-repeat;}.ps_bd{background: url(images/prettySociable/backgrounds/cr.png) top right repeat-y;padding:0 8px 0 0;}.ps_bd .ps_c{background: url(images/prettySociable/backgrounds/cl.png) top left repeat-y;padding:0 0 0 8px;}.ps_bd .ps_s{background:#fff;}.ps_hd,.ps_bd,.ps_ft{position: relative;z-index:1000;}.ps_hd .ps_c,.ps_ft .ps_c{font-size:1px;height:8px;}#ps_title{background: url(images/prettySociable/backgrounds/tt_r.png) top right no-repeat;padding:0 5px 0 0;color:#fff;font-size:10px;font-weight: normal;left:8px;position:absolute;top:0;z-index:999;}#ps_title .ps_tt_l{background: url(images/prettySociable/backgrounds/tt_l.png) top left no-repeat;line-height:20px;padding:0 0 0 5px;}#ps_tooltip{font-size:10px;left:0;position:absolute;top:0;width:250px;z-index:1010;}#ps_tooltip p{margin:0;}#ps_tooltip strong{font-size:1.2em;}#ps_websites{left:50%;position:absolute;top:50%;z-index:1005;}#ps_websites .ps_label{color:#fff;display: none;font-size:2em;left:0;position:absolute;top:0;white-space: nowrap;}#ps_websites ul{list-style: none;position: relative;z-index:1010;width:400px;}#ps_websites li{display:block;float: left;margin:0 30px 40px 0;}#ps_websites a{display:block;}#ps_overlay{background:#000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1005;}