/*
Theme Name:Rosslyn Digital
Theme URI:http://www.rosslyndigital.co.uk/
Description:The official Rosslyn Digital theme.
Version:0.3
Author:Michael Austin
Author URI:http://www.rosslyndigital.co.uk/
Tags:rosslyn
*/
/* Default WordPress Image Styling (should keep here) */
p img{padding:0;max-width:100%}
img.centered{display:block;margin-left:auto;margin-right:auto}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline}
.alignright{float:right}
.alignleft{float:left}
/* End Default Wordpress */
/* Begin Typography & Colors */
body{margin:0;background:#fff;font:62.5%/1.2em arial,sans-serif;color:#1c1c1c;text-align:center;}
img{border:0;}
/* table */
table{}
tr{}
td{}
/* text */
abbr{}
h1{clear:both;}
p,h1,h2,h3,h4,h5,h6,fieldset{padding:0;margin:0;border:0;}
h3#said{text-indent:-9999px;background:url(img/base/headers.png) no-repeat;width:354px;height:25px;clear:both;margin:1em 0 0 0;}
/* links */
a{text-decoration:none;color:#00598b;}
a:hover,a:visited:hover{color:#005787;text-decoration:underline;}
a:visited{color:#4f8db0;}
/* lists */
ul{}
li{}
ol{font-size:1.6em;line-height:1.6em;}
ol big{font-weight:bold;}
ol ol,ol ol ol{font-size:1em;}
/* form related */
form{margin:0;}
input{border:1px solid #ccc;padding:3px;}
input:focus{border:1px solid #000;}
textarea{}
/*********** CLASSES *********/
/* generic */
.hide{display:none;}
.fLeft{float:left;}
.fRight{float:right;}
.spacer{clear:both;}
.spacerL{clear:left;}
.noFloat{float:none;}
/*********** IDs *************/
.wrapper{width:940px;margin:0 auto;text-align:left;position:relative;}
.menuWrapper{width:960px;margin:0 auto;text-align:left;}
.grey{color:#aaa;}
/* MENU */
#menu{background:#000 url(img/base/menu-bg.png) repeat-x;}
#menu ul{list-style:none;margin:0;padding:0;}
#menu ul li{display:inline;}
#menu ul li a{background:url(img/base/menu-items.png);text-indent:-9999px;color:#fff;display:block;font-weight:bold;letter-spacing:-1px;height:60px;float:left;}
#menu ul li#home a{width:112px;}
#menu ul li#home a.selected{background-position:0 -136px;}
#menu ul li#home a:hover,#menu ul li#home a.selected:hover{background-position:0 -67px;}
#menu ul li#whoweare a{width:165px;background-position:-112px 0;}
#menu ul li#whoweare a:hover,#menu ul li#who a.selected:hover{background-position:-112px -67px;}
#menu ul li#whoweare a.selected{background-position:-112px -136px;}
#menu ul li#whatwedo a{width:161px;background-position:-277px 0;}
#menu ul li#whatwedo a:hover,#menu ul li#do a.selected:hover{background-position:-277px -67px;}
#menu ul li#whatwedo a.selected{background-position:-277px -136px;}
#menu ul li#whatwevedone a{width:218px;background-position:-438px 0;}
#menu ul li#whatwevedone a:hover,#menu ul li#done a.selected:hover{background-position:-438px -67px;}
#menu ul li#whatwevedone a.selected{background-position:-438px -136px;}
#menu ul li#getintouch a{width:152px;background-position:-656px 0;}
#menu ul li#getintouch a:hover,#menu ul li#touch a.selected:hover{background-position:-656px -67px;}
#menu ul li#getintouch a.selected{background-position:-656px -136px;}
#menu ul li#theblog a{width:152px;background-position:-808px 0;}
#menu ul li#theblog a:hover,#menu ul li#theblog a.selected:hover{background-position:-808px -67px;}
#menu ul li#theblog a.selected{background-position:-808px -136px;}
/* HEADER */
#header{clear:both;padding:30px 0 10px 0;border-bottom:1px solid #e8e8e6;background:#fff;}
#header a#logo{float:left;padding:0 0 10px 0;background:url(img/base/rosslyndigital.png) no-repeat;width:415px;height:68px;text-indent:-9999px;display:block;}
#header #support{float:right;font-size:1.6em;line-height:1.2em;padding:1.2em 0 1em 0;width:480px;}
#header #support strong{font-size:1.2em;letter-spacing:-1px;}
#header #support strong em{font-style:normal;color:#656565;}
/* subpages */
#header #supportSub{float:right;font-size:1.4em;line-height:1.2em;padding:0;width:305px;}
#header #supportSub ul#icons{width:118px;list-style:none;margin:0;padding:0;background:url(img/base/icons.png) 100% 0;float:left;}
#header #supportSub ul#icons a{display:block;text-indent:-9999px;background:url(img/base/icons.png) no-repeat;height:77px;float:left;margin:0 3px 0 0;}
#header #supportSub ul#icons li{display:inline;}
#header #supportSub ul#icons li#twitter a{width:48px;}
#header #supportSub ul#icons li#twitter a:hover{background-position:0 -77px;}
#header #supportSub ul#icons li#linkedIN a{width:48px;background-position:-51px 0;}
#header #supportSub ul#icons li#linkedIN a:hover{background-position:-51px -77px;}
#header #supportSub div#mailing{text-align:right;}
#header #supportSub div#mailing label{display:none;}
#header #supportSub div#mailing form{padding:1.3em 0 5px 0;}
#header #supportSub div#mailing input{}
#header #supportSub div#mailing input#mailingEmail{width:152px;}
#header #supportSub div#mailing input#mailingSubmit{width:24px;letter-spacing:-2px;padding:2px;background:#373737;color:#fff;border:1px solid #373737;}
#header #supportSub div#mailing input#mailingSubmit:focus{background:#6a6a6a;}
/* HOME */
#main{clear:both;position:relative;}
#main .wrapper{background:url(img/base/backdrop-home.jpg) no-repeat 0 5px;}
#main #right{float:right;padding:0 0 3px 0;}
#main #left{width:430px;float:left;padding:25px 0 3px 0;}
#main #left h1{font-size:4.2em;letter-spacing:-2px;line-height:1em;}
#main #left p{padding:2.5em 0 0 0;}
#main #left p.normal{padding:1em 0 0.2em 0;font-size:1.6em;line-height:1.6em;}
#main #left p strong{font-size:2em;letter-spacing:-1px;display:block;clear:left;padding:0.6em 0;}
#main #left a.boxed{color:#fff;background:#000;font-size:3em;display:block;line-height:1em;letter-spacing:-1px;font-weight:bold;padding:8px 10px;float:left;}
#main #left a.boxed:hover{background:#f0f0f0;color:#000;text-decoration:none;}
/* SUBPAGE */
#sub{clear:both;padding:25px 0 3px 0;position:relative;}
#sub .aboutBG{background:url(img/base/about-balls.jpg) no-repeat 100% 0;padding-bottom:20px;}
#sub #right{float:right;}
#sub #left{width:510px;float:left;padding-bottom:0.2em;}
#sub #left h1{font-size:4.2em;letter-spacing:-2px;line-height:1em;}
#sub #left p{padding:1em 0 0.2em 0;font-size:1.6em;line-height:1.6em;}
#sub #left a.boxed{color:#fff;background:#000;font-size:3em;display:block;line-height:1em;letter-spacing:-1px;font-weight:bold;padding:8px 10px;float:left;}
#sub #left a.boxed:hover{background:#f0f0f0;color:#000;text-decoration:none;}
/* SINGLE PROJECT PAGE */
#project{clear:both;padding:25px 0 3px 0;position:relative;}
#project .aboutBG{background:url(img/base/about-balls.jpg) no-repeat 100% 0;}
#project #right{float:right;padding:2em 0;}
#project #left{width:460px;float:left;}
#project h1{font-size:4.2em;letter-spacing:-2px;line-height:1em;}
#project #left p{padding:0.5em 0 0.2em 0;font-size:1.6em;line-height:1.6em;}
/*#project #left #pdeedy{font-size:1.4em;line-height:1.8em;}*/
#project #left p.client{padding-top:1em;}
#project .blue h5{color:#a3d7fa;}
#project .red h5{color:#e697a5;}
#project .grey h5{color:#ccc;}
#project .grey { color:#1c1c1c;}
#project .purple h5{color:#d9bff7;}
#project .green h5{color:#d0f481;}
#project .orange h5{color:#fdd4a8;}
#project ul{list-style:none;margin:0;padding:1em 0 0.5em 0;font-size:1.6em;}
#project ul ul{padding:0.5em 0 0 0;font-size:1em;}
#project ul ul li{padding:5px;background:#666;font-weight:bold;color:#fff;display:block;float:left;margin:0 3px 3px 0;line-height:1em;}
#project .blue ul ul li{background:#62a8d7;}
#project .red ul ul li{background:#d97788;}
#project .grey ul ul li{background:#777;}
#project .purple ul ul li{background:#9d78ba;}
#project .green ul ul li{background:#99bf46;}
#project .orange ul ul li{background:#d88a37;}
/* SUBPAGE */
#fullWidth{clear:both;padding:25px 0 3px 0;position:relative;}
#fullWidth #left h1{font-size:4.2em;letter-spacing:-2px;line-height:1em;}
#fullWidth #left p{padding:1em 0 0.2em 0;font-size:1.6em;line-height:1.6em;}
#fullWidth #left a.boxed{color:#fff;background:#000;font-size:3em;display:block;line-height:1em;letter-spacing:-1px;font-weight:bold;padding:8px 10px;float:left;}
#fullWidth #left a.boxed:hover{background:#f0f0f0;color:#000;text-decoration:none;}
#fullWidth h2{font-size:2.6em;letter-spacing:-2px;padding:1em 0 0.5em 0;}
/* BLOG */
#blog{clear:both;padding:25px 0 3px 0;position:relative;}
#blog #right{float:right;width:300px;font-size:1.6em;line-height:1.4em;}
#blog #right ul{list-style:none;padding:0 0 1.2em 0;margin:0;}
#blog #right h2{padding:0 0 0.3em 0;font-size:1.3em;letter-spacing:-1px;}
#blog #right #searchform{padding:0 0 1.2em 0;}
#blog #right #searchform #s{width:220px;}
#blog #left{width:590px;float:left;}
#blog #left pre{font-size:12px;}
#blog #left h1{font-size:4.2em;letter-spacing:-2px;line-height:1em;}
#blog #left p{padding:1em 0 0.2em 0;font-size:1.6em;line-height:1.6em;}
#blog #left a.boxed{color:#fff;background:#000;font-size:3em;display:block;line-height:1em;letter-spacing:-1px;font-weight:bold;padding:8px 10px;float:left;}
#blog #left a.boxed:hover{background:#f0f0f0;color:#000;text-decoration:none;}
#blog #left h2{padding:0.6em 0 0 0;font-size:3em;letter-spacing:-2px;line-height:1.1em;}
#blog #left p.date{font-size:1.6em;padding:0;}
#blog #left p.postmetadata{font-size:1.6em;padding:5px 10px;background:#f0f0f0;margin:1em 0 1.5em 0;}
#blog #left .navigation{font-size:1.2em;padding:0 0 1.5em 0;float:left;width:100%;}
#blog #left h3{font-size:2em;margin-top:1em;}
#blog #left h3#comments,#blog #left h3.leaveReply{font-size:2em;letter-spacing:-1px;line-height:1.4em;}
#blog #left ol.commentlist{font-size:1.6em;}
#blog #left ol.commentlist p{font-size:1em;}
#blog #left ul{font-size:1.6em;line-height:1.6em}
#blog #left ul ul{font-size:1em;}
#blog small.theDate{font-size:1.6em;display:block;padding:0.5em 0;color:#777;}
#blog small{font-size:0.9em;}
/* CONTACT */
#contact{clear:both;padding:25px 0 13px 0;position:relative;}
#contact h1{font-size:4.2em;letter-spacing:-2px;line-height:1em;}
#contact a.boxed{color:#fff;background:#000;font-size:3em;display:block;line-height:1em;letter-spacing:-1px;font-weight:bold;padding:8px 10px;float:left;}
#contact a.boxed:hover{background:#f0f0f0;color:#000;text-decoration:none;}
#contact p{padding:1em 0 1.5em 0;font-size:1.6em;line-height:1.6em;}
#contact h2{text-indent:-9999px;background:url(img/base/headers.png) no-repeat;width:354px;height:25px;margin:5em 0 0.2em 0;}
#contact p#tel{font-size:11.3em;line-height:1em;font-weight:bold;letter-spacing:-5px;padding:0.1em 0 0 0;}
#contact p#address{padding:0.4em 10px;background:#f0f0f0;margin-bottom:0.6em;}
#contact p#address small{color:#888;font-weight:normal;line-height:1.4em;}
#contact ul#vcards{float:left;list-style:none;margin:0;padding:0;font-size:1.6em;line-height:1.6em;}
#contact ul#vcards li.vcard{float:left;width:460px;}
#contact ul img{float:left;margin-right:10px;}
#contact ul ul{width:310px;list-style:none;margin:0;padding:0;float:left;font-size:0.8em;line-height:1.8em;}
#contact ul ul li{padding:0 0 0 25px;background:url(img/base/icons.png) 0 -167px no-repeat;}
#contact ul ul li.vTwitter{background-position:0 -219px;}
#contact ul ul li.vLinkedIN{background-position:0 -272px;}
/* WHAT WE'VE DONE */
#whatdone{clear:both;padding:25px 0 3px 0;position:relative;}
#whatdone h1{font-size:4.2em;letter-spacing:-2px;line-height:1em;}
#whatdone p{padding:1em 0 0.2em 0;font-size:1.6em;line-height:1.6em;}
#projects .project{width:460px;line-height:2em;padding:1em 0 0 0;float:left;margin:0 10px 2em 0;}
#projects .project div{float:right;width:265px;padding:1.2em 0;}
#projects .project h2{font-size:1.2em;}
#projects .project h3{font-size:2em;letter-spacing:-1px}
#projects .project h4{font-size:1.1em;color:#999;line-height:1.2em;padding-top:0.2em;}
#projects .project p{font-size:1.2em;padding-top:0.1em;}
#whatdone a.boxed{color:#fff;background:#000;font-size:3em;display:block;line-height:1em;letter-spacing:-1px;font-weight:bold;padding:8px 10px;float:left;}
#whatdone a.boxed:hover{background:#f0f0f0;color:#000;text-decoration:none;}
/* WHAT WE DO */
#goodQuestion{clear:both;padding:25px 0 3px 0;position:relative;}
#goodQuestion #right{float:right;}
#goodQuestion #left{}
#goodQuestion #left h1{font-size:4.2em;letter-spacing:-2px;line-height:1em;}
#goodQuestion #left p{padding:1.5em 0 0.2em 0;font-size:1.6em;line-height:1.6em;float:left;width:200px;margin-right:35px;}
#goodQuestion #left p.goodIntro{float:none;width:auto;margin-right:0;clear:both;}
#goodQuestion #left h2{font-size:3.2em;letter-spacing:-1px;line-height:1em;padding:0.7em 0 1.4em 0;float:left;width:200px;margin-right:35px;}
#goodQuestion #left a.boxed{color:#fff;background:#000;font-size:3em;display:block;line-height:1em;letter-spacing:-1px;font-weight:bold;padding:8px 10px;float:left;}
#goodQuestion #left a.boxed:hover{background:#f0f0f0;color:#000;text-decoration:none;}
#goodQuestion #diagrams{height:306px;clear:both;}
#goodQuestion #diagrams .diagram{position:absolute;}
#goodQuestion #left p.endPhrase{font-size:3.2em;letter-spacing:-1px;line-height:1.2em;padding:1em 0 0.4em 0;display:block;float:none;width:auto;margin-right:0;clear:both;}
#goodQuestion ul{list-style:none;margin:0;padding:0 0 0.5em 0;font-size:1.6em;white-space:nowrap}
#goodQuestion ul li{padding:5px;background:#000;font-weight:bold;color:#fff;display:block;float:left;margin:0 3px 3px 0;line-height:1em;}
#goodQuestion #left h2.noFloat{float:none;padding-bottom:0.4em;padding-top:0;}
#goodQuestion .blue{color:#094f8d;}
#goodQuestion .red{color:#970a05;}
/* STRIPES */
#stripeBlack{background:#000;padding:5px;font-size:8.2em;color:#fff;line-height:1em;letter-spacing:-2px;}
#stripeGrey{background:#f0f0f0;padding:10px;font-size:1.6em;line-height:1em;letter-spacing:-1px;}
/* BLOG RELATED */
#blogged{clear:both;background:#f0f0f0;border-top:1px solid #dbdad9;border-bottom:1px solid #dbdad9;padding:15px 0;}
#blogged .col4{float:left;width:290px;margin-right:30px;}
#blogged .col4 a small{font-size:0.95em;}
#blogged #clients{margin:0;width:300px;}
#blogged #clients p{padding:0.25em 0.7em;}
#blogged ul.wp-tag-cloud{list-style:none;margin:0;padding:0;font-size:1.1em;line-height:3.4em;}
/* CLOUD */
#blogged ul.wp-tag-cloud li{display:inline;}
#blogged ul.wp-tag-cloud li a{margin:0 10px 0 0;font-weight:bold;letter-spacing:-1px;}
#blogged ul.wp-tag-cloud li a.tagsz-1{font-size:1.2em;}
#blogged ul.wp-tag-cloud li a.tagsz-2{font-size:1.4em;}
#blogged ul.wp-tag-cloud li a.tagsz-3{font-size:1.8em;}
#blogged ul.wp-tag-cloud li a.tagsz-4{font-size:2.4em;}
#blogged ul.wp-tag-cloud li a.tagsz-5{font-size:2.8em;}
#blogged ul.wp-tag-cloud li a.tagsz-5 a{background:#000;color:#fff;}
#blogged ul.wp-tag-cloud li a.tagsz-5 a:hover{text-decoration:none;background:#f0f0f0;color:#000;}
#blogged h4{margin:0 0 0.7em 0;font-size:1.4em;letter-spacing:-1px;}
#blogged h5{margin:0 0 0.3em 0;font-size:1.6em;letter-spacing:-1px;line-height:1.2em;}
#blogged h6{font-size:1.1em;font-weight:normal;margin:0 0 0.8em 0;}
#blogged p{font-size:1.2em;line-height:1.6em;}
/* SCROLLER */
#scroller{background:url(img/base/client-box.png);height:148px;padding:0 1px;}
#scroller #scroll{margin:0 auto;height:140px;overflow:scroll;white-space:nowrap;overflow-y:hidden;}
#scroller .noJSWidth{width:290px;}
#scroller #scroll ol{padding:10px 1px;margin:0;list-style:none;}
#scroller #scroll ol li{float:left;}
#scroller #scroll ol li img{float:left;}
/* APPS */
#apps{padding:25px 0;}
#apps h3{text-indent:-9999px;background:url(img/base/headers.png) no-repeat 0 -50px;width:512px;height:25px;}
#apps ol{list-style:none;margin:0;padding:4px 0 12px 0;}
#apps ol li{display:inline;}
#apps ol a{display:block;height:85px;text-indent:-9999px;background:url(img/base/apps.png);float:left;margin:0 12px 0 0;}
#apps ol li#whiteLabel a{width:240px;}
#apps ol li#toolbarHeroes a{width:150px;background-position:-255px 0;}
#apps ol li#gamersPledge a{width:165px;background-position:-428px 0;}
#apps ol li#gigReflex a{width:152px;background-position:-610px 0;}
#apps ol li#monkeyOff a{width:175px;background-position:-780px 0;margin:0;}
#apps ol li ul{font:0.75em/1.2em arial,sans-serif;position:absolute;top:100px;font-weight:bold;width:110px;}
#apps #monkeyOff ul{left:738px;text-align:center;}
#apps #toolbarHeroes ul{left:218px;}
#apps #monkeyOff ul.countdown{right:62px;}
#apps #toolbarHeroes ul.countdown{left:270px;}
#apps .red{color:#9d212b;}
#apps .purple{color:#894895;}
/* FOOTER */
#footer{clear:both;background:#f0f0f0;border-top:1px solid #dbdad9;padding:10px 0 5px 0;font-size:1.1em;}
#footer p.links{padding:6px 10px 6px 0;float:left;}
#footer p.spacer{padding:7px 0;color:#87867d;}
#footer p.spacer a{color:#7f0000;}
#footer .addthis_toolbox{background:#fff;padding:5px 2px;float:left;}
/* sitemap generator */
.ddsg-wrapper ul{margin-bottom:1em;margin-top:0.5em;font-size:1.6em;line-height:1.6em;}
.ddsg-wrapper ul ul,.ddsg-wrapper ul ul ul{font-size:1em;}
/* accessibility */
a.skipnav{display:none;}
/* LIGHTBOX */
.simple_overlay{display:none;z-index:10000;width:890px;}
.simple_overlay .close{background-image:url(img/base/lightbox-close.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:30px;width:30px;z-index:200000;}
.simple_overlay .close:hover{background-position:-31px 0;}
.simple_overlay img{position:absolute;-moz-box-shadow:0 0 60px 5px #000;-webkit-box-shadow:0 0 60px #000;}
.details{background:#fff;position:absolute;right:0;font-size:11px;height:330px;color:#fff;width:400px;-moz-box-shadow:0 0 60px 5px #000;-webkit-box-shadow:0 0 60px #000;}
.details h5{background:#000 url("img/base/lightbox-bg.png") no-repeat;padding:15px 20px;font-size:2.4em;letter-spacing:-1px;line-height:1em;}
.details h5 small{color:#fff;font-size:0.8em;}
.simple_overlay .blue h5{color:#a3d7fa;}
.simple_overlay .red h5{color:#e697a5;}
.simple_overlay .grey h5{color:#ccc;}
.simple_overlay .purple h5{color:#d9bff7;}
.simple_overlay .green h5{color:#d0f481;}
.simple_overlay .orange h5{color:#fdd4a8;}
.details .overlayText{font-size:1.4em;padding:10px 20px;color:#1e1e1e;line-height:1.6em;}
.details .overlayText ul{list-style:none;margin:0;padding:1em 0 0 0;font-size:0.9em;}
.details .overlayText ul ul{padding:0;font-size:1em;}
.details .overlayText ul ul li{padding:5px;background:#666;font-weight:bold;color:#fff;display:block;float:left;margin:0 3px 3px 0;line-height:1em;white-space:nowrap;}
.simple_overlay .blue ul ul li{background:#62a8d7;}
.simple_overlay .red ul ul li{background:#d97788;}
.simple_overlay .grey ul ul li{background:#777;}
.simple_overlay .purple ul ul li{background:#9d78ba;}
.simple_overlay .green ul ul li{background:#99bf46;}
.simple_overlay .orange ul ul li{background:#d88a37;}
.piclenselink{font-size:1.1em;padding:0 0 0 3px;line-height:1.4em;}
ul#recentcomments li{margin-bottom:1em;}