/*
* 	standingdog.com CSS
*	author: Bjoern Zinssmeister
*	since: 07/01/2010
*/

body{background:#1d1d1d; margin:0px; font-family: arial, verdana;}
h1{font-size:24px; color:#1d1d1d; font-weight:normal;}
h2{font-size:14px; font-weight:normal; color:#1d1d1d;}
.clearfloat{clear:both;}

img{border:none;}

a{color:#53179d;}
a:hover{text-decoration:none; color:#7b4fb0;}

hr {
	border-width: 1px 0 0 0;
	border-color: rgb(241, 242, 242);
	border-style: solid;
	margin: 20px auto;
}

#head, #rotation, #content, #footer, #hero, #sub-menu{width:1000px; margin:auto;}

#head{height:110px; background:#fff;}
#head-wrapper{background:#fff;}
#head #logo{padding-top:45px; float:left;}
#head #menu{padding: 0; float:right; text-align:right; width:540px; }
#menu ul{width:100%; margin: 0; padding:0px; border-top: 1px solid rgb(121, 107, 168);}
#menu ul li{float:right; margin-right:25px; list-style:none; font-size:11px;color:#7c7c7c; margin-top: 16px;}
#menu ul li a{color:#4a4a4a; text-decoration:none; font-size:15px;}
#menu ul li a:hover{color:#000;}
#menu ul .active-menu a{border-bottom:1px solid #3cabda; color:#000;}
#menu ul #lastitem{margin-right:0px;}

#social { color: #7c7c7c; float: right; margin-top: 10px; margin-bottom: 7px; }
#social div { font-size: 8pt; text-transform: lowercase; float: left; }
#social div.icons img { margin-left: 20px;}
#social div .big { color: #4a4a4a; font-size: 11pt; text-transform: uppercase; }

#sub-menu-wrapper{background-color:#d0d0d0; height:27px;}


#rotation-wrapper{height:389px;}
/*#rotation-wrapper{background: url("/images/rotations/main-background.jpg") repeat-x; height:389px;}*/
#hero{height:252px; padding:0px;}

#twitter-box{position:absolute; left:635px; top:35px; width:305px; font-size:10px; z-index:4000; text-align:right; color:#fff; padding:0px 50px 15px 0px; background: url("/images/icon-twitter.png") no-repeat;}
#twitter-box a{color:#fff; text-decoration:none;}
#twitter-box a:hover{text-decoration:underline;}
#twitter-box span, #twitter-box span a{color:#ceeaf6;}

#content-wrapper{background:#fff;}
#content{padding:30px 0px 40px 40px; background:#fff; color:#686666; font-size:12px; width:1000px;}

#main{display:table-cell; width:650px; padding-right:50px;vertical-align:top;}
#sidebar{display:table-cell; border-left:1px solid #ddd; padding:0px 20px 0px 40px; width:200px; vertical-align:top;}

#footer-wrapper{background:#1d1d1d; border-top:4px #707070 solid;}
#footer{padding:65px 3px 60px 3px; color:#fff; font-size:13px;}
#footer a{color:#c1c1c1; text-decoration: none; border-bottom:1px solid #5a2b94;}
#footer a:hover{border-bottom:1px solid #fff;}
#footer ul{padding:10px 0px 0px 0px; margin:0px;}
#footer ul li{list-style:none; padding:5px 0px 5px 0px; margin:0px; font-size:11px; font-weight:bold;}
#footer div{float:left; margin-right:60px;}
#footer #right{float:left; margin-left:40px;}
#footer #right p{font-size:11px;}

#news div{padding:5px; background-color:#fff; border:1px solid #ddd; margin-bottom:20px;width: 200px;}
#news div p{color:#1d1d1d; font-size:12px;}
#news div .date{color:#939393;}

#news div#clientSlides {height: 150px;padding: 0;}
#news div#clientSlides h3{text-align: center; font-weight: normal;}
#news div#clientSlides h3 a,#news div#clientSlides h3 a:visited{color:#53179d; text-decoration: none;}
#news div#clientSlides h3 a:hover {text-decoration: underline;}

#news div.slideshow{border: none;margin:4px 0 0 49px;width: 112px;}
#news div.slideshow img {border: none;}

#press{padding:0px; margin:0px;}
#press li{margin-bottom:14px; list-style:none; font-size:11px;}

/*--------- picture fader ----------------*/
.fader-area{}
div.navigation {position: absolute; top: 355px; right: 5px;}
div.navigation div.current, div.navigation a {width: 12px; height: 12px; margin: 0 8px 0 0; float: left; overflow: hidden;}
div.navigation a:hover {text-decoration: none; background:url("/images/rotation-nav-active.png") no-repeat;}
div.navigation div.current {background:url("/images/rotation-nav-active.png") no-repeat;}
div.navigation a {display: block; background:url("/images/rotation-nav.png") no-repeat;}
#introslide {background: #000; color: #fff; font-size:12px;}
/*--------- /           / ----------------*/

#work-category-nav{padding:8px 0px 0px 0px; margin:0px; height:19px;}
#work-category-nav li{float:left; margin-right:35px; list-style:none; font-size:12px; letter-spacing:1px; height:19px; background-repeat: no-repeat;}
#work-category-nav li a{text-decoration:none; color:#000;}
#work-category-nav li a:hover{text-decoration:underline;}

#work-category{padding:0px; margin:0px;float:left;}
#work-category li{list-style:none; float:left; margin:3px 1px 15px 1px; height:400px; width:244px;border-right:1px solid #d0d0d0; padding:0px;}
#work-category li div{padding:0px;}

#clientList {padding: 0;margin: 0;}
#clientList li {list-style: none;float: left; margin:25px 35px 25px 0;padding: 0;}


#main .icon{float:left; width:75px; padding-top:12px;}
#main .desc{float:left; width:494px; vertical-align:top; margin:0px 0px 0px 20px;}

#main .prodLogo{float:left; width:250px; padding-top:12px;}
#main .prodDesc{float:left; width:380px; vertical-align:top; margin:0px 0px 0px 20px;}

#logos {margin: 10px 0 0 0;}
#logos img {margin: 0 29px 0 0;}
#logos a,#logos a:hover{text-decoration:none;border: none;}

img#latest_tweets { float: left; margin-top: 23px; }
#tweets { margin-left: 10px; width: 474px; border-top: 1px solid transparent; float: left; }
#tweets, #tweets .twtr-widget .twtr-tweet, #tweets .twtr-tweet-wrap {
	background-color: rgb(241, 242, 242) !important;
}
#tweets .leader {
	margin-bottom: 8px;
}
#tweets .leader a {
	text-decoration: none;
	font-weight: bold;
}

#tweets #twtr-widget-1 .twtr-tweet-text p {
	font-size: 8pt;
	color: black !important;
	line-height: 150% !important;
	position: relative;
	height: 66px;
}
#tweets #twtr-widget-1 .twtr-tweet-text p em {
	position: absolute;
	bottom: 0;
	right: 0;
}
#tweets .wrap { margin: 10px; height: 86px; overflow: hidden; }
.twtr-hd, #tweet-id-2, #tweet-id-3, .twtr-ft { display: none; }
#tweets .twtr-bd { padding: 0; }
#tweets .twtr-widget .twtr-tweet { height: 86px; }
#tweets .twtr-widget .twtr-timeline { border-radius: 0; border-width: 0; }
#tweets .twtr-widget .twtr-tweet, #tweets .twtr-tweet-wrap { margin: 0; padding: 0; border-width: 0; }

#socialFiltersContainer {
	position: absolute;
	width: 1000px;
	margin-left: -20px;
	z-index: 999;
}

#socialFilters {
	position: absolute;
	left: 50%;
	margin-left: -150px;
	top: 20px;
	width: 280px;
	height: 24px;
	padding: 0px 10px;

	-moz-box-shadow: 0px 7px 6px 0px rgba(0,0,0,0.8);
	box-shadow: 0px 7px 6px 0px rgba(0,0,0,0.8);

	-moz-border-radius: 100px;
	border-radius: 100px;
	-moz-border-radius-bottomleft: 50px 25px;
	border-bottom-left-radius: 50px 25px;
	-moz-border-radius-bottomright: 50px 25px;
	border-bottom-right-radius: 50px 25px;

	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(221,221,221)),
	    color-stop(1, rgb(253,253,253))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(221,221,221) 0%,
	    rgb(253,253,253) 100%
	);
}

#socialFilters.fixed {
  position: fixed;
  top: 55px;
}

#socialFilters div.filter {
	position: relative;
	bottom:38px;
	float: left;
	margin: 5px 10px 5px;
	cursor: pointer;
}

#socialContainer { font-family: Arial, "Lucida Grande", Verdana, sans-serif; margin-top: 65px; margin-left: -25px; width: 1000px; min-height: 25px; }

/* frame */
#socialContainer div.socialBox {
	margin: 5px 5px 10px;
	font-size: 14px;
	float: left;

	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	/*
	-moz-box-shadow: 1px 2px 3px #666;
	-webkit-box-shadow: 1px 2px 3px #666;
	 */
	box-shadow: 0px 2px 3px #666;

	background-color: #ccd;
}

#socialContainer div.socialBox.filtered {
	height:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

#socialContainer div.socialBox.facebook {
	background-color: #344883;
}
#socialContainer div.socialBox.twitter {
	background-color: #61C4FB;
}

#socialContainer div.socialBox.rss {
	background-color: #674F98;
}

#socialContainer div.socialBox.youtube {
	background-color: #242427;
}

/* content size */
#socialContainer div.socialBox div.socialContent {
	position: relative;
	margin: 10px;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 220px;
	word-wrap: break-word;


	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	/*
	-moz-box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	box-shadow: 0px 0px 3px #666;
	*/
}

#socialContainer div.socialBox div.socialContent div.socialText {
	padding: 2px 18px 2px;
}

#socialContainer div.socialBox div.socialContent div.socialFootSpacer {
	height: 20px;
}

#socialContainer div.socialBox div.socialContent div.socialFootSpacer.mentions {
	height: 75px;
}

#socialContainer div.socialBox div.socialContent.socialRichBackground div.socialText {
	background-color: rgba(0, 0, 0, .45);
}

#socialContainer div.socialBox div.socialContent.socialRichBackground {
	min-height: 220px;
	color: #ddd;
	background: #000;
	text-shadow: 1px 1px 1px black;
}

#socialContainer div.socialBox div.socialContent.socialRichBackground a {
	color: #fff;
	text-decoration: none;
}

#socialContainer div.socialBox div.socialContent.socialRichBackground strong {
	color: #fff;
	text-shadow: 1px 1px 1px black;
	font-size: 12px;
}

#socialContainer div.socialBox div.socialContent.socialRichBackground img.play {
	display: block;
	width: 32px;
	height: 32px;
	margin: 25% auto;
}

/* icons */
#socialContainer div.socialBox div.socialContent div.socialIcon {
	position: absolute;
	top: -16px;
	left: -16px;
	width:32px;
	height:32px;
}

#socialContainer div.socialBox.twitter div.socialContent div.socialIcon {
	background: url(/images/socialscene/icons/twitter_32.png) no-repeat left center;
}

#socialContainer div.socialBox.facebook div.socialContent div.socialIcon {
	background: url(/images/socialscene/icons/facebook_32.png) no-repeat left center;
}
#socialContainer div.socialBox.youtube div.socialContent div.socialIcon {
	background: url(/images/socialscene/icons/youtube_32.png) no-repeat left center;
}

#socialContainer div.socialBox.rss div.socialContent div.socialIcon {
	background: url(/images/socialscene/icons/rss_32.png) no-repeat left center;
}

#socialContainer div.socialBox div span.date {
	position: absolute;
	bottom: 5px;
	right: 5px;
	text-align: right;
	font-size: 12px;
}

#socialContainer div.socialBox div.socialMentions {
	position: absolute;
	bottom: 20px;
	right: 5px;
	text-align: right;
}

#socialContainer div.socialBox div.socialMentions img {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#socialContainer div.socialBox div.socialActions {
	background-image: url('/images/socialscene/fabric.png');
	font-size: 12px;
	height: 22px;
	margin: 0px;
	padding: 4px;

	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-moz-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;

	box-shadow: 0px 2px 2px #222 inset;
}

#socialContainer div.socialBox.facebook div.socialActions {
	text-align: left;
	padding-left: 5px;
}

#socialContainer div.socialBox.twitter div.socialActions span {
	margin: 0px 5px;
	background-color: white;
	border-radius: 3px;
	border-color: aqua;
	display: inline-block;
	padding: 2px 3px 2px 2px;
}

#socialContainer div.socialBox div.socialActions a {
	color: #aaa;
	text-decoration: none;
}
#socialContainer div.socialBox div.socialActions img {
	vertical-align: text-bottom;
}
.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

.selectedMenuItem {
	background-color:#53179d;
	color:#fff;
}


/*
#socialContainer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
div.socialBox { margin-bottom: 25px; float: left; width: 495px; }
div.socialBox div.title { background-repeat: no-repeat; background-image: url(/images/social-scene/rounded-header.png); height: 57px; width: 495px; }
div.socialBox div.title img.icon { margin-left: 10px; margin-top: 12px; }
div.socialBox div.title span.socialTitle { margin-left: 10px; top: -10px; position: relative; color: #333333; font-size: 16px; font-family: Arial, "Lucida Grande", Verdana, sans-serif; }
div.socialBox div.container { background-color: white; height: 345px; width: 495px; }
div.socialBox div.container div.content { margin-right: auto; margin-left: auto; width: 485px; }
 */