/*
Theme Name: Helvetiesses
Author: esses designs
Author URI: esses.us
Theme URI: esses.us
*/

html {
	font-size: 100.01%; /*default of 16px*/
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 13px;
	line-height: 18px;
	font-family: "Helvetica Neue", Calibri, Arial, sans-serif;
	color: #252525;
}

span {
	display: inline-block;
	line-height: 18px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: "Helvetica Neue", Calibri, sans-serif;
}

h1 {
	font-size: 52px;
	line-height: 72px;
	margin-bottom: 0;
}

h2 {
	font-size: 32px;
	line-height: 54px;
	margin-bottom: 0;
}

h3 {
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 0;
}

h4 {
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 0;
	color: #143b66;
}

h5 {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 0;
}

h6 {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 0;
	vertical-align: baseline;
}

img, a img {
	border: 0;
	margin: 0;
}

p {
	margin: 0 0 18px;
}

p img.left {
	float: left;
	margin: 18px 18px 18px 0;
	padding: 0;
}

p img.right {
	float: right;
	margin: 18px 0 18px 18px;
}

blockquote {
	margin: 18px;
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
}

strong {
	font-weight: bold;
	line-height: 17px;
}

em, dfn {
	font-style: italic;
}

dfn {
	font-weight: bold;
}

sup, sub {
	line-height: 0;
}

abbr, acronym {
	border-bottom: 1px dotted #777;
}

address {
	margin: 0 0 18px;
	font-style: italic;
}

del {
	color: #777;
}

pre {
	margin: 18px 0;
	white-space: pre;
}

pre, code, tt {
	font: 13px/18px 'Andale Mono', "Lucida Console", monospace;
}

li ul, li ol {
	margin: 0;
}

ul, ol {
	margin: 0 18px 18px 0;
	padding-left: 15px;
}

ul {
	list-style-type: disc;
}

li {
	list-style-type: none;
}

ol {
	list-style-type: decimal;
}

dl {
	margin: 0 0 1.5em 0;
}

dl dt {
	font-weight: bold;
}

dd {
	margin-left: 18px;
}

caption {
	background: #eee;
}

a, a:active, a:visited {
	text-decoration: none;
	color: #524334;
	line-height: 18px;
}

a:hover, #twitter a:hover, #latestposts a:hover {
	color: #a0b7cf;
	line-height: 18px;
}

p a, p a:active, p a:visited {
	text-decoration: none;
	font-weight: 500;
	border-bottom: 1px dashed #ccc;
	line-height: 17px;
}

p a:hover {
	color: #a0b7cf;
	text-decoration: none;
	font-weight: 500;
	line-height: 17px;
}

#weblog .postmeta a, #weblog .postmeta a:active, #weblog .postmeta a:link, #weblog.postemeta a:visited {
	text-decoration: none;
	font-weight: 500;
	border: 0;
}

#weblog .postmeta a:hover {
	text-decoration: none;
	font-weight: 500;
	border: 0;
}

.blue {
	color: #143b66;
}

.red {
	color: #990000;
}

.gblue {
	color: #006aba;	
}

.gred {
	color: #cc0000;
}

.gyellow {
	color: #ffc000;
}

.ggreen {
	color: #00b84c;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.graysmaller {
	color: #353535;
	font-size: 18px;
}

.essesbold {
	display: inline-block;
	color: #143b66;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 18px;
}

#thinheader {
	font-family: Calibri, "Lucida Grande", "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	line-height: 108px;
	font-variant: small-caps;
	vertical-align: middle;
	text-decoration: none;
	color: #555;
}

#header {
	text-align: center;
}

#nav {
	margin: 0;
	padding: 0;
	height: 24px;
	font-size: 11px;
	line-height: 24px;
	list-style: none;
	display: block;
	text-transform: uppercase;
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	*border: none;
}

#nav ul {
	padding: 0;
	margin: 0;
	line-height: 24px;
}

#nav li, #nav li a, #nav li a:active, #nav li a:visited {
	display: inline;
	margin: 0;
	padding: 6px 12px;
	line-height: 24px;
	text-decoration: none;	
	text-align: center;
	color: #707070;
	letter-spacing: 0.1em;
}

#nav li.current_page_item a {
	color: #990000;
}

#nav li a:hover {
	color: #990000;
	background: #eeeeee;
	letter-spacing: 0.1em;
}

.sbjustify {
	text-align: justify;
	font-weight: 300;
	line-height: 18px;
}

#weblog p, #weblog img {
	padding: 0;
	margin-bottom: 18px;
}

.postbody {
	margin: 0 0 13px;
	padding: 0;
}

#weblog h4 {
	vertical-align: middle;
	line-height: 36px;
}

#weblog h4 a, #weblog h4 a:active, #weblog h4 a:visited, #weblog h4 a:link {
	display: inline-block;
	color: #143b66;
	line-height: 36px;
}

#weblog h4 a:hover {
	color: #524334;
	line-height: 36px;
}

#weblog .postmeta {
	font-size: 11px;
	text-transform: lowercase;
	border-bottom: 1px solid #eee;
	padding-bottom: 4px;
	text-align: right;
	margin-bottom: 18px;
}

.navigation {
	display: block;
	text-align: center;	
}

#sidebar {
	margin-top: 17px;
	line-height: 18px;
	font-weight: 300;
	color: #000000;
}

#sidebar p {
	line-height: 18px;
}

#sidebar p a {
	line-height: 17px;
}

#sidebar ul, #sidebar li {
	margin: 0;
	padding: 0;
	font-weight: 300;
}

#about {
	display: block;
	color: #555;
	padding-top: 54px;
	padding-bottom: 54px;
	letter-spacing: 0.1em;
	height: 144px;
}

#about h2 {
	font-weight: 100;
	font-style: italic;
	vertical-align: middle;
	line-height: 48px;
}

#showcase {
	margin: 0 auto;
	padding-top: 27px;
	height: 216px;
	text-align: center;
}

#rundown {
	text-align: justify;
}

#rundown h5, #expertise h5, #blogpreview h5, #blogpreview h5 a, #blogpreview h5 a:visited,   #blogpreview h5 a:link,  #blogpreview h5 a:active {
	color: #aa0000;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: 14px;
	line-height: 36px;
}

#blogpreview h5 a:hover {
	color: #143b66;
}

#blogpreview ul, #blogpreview li {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

#blogpreview a {
	color: #143b66;
	text-decoration: none;
	text-transform: lowercase;
}

#blogpreview a:hover {
	color: #aa0000;
}

ul#pmenu, li#pmenu {
	display: inline;
	height: 216px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
	position: relative;
	*right: 220px;
}

#pmenu img {
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.socialize {
	margin: 22px 10px;
	text-align: center;
	display: inline-block;
	color: #707070;
	font-size: 11px;
	line-height: 32px;
	vertical-align: middle;
}

.socialize a, .socialize a:active, .socialize a:visited {
	text-decoration: none;
	color: #707070;
	letter-spacing: 0.1em;
}

.socialize a:hover {
	color: #143b66;
}

.socialize img {
	display: inline;
	vertical-align: middle;
	margin-right: 3px;
}

#footer {
	margin: 18px auto;
	padding-bottom: 18px;
	clear: both;
	color: #333333;
	text-align: center;
	font-family: Calibri, "Lucida Grande", "Helvetica Neue", Arial, sans-serif;
	font-variant: small-caps;
	font-size: 12px;
}

#footer a, #footer a:link, #footer a:active #footer a:visited {
	color: #143b66;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	color: #999;
	text-decoration: none;
}

#lineclear1 {
	height: 18px;
}

#lineclear2 {
	height: 36px;
}

#lineclear3 {
	height: 54px;
}

#essesstats {
	padding-top: 36px;
	padding-bottom: 36px;
	background-color: #ccc;
}

#statsprofile {
	clear: none;
	font-size: 10px;
}

#doppel {
	line-height: 216px;
	vertical-align: middle;
}

#octane {
	display: table-cell;
	height: 176px;
	background-color: #000000;
	text-align: center;
}

#octin {
	display: block;
	height: 166px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #facd34;
	margin: 5px;
	text-align: center;
	width: 210px;
}

.rm {
	font-size: 11px;
	color: #000000;
	font-weight: 500;
}

.rating {
	font-size: 90px;
	font-weight: 600;
	color: #000000;
	letter-spacing: -0.1em;
	font-family: Verdana, "Lucida Grande";
	overflow: visible;
	line-height: 90px;
	vertical-align: middle;
}

#nos {
	display: block;
	min-height: 30px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #143b66;
	background: #143b66;
	padding: 3px 0 10px;
	vertical-align: bottom;
}

#nosin {
	display: block;
	width: 409px;
	min-height: 30px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #eeeeee;
	background: #eeeeee;
	margin: 0 10px;
	padding: 8px 15px 0;
}

#nosin ul, #nosin li {
	padding-left: 0;
	font-size: 12px;
}


.bold {
	font-weight: 800;
}

.whiteoffset {
	color: #ffffff;
	font-size: 12px;
	font-weight: 500;
	padding-left: 18px;
	line-height: 36px;
}

.ultralight {
	font-weight: 200;
}

#twitter, #latestposts{
	margin-left: 15px;
	text-indent: -15px;
	color: #000000;
}

#twitter a, #latestposts a {
	color: #000000;
}

#contact h4 {
	font-weight: 300;
	color: #252525;
}

.commentdate {
	text-transform: lowercase;
}

.commented {
	border-bottom: 1px solid #eee;
	margin-bottom: 18px;
}

#commentform textarea {
	width: 460px;
	padding: 5px;
	border: 1px solid #ddd;
	font-size: 12px;
}

#commentform input {
	font-size: 12px;
}

.rss a, .rss a:active, .rss a:link, .rss a:visited {
	color: #dd6600;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* containers */

.container16 {
	margin: 0 auto;
	width: 960px;
	/*background: url(images/960x16.png) repeat-y;
	height: 1000px;*/
}

/* grid layout */

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13, .col14, .col15, .col16 {
	display: inline;
	float: left;
	margin: 0 10px;
}

.hook1, .hook2, .hook3, .hook4, .hook5, .hook6, .hook7, .hook8, .hook9, .hook10, .hook11, .hook12, .hook13, .hook14, .hook15, .slice1, .slice2, .slice3, .slice4, .slice5, .slice6, .slice7, .slice8, .slice9, .slice10, .slice11, .slice12, .slice13, .slice14, .slice15 {
	position: relative;
}

/* column spread */

.container16 .col1 {
	width: 40px;
}

.container16 .col2 {
	width: 100px;
}

.container16 .col3 {
	width: 160px;
}

.container16 .col4 {
	width: 220px;
}

.container16 .col5 {
	width: 280px;
}

.container16 .col6 {
	width: 340px;
}

.container16 .col7 {
	width: 400px;
}

.container16 .col8 {
	width: 460px;
}

.container16 .col9 {
	width: 520px;
}

.container16 .col10 {
	width: 580px;
}

.container16 .col11 {
	width: 640px;
}

.container16 .col12 {
	width: 700px;
}

.container16 .col13 {
	width: 760px;
}

.container16 .col14 {
	width: 820px;
}

.container16 .col15 {
	width: 880px;
}

.container16 .col16 {
	width: 940px;
}

/* ordering commandment */

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* whitespace */

.container16 .before1 {
	padding-left: 60px;
}

.container16 .before2 {
	padding-left: 120px;
}

.container16 .before3 {
	padding-left: 180px;
}

.container16 .before4 {
	padding-left: 240px;
}

.container16 .before5 {
	padding-left: 300px;
}

.container16 .before6 {
	padding-left: 360px;
}

.container16 .before7 {
	padding-left: 420px;
}

.container16 .before8 {
	padding-left: 480px;
}

.container16 .before9 {
	padding-left: 540px;
}

.container16 .before10 {
	padding-left: 600px;
}

.container16 .before11 {
	padding-left: 660px;
}

.container16 .before12 {
	padding-left: 720px;
}

.container16 .before13 {
	padding-left: 780px;
}

.container16 .before14 {
	padding-left: 840px;
}

.container16 .before15 {
	padding-left: 900px;
}

.container16 .after1 {
	padding-right: 60px;
}

.container16 .after2 {
	padding-right: 120px;
}

.container16 .after3 {
	padding-right: 180px;
}

.container16 .after4 {
	padding-right: 240px;
}

.container16 .after5 {
	padding-right: 300px;
}

.container16 .after6 {
	padding-right: 360px;
}

.container16 .after7 {
	padding-right: 420px;
}

.container16 .after8 {
	padding-right: 480px;
}

.container16 .after9 {
	padding-right: 540px;
}

.container16 .after10 {
	padding-right: 600px;
}

.container16 .after11 {
	padding-right: 660px;
}

.container16 .after12 {
	padding-right: 720px;
}

.container16 .after13 {
	padding-right: 780px;
}

.container16 .after14 {
	padding-right: 840px;
}

.container16 .after15 {
	padding-right: 900px;
}

/* reorder elements */

.container16 .slice1 {
	left: 60px;
}

.container16 .slice2 {
	left: 120px;
}

.container16 .slice3 {
	left: 180px;
}

.container16 .slice4 {
	left: 240px;
}

.container16 .slice5 {
	left: 300px;
}

.container16 .slice6 {
	left: 360px;
}

.container16 .slice7 {
	left: 420px;
}

.container16 .slice8 {
	left: 480px;
}

.container16 .slice9 {
	left: 540px;
}

.container16 .slice10 {
	left: 600px;
}

.container16 .slice11 {
	left: 660px;
}

.container16 .slice12 {
	left: 720px;
}

.container16 .slice13 {
	left: 780px;
}

.container16 .slice14 {
	left: 840px;
}

.container16 .slice15 {
	left: 900px;
}

.container16 .hook1 {
	left: -60px;
}

.container16 .hook2 {
	left: -120px;
}

.container16 .hook3 {
	left: -180px;
}

.container16 .hook4 {
	left: -240px;
}

.container16 .hook5 {
	left: -300px;
}

.container16 .hook6 {
	left: -360px;
}

.container16 .hook7 {
	left: -420px;
}

.container16 .hook8 {
	left: -480px;
}

.container16 .hook9 {
	left: -540px;
}

.container16 .hook10 {
	left: -600px;
}

.container16 .hook11 {
	left: -660px;
}

.container16 .hook12 {
	left: -720px;
}

.container16 .hook13 {
	left: -780px;
}

.container16 .hook14 {
	left: -840px;
}

.container16 .hook15 {
	left: -900px;
}

/* float clearing */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}