/* 
Theme Name: Sass
Theme URL: http://themes.asurroca.com/sass
Description: Sass&Peril default theme, based on Whiteboard
Author: Alfonso Surroca
Author URI: http://asurroca.com
Version: 1
*/

/*structure*/
#wr { display:block; margin:0 auto; overflow:hidden; position:relative; }
#he, #bd, #ft { text-align:left }
#hd { float:left; height:640px; margin:10px 10px; width:160px }
#nv { display:block; margin:16px 8px }
#bd { height:600px; overflow:hidden; margin-top:30px; width:auto }
#bd.scroll { overflow:scroll!important; overflow-y:hidden!important; }
#ct { }
#ft { display:block; height:1px; }
#he, #bd, #ft { text-align:left; }
ul#nav li { color:#000000; float:none; font-family:Century Gothic Bold, Arial, Helvetica, sans-serif; font-size:1.2em; letter-spacing:.1em; padding:4px 0; text-transform:uppercase }
ul#snav li { font-size:.75em; padding:0 }
ul#nav li a, ul#nav li a:visited, ul#snav li a, ul#snav li a:visited { text-decoration:none; }
li#share { margin:20px 0 }

/*posts*/
.post { color:#fff; display:block; font:1em/1 Century Gothic Bold, Arial, Helvetica, sans-serif; position:relative }
.post a, .post a:visited { color:#fff; text-decoration:none }
.post.category, .post.title, .post.content, .post.meta { background:#999999; margin-bottom:18px; padding:4px 8px; }
h2.front.title, h2.front.title a, h2.front.title a:visited { color:#999999; text-decoration:none }
.post.front { float:left }
.post.category { height:495px; margin-right:10px; width:25px; z-index:90 }
.post.category h2 { padding:16px 0; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3) }
.post.category img { border:0; left:-6px; position:relative }
.cat-item-13 { display:none }/*hack:don't display press cat*/
.post.side { height:540px; margin-left:510px; position:absolute; white-space:normal; width:190px }
.post.content { font:0.9em/1.2 museo-slab,serif; font-style: normal; font-weight: 300; }
.post.thumbnails { height:200px }
.post.meta { font-size:1.4em; font-weight:700; text-align:center; text-transform:uppercase }
.post.meta a { text-decoration:none }
.front-title { position:absolute; background:#aaa; display:block; height:auto; padding:6px 10px; width:auto }
.image-list img { border:1px solid #fff }
.image-list a img:hover, .post.thumbnails a img:hover { border:1px solid #aaaaaa }

/*scroller*/
.post-images { float:left; position:relative; height:540px }
.post-images ul { position:absolute; list-style:none; overflow:none; white-space:nowrap; padding:0; margin:0; }
.post-images ul li { display:inline; margin-right:300px }
.post-images ul li:last-child, .post-images ul li.last-child { margin-right:632px }
.post-images ul li.collapsed { display:inline; margin-right:20px }
.post-images ul li.collapsed:last-child, .post-images ul li.collapsed.last-child { margin-right:0 }

/*defaults*/
html { background:#ffffff repeat }
body { background:#ffffff repeat; font-family: museo-slab,serif; font-style: normal; font-weight: 300; }
a, a:visited { color:#000000; text-transform:uppercase }
a:active, a:hover { text-decoration:underline!important }
h2 { color:#fff; font-family:Century Gothic Bold, Arial, Helvetica, sans-serif; font-size:1.2em; letter-spacing:.2em; text-transform:uppercase }
h3 { color:#000000; font-family:Century Gothic Bold, Arial, Helvetica, sans-serif; font-size:1em; letter-spacing:.2em; text-transform:uppercase }
.bd p { font-size:.9em; padding:.5em 0 }
.post img { border:1px solid #fff }
article.page img { margin-left:20px }
.copyright { font-size:.6em; text-align:center }
em { font-family:Century Gothic Bold, Arial, Helvetica, sans-serif; }

/*sprites*/
.img { background:url(i-revblk.png); height:16px; width:16px }
.img.lg { background-position:0 0; display:block; height:130px; width:130px }
.img.tw { background-position:0 -130px }
.img.fb { background-position:0 -146px }
.img.em { background-position:0 -162px }
.img.fl { background-position:0 -178px }
.img.et { background-position:0 -194px }

/*font-face test*/
@font-face { font-family:Century Gothic Bold; font-weight:bold; src:url('CenturyGothicBold.ttf') }
@font-face { font-family:Rockwell; font-weight:bold; src:url('RockwellStd.otf') }

/*styling*/
em { color:#000000; font-size:.9em; text-transform:uppercase }

/*tools*/
.c { clear:both }
.l { float:left }
.r { float:right }
.f { position:fixed!important }
.h { display:none }