/* @override http://www.marcsilver.site/assets/default/css/main.css */

/*
Company:	Marc Silver
File:		main.css - This contains all the main styles for the website.
*/

/* @group HTML, Body */

body, html{
    margin: 0;
    background-color: #d5d5d5;
    font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #000;
	font-size: 14px;
}
body{
	border-top: 12px solid #000;
}
body div{
	text-align: left;
}
body a, object{
	outline: none;
}

/* @group Global Text styles */

p{
	font-size: 1em;
	text-align: left;
	line-height: 1.4em;
	margin-bottom: 1.6em;
}
strong{
	font-weight: bold;
}

h2{ 
	font-size: 1.6em;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}
#actions h2{
	margin-bottom: 30px;
	margin-top: 0;
}
#blog h2{ margin-bottom: 40px;}
#branding {
    margin-bottom: 20px;
	background-color: #d5d5d5;
}
#branding h1{
	font-size: 2em;
	text-transform: uppercase;
	line-height: 1em;
}
#branding h2{
	font-size: 2em;
	margin: 0;
	line-height: 1em;
	font-weight: normal;
}
#branding h2 a{
	color: #fff;
}
#branding a:hover{
	text-decoration: none;
}
/* @group Default Links */
a:link, a:visited {
    cursor:pointer;
	color: #000;
	text-decoration: none;
}
a:hover {
    cursor:pointer;
	text-decoration: underline;
}
/* @end */
/* @end */


/* @end */

/* @group Layout */

div.wrapper {
    width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding-top: 70px;
	position: relative;
}
div#footer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	border-top: 3px solid #000;
	padding-top: 10px;
}
/* @end */


/* @group Main Navigation */


#nav_global{
    height: 62px;
    background-color: #000;
    width: 100%;
}
#nav_global li{
    float: left;
	display: inline;
}


#nav_global li a, div#shelf a, #toplink  {
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}
#nav_global li a {
	display: block;
	float: left;
    height: 62px;
    line-height: 62px;
	background-color: #000;
	color: #e5e5e5;
	width: 137px;
}
div#shelf a {
	position: absolute;
	right: 0;
	top: 20px;
	padding: 8px;
}
a#toplink{
	float: left;
	background: url(../images/to_top.png) no-repeat right center;
	margin: 0;
	padding: 8px 38px 8px 8px;
}
#nav_global li a:hover, #nav_global li a.current, #about li#nav-about a, div#shelf a:hover, a#toplink:hover, a.homelink:hover, a#clientlink:hover, #tagcloud a.selected, #tagcloud a:hover, #works li#nav-work a {
	background-color: #f00;
	color: #fff;
	text-decoration: none;
}

/* @end */

/* @group Content */

div#actions, #journal {
	margin-bottom: 20px;
}

#shareform ul li a {
	display: block;
	float: left;
	margin-right: 20px;
}
div#actions > div, div.content {
	background-color: #f1f1f1;
	margin-bottom: 20px;
	padding: 40px;
}
div.content {	
	border-top-style: solid; 
	border-top-width: 4px; 
	border-color: #000;
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
}
div.leftcol, div.rightcol{
	width: 415px;
	float: left;
}
div.rightcol{
	float: right;
}

a.closebtn {
	text-indent: -9999em;
	overflow: hidden;
	display: block;
	width: 87px;
	height: 38px;
	background-image: url(../images/closebtn.gif);
	float: right;
}
a.homelink{
	background: #000 url(../images/bigarrowtip.png) no-repeat left center;
	line-height: 60px;
	display: block;
	font-size: 1.6em;
	text-align: center;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
	padding-left: 28px;
}
div#copyright {
	float: right;
	font-size: 12px;
	color: #787878;
}

/* @group clients */

div#plus {
	padding-top: 50px;
	background: url(../images/plus.png) no-repeat;
	margin-top: 20px;
}

#plus p.clientlist {
	font-weight: bold;
	margin-bottom: 12px;
	font-size: 1.4em;
	line-height: 1.2em;
}
.clientlist a:hover  {
	color: #f00;
	text-decoration: none;
}
a#clientlink  {
	display: block;
	height: 50px;
	text-align: center;
	font-size: 20px;
	background-color: #FFF;
	color: #000;
	line-height: 45px;
	font-weight: bold;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}
/* @end */

/* @group About Marc */

#aboutmarc img {
	padding: 52px;
	border: 4px double #c0c0c0;
	background-color: #f2f2f2;
}
#aboutmarc a.closebtn {
	margin-top: 30px;
}

#about_downloads{
	margin-top: 20px;
	text-align: center;
}

#about_downloads li a {
	display: block;
	padding: 20px;
	background-color: #f2f2f2;
	width: 37%;
	float: left;
	text-align: center;
	text-decoration: none;
	border: 4px double #bebebe;
	color: #3f3f3f;
	font-size: 1.2em;
	font-weight: bold;
}

#about_downloads li a:hover {
	background-color: #d3d3d3;
}



#cvdownload {
	margin-right: 10px;
}

#pressdownload {
	
}


/* @end */

/* @group subsform */
#subsform{
	text-align: center;
	display: none;
}
#subsform form{
	width: 774px;
	float: left;
	line-height: 38px;
}
#subsform li {
	display: inline;
	margin-right: 20px;
}
#subsform input.button {
	
}

/* @end */

/* @group shareform */
#shareform{
	display: none;
}
/* @end */

/* @group Blog */

#loading {
	position: absolute;
	width: 60px;
	height: 60px;
	background: #fff url(../images/loading.gif) no-repeat center center;
	text-indent: -9999em;
	display: block;
	overflow: hidden;
	top: 210px;
	left: 300px;
	border: 3px solid #000;
}



#preview_icons{
	border-top: 1px solid #cbcbcb;
	padding: 10px;
	padding-top: 25px;
}
#preview_icons li {
	float: left;
	margin-right: 6px;
}
#tagcloud{
	padding: 0px 0 20px 0px;
	border-bottom: 1px solid #92949E;
	margin-bottom: 10px;
}
#tagcloud a, #tagcloud a:link, #tagcloud a:visited {
	text-decoration: none;
	white-space: nowrap;
	padding-right: 6px;
	padding-left: 5px;
}

#journal .rightcol, #blog .rightcol{
	width: 230px;
}
#blog .leftcol{
	width: 530px;
}
#blog object{
	width : 100%;
	max-width : 100%;
}


#journalcontent{
	position: relative;
	width: 630px;
	padding-top: 10px;
	padding-bottom: 0;
}

#journalcontent li.item {
	margin-bottom: 20px;
	padding-bottom: 1px;
	width: 150px;
	margin-right: 5px;
	float: left;
	border-bottom: 3px solid #000;
}
h3 {
	margin-bottom: 10px;
	border-bottom: 1px solid #b2b2b2;
	font-weight: bold;
	font-size: 1.3em;
	padding-bottom: 0.3em;
	line-height: 1em;
}
h3 a:hover {
	color: #f00;
	text-decoration: none;
}
#journalcontent li.item p {
	line-height: 1.2em;
	margin-bottom: 5px;
	color: #787878;
	font-size: 12px;
}
#journalcontent ul li.item object,
#journalcontent ul li.item embed {
	width : 100%;
	max-width : 100%;
	height: 170px;
}


div.slideshow img {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}



div.share_this{
	padding-bottom: 3px;
}
div.share_this a {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	text-indent: -9999em;
	overflow: hidden;
	outline: none;
	background: url(../images/icons.png);
	background-position: top;
}
div.share_this a.twitter {
	background-position: -150px top;
}
div.share_this a.twitter:hover {
	background-position: -150px bottom;
}
div.share_this a.facebook {
	background-position: -180px top;
}
div.share_this a.facebook:hover {
	background-position: -180px bottom;
}
div.share_this a.permalink {
	background-position: -90px top;
}
div.share_this a.permalink:hover {
	background-position: -90px bottom;
}
div.share_this a.addthis_button {
	background-position: -60px top;
}
div.share_this a.addthis_button:hover {
	background-position: -60px bottom;
}
div.share_this a.linkedin {
	background-position: -270px top;
}
div.share_this a.linkedin:hover {
	background-position: -270px bottom;
}
div.share_this span.label{
	float: left;
	line-height: 30px;
	margin-right: 10px;
}

div.sociallinks{
	border-bottom: 3px solid black;
	padding: 1em;
}

a.instagram{
	padding-left: 60px;
	background: url(../images/instagram-icon.png) no-repeat left center;
	line-height: 50px;
	display: block;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}

.tweet {
    background-color: #d5d5d5;
    min-height: 160px;
}
.tweet .loading{
	font-weight: bold;
	padding: 1em;
}

#twitter div.tweet ul.tweet_list li.tweet_first.tweet_odd span.tweet_text {
	clear: both;
	display: block;
}
.tweet .tweet_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.tweet .tweet_list li {
    overflow: auto;
    padding: 1em;
}
.tweet .tweet_list li a {
    color: #787878;
}
#twitter p.follow{
	margin-top: 10px;
	padding: 0;
}
#twitter p.follow a {
	text-decoration: underline;
	font-weight: bold;
	color: #4f4f4f;
}
#twitter p.follow a:hover {
	color: #f00;
}
/* @end */

/* @group video links */

/* @group tooltips */

span.projectname {
	font-weight: bold;
	margin-bottom: 0.5em;
	line-height: 1em;
	font-size: 16px;
	display: block;
}
span.description {
	line-height: 1.2em;
	margin-bottom: 0.5em;
	color: #787878;
	font-size: 14px;
	display: block;
}
.filmdata {
	color: #7f7f7f;
	font-weight: bold;
	margin: 0;
	display: block;
	float: left;
}
.byline{
	display: block;
	float: left;
	font-size: 12px;
	color: #7f7f7f;
}
.hd {
	display: block;
	width: 30px;
	height: 30px;
	float: right;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/icons.png) -210px 30px;
}

/* @end */

div.category      { 
	border-top-style: solid; 
	border-top-width: 4px; 
	border-color: #000;
}
div.category ul {
	display: block;
}
div.category li a{
	float: left; 
	margin-right: 25px;
	width: 172px;
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 1em;
}
div.category li a:hover{
	text-decoration: none;
}
div.category li a.last{
	margin-right: 0;
}
div#pastfavourites{
	border-bottom: 4px solid #000;
}
div#creativedirector li a, div#vjing li a {
	height: 300px;
}
/* @end */

/* @group video overlay */

#fancybox-inner {
	background-color: #000000;
}

/* @end */

/* @end content*/


/* @group Misc */
.hide{
	display: none;
}
.clear {
	clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */