body {color:#777; margin: 0 0 30px 0; font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;}
h1,h2,h3 {margin:0 0 0.2em 0; padding:0;} 
h1,h2,h3,h4,h5,h6 {color:#4275a1; font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;}
h3 {margin-bottom: 0.4em;}
a {color:#4275a1; text-decoration:none;}
a:hover {color:#4275a1; border-bottom:1px solid #4275a1;}
ul, ol {margin:0;}
ul {list-style-type:none;}
ul.horizontal li {display:inline;}
hr.doublespace {background: none; color: #fff; margin: 0 0 2.8em;}
hr {background:#cecece;}
.colborder {padding-right: 24px; margin-right: 19px; border-right: 1px solid #cecece;}
.invcolborder {padding-right: 24px; margin-right: 25px;}
.invcolborder2 {padding-right: 6px; margin-right: 25px;}
.borderbottom {margin-bottom:1.4em; padding-bottom:1.3em; border-bottom: 1px solid #cecece;}
.bordertop {margin-top:1.2em; padding-top:1.3em; border-top: 1px solid #cecece;}
pre {font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-weight: bold; text-transform:uppercase; font-weight:bold; color:#4275a1;}
em {background:none; font-style:normal;}
img.right {float:right; padding:0.3em 0 0.3em 1em;}
p {line-height: 160%;}

body {
	border-top: 6px solid #4275a1;
}

#global_wrapper {
	padding-left: 10px;
	padding-top: 16px;
}

/* Header */
.head {margin-bottom:28px;}
.header {margin-right:0; height:90px; width: 816px;}
.header h1 {text-indent: -9999em;}
.header a.logo {border:none;}
.header a:hover.logo {border:none;}
#branding {
	background: url(http://robbiemanson.com/assets/img/logo.png) no-repeat 0 0;
	display: inline;
	float: left;
	font-size: 1em;
	height: 77px;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
	width: 160px;
}
#branding a {
	display: block;
	height: 77px;
	outline: 0;
	width: 160px;
	-webkit-transition: opacity 0.30s linear;
}
#branding a:hover,
#branding:hover {
	border: 0;
	background-position: 0 -77px;
}
.navmain {width:82px; font-size:13px; margin-right: 0; padding:1px 13px 0 0;}
.navmain li {width:82px; padding:0;}
.navmain li#nav_port {margin-bottom:2px;}
.navmain li#nav_serv {margin-bottom:2px;}
.navmain li#nav_cont {margin-bottom:0;}
.navmain li a {padding:0; width:92px; height:20px; text-transform:uppercase; }
.navmain li a:hover {background:transparent; color:#4275a1; border-bottom:1px solid #4275a1;}
.navmain li a.active {padding:2px 7px; background:#4275a1; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color:#fff;}
.navmain li a:hover.active {background:#4275a1; color:#fff; padding:2px 7px; margin:0; border:none;}
/* #nav_port a, #nav_port a:hover span {background-image:url(..img/nav_port.gif) no-repeat;}
.navmain li a:hover span {width:82px; height:20px; left:-5px; top:-5px; z-index: 1; background-position:center bottom;}
.navmain li a span, .navmain li a em {display:none;} */
.navmain.border {margin-right: 10px; border-right: 1px solid #cecece;}
.subnav a {color:#777;}
.subnav a:hover {color:#4275a1; border:none;}
a.rss {padding-left:20px; background:url(../img/rss.gif) no-repeat 0 0;}
a:hover.rss {background-position:0 -15px;}

/* Sidebar */
.sidebar {margin-bottom:1.2em; padding-bottom:0.3em; border-bottom: 1px solid #cecece;}
.sidebar p {font-size:95%;}
.sidebar a img {border:5px solid #cecece;}
.sidebar a:hover img {text-decoration:none;}

/* Featured Projects sidebar */
.proj_sidebar {background:url(../img/titles/featured_proj.gif) no-repeat 0 0; padding-bottom:10px; margin-bottom:1.4em; border-bottom:1px solid #cecece;}
.proj_sidebar h2 {text-indent: -9999em;}
.proj_sidebar a {outline: 0;}
.proj_sidebar a img {
	margin: 0 5px 5px 0;
	border:1px solid #cecece;
	padding:4px;
	/*
	-o-transition:-o-transform .1s linear;
	-webkit-transition:-webkit-transform .1s linear;
	*/
}
.proj_sidebar a:hover img {
	border:5px solid #cecece;
	padding:0;
	/*
	-o-transform:rotate(0.8deg) scale(1.02);
	-webkit-transform:rotate(0.8deg) scale(1.02);
	*/
}
.proj_sidebar a:hover {border:none;}
.borderleft {margin-left:19px;}

.proj_sidebar a img.activeProject {
	border:5px solid #cecece;
	cursor: default;
	padding:0;
	-o-transition:none;
	-webkit-transition:none;
}
.proj_sidebar a:hover img.activeProject {
	-o-transition: none;
	-webkit-transition: none;
}

/* Blog */
.date {margin:0 0 1em 0; line-height:1em;}
.blog {background:url(../img/titles/blog.png) no-repeat 0 0;}
.blog h2 {text-indent: -9999em;}
.blog, .rates {margin-bottom:1.2em; padding-bottom:0.3em; border-bottom:none;}
.blog p, .rates p {font-size:95%;}
.rates {margin-top:-251px; background:url(../img/titles/rates.gif) no-repeat 0 0;}
.rates h2 {text-indent: -9999em; margin-bottom:0px;}

/* Project previews on 'Portfolio' page */
.projects {margin:0 3.6em 0 0; background:url(../img/titles/featured_proj.gif) no-repeat 0 0; padding-right:2px; width: 274px;}
.projects2 {padding-top:40px; padding-right:21px; width: 274px;}
.projects h2 {text-indent: -9999em;}
h2.proj {text-indent: -9999em;}
.projectprev {margin-bottom:2.4em;}
.projectprev ul {margin-top:0.2em;}
.projectprev a img {
	background: #fff;
	margin: 0;
	border: 1px solid #cecece;
	padding: 4px;
	/*
	-o-transition:-o-transform .1s linear;
	-webkit-transition:-webkit-transform .1s linear;
	-o-transition-duration: .1s;
	-o-transition-property: box-shadow;
	-webkit-transition-duration: .1s;
	-webkit-transition-property: box-shadow;
	*/
}
.projectprev a:hover img {
	-webkit-box-shadow: 0 0 3px #999;
	-moz-box-shadow: 0 0 3px #999;
	box-shadow: 0 0 3px #999;
	border:1px solid #4275a1;
	/*
	-o-transform:rotate(1deg) scale(1.03);
	-webkit-transform:rotate(1deg) scale(1.03);
	*/
}
.projectprev a:hover {text-decoration:none; border:none;}
.projectprev pre, .projectprev span {display:inline;}

/* Projects on dedicated pages */
.project h1 {text-indent:-9999em;}
.project h2 {margin-bottom:0.6em;}
.project ul {margin-bottom:1em;}
.project img {margin:0 0 0.8em 0; border:1px solid #cecece; padding:4px;}
img.bcards {margin-right:0.6em;}
.project a:hover img {border:5px solid #cecece; padding:0;}
.project a:hover {text-decoration:none; border:none;}
.project a.visitsite {text-transform:uppercase; line-height:2em; font-size:1.4em;}
.project a.visitsite:after {content: " »";}
.project a:hover.visitsite {border-bottom:1px solid #4275a1;}
.project pre, .project span {display:inline;}
.projright p {font-size:95%;}
.projright ul {margin-bottom:1em;}
.projright a {padding-bottom:0px}
.projright a:hover {border-bottom:1px solid #4275a1;}

/* H1 title replacement */
.redesign {background:url(../img/titles/redesign.gif) no-repeat 0 0;}
.mt3 {background:url(../img/titles/mt3.gif) no-repeat 0 0;}
.jamieness {background:url(../img/titles/jamieness.gif) no-repeat 0 0;}
.terms {background:url(../img/titles/terms.gif) no-repeat 0 0;} 
.lgc {background:url(../img/titles/lgc.gif) no-repeat 0 0;}
.fulcrum {background:url(../img/titles/fulcrum.gif) no-repeat 0 0;}
.fis {background:url(../img/titles/fis.gif) no-repeat 0 0;}
.tune {background:url(../img/titles/tune.gif) no-repeat 0 0;}
.sculpt {background:url(../img/titles/sculpt.gif) no-repeat 0 0;}
.audacious {background:url(../img/titles/audacious.gif) no-repeat 0 0;}
.hollyfulton {background:url(../img/titles/hollyfulton.gif) no-repeat 0 0;}
.robinbaird {background:url(../img/titles/robinbaird.gif) no-repeat 0 0;}
.functioncentral {background:url(../img/titles/functioncentral.png) no-repeat 0 0;}

/* Current Projects */
.current {background:url(../img/titles/current_proj.gif) no-repeat 0 0;}
.current pre, .current span {display:inline;}
.current h2 {visibility:hidden;}
.current p {margin-top:1.5em; font-size:95%;}
.current ul {margin-bottom:3.3em;}

/* Experience */
.experience {margin-top:-251px; background:url(../img/titles/experience.gif) no-repeat 0 0;}
.experience h2 {text-indent: -9999em;}
.experience .apps p {margin-top:1.5em; font-size:95%;}
.experience .apps ul {font-size:95%; }
.experience .apps pre, .tech pre {margin:-4px 0 6px 0;}
.experience .tech p {margin-top:1.5em; font-size:95%;}
.experience .tech ul {font-size:95%;}


/* Featured on CSS showcases */
.featured {background:url(../img/titles/featured.gif) no-repeat 0 0;}
.featured h2 {text-indent: -9999em;}
.featured .column {margin:0;}
.featured a, .featured a:hover {border:none; text-decoration:none;}
.featured a img {border:1px solid #CECECE; margin:0pt 5px 6px 0pt; padding:4px;}
.featured a:hover img {border:5px solid #cecece; padding:0;}

/* Services */
.services {margin-bottom:0; padding-bottom:4.4em;}
.serv_web h2, .serv_ide h2, .serv_pri h2, .serv_dig h2 {text-indent: -9999em; margin-bottom:0px;}
.serv_web {background:url(../img/titles/websites.gif) no-repeat 0 0;}
.serv_ide {background:url(../img/titles/identity.gif) no-repeat 0 0;}
.serv_pri {background:url(../img/titles/print.gif) no-repeat 0 0;}
.serv_dig {background:url(../img/titles/digital.gif) no-repeat 0 0;}
.twitter {background:url(../img/titles/twitter.gif) no-repeat 0 0;}
.twitter h2 {text-indent:-10000px;}
#twitter_update_list li {
  padding-bottom: 1em;
}

/* About */
.about {background:url(../img/titles/aboutme.gif) no-repeat 0 0;}
.about h2 {margin:0 0 0 -10000px;}

/* Contact page */
.contact {background:url(../img/titles/contact.gif) no-repeat 0 0;}
.contact h1 {text-indent: -9999em; margin-bottom:0;}
.contact ul {font-size:1.2em; padding-bottom:34px; line-height:1.4em;}
.contact h3 {line-height:3.4em;}
.contact h4 {line-height:1.4em; color:#777;}
.contact pre {display:inline; padding-right:3px; color:#818181;}
ul.social_networking {padding-bottom: 0;}

#contactform {margin-top:0px; padding-right: 30px; width: 350px;}

/* Footer */
.footer a {color:#666;}
.footer a:hover {color:#4275a1; border:none;}
ul.footernav.horizontal li {margin-right:1.6em;}
ul.footernav.horizontal li.copyright {margin-right:3.6em;}
ul.right {text-align:right;}

/* Terms of Use */
.terms h1 {text-indent: -9999em;}
.terms h3 {line-height:1.8em;}
.terms ul {margin-bottom:1.8em;}


/* Wufoo */
form li.section{
border-top:1px dotted #ccc;
margin-top:9px;
padding-top:13px;
padding-bottom:0px;
padding-left:0px;
width:97% !important;
}

/* hCard + vCard stuff */
#hcard-Robbie-Manson {width:100%; margin-bottom:0px;}
#hcard-Robbie-Manson li {line-height:1.6em;}
#vcarddownload {margin-bottom:20px;}
#extracontact {margin-top:-20px;}

/* Redesign done */
.redesigndone {height:360px; padding-top:60px;}
.redesigndone h2 {font-size:2em; line-height:1.4em; margin-bottom:30px;}
.redesigndone h3 {line-height:1.4em; margin-bottom:20px;}
.redesigndone a {color:#2e516f;}
.redesigndone a:hover {border-bottom:1px solid #223c53;}

/* Spry stuff 
#fade1, #fade2, #fade3, #fade4, #fade5, #fade6, #fade7, #fade8, #projectBlind {visibility:hidden;}
*/