/*
Theme Name: Times Square to Art Square - Light Theme
Theme URI: http://timessquaretoartsquare.org/
Description: The wicked, super awesome theme for the TS2AS project. The light version.
Version: 1.0
Author: Ruben Bos
Author URI: http://bossingaround.com/
Tags: widgets

	This theme was built by Ruben Bos http://bossingaround.com
	Designed by Justus Bruns http://justusbruns.com
	Check out the whole team at http://timessquaretoartsquare.org/

*/

html { font:100%/16px Verdana, Arial, Tahoma; background: #fff url(images/bg.png) no-repeat left top; min-width: 990px; }
body { font-size: 12px; color: #000; margin: 0; padding: 0; position: relative; }

/* parent elements - standard */

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; color: #333333; }
h1 { background: url(images/logo.png) no-repeat left; width: 535px; height: 100px; margin: 30px 0 0 20px; }
h1 a { width: 535px; height: 100px; display: block; }
h1 span { height: 0; overflow: hidden; position: absolute; }
h2 { font-size: 18px; line-height: 22px; margin: 0 0 10px; }
h3 { font-size: 14px; margin: 0 0 10px; }
h4 { font-size: 12px; }
p { line-height: 22px; margin: 0 0 10px; padding: 0; }
a:link, a:visited { color: #333333; text-decoration: underline; }
a:hover, a:active {	color: #333333; text-decoration: none; }
img { border: 0; display: block; }
hr { height: 0; border: 0; border-top: 1px solid #0f6a8a; }

/* parent elements - exceptions */

.clear { float: none; clear: both; }
.left { float: left; }
.right { float: right; }
.hidden { height: 0; overflow: hidden; position: absolute; padding: 0; margin: 0; }
.alignleft { float: left; margin: 5px 10px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 10px; }
.text-disclaimer { font-size: 10px; }

.btn-donate { border: none; background: #666; color: #fff; width: 260px; padding: 8px 20px; margin: 0 0 10px; overflow: hidden; cursor: pointer; line-height: 14px; font-size: 14px; text-align: left; }

/* main & grid elements */

.wrapper { width: 960px; position: relative; margin: 0 auto;  }
.header { height: 180px; padding: 0 0 10px; overflow: hidden; }

.grid { float: none; clear: both;  }

.uno, .dos, .tres, .cuatro, .cinco { float: left; padding: 10px; overflow: hidden; }
.uno { width: 300px; }
.dos { width: 620px; }
.tres { width: 940px; }

.cell { background: #fff; padding: 10px; color: #333333; overflow: hidden; }

.secondary .cell { border-bottom: 1px solid #CCC; }

/* menu elements */

.menu { height: 30px; list-style: none; padding: 0 20px; margin: 0; }
.menu li { display: inline-block; float: left; line-height: 30px; border-right: 1px solid #d9d9d9; }
.menu li.active { background: url(images/bg_menu_active.png) no-repeat center bottom; }
.menu a:link, .menu a:visited, .menu a:hover, .menu a:active { color: #4d4d4d; padding: 0 10px; display: block; height: 30px; text-decoration: none; }
.menu a:hover, .menu a:active { text-decoration: underline; }
.menu li:last-child { border: none; }

.navigation { overflow: hidden; padding: 10px 20px; color: #333333; }

/* detail elements */

.header-social { list-style: none; padding: 0; margin: 0; position: absolute; right: 0; top: 0; z-index: 3; }
.header-social li { float: left; width: 30px; height: 30px; overflow: hidden; }
.header-social li span { height: 0; overflow: hidden; position: absolute; }
.header-social a:link, .header-social a:visited, .header-social a:hover, .header-social a:active { width: 30px; height: 30px; display: block; background-repeat: no-repeat; background-position: top; }
.header-social a:hover, .header-social a:active { background-position: bottom; }
.header-social a.facebook { background-image: url('images/social/facebook.png'); }
.header-social a.vimeo { background-image: url('images/social/vimeo.png'); }
.header-social a.flickr { background-image: url('images/social/flickr.png'); }
.header-social a.twitter { background-image: url('images/social/twitter.png'); }
.header-social a.linkedin { background-image: url('images/social/linkedin.png'); }

.home-intro { border-bottom: 1px solid #CCC; height: 280px; overflow: hidden; margin-bottom: 20px; }
.home-movie { padding: 15px 0 ; }
.home-streetview { padding: 15px 0; }

.block-donate .count { padding: 0; overflow: hidden; }
.block-donate .count span { color: #fff; background: url('images/bg_count.png') no-repeat left top; display: block; height:72px; line-height: 60px; width: 55px; padding: 5px 4px 0 0; text-align: center; float: left; font-size: 60px; font-weight: bold; }
.block-donate .count div { float: left; width: 177px; text-align: center; font-weight: bold; font-size: 14px; padding: 0 20px 0 0; }
.block-donate .count div.seconds { width: 118px; }
.block-donate .count p { clear: both; float: none; }

.donate-payoff { padding: 0 0 0 20px; }
.donate-extra { padding-left: 80px; background: url('images/bg_ps.png') no-repeat left top; }

.block-how { background: #ffff00; /* yellow */ color: #000; height: 290px; padding: 10px 20px; }
.block-how img { margin: 20px 0 0; }
.block-how h2 { color: #000; }
.block-how p { width: 162px; padding: 20px 20px 0 10px; float: left; }

.block-artists { height: 190px; }
.block-artists .info, .block-artists .join { width: 280px; padding: 0 10px 0 0; float: left; }
.block-artists .join { padding: 0 0 0 10px; } 

.block-page .post-credits { font-size: 10px; }
.block-page .post-info { height: 30px; }
.block-page .post-info-tags { float: left; }
.block-page .post-info-comments { float: right; }
.block-page .post-info-tags a:link, .block-page .post-info-tags a:visited, .block-page .post-info-tags a:hover, .block-page .post-info-tags a:active { background: #333; color: #fff; padding: 4px 10px; text-decoration: none; }

.team { list-style: none; padding: 0; margin: 0; overflow: hidden; }
.team li { width: 300px; height: 300px; float: left; position: relative; margin: 0; padding: 0; }
.team li span { position: absolute; top: 270px; left: 0; height: 30px; line-height: 30px; padding: 0 20px; width: 260px; background: #000; color: #fff; opacity: 0.9; }

.widgets { list-style: none; margin: 0; padding: 0; }

.facebook-home { height: 180px; overflow: visible; /* border fix */ border-bottom: 1px solid #94a3c4; }
.facebook { height: 250px; overflow: visible; /* border fix */ border-bottom: 1px solid #94a3c4; }

.friends { border-right: 1px solid #CCC; height: 290px; }
.friends ul { list-style: none; margin: 0; padding: 0; }
.friends ul li { float: left; margin: 0 20px 20px 0; }

a.btn-flickr:link, a.btn-flickr:visited, a.btn-flickr:hover,a.btn-flickr:active, 
a.btn-vimeo:link, a.btn-vimeo:visited, a.btn-vimeo:hover,a.btn-vimeo:active,
a.btn-facebook:link, a.btn-facebook:visited, a.btn-facebook:hover,a.btn-facebook:active,
a.btn-twitter:link, a.btn-twitter:visited, a.btn-twitter:hover,a.btn-twitter:active { height: 50px; width: 50px; line-height: 50px; padding: 0 20px 0 0; float: left; display: block; background: url(images/btn_flickr.png) no-repeat left top; }
a.btn-vimeo:link, a.btn-vimeo:visited, a.btn-vimeo:hover,a.btn-vimeo:active { background:  url(images/btn_vimeo.png) no-repeat left top; }
a.btn-facebook:link, a.btn-facebook:visited, a.btn-facebook:hover,a.btn-facebook:active { background:  url(images/btn_facebook.png) no-repeat left top; }
a.btn-twitter:link, a.btn-twitter:visited, a.btn-twitter:hover,a.btn-twitter:active { background:  url(images/btn_twitter.png) no-repeat left top; }
a.btn-flickr span, a.btn-vimeo span, a.btn-facebook span, a.btn-twitter span { height: 0; overflow: hidden; position: absolute; }

a.btn-to:link, a.btn-to:visited, a.btn-to:hover, a.btn-to:active, input.btn-to { background: #8CC63F; font-size: 14px; line-height: 14px; font-weight: bold; padding: 8px 20px; display: inline-block; overflow: hidden; text-decoration: none; border: 1px solid #4D4D4D; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; }
a.btn-to:hover, a.btn-to:active { background: #5C841E; }

.footer { clear: both; float: none; overflow: hidden; padding: 20px 20px 20px; color: #808080; position: relative; }
.footer p { width: 960px; margin: 0 auto; padding: 20px 0 20px 40px; background: url(images/bg_footer.png) no-repeat 0px 20px; }

.twtr-hd, .twtr-ft { display: none; }