/*-------------------------------------------------------------------*\

                                 1010
                                010101
                              0101010101
                            01010101010101
                           1010101010101010
                         10101010101010101010
                       101010101010101010101010
                      01010101010101010101010101
                    010101010101010101010101010101
                  0101010101010101010101010101010101
                 101010101010101010101010101010101010
               1010101010101010101010101010101010101010
             10101010101010101010101010101010101010101010
            010101010101010101010    101010101010101010101
          010101010101010101              010101010101010101
        010101010101010101                  010101010101010101
       101010101010101010                    101010101010101010
     1010101010101010101                      0101010101010101010
   10101010101010101010                       10101010101010101010
  010101010101010101010                        101010101010101010101
01010101010101010101010                        10101010101010101010101
           101010101010                        101010101010
            01010101010                        10101010101
            010101010101                      010101010101
            01010101010101                  01010101010101
            010101010101010                101010101010101
            010101010101010                101010101010101
            010101010101010                101010101010101
            0101010101010101               101010101010101
            01010101010101010101010       0101010101010101
            0101010101010101              0101010101010101
            0101010101010101010101        0101010101010101
            0101010101010101              0101010101010101
            0101010101010101              0101010101010101
            010101010101010101010    101010101010101010101
            0101010101010101010101  0101010101010101010101
            0101010101010101010101010101010101010101010101
            0101010101010101010101010101010101010101010101
            0101010101010101010101010101010101010101010101
             10101010101010101010101010101010101010101010
             
			 
/*-------------------------------------------------------------------*\	




/*------------------------------------*\
	RESET
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}





/*------------------------------------*\
	MAIN
\*------------------------------------*/
html{
	background:url(/img/css/bg3.jpg) top right no-repeat fixed #111;
	/*background:#666;*/
	color:#fff;
	height:101%;
}
body{	
	background:url(/img/css/grid.png) top center repeat-y;		
	background:none;
	font-family:Cambria, Georgia, "Times New Roman", Times, sans-serif;
	text-rendering:optimizeLegibility;
}
#wrapper{
	margin:0 auto;
	width:940px;
	padding:10px 10px 0 10px;
	background:url(/img/css/trans/75.png);
	background:rgba(0,0,0,0.75);
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}





/*------------------------------------*\
	HEADER
\*------------------------------------*/
#header{
	width:940px;
	padding:20px 10px;
	margin:20px auto;
	overflow:hidden;
	background:url(/img/css/trans/50.png);
	background:rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}
#logo{
	width:220px;
	height:63px;
	display:block;
	float:left;
	margin-right:20px;
	outline:none;
	overflow:hidden;
}/*
#logo:hover img{
	margin-top:-63px;
}*/





/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	float:right;
	list-style:none;
	margin-top:20px;
	padding:10px 0;
	background:url(/img/css/trans/25.png);
	background:rgba(0,0,0,0.25);
}
#nav li{
	float:left;
	font-variant:small-caps;
	margin-left:10px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
#nav li a{
	padding:5px;
	text-decoration:none;
	outline:none;
	border-bottom:5px solid transparent;
	opacity:0.9;
}
#nav li a:hover,
#nav li a:focus{
	border-bottom:5px solid rgba(0,0,0,0.1);
	position:relative;
	top:-1px;
	opacity:1;
}

#home #nav li a.menu-home,
#about #nav li a.menu-about,
#investment #nav li a.menu-investment,
#consultancy #nav li a.menu-consultancy,
#speaking #nav li a.menu-speaking,
#contact #nav li a.menu-contact {
	border-bottom:5px solid rgba(0,0,0,0.25);
	opacity:1;
}	





/*------------------------------------*\
	FOOTER
\*------------------------------------*/
#footer{
	margin:0 -10px;
	padding:20px 10px;
	background:url(/img/css/trans/25.png);
	background:rgba(0,0,0,0.25);
}
.social{
	width:960px;
	margin-left:-20px;
	overflow:hidden;
}
.social h2 {
	padding-bottom:10px;
	border-bottom:2px solid #333;
	border-bottom:2px solid rgba(255,255,255,0.1);
}





/*------------------------------------*\
	QUOTE
\*------------------------------------*/
blockquote{
	font-size:1.2em;
	text-indent:-0.5em;
	padding:20px 0 20px 30px;
	background:url(/img/css/trans/25.png);
	background:rgba(0,0,0,0.25);
	margin:35px 0 10px 0;
}
blockquote p{
	margin-bottom:0;
}
#message{
	font-size:3em;
	text-indent:-0.5em;
	padding:20px 0 20px 30px;
	background:url(/img/css/trans/75.png);
	background:rgba(0,0,0,0.75);
	margin-top:35px;
}
#message em{
	color:#b39d50;
}
.intro{
	font-size:1.5em;
	padding:20px 0 20px 30px;
	background:url(/img/css/trans/75.png);
	background:rgba(0,0,0,0.75);
	margin-top:35px;
}
.mainContent .intro {
	margin-left:-20px;
}





/*------------------------------------*\
	TYPE
\*------------------------------------*/
/*--- HEADINGS ---*/
h1,h2,h3,h4,h5,h6{
	font-variant:small-caps;
	margin-bottom:24px;
	letter-spacing:0.05em;
}
h1{
	font-size:3em; 
	line-height:0.75em;
	margin-top:24px;
}
h2{
	font-size:1.5em; /*24px*/
	line-height:1em; /*24px*/
}
#footer h2{
	margin:0;
}
h3{
	color:#b39d50;
	font-size:1.25em; /*20px*/
	line-height:1.2em; /*24px*/
}

/*--- LINKS ---*/
a{
	color:#b39d50;
	text-decoration:none;
}
a:hover,
a:focus {
	text-decoration:underline;
}
a:focus,
a:active{
	position:relative;
	top:1px;
	outline:none;
}
.featureLink {
	font-weight:bold;
	padding:10px;
	background:url(/img/css/trans/50.png);
	background:rgba(0,0,0,0.5);
}
/* Flag external links as such */
a[href^="http://"] {
    background: url(/img/css/icons/external-link.png) center right no-repeat;
    padding-right: 15px;
}
/* Except in certain circumstances */
#flickr .gallery a[href^="http://"],
#twitter #following-list a[href^="http://"],
a.noIcon[href^="http://"]{
	background:none;
	padding-right:0;
}

/*--- PARAGRAPHS ---*/
p{
	margin-bottom:24px;
}
.opener{
	-moz-column-count:2;
	-moz-column-gap:20px;
	-webkit-column-count:2;
	-webkit-column-gap:20px;
	column-count:2;
	column-gap:20px;
}
.opener p:first-of-type:first-line{
	font-variant:small-caps;
}
.drop{
	display:block;
	float:left;
	font-size:4.5em;
	padding:0 5px 0 0;
	line-height:0.75;
}





/*------------------------------------*\
	IMAGES
\*------------------------------------*/
#home .promo {
	background:url(/img/justin-homepage.jpg) top no-repeat;
	padding:20px 300px 20px 0;
}
#home .promo blockquote {
	margin:0;
	padding:20px 20px 20px 40px;

}
.mainImage {
	width:340px;
	float:left;
	margin-right:20px;
}
.mainContent {
	padding-left:360px;
}
#signature{
	display:block;
	margin-bottom:10px;
}





/*------------------------------------*\
	BLOG ENTRIES
\*------------------------------------*/
#blog{
	width:340px;
	margin-left:20px;
	float:left;
	display:inline;
}
#blog ul{
	list-style:none;
	margin-bottom:10px;
}
#blog ul li{
	height:1%;
	overflow:hidden;
	padding:10px 5px;
	border-bottom:1px solid #333;
	border-bottom:1px solid rgba(255,255,255,0.1);
	background:rgba(0,0,0,0.3);
	margin-bottom:5px;
}
#blog ul li span{
	font-size:0.75em;
	display:block;
	margin-top:5px;
}




/*------------------------------------*\
	TWITTER
\*------------------------------------*/
#twitter {
	width:580px;
	float:left;
	margin-left:20px;
	display:inline;
}

#twitter_update_list{
	list-style:none;
	width:280px;
	float:left;
}
#twitter_update_list li {
	padding:10px 5px;
	border-bottom:1px solid #333;
	border-bottom:1px solid rgba(255,255,255,0.1);
	background:rgba(0,0,0,0.3);
	margin-bottom:5px;
	word-wrap:break-word;
}
#twitter_update_list li span {
	display:block;
}
#twitter-followers {
	width:280px;
	float:left;
	margin-left:20px;
	padding-top:10px;
}
#following-list {
	list-style:none;
	margin-bottom:10px;
}
#following-list li {
	display:inline;
}





/*------------------------------------*\
	VIDEOS
\*------------------------------------*/
#videos{
	width:580px;
	float:left;
	margin-left:20px;
	display:inline;
}
ol.videoList{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}
ol.videoList li{
	position:relative;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #333;
	border-bottom:1px solid rgba(255,255,255,0.1);
	background:rgba(0,0,0,0.3);
	margin-bottom:5px;
	padding-top:10px;
}
ol.videoList .thumb{
	width:100px;
	float:left;
	margin-left:-120px;
}
ol.videoList .videoContent{
	padding-left:120px;
	width:460px;
}
#videosPage #videos{
	width:940px;
}
#videosPage ol.videoList {
	margin-left:-20px;
	overflow:hidden;
}
#videosPage ol.videoList li{
	width:460px;
	margin-left:20px;
	float:left;
}
#videosPage ol.videoList .videoContent{
	padding-left:120px;
	width:320px;
}



/*--- PAGINATION LIST ---*/
#pagination{
	list-style:none;
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
#pagination li{
	margin-right:2px;
	font-size:0.8333em;
	float:left;
	display:block;
}
#pagination a{
	border:solid 1px #999;
	border:1px solid rgba(255,255,255,0.5);
	margin-right:2px;
}
#pagination .previous-off,
#pagination .next-off{
	border:solid 1px #333;
	border:1px solid rgba(255,255,255,0.1);
	color:#666;
	font-weight:bold;
	margin-right:2px;
	padding:3px 4px;
}
#pagination .active{
	background:#fff;
	color:#000;
	font-weight:bold;
	padding:4px 6px;
}
#pagination a:link,
#pagination a:visited{
	display:block;
	padding:3px 6px;
	text-decoration:none;
	
	-webkit-transition:0.2s linear background;
}
#pagination a:hover{
	background:#6b0c36;
	color:#fff;
}






/*------------------------------------*\
	FLICKR
\*------------------------------------*/
#flickr {
	width:340px;
	margin-left:20px;
	float:left;	
	display:inline;
}
.gallery{
	list-style:none;
	display:inline;
	margin-left:-20px;
	margin-bottom:0px;
	overflow:hidden;
	position:relative;
	display:block;
	float:left;
}
.gallery li{
	float:left;
	display:inline;
	margin:0 0 20px 20px;
	width:100px;
	height:100px;
}
.gallery li a{
	display:block;
	width:90px;
	height:90px;
	position:relative;
	overflow:hidden;
	border:5px solid #000;
	-webkit-transition:0.2s linear border;
}
.gallery li a img{
	width:90px;
	height:90px;
}
.gallery li a:hover,
.gallery li a:focus{
	border:5px solid #333;
}




/*------------------------------------*\
	MODAL WINDOW EXTRA STYLES
\*------------------------------------*/

#fancybox-title-over a{
	color:#ccc;
	font-weight:bold;
}

#fancybox-title-over .imageNumber{
	color:#ccc;
	font-size:0.8em;
	float:right;
	padding-top:4px;
}

#fancybox-title-over .copyrightInformation{
	color:#777;
	font-size:0.8em;
	padding-left:20px;
}
.save-link{
	display:block;
	padding:4px 0 4px 20px;
	background:url(/img/css/icons/disk.png) left center no-repeat !important;
	outline:none;
}




/*------------------------------------*\
	TABLES
\*------------------------------------*/
table{
	margin:20px 0;
	width:100%;
}
table caption{
	color:#ccc;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}
table th{
	font-weight:bold;
	text-align:left;
	padding:10px;
	border:1px solid #999;
	background:url(/img/css/trans/75.png);
	background:rgba(0,0,0,0.75);
	color:#fff;
	font-size:1em;
	
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}

table td{
	padding:10px;
	border:1px solid #ccc;
	vertical-align:middle;
	text-align:center;
	font-size:1em;
}
table .empty{
	border:none;
}

table tbody th {
	background:none;
	color:#fff;
	font-weight:normal;
	
	text-shadow:none;
}

tbody tr:nth-of-type(odd){
	background:url(/img/css/trans/10.png);
	background:rgba(255,255,255,0.1);
}

.unread{
	font-weight:bold;
	background:#ffc!important;
}

table td ul{
	margin-bottom:0;
	list-style-type:none;
}




/*------------------------------------*\
	FORMS
\*------------------------------------*/
form{
	margin-bottom:20px;
}
fieldset{
	border:1px solid #191919;
	padding:10px;
	margin-bottom:20px;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
legend{
	color:#ccc;
	text-transform:uppercase;
	font-weight:bold;
	white-space:normal;
}
form p{
	margin:0;
	padding:5px 0;
}
form p:last-of-type{
	margin-bottom:0;
}
.text-input,textarea{
	font-family:Cambria, Georgia, "Times New Roman", Times, sans-serif;
	font-size:1em;
	border:1px solid #666;
	padding:5px;
	background:#333;
	background:rgba(255,255,255,0.2);
	color:#fff;
	-webkit-transition:0.1s linear background;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.text-input{
	width:208px;
}
textarea{
	width:426px;
	height:150px;
}
textarea.short{
	height:75px;
}
.text-input:active,textarea:active,.text-input:focus,textarea:focus{
	background:#666;
	background:rgba(255,255,255,0.3);
	
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.5), 0 0 5px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5), 0 0 5px rgba(0,0,0,0.5) inset;
	box-shadow:0 0 5px rgba(0,0,0,0.5), 0 0 5px rgba(0,0,0,0.5) inset;
}
.button{
	border:1px solid #333;
	padding:5px;
	background:#000;
	color:#fff;
	font-size:1em;
	cursor:pointer;
	font-variant:small-caps;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
label{
	display:block;
	cursor:pointer;
	font-weight:bold;
}
label:after{
	content:":";
}
#contactForm .col {
	width:269px;
	margin-right:10px;
	float:left;
}
#contactForm .col .text-input {
	width:250px;
}
#contactForm textarea {
	width:530px;
}




/*------------------------------------*\
	FEEDBACK MESAGES
\*------------------------------------*/
.error-message,.success-message,.alert-message{
	display:block;
	clear:both;
	color:#333;
	padding:10px 10px 10px 36px;
	margin:10px 0!important;
	list-style:none;
	border-width:1px 0!important;
}
.error-message{
	border:1px solid #fa5757;
	background:url(/img/css/icons/error.gif) 1em center no-repeat #ffbbbb;
}
.error-message strong {
	color:#5c0000;
}
.success-message{
	border:1px solid #82ca77;
	background:url(/img/css/icons/tick.gif) 1em center no-repeat #d1ffbb;
}
.success-message strong {
	color:#005c2d;
}
.alert-message{
	border:1px solid #d9d566;	
	background:url(/img/css/icons/warning.gif) 1em center no-repeat #fdf8c5;
}
.alert-message strong {
	color:#753f01;
}
ul.error-message li {
	float:none;
}




/*------------------------------------*\
	PRESS PACK PROMO
\*------------------------------------*/

.zipDownload {
	display:block;
	margin:20px 0 0 0;
	background:url(/img/css/icons/zip-file.gif) top left no-repeat !important;
	padding:15px 0 10px 55px;
}

.zipDownload strong {
	font-size:1.2em;
}

.zipDownload span {
	display:block;
	color:#ccc;
	font-weight:normal;
}

a.zipDownload {
	text-decoration:none!important;
}

a.zipDownload:hover,
a.zipDownload:focus {
	outline:none!important;
	text-decoration:underline!important;
	background:url(/img/css/icons/zip-file.gif) top left no-repeat !important;
}






/*------------------------------------*\
	MISC
\*------------------------------------*/
.accessibility {
	position:absolute;
	left:-99999px;
}
.small{
	font-size:0.75em;
	vertical-align:top;
}
.clear {
	clear:both;
}
i.title{
	display:block;
	font-style:normal;
}
.opener hr{
	visibility:hidden;
}
.copyright {
	padding:10px 0;
	font-size:0.75em;
	color:#777;
}





/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
body{
	-webkit-text-size-adjust:none;
	padding:5px;
}
div{
	width:auto!important;
	margin:0!important;
	padding:0!important;
	float:none!important;
	clear:both!important;
	display:block!important;
	position:static!important;
}
#header{
	width:96%!important;
	padding:2%!important;
	margin-bottom:20px!important
}
#logo,
#nav,
#nav li{
	float:none!important;
	margin:0!important;
}
#nav{
	text-align:center;
}
/*FORMS*/
fieldset{
	width:96%;
	padding:2%;
}
.text-input,textarea{
	width:96%!important;
	padding:2%!important;
}
/*LISTS*/
ol,ul{
	margin-left:15px;
}
.double li,.triple li{
	float:none;
	width:auto;
}
/*IMAGES*/
img{
	max-width:100%;
}
#logo{
	text-align:center;
	width:100%;
}
/*TYPE*/
#message{
	font-size:1.5em;
	width:96%!important;
	padding:2%!important;
	margin-bottom:20px!important;
	text-indent:0;
}
.opener{
	-webkit-column-count:1;
}
}