body {margin:0px;padding:0px;width:100%;height:100%;font-family: georgia, arial, helvetica, sans;font-size:10px;line-height:14px;color:#5b5b5b;text-align:center;}

html {height:100%;}

img {border:0px;}

a {color:#5b5b5b;text-decoration:none;-webkit-transition:color 0.1s ease-in;-moz-transition:color 0.1s ease-in;}
a:hover {color:#333;}

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('http://www.elmysterioso.com/wp-content/themes/twentyten/fonts/League_Gothic-webfont.eot');
	src: local('☺'), url('http://www.elmysterioso.com/wp-content/themes/twentyten/fonts/League_Gothic-webfont.woff') format('woff'), url('http://www.elmysterioso.com/wp-content/themes/twentyten/fonts/League_Gothic-webfont.ttf') format('truetype'), url('http://www.elmysterioso.com/wp-content/themes/twentyten/fonts/League_Gothic-webfont.svg#webfontOTINA1xY') format('svg');
	font-weight: normal;
	font-style: normal;
}


h1, h2, h3, h4 {font: 40px/48px 'LeagueGothicRegular', Arial, sans-serif;margin:0px;padding:0px;text-transform:uppercase;letter-spacing:-1px;}

h1 a {font-style:normal;}

p {font-size:15px;line-height:22px;padding-top:0px;margin-top:0px;padding-bottom:11px;margin-bottom:5px;}
p a {text-decoration:underline;}
p a.more-link, p a.visitSite {text-decoration:none;}
article p a, p a.more-link {color:#acdf74;}
article p a:hover {background:#acdf74;color:#5b5b5b;}
ul {list-style-type:none;padding:0px;margin:0px;}
li {margin:0px;padding:0px;}

*|*:-moz-any-link:focus {outline-width: 0 !important;} 

/* colour palette 
opacity = 100% / 55%

Blu: #02beff / #74dbff
Pnk: #d11999 / #e681c7
Ylw: #f4de03 / #f9ed75
Grn: #68c502 / #acdf74
Gry: #5b5b5b / #a5a5a5 

*/

/* --- html 5 element reset --- */
article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;position:relative;margin:0px;padding:0px;}

/* --- basic template --- */
header{float:left}
#container {width:957px;text-align:left;margin:auto;position:relative;min-height:85%;z-index:2;}
#postHolder{float:left}
#logo{float:left}
header img {padding-top:12px;}
header nav {float:left;font:40px/48px  'LeagueGothicRegular', Arial, sans-serif;margin-top:30px;padding:30px 0 31px 0;text-transform:uppercase;letter-spacing:-1px;border-top:1px dotted #cfcfcf;border-bottom:1px dotted #cfcfcf;margin-left:23px;width:710px}
.no-fontface header nav, .no-fontface h1, .no-fontface h2,.no-fontface h3, .no-fontface h4 {font:23px "Arial Narrow", Arial, sans-serif;}
header nav ul {padding-left:11px;}
header nav li {float:left;padding-left:37px;}
header nav li:first-child {padding-left:0;}
header nav li a:hover, .home .menuHome, .category-clients .menuClients, .page-template-stats-php .menuStats, .page-template-twitter-php .menuTwitter {color:#30beff;}

article {margin-top:24px;border-bottom:1px dotted #cfcfcf;float:left;/*padding-bottom:30px;*/width:100%;}  
article h1 {padding-bottom:3px;font-size:30px;line-height:30px;letter-spacing:0px;width:350px;}
article h1 a:hover {color:#02beff;}
.articleLeft {width:470px;float:left;margin-left:15px;padding-bottom:17px;} 
.articleRight {width:412px;float:right;margin-left:60px;padding-bottom:30px;position:relative;}
.articleRight img, .single article img{border:1px solid #fff;-moz-box-shadow:3px 3px 7px #777;-webkit-box-shadow:3px 3px 7px #777;}
.single .articleRight img {margin-bottom:21px;}

.articleRight.gallery {width:431px;padding-bottom:10px;margin-left:39px;}
.articleRight.gallery img {margin:0 0 21px 21px;cursor:pointer;}
.articleRight.gallery img.selected {display:none;position:absolute;left:0px;top:0px;z-index:200;padding:0px 0px 30px 0px;background:rgba(255,255,255,0.95);}

article h3 {text-transform:none;font-size:16px;font-weight:bold;font-family:georgia, arial, sans-serif;}
article ul, article ol{font-size:14px;line-height:20px;margin-bottom:5px;padding-bottom:11px;}
article ul li, article ol li{margin-bottom:5px;}
article ul li {list-style:disc inside none;}
.example{background:#eeeeee;}
article ul.example{font:12px/20px sans-serif;padding:10px;}
pre.example{font-size:12px;padding:10px}

#latestLabel {background:url(images/latestBackground.png) no-repeat;padding:15px 0 36px 10px;margin:0px 0px 0px -15px;}
#latestLabel span {font-family:'LeagueGothicRegular', Arial, sans-serif;text-transform:uppercase;font-size:44px;line-height:26px;letter-spacing:-1px;color:#5b5b5b;}
.no-fontface #latestLabel span {font-family:"Arial Narrow", Arial, sans-serif;font-size:22px;letter-spacing:-1px;line-height:24px;}

/*
article.Studio h1{font-family:'OtariBold-Limited';text-transform:none;font-size:2.7em;}
article.Studio time {font-family:'GnuolaneRegular';font-size:24px;}
article.Studio h1 a{text-shadow:1px 1px 1px #eee;color:#666}
article aside {-moz-border-radius:30px 30px 30px 30px;-webkit-border-radius:30px;background-color:hotPink;color:white;display:block;float:right;font:10px arial;min-width:36px;padding:15px 4px;text-align:center;text-shadow:1px 1px 1px #666666;}
article.Projects aside {background:#30beff}*/

/*404*/
#latestLabel.errorMessage {margin:6px 0 -47px 2px;background-image:url(images/errorBackground.png);z-index:200;position:relative;}
#latestLabel.errorMessage span{color:white;text-shadow:0 0 1px #ccc;}
#fishy404{margin-left:-50px}
.msgCol{float:left;width:319px}
.msgCol.last{float:left;width:300px;margin-left:19px}
.msgCol h2{margin:3px 10px 10px;}
ul#links{font-size:12px;border-top:1px solid #cfcfcf;}
ul#links li a{border-bottom:1px solid #cfcfcf;padding:10px;display:block}
ul#links li a:hover{background:#f4de03;color:black}
.linkArrow{float:right}

.time, #articleContainer time {font: 26px/30px 'LeagueGothicRegular', Arial, sans-serif;color:#9f9f9f;padding-bottom:15px;display:block;}
.no-fontface .time, .no-fontface  #articleContainer time {font: 16px/16px "Arial Narrow", Arial, sans-serif;}
time {text-transform:uppercase;}
.type a:hover {color:#02beff;}
.visitSite, #loadMore a {font: 30px/48px 'LeagueGothicRegular', Arial, sans-serif;color:#e681c7;letter-spacing:-1px;}
.no-fontface .visitSite, .no-fontface #loadMore a {font: 20px/28px 'Arial Narrow', Arial, sans-serif;}
.visitSite {line-height:32px;}
.visitSite:hover {color:#d11999;background:#ffffff;}
/* It's time to style up the hotdog.
#hotDog{background:url("images/hotdog.png") no-repeat scroll 0 -61px transparent;float:right;height:60px;margin:10px 15px 15px;width:60px;display:block}
#hotDog:hover{background-position:0 -1px;cursor:pointer}
#loadMore:hover a{color:#d11999;}
#loadMore:hover #hotDog {background-position:0 -1px;} 

#loadMore {border-bottom:1px dotted #cfcfcf;clear:both;}
#loadMore a {padding:15px 0px 12px 5px;display:block;}
#loadMore a:hover {color:#d11999;}*/


#loadMore {position:relative;border-bottom:1px dotted #cfcfcf;clear:both;}
#loadMore a {padding:15px 0px 12px 5px;display:block;}
#hotDog {position:absolute;right:0px;top:2px;z-index:200;background:url(images/hotdog.gif) no-repeat 99% 2px;width:70px;height:70px;-webkit-transition: -webkit-transform 0.5s ease-in; -moz-transition: -moz-transform 0.5s ease-in;}
#hotDog a {display:block;width:70px;height:70px;}
#loadMore:hover #hotDog {background:url(images/hotdog.gif) no-repeat 99% -74px;cursor:pointer}
#loadMore:hover a {color:#d11999;}
.spinDog {-webkit-transform: rotate(1080deg);-moz-transform: rotate(1080deg);}
/*  */



.first .articleLeft {background:url(images/elmysLatest.png) no-repeat 0 0;padding-top:80px;}
.first p {font-size:17px;}
.first .articleRight img {margin-top:12px;}


#content{float:left}
.category-clients #content {margin-top:6px;border-bottom:1px dotted #CFCFCF;float:left;margin-bottom:10px;margin-top:6px;padding-bottom:10px;}
.category-clients #content ul {list-style:none;}
.category-clients #content ul li {color:#555;float:left;height:215px;padding:10px;margin:0 10px 10px 0;width:289px;border:1px solid #eee;}
.category-clients #content ul li.tagged {height:235px;padding:0;width:309px;border-color:#ccc;}
.category-clients #content ul li.tagged a {float:left;padding:10px;/*border:1px solid #eee;*/height:215px;}
.category-clients #content ul a:hover {color:#555;} 
.category-clients #content ul li.tagged:hover {border:1px solid #555;} 
.category-clients #content ul li p {font-size:14px;line-height:18px;}
/*.category-clients #content ul li:nth-of-type(3n) */ 
.category-clients #content ul li.last{margin-right:0}
.category-clients #content ul li img {margin-bottom:10px;}

/* Single Page styles */

#articleContainer {text-align:center;clear:both;position:relative;}
#articleContainer h1 {float:left;}
#articleContainer #mT {border-bottom:1px dotted #CFCFCF;float:left;margin-bottom:16px;width:100%;}
#articleContainer time {float:right}
.single article {width:467px;margin:auto auto 10px;float:none;text-align:left;}
.single article h1 {padding-bottom:13px;}
.single p {text-align:justify;}
#fixie {position:fixed;background:transparent;}
#contFix {background:transparent;height:64px;margin:-22px 0 0;position:relative;width:955px;}
.nav-previous, .nav-next {width:100px;position:absolute;top:60px;font: 18px 'LeagueGothicRegular', Arial, sans-serif;text-transform:uppercase;}
.no-fontface .nav-previous, .no-fontface .nav-next, .no-fontface .statRow span, .no-fontface .statRow li {font: 12px 'Arial Narrow', Arial, sans-serif;}
.nav-previous a, .nav-next a {color:#cfcfcf;}
.nav-previous a:hover, .nav-next a:hover {color:#5b5b5b;}
.nav-previous {left:0;text-align:left;}
.nav-next {right:0;text-align:right;}

/* Images */
.alignleft{float:left;margin:0 20px 0 0;}
article .wp-caption a img{-moz-box-shadow:none;-webkit-box-shadow:none;border:none}
p.wp-caption-text{font:normal 10px/12px sans-serif;border-bottom:1px solid #aaa;text-align:left}
article img.flat{-webkit-box-shadow:none;-moz-box-shadow:none;border:none}


/* Stats styles */
.page-template-stats-php canvas {display:block;position:relative;}
.statRow div, #statsPage canvas {float:left;}
.statRow {border-bottom:1px dotted #cfcfcf;float:right;padding:20px 0 35px;width:711px;}
.statRow span, .statRow li {font: 18px 'LeagueGothicRegular', Arial, sans-serif;text-transform:uppercase;}
.page-template-stats-php h1 {text-transform:none;font-size:25px;line-height:29px;margin-bottom:14px;letter-spacing:0;}
.no-fontface .page-template-stats-php h1 {font-size:14px;line-height:18px;}
#statsPage {width:472px;}
#statsPage span {color:#fff;background-color:#68c502;display:block;width:120px;padding:4px 0;text-align:center;margin-bottom:10px;}
#statsPage #other {background-color:#c3e89a;}
#statsPageKey {width:240px;}
.pie_tooltips {background-color: white ! important;border:none ! important;padding:5px;font-family: georgia, arial, helvetica, sans ! important;}
#staffLineup {border-left:1px solid #cfcfcf;margin-left:2px;padding-top:109px;padding-left:11px;}
#staffLineup li {float:left;width:42px;float:left;margin-left:19px;text-align:center;width:42px;background:url(images/penguin.png) no-repeat 50% 0;padding-top:46px;}
#staffLineup li:first-child {margin-left:0;}
#worldEffect {width:360px;}
#worldEffect li {border-left:21px solid #09d7ff;float:left;font-size:16px;color:#a5a5a5;height:19px;padding:2px 11px 0 6px;}
.no-fontface #worldEffect li {font-size:10px;}
#worldEffect #indifferent, #tweetRight #graham  {border-color:#61adfb;}
#worldEffect #notKeen, #tweetRight #john {border-color:#a3cbfe;}
#tweetRight #ralph {border-color:#dbecfe;}
#tweetRight {width:116px;text-align:right;margin-top:102px;}
#tweetRight li {border-right:21px solid #09D7FF;height:21px;margin-bottom:11px;padding-right:5px;}

/* Author Styles */
#authorInfo{background:none repeat scroll 0 0 #eee;margin:50px 0px 30px 0px;padding:12px;position:relative;}
#authorInfo.admin {display:none;}
#authorInfo:before{
   content:"\00a0"; display:block; position:absolute; z-index:-1; width:0; height:0; border-style:solid;
   top:16px;left:-50px; border-width:20px 30px;	border-color:transparent #eee transparent transparent;
}
.written-by{font:bold 20px/28px sans-serif;text-transform:capitalize;text-shadow:0px 1px 3px #666}
#author-avatar{-webkit-box-shadow:none;-moz-box-shadow:none;border:medium none;left:-80px;position:absolute;top:25px;z-index:-2;}
p.author-description{font:12px/20px sans-serif;margin:10px 0 0;text-align:left}

/* Author colours */
#authorInfo.angus{background:#02beff;color:white}
#authorInfo.graham{background:#d11999;color:white}
#authorInfo.john{background:#f4de03;color:black}
#authorInfo.ralph{background:#68c502;color:white}

#authorInfo:before{content:"\00a0"; display:block; position:absolute; z-index:-1; width:0; height:0; border-style:solid;top:16px;left:-50px; border-width:20px 30px;	border-color:transparent #eee transparent transparent;}
#authorInfo.angus:before{border-color:transparent #02beff transparent transparent;}
#authorInfo.graham:before{border-color:transparent #d11999 transparent transparent;}
#authorInfo.john:before{border-color:transparent #f4de03 transparent transparent;}
#authorInfo.ralph:before{border-color:transparent #68c502 transparent transparent;}

#authorInfo.angus p.author-description{color:white}
#authorInfo.graham p.author-description{color:white}
#authorInfo.john p.author-description{color:black}
#authorInfo.ralph p.author-description{color:white}

/*
Blu: #02beff / #74dbff
Pnk: #d11999 / #e681c7
Ylw: #f4de03 / #f9ed75
Grn: #68c502 / #acdf74
Gry: #5b5b5b / #a5a5a5 
*/

/* Twitter styles */

#tweetContainer {clear:both;}
#tweetContainer ul {text-align:left;width:809px;float:right;margin-right:3px;}
#tweetContainer li {clear:both;margin-bottom:30px;display:inline-block;}
.tweetAvatar {background:url(images/twitterSpeechArrow.png) no-repeat right 21px;width:100px;float:left;}
.tweetAvatar img {padding:10px;-moz-border-radius:65px;-webkit-border-radius:65px;}
.hamstand:hover a img, .hamstand .tweetContent a:hover, .hamstand:hover .tweetContent .author {background-color:#e681c7;color:#333;}
.johnridpath:hover  a img, .johnridpath .tweetContent a:hover, .johnridpath:hover .tweetContent .author {background-color:#f9ed75;color:#333;}
.angoid:hover a img, .angoid .tweetContent a:hover, .angoid:hover .tweetContent .author {background-color:#74dbff;color:#333;}
._ralph:hover a img, ._ralph .tweetContent a:hover, ._ralph:hover .tweetContent .author {background-color:#acdf74;color:#333;}
.tweetContent {background-color:#efefef;float:left;padding-bottom:20px;min-height:63px;width:709px;-moz-box-shadow:2px 2px 3px #777;-webkit-box-shadow:2px 2px 3px #777;position:relative;}
.tweetContent p {width:593px;padding:7px 0 0 10px;line-height:125%;}
.tweetContent a {font-weight:bold;}
.tweetTime {bottom:4px;display:block;font-style:italic;font-size:10px;left:10px;position:absolute;}

/* Footer stylesposition:absolute;left:430px;top:300px;z*/
footer {width:957px;margin:0 auto;z-index:2}
footer ul {float:left;position:relative;width:100%;margin-bottom:20px;}
footer ul li{border-bottom:1px dotted #cfcfcf;display:inline-block;float:left;margin-top:50px;padding-bottom:10px;}
footer h2 a, footer h2 {text-transform:none;font-size:36px;color:#a5a5a5;}
.no-fontface footer h2 a, .no-fontface footer h2 {font-size:24px;}

#adr {background:url("images/speech-bubble.png") no-repeat scroll -3px 0 transparent;margin:10px 0px 0px 0px;text-align:left;width:238px;height:105px;border:none;}
#adr h2 {color:#5b5b5b;margin:24px 0 1px 15px;text-transform:uppercase;font-size:30px;line-height:22px;}
.no-fontface #adr h2 {font-size:20px;}
#adr span {color:#5b5b5b;font:normal 16px georgia;}
.street-address,.locality{margin-left:15px}
#mapLink {padding-right:108px;margin-left:8px;}
#email {padding-right:109px}
.no-fontface #mapLink, .no-fontface #email {padding-right:50px;}


#mapH{height:0px;width:974px;position:absolute;clear:both;bottom:125px;display:block;overflow:hidden;left:0}
#map{height:450px;width:957px;margin-top:15px}
#mapClose{background:url("images/google-map-close.png") no-repeat scroll 0 0 transparent;height:25px;position:absolute;right:3px;top:0px;width:25px;z-index:1;}
#mapClose:hover{background-position:0 -25px}
.gmap_marker{font:bold 12px/16px sans-serif;}