/*
Theme Name: Something Massive v2
Author: Something Massive
Theme URI: http://www.somethingmassive.com 
*/

/*
RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; height:100%; }
html, body							{ height: 100%; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 10px;}
.bold								{font-weight: bold;}
.nudge-right						{padding-right: 5px;}
a 									{color: #00bbec; text-decoration: underline;}
a:hover								{color: #ed5f00; }



/*
STRUCTURE
*/

body {font: 12px Helvetica, Arial, sans-serif; color: #727272; text-align: center; background-color: #fff; margin: 0; padding: 0;}
#container {margin: 0 auto; text-align:left; width:990px; padding: 10px 0; position: relative;}
.title {padding: 15px 10px;}
.social-network-icons {float: right; margin-top: 8px;}
.social-network-icons img {float: left; margin-left: 2px;}
.nav {padding: 8px 10px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; text-transform: uppercase; margin-bottom: 40px; z-index: 2; width: 970px;}
.home-nav {padding: 8px 10px; border-top: 1px solid #d3d3d3; text-transform: uppercase; margin-bottom: 40px; z-index: 2; width: 970px; position: absolute;}
.nav-items {font-weight: bold; font-size: 11px; line-height: 28px; vertical-align: middle;}
.nav-items a {color: #b9b9b8; text-decoration: none;}
.nav-items li {float: left; margin-right: 30px; background-image: url(img/nav-item-bg.jpg); background-repeat: no-repeat; background-position: left center; height: 28px;}
.nav-items li.home {background-image: url(img/home_icon.jpg);}
.nav-items li.home:hover {background-image: url(img/home_icon_hover.jpg);}
.nav-items li:hover {background-image: url(img/nav-item-hover.jpg);}
.nav-items li:hover a {color: #5cd2f5;}
.nav-items li div {float: left; width: 31px; height: 28px; text-align: center; margin:0 15px 0 0; display: table;}
.nav-items li div a {color: #fff !important;}
.footer {font-size: 10px; color: #b9b9b8; padding: 30px 0; text-align: center;}
.footer a {color: #b9b9b8;}
.footer a:hover {text-decoration: underline;}
.page-bubble {position: absolute; right: 0; top: 80px; background-image: url(img/page-bubble.png); background-repeat: no-repeat; background-position: top center; height: 71px; width: 71px; line-height: 71px; color: #fff; text-transform: uppercase; font-weight: bold; text-align: center;}
.page {min-height: 450px; padding-top: 20px;}
#fancy_div {background-color: #f8f8f8 !important; color: #727272 !important; border: 2px solid #5cd2f5; text-align: left;}

/*
HOME
*/
.featured {border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; margin-top: 45px; }
.featured a {text-decoration: none;}
.welcome {font-size: 22px; margin-top: 50px; color: #616161; padding-left: 15px; line-height: 32px;}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:990px;
	height:450px;
	overflow:hidden; 
	position: relative;
	}
#slider {margin: -118px 0 0 0; z-index: 1; width: 990px; height: 450px; font-family: 'MuseoSlab500Regular', Helvetica, Arial, serif; font-size: 40px; color: #5cd2f5; line-height: 40px;}
#prevBtn {position: absolute; top: 540px; left: 15px; z-index: 9;}
#prevBtn a{background-image: url(img/up.jpg); width: 16px; height: 16px; display: block; text-indent: -9999px;}
#prevBtn a:hover{background-image: url(img/up_hover.jpg);}
#nextBtn {position: absolute; top: 540px; left: 35px; z-index: 9;}
#nextBtn a{background-image: url(img/down.jpg); width: 16px; height: 16px; display: block; text-indent: -9999px;} 
#nextBtn a:hover{background-image: url(img/down_hover.jpg);} 
.feat-img {margin-right: 30px;position: absolute; bottom: 0; right: 10px; float: right;}
.feat-item {float: left; padding-left: 15px; width: 990px; }
.feat-item p {width: 570px; padding-top: 200px;}
#slider #current {background-color: #000;}
.bottom-buckets {margin: 25px 0 0 12px;}
.bottom-buckets h3 {font-size: 16px; font-weight: normal; margin-bottom: 10px;}
.bucket {width: 290px; float: left; padding-right: 20px; background-image: url(img/bucket_divider.jpg); background-repeat: no-repeat; background-position: top right; margin-right: 10px; height: 200px;}
.blurb img {float: right;}
.bucket p {margin-bottom: 10px; line-height: 18px;}
.clients {background-image: none;}

/*
ABOUT
*/
.about-staff {background-color: #f8f8f8;}
.staff-about {padding: 20px 20px 0 20px; background-color: #f8f8f8;}
.bio-thumb {padding: 5px; border: 1px solid #d3d3d3; float: right; background-color: #fff; margin: 0 0 20px 20px;}
.founder-thumb {padding: 5px; border: 1px solid #d3d3d3; background-color: #fff; margin-bottom: 10px;}
.founder {float: left; margin: 17px; font-size: 12px; text-align: center;}
.staff-about h3 {font-size: 20px; color: #616161; margin-bottom: 20px;}
.light-grey {color: #b9b9b8;}
.question {color: #2a2a2a; font-weight: bold; font-size: 14px; margin-bottom: 5px;}
.answer {font-size: 12px; color: #616161; margin-bottom: 20px;}
.about {line-height: 18px;}
.about h2 {font-size: 16px; border-bottom: 1px solid #d3d3d3; margin: 0 0 5px 0;}
.about-section {margin-top: 30px;}
.team img {margin: 15px 0;}
.team {line-height: 22px; font-size: 15px;}
.senior {width: 290px; float: left; font-size: 13px;}
.senior p {margin-bottom: 15px;}
.founding {width: 600px; float: left; margin-right: 95px;}
.founder strong {font-size: 16px; }
.about-text {line-height: 24px; font-size: 18px;}
.job-box {font-size: 16px; line-height: 22px;}
.job-box p {margin-bottom: 25px;}

/*
PROJECTS
*/
.project {min-height: 450px; padding: 0 0 20px 0; border-bottom: 1px solid #d3d3d3;}
#project-nav li {float: left; font-weight: bold; padding-right: 20px; background-image: url(img/project-nav-divider.jpg); background-repeat: no-repeat; background-position: right; line-height: 30px; margin-right: 2px; text-transform: capitalize; font-size: 10px;}
a .dark {color: #616161;}
#project-nav a {text-decoration: none;}
#project-nav {margin-bottom: 20px;}
.project-details {font-size: 16px; color: #616161; width: 400px; float: left; line-height: 22px;}
.project-details p {font-size: 14px; line-height: 18px; margin-bottom: 10px;}
.project-link {font-size: 12px; font-weight: bold;}
.project-gallery {width: 542px; float: left; margin-left:48px; display: none; position: relative;}
.project-gallery img {border: 1px solid #b9b9b8;}
#project-thumbnails {margin-top: 20px;}
#project-thumbnails li {margin-right: 20px; float: left;}
#current_image img {top: 0; right: 0;}
.sort-projects {font-size: 11px; margin-bottom: 25px;}
#sorted-projects img {border: 1px solid #b9b9b8; margin-bottom: 5px;}
#sorted-projects {font-family: Verdana, sans-serif; font-size: 10px; display: none; position: relative; width: 1010px;}
#sorted-projects li {float: left;  width: 230px; margin-right: 22px; height: 230px; }


/*
NEWS
*/
#news-list {position: relative; width: 1010px;}
#news-list a {color: #ffffff; text-decoration: none;}
.news-item {position: relative; width: 230px; height: 210px; float: left; margin:0 20px 20px 0; border: 1px solid #bbbbba;}
.news-image {position: absolute; top: 0; left: 0;}
.news-title {position: absolute; color: #ffffff; top: 130px; font-size: 12px; font-weight: bold; padding:0  5px; line-height: 16px;}
.transparent {opacity: 0.80; -moz-opacity: 0.80; filter:alpha(opacity=80); background-color:#4a4a4a; position: absolute; top: 125px; bottom: 0; left: 0; width: 100%;}
.news-item:hover .transparent {background-color: #5cd2f5; opacity: 1.00; -moz-opacity: 1.00; filter:alpha(opacity=100);}
.news-item:hover {border: 1px solid #5cd2f5;}
.news h2 {font-size: 24px; margin-bottom: 5px;}
.news {font-size: 16px; line-height: 24px; min-height: 450px; border-bottom: 1px solid #d3d3d3; padding: 0 0 20px 0;}
.news img {float: right; margin: 0 0 20px 20px;}
.news p {margin-bottom: 20px;}
.news-date {font-size: 10px; position: absolute; bottom: 5px; color: #fff; font-weight: bold; left: 5px;}
.read-more {display: none; position: absolute; top: 0; right: 0; font-weight: bold; font-size: 12px; background-color: #5cd2f5; color: #fff;}
.news-item:hover .read-more {display: block;}
.read-more a {display: block; padding: 5px 10px;}

/*
BLOG
*/
.blogposts {width: 500px; line-height: 18px; float: left; margin: 0 90px 0 12px;}
.blogposts object, embed {width: 500px; height: 300px;}
.blogposts h2 {font-size: 16px; margin: 0 0 10px 0; color: #616161;}
.blogposts h3 {font-size: 14px; text-transform: uppercase; margin-bottom: 20px;}
.blogposts p {margin: 0 0 15px 0;}
.post-attributes {font-size: 10px; line-height: 16px; padding: 5px 0 0 0;}
.gravatar {float: left; margin: 0 5px 0 0;}
.bottom_border {margin: 10px 0 15px 0;}
.blogposts .post {margin: 0 0 30px 0;}
.sidebar {float: left; width: 350px; padding: 0 0 0 35px;}
.sidebar h3 {text-transform: uppercase; font-size: 12px; color: #616161; margin-bottom: 5px;}
.cat-list a {color: #616161; padding: 5px 3px;}
.cat-list a:hover {background-color: #5cd2f5; color: #fff; font-weight: bold; text-decoration: none;}
.cat-list li {margin: 7px 0;}
.cat-list {margin: 0 0 0 -3px;}
.sidebar_border {margin: 10px 0;}
.flickr-feed img {border: 1px solid #000; margin: 8px 10px 0 0;}
#twitter_update_list {font-size: 11px; line-height: 16px; margin-bottom: 10px;}
#twitter_update_list span {font-size: 12px;}
#twitter_update_list span a {color: #00bbec;}
#twitter_update_list a {color: #00bbec;}
#twitter_update_list a:hover {color: #ed5f00;}
#twitter_update_list li {margin-bottom: 10px;}
.blogs ul ul {border-bottom:  1px solid #d3d3d3; padding-bottom: 5px; margin-bottom: 5px;}
.blogs ul ul li {list-style: disc; list-style-position: inside;}
.blogs ul li:last-child ul {border-bottom: none;}
.blogs {line-height: 18px;}

/*
CONTACT
*/
.city {float: left; width: 310px; padding-right: 13px; margin-right: 13px; border-right: 1px solid #d3d3d3; height: 680px; }
.city-name {font-size: 16px; color: #616161; float: left;}
.hw_wpgw {width: 75px; float: left; line-height: 20px; font-weight: bold; color: #5cd2f5; margin: -3px 0 0 10px; vertical-align: text-bottom;}
.hw_wpgw img {margin-top: -2px;}
.time {float: right; width: 75px; text-align: right; line-height: 16px; font-size: 11px; font-weight: bold; color: #b9b9b8; margin-top: 3px;}
.address {font-size: 16px; color: #616161;}
.address p {margin-bottom: 20px;}
.city img {margin: 0 0 8px 0;}
.city-details p {margin-bottom: 15px; line-height: 16px;}

/*
EXPERTISE
*/
.expertise .slide {background-image: url(img/plus.jpg); background-repeat: no-repeat; padding-left: 15px; background-position: 0px -2px;}
.expertise .active {background-image: url(img/minus.jpg) !important; background-position: 0px -2px;}
.expertise h2 {font-size: 20px; padding-left: 10px; margin-bottom: 25px;}
.methodology img {float: left; margin: 0 25px 25px 0;}
.methodology {padding: 0 10px; font-size: 16px; line-height: 22px;}
.ourprocess {border-bottom: 1px solid #d3d3d3; margin-bottom: 25px; padding-bottom: 25px; background-image: url(img/ourprocess.jpg); background-repeat: no-repeat; background-position: top left; padding-top: 100px;}
.process-bucket h3 {font-size: 16px; color: #00bbec; border-bottom: 1px solid #00bbec; padding-bottom: 3px; margin-bottom: 5px;}
.process-bucket {width: 195px; float: left; margin-right: 15px; padding-right: 15px; border-right: 1px solid #d3d3d3; height: 180px;}
.process-bucket ul {border-top: 1px solid #00bbec; margin-top: 5px; padding-top: 5px;}
.process-bucket li {list-style: disc; list-style-position: inside;}
.processes {margin: 0 0 0 80px; z-index: 9;}
.process-title {z-index: 2; position: relative;}
#slideshow {
    width: 990px;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 25px;
}

.scroll {
    height: 160px;
    width: 990px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 20px 10px;
    height: 120px;
    width: 970px;
    font-size: 16px; line-height: 20px;
}

.scrollContainer li {float: left; width: 320px; list-style-type: disc; list-style-position: inside; font-size: 14px; color: #00bbec;}
.scrollContainer ul {margin-top: 25px;}
.scrollContainer ul li:first-line{color:#616161;}


ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #d3d3d3;
    text-decoration: none;
    font-size: 16px; font-weight: bold;
}

ul.navigation a:hover {
    color: #616161;
}

ul.navigation a.selected {
    color: #616161;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
    display: none;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

#comments {padding: 10px 0;}
#comments h3, #comments h4{
font-size:16px;
margin:35px 0 5px;
font-weight:normal;
}
#comments h4{
font-size:16px;
}
#comments cite{
font-size:14px;
font-weight:normal;
}
#comments em {
font-style:italic;
text-align:right;
}
#comments ol.commentlist li {
margin-top:20px;
border-right:0;
padding:10px 5px 20px 0px;
min-height:110px;
}
#comments p {
margin:30px 0 0 0px;
width:auto;
}
#comments span {
display:block;
color:#eee;
font-size:36px;
font-weight:normal;
float:right;
padding-top:25px;
}
#comments ul.formlist {
margin:20px 0;
width:375px;
}
#comments ul.formlist li {
display:block;
margin:10px 0 0;
}
#comments ul.formlist p{
margin:10px 0 0;
}
#comments input {
font: 14px Helvetica, Arial, sans-serif;
width:370px;
font-size:12px;
font-weight:normal;
}
#comments textarea {
width:370px;
font-size:12px;
font-weight:normal;
}
#comments li.submitbutton input {
text-align:center;
background:#fff;
color:#616161;
font-weight:normal;
font-size:14px;
width:200px;
}
#comments .center {
text-align:left;
}