.none { display: none; }

body { background-color: #ededed; color: #333; font-family: Arial, Sans-serif; font-size: 62.75%; }

#wrapper { width: 718px; margin: 0px auto 0px; padding: 16px; background-color: #ffffff; 
	-moz-border-radius: 16px;
	border-radius: 16px;
	-moz-box-shadow: 2px 2px 1px #aaa;
	-webkit-box-shadow: 2px 2px 1px #aaa;
	box-shadow: 2px 2px 1px #aaa;
}

#title { 
	background-color: transparent; 
	/*background-image: url('/gfx/topback.png'); background-repeat: no-repeat; background-position: left top; */
	width: 686px; margin: 0px; padding: 16px; height: 88px; 
}
#title a { font: normal 4em "Philosopher", Arial, Sans-serif; color: #111; text-decoration: none; letter-spacing: -1px; display: block; padding: 16px 0px 0px; }
div.title { display: none; }
#title .left { width: 58%; float: left; }
#title .right { width: 38%; float: right; text-align: right; }
#title .right span { display: block; font-size: 1.4em; color: #666;  padding: 8px 6px 0px; }

img { border: none; }
img.icon { float: left; display: block; margin: 2em 1em 0em 1em; width: 32px; }
img.screenshot { float: left; display: block; margin: 0em 1em 0em; }

p.service { float: right; width: 400px; }

span.strap { display: block; font-family: Arial, Sans-serif;	font-size: 1.65em; font-weight: normal; 
	font-style: normal; letter-spacing: 0px; color: #ec8427; text-decoration: none; }

.twitter {
	 padding: 54px 16px 0px; 
}

#main { width: 686px; margin: 0px; padding: 16px; }
#main .nav { width: 170px; padding: 0px 16px 0px 0px; float: left; font-size: 1.4em; }
#main .nav ul { margin: 0px; padding: 0em; list-style-type: none; }
#mainnav li a { 
	display: block; background-color: #091f38; color: #fff; 
	text-decoration: none; padding: 4px 8px 4px 12px; margin: 1px 0px 0px; 
	-moz-border-radius: 16px;
	border-radius: 16px;
}
#mainnav li a:hover { background-color: #777; }

#footernav { list-style-type: none; margin: 1em 0em 2em; padding: 0em; }
#footernav li a { display: block; float: left; color: #888; text-decoration: none; margin: 0em 0.5em 0em; }
#footernav li a:hover { text-decoration: underline; }

.fromtheblog { 
	display: block; font: normal 1.5em Georgia, Serif; letter-spacing: -1px; 
	line-height: 1.2em; margin: 1em 0em 0.5em; color: #666; 
}

.navtitle { 
	border-bottom: solid 1px #ccc; background-color: #091f38; display: block; 
	font: normal 1.2em Arial, sans-serif; letter-spacing: -1px; line-height: 1.2em; margin: 0.5em 0em 1em 0em; 
	padding: 0.25em 0.5em 0.25em 0.75em;
	color: #fff; 
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.navtag li a { background-color: transparent; color: #091f38; }
#archive li a { background-color: transparent; color: #091f38; }
#promise li { background-color: transparent; color: #ec8427; line-height: 1.5em; }


#main .content { width: 484px; padding: 0px 0px 0px 16px; float: right; font-size: 1.4em; }
#main p { 
	font-size: 1em; color: #444; 
	line-height: 1.5em;
}

p.portfoliodescription { font-size: 0.9em !important; }

#footer { 
	width: 686px; text-align: center; padding: 16px; background-color: #091f38; color: #fff; font-size: 1.2em; 
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.clear { clear: both; }

.nodisplay { display: none; }
h1 { font: normal 1.7em Sans-Serif; letter-spacing: -1px; line-height: 1.2em; margin: 0em; }
h1.item { font: normal 1.4em Sans-Serif; letter-spacing: -1px; line-height: 1.2em; margin: 0em; }
h2 { font: normal 1.4em "Philosopher", Georgia, Serif; letter-spacing: -1px; line-height: 1.2em; margin: 0em; color: #ec8427; }
h2.help { font: normal 1.4em "Philosopher", Georgia, Serif; letter-spacing: -1px; line-height: 1.2em; margin: 0em; color: #fff; }

.roundbox {
	padding: 8px; width: 90%;
	-moz-border-radius: 16px;
	border-radius: 16px;
	border: solid 2px #ff7901;
	background-color: #ec8427;
}

h1.summary { 
	font: normal 1.4em Arial, Sans-Serif; letter-spacing: -1px; 
	line-height: 1.2em; margin: 0em; color: #091f38; 
	padding: 1em 1em; border: solid 1px #aaa;
	width: 410px;
}

h3 {
	font-family: Georgia, Serif;
	font-weight: normal;
	color: #888;
	font-size: 1.5em;
	letter-spacing: -1px;
	text-align: left; 
}

h3 a {
	text-decoration: none;
	color: #777;
}

.underline { text-decoration: underline; }

.large { font-size: 1.1em; }

blockquote { 
	font-family: sans-serif; padding: 1em; margin: 1em; 
	-moz-border-radius: 16px;
	border-radius: 16px;
	color: white;
	border: solid 2px #ff7901;
	background-color: #ec8427;
	font-style: italic; 
	clear: both; 
}


/* SPOT GFX */

#spotbox { 
	width: 450px;
	height: 150px;
	background-color: transparent;
	margin: 1em 0em;
	border-top: solid 1px #091f38;
	border-bottom: solid 2px #091f38;
}



.commentcount {
	display: block;
	text-align: left;
}

.commentcount a {
	color: #333;
	text-decoration: underline;
}

.comment {
	margin: 1em 0em 2em 4em;
	padding: 2em 0em;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 1em;
}

.back0 {
	background-color: #efefef;
}

.back1 {
	background-color: #ffffff;
}

.comment .author {
	font-size: 1.2em;
}

.comment .author a {
	color: #333;
}

.comment .date {
	font-style: italic;
	display: block;
}

.comment p {
	margin-left: 2em;
	font: normal 1.2em Arial, sans-serif;
	color: #666;
}

#commentform {
	margin-left: 32px;
}

#commentform textarea {
	width: 100%;
	height: 10em;
	font: normal 1.1em arial, sans-serif;
}

#contactform {
	margin-left: 32px;
}

#contactform textarea {
	width: 100%;
	height: 10em;
	font: normal 1.1em arial, sans-serif;
}

hr { height: 1px; border: none; border-top: solid 1px #ccc; width: 70%; padding: 0em; margin: 1em auto; display: block; }

#browsers
{
	width: 100%; text-align: center;
	border-top: solid 1px #ccc; 
	border-bottom: solid 2px #ccc; 
	margin: 1em 0em;
	height: 32px;
	padding: 8px 0px;
}

#blogsummary
{
	margin: 2em 2em 2em 0em;
	padding: 1em;
	border: none;
	border-top: solid 1px #555;
	border-bottom: solid 2px #555;
	font-size: 0.85em;
	line-height: 1.2em; color: #777;
	background-color: transparent;
}

.centre
{
	text-align: center;
}

ul.tags{
	margin: 0em; padding: 0em;
	list-style-type: none;
	font-size: 0.9em;
	text-align: left;
}

ul.tags li {
	display: inline;
	margin: 0em 0.25em 0em;
}

ul.tags li a {
	color: blue;
	text-decoration: underline;
}

.social {
	width: 50%;
	padding: 4px;
	height: 16px;
	background-color: #fff;
	border: none;
	margin: 0em 0em 0em 1em;
	float: right; text-align: right;
	
}

.social ul {
	margin: 0em; padding: 0em;
	list-style-type: none;
	font-size: 0.9em; 
}

.social ul li {
	display: inline;
}

.smalldate { font-size: 0.9em; color: #222; }

.margin-small { margin-bottom: 8px; }
.margin-medium { margin-bottom: 16px; }
.margin-large { margin-bottom: 32px; }