/*
Theme Name: Helvetica Custom
Theme URI: http://ryanunderdown.com
Description: Clean Helvetica Theme
Version: 0.1
Author: Ryan Underdown
Author URI: http://ryanunderdown.com
*/

/* Few HTML Defaults */
body { font: 82%/130% "sans-serif",arial; color:#ddd; background:#fff; }
h1, h2, h3, h4, h5, h6 { margin: 0.8em 0 0.8em 0; padding:0; line-height:1.2em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#000; }
h1 { font-size: 4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }
h5 { font-size: 1.0em; font-style: italic; }
h6 { font-size: 1.0em; font-weight: normal; font-style: italic; }
ul li { list-style-type: square; }
p { margin: 0.6em 0 0 0; }
code {}
pre {overflow:scroll}


/* Images */
img { float: none; margin: 0 0 1em 1em; }
a img { border:none; }
.img-a { float:left; clear:both; margin: 0 1em 1em 0; }
.img-a2 { float:none; margin: 0; } 
.img-c { float:right; margin: 0 0 1em 1em; }
.img-c2 { float:none; clear:both; margin: 0 0 1em 1em; }


/* Tables */
table {
    float:right; font-size: 1em;
    margin: 0 0 1em 1em; 
    border-collapse:collapse; border-top:1px solid #333;
}
caption { font-style:italic; padding-bottom:1em; }
th, thead { font-weight:bold; text-align:left; }
th, td { padding: 0.2em 1em 0.2em 0; border-bottom:1px solid #ccc; }


/* 	Horizontal Navigation */
.nav-h ul { padding:1em 0; }
.nav-h ul, .nav-h li { margin: 0; padding: 0; list-style-type:none; }
.nav-h li { display:inline; margin-right:1em; }

/* 	Vertical Navigation */
.nav-v ul { padding:1em 0; }
.nav-v ul, .nav-v li { margin: 0; padding: 0; list-style-type:none; }
.nav-v li { list-style-type: none; }
.nav-v li ul { margin-bottom: 0.4em; }
.nav-v li a { display:block; padding: 0.4em 0; }
.nav-v li a:hover { text-decoration:none; }
.nav-v li li { font-size: 0.82em; list-style-type: square; color: #ccc; margin-left:2em; }



/* 	Flat lists for a lot of content per item */
ul.flat, ol.flat { margin:0; padding:0;}
ul.flat,
ul.flat li,
ol.flat,
ol.flat li { padding-left:0; padding-left:0; }
ul.flat li, ol.flat li {}
.flat ol, .flat ul { margin-left:1.2em; padding-bottom:1em; padding-top:0.4em; }


/*  BLOCK FLOATIGN */
.bb-fa { float:left; }
.bb-fb { margin:auto; }
.bb-fc { float:right; }

/*  Columns */
.bb-tbase { width:100%; float:left; clear:both; }
.bb-t1 { width: 3.28%; }
.bb-t2 { width: 6.61%; }
.bb-t3 { width: 9.96%; }
.bb-t4 { width: 13.28%; }
.bb-t5 { width: 16.61%; }
.bb-t6 { width: 20.00%; }
.bb-t7 { width: 23.28%; }
.bb-t8 { width: 26.61%; }
.bb-t9 { width: 29.96%; }
.bb-t10 { width: 33.28%; }
.bb-t11 { width: 36.61%; }
.bb-t12 { width: 28.00%; }
.bb-t13 { width: 43.28%; }
.bb-t14 { width: 46.61%; }
.bb-t15 { width: 49.96%; }
.bb-t16 { width: 53.28%; }
.bb-t17 { width: 56.61%; }
.bb-t18 { width: 72.00%; }
.bb-t19 { width: 63.28%; }
.bb-t20 { width: 66.61%; }
.bb-t21 { width: 69.96%; }
.bb-t22 { width: 73.28%; }
.bb-t23 { width: 76.61%; }
.bb-t24 { width: 79.96%; }
.bb-t25 { width: 83.28%; }
.bb-t26 { width: 86.61%; }
.bb-t27 { width: 89.96%; }
.bb-t28 { width: 93.28%; }
.bb-t29 { width: 96.61%; }

/* Four columns: 7.5units, 22.5units */
.bb-t7a { width: 24.96%; }
.bb-t22a { width: 74.96%; }


/*  RELATIVE POSITIONING FROM CONTAINER. ADVANCED. */
/*  Relative to the RIGHT */
.bb-t10.relpos-c { float:right; position:relative; right: -33.33%; margin-left:-33.33%; }
.bb-t11.relpos-c { float:right; position:relative; right: -36.61%; margin-left:-36.28%; }
.bb-t12.relpos-c { float:right; position:relative; right: -40.00%; margin-left:-40.00%; }
.bb-t13.relpos-c { float:right; position:relative; right: -43.28%; margin-left:-43.28%; }
.bb-t14.relpos-c { float:right; position:relative; right: -46.61%; margin-left:-46.61%; }
.bb-t15.relpos-c { float:right; position:relative; right: -50.00%; margin-left:-50.00%; }
/*  Relative to the LEFT */
.bb-t10.relpos-a { float:left; position:relative; left: -33.28%; margin-right:-33.28%; }
.bb-t11.relpos-a { float:left; position:relative; left: -36.61%; margin-right:-36.28%; }
.bb-t12.relpos-a { float:left; position:relative; left: -40.00%; margin-right:-40.00%; }
.bb-t13.relpos-a { float:left; position:relative; left: -43.28%; margin-right:-43.28%; }
.bb-t14.relpos-a { float:left; position:relative; left: -46.61%; margin-right:-46.61%; }
.bb-t15.relpos-a { float:left; position:relative; left: -50.00%; margin-right:-50.00%; }


/* 	
	BLOCK INTERAL PADDING:
		a - left padding only
		b - left and right padding
		c - right padding only
			1 - measured in "ems"
			2 - measured in %
*/
.bbin-a1 { padding-left: 1em; }
.bbin-b1 { padding-left: 1em; padding-right: 1em; }
.bbin-c1 { padding-right: 1em; }

.bbin-a2 { padding-left: 3%; }
.bbin-b2 { padding-left: 3%; padding-right: 3%; }
.bbin-c2 { padding-right: 3%; }

.bbin-a3 { padding-left: 0.4em; }
.bbin-b3 { padding-left: 0.4em; padding-right: 0.4em; background:#eee; margin:1px; border:1px solid #ccc;  }
.bbin-c3 { padding-right: 0.4em; }

/* BORDERS */
.bb-b0001 { border-left:1px solid #ccc; }
.bb-b0101 { border-left:1px solid #ccc; border-right:1px solid #ccc; }
.bb-b0100 { border-right:1px solid #ccc; }
.bb-b1000 { border-top:1px solid #ccc; }
.bb-b0010 { border-bottom:1px solid #ccc; }

/*	
    INLINE BLOCK MARGINS
	(important: use only with "inline" blocks.)
	Apply to the .bb-t* div block, not .catin*
*/
.bb-marg-a1 { margin-left: 1em; }
.bb-marg-b1 { margin-left: 1em; margin-right: 1em; }
.bb-marg-c1 { margin-right: 1em; }

.bb-marg-a2 { margin-left: 4.16%; }
.bb-marg-b2 { margin-left: 2.08%; margin-right: 2.08%; }
.bb-marg-c2 { margin-right: 4.16%; }





#header .logo a, #header #nav-main a, .more-link, #nav-sub ul li.current_page_item, .comments li.authorcomment cite,
.comments li.authorcomment cite a, #nav-sub li.current_page_item a, .comments li .commentcontent, .nav-v.nav-etries li span, 
.widget li.current-cat a, .widget li.current-cat, .pagetitle em, #header .logo, #content-sub h4 { 
/* Theme color */
	color: #3B5998; }

#footer .footer-info, .comments li .credits {
/* Theme color for border elements */
	border-color: #323332; }

#header #nav-main a, .nav-entry-pages a:hover, #header .slogan em, .nav-entry-pages a { 
/* Theme color for background */ 
	background: #323332; }

#content-sub h4, .postinfo { /*background: #eee;*/ }


/* The rest of CSS */

body { font: 100%/120% sans-serif; color:#333; margin:0; background: #fff; border-top:1.2em solid #eee; }
a { color:#3B5998; text-decoration:underline; }
a:hover { }
h1, h2, h3, h4, h5, h6 { color:#3B5998;text-shadow: 1px 1px 1px #ddd; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#3B5998; text-decoration:none; border-bottom:1px dotted #ddd; }
h5 { font-style:normal; }
hr { display:none; }
blockquote { margin:1em 0; padding-left:2.5em; background: url('images/quotes.png') no-repeat 0 0.5em; clear:both; }

#soul { width:86%; max-width:78.2em; margin:0 auto; position:relative; left:-3%; }
#soul-content { float:left; width:96%; clear:both; padding: 0 2.5em; background:#fff; }

#header { padding:0; margin:0 0 0.5em 0; }
#header .logo { font-size:2.4em; line-height:1.1em; margin:0.4em 0 0 0; float:left; clear:right; width:100%; }
#header .logo a { 
  


  text-shadow: 1px 1px 1px #ddd;font-family: 'Telex', 'Myriad', helvetica, arial, sans-serif;
  font-size: 2.2em;
  font-style: normal;
  font-weight: 400;

  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.3em;
  color: #ADC0C9;

}
  }
#header .logo a:hover { text-decoration:underline; }
#header .slogan { color:#fff; font-size:0.88em; line-height:1.5em; clear:both; float:left; width:100%; margin:0.5em 0 0 0; }
#header .slogan em { padding:0.35em 0.8em; font-style:normal; }
#header #nav-main { width:38.8%; }
#header #nav-main ul { margin:2em 0 0 0;  }
#header #nav-main li { font-size:1em; line-height:2em; margin-right:0; }
#header #nav-main a { padding:0.25em 0.8em 0.3em; color:#fff; text-decoration:none; }
#header #nav-main a:hover { background:#000; }
#header #nav-main li.current_page_item a { color:#fff; background:#333; text-decoration:none; font-weight:bold; }

#content-sub { margin:1em 0 1em 0; font-size:0.88em; line-height:1.5em; }
#content-sub h2, h3, h4 { font-size:1.16em; }
#content-sub img.klogo { margin: 0.4em 1em 1em -0.6em; }
#content-sub .feedlink img { float:none; margin:0; vertical-align:middle; text-decoration:none; }
#content-sub h4 { padding:0; margin-bottom:0; font-size: 24px; }
#content-sub h4 span {
  padding: 1px 3px 2px;
  font-size: 36px;
  font-weight: bold;
  color: #3B5998;
  text-transform: uppercase;
  white-space: nowrap;
    text-shadow: none;
 /* background-color: #3B5998;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-shadow: none;*/

  /*

  background:#fff; padding:0 0.7em 0 0;text-decoration:none;
  font-family: 'Telex', Helvetica Neue, helvetica, serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  text-shadow: 1px 1px 1px #ddd;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;  */}

#nav-sub { margin:0 0 2em; line-height:1.4em; font-size:1.06em; }
#nav-sub ul { color:#666; line-height:1.4em; margin:0 -1.2em 0 1.2em; position:relative; left:-1.2em; }
#nav-sub ul ul { font-size:0.88em; color:#666; padding-left:1.5em; margin:0.7em 0 1em 1em; }
#nav-sub li { margin:0.5em 0; }
#nav-sub a { padding:0.2em 0;}
#nav-sub li.current_page_item a { font-weight:bold; text-decoration:none; }
#nav-sub li.current_page_item a:hover { }
#nav-sub li.current_page_item li a { font-weight:normal; text-decoration:underline; color:#236B8E; }
#nav-sub li.current_page_item li a:hover { color:#000; }

#footer { font-size:0.88em; line-height:1.4em; margin-top:6em; padding:0 0 3em; }
#footer a { color:#333; }
#footer input { font-size:1em; }
#footer #searchform { margin:0; padding: 2.5em 0 0 0;  }
#footer #searchform fieldset { border:none; padding:0; margin:0; }
#footer .credits { padding:0 0 4em 0; }
#footer .footer-links { padding-top:1em; }
#footer .footer-info { padding-top:1em; border-top:1.3em solid #eee; position:relative; top:-1.3em; }
#searchform fieldset { border:none; margin:1em 0; padding:0; }

.post { clear:both; float:right; width:100%; }
.post h2 a, .post h1 a { border:none; display:block; padding-right:1em; }
.post h2 a:hover, .post h1 a:hover { background:transparent; text-decoration:underline; }
.post h2 { text-decoration:none;
  font-family: 'Telex', Helvetica Neue, helvetica, serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  text-shadow: 1px 1px 1px #aaa;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2; 
  margin-bottom:0.2em;
  }
h1, .post h1 { font-size:1.8em; line-height:1.2em; margin:0.8em 0.5em 0.3em 0;text-decoration:none;
  font-family: 'Actor', Helvetica Neue, helvetica, serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  text-shadow: 1px 1px 1px #aaa;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;  }
.post img.img-def { padding:1px; border: 1px solid #ccc; }
.post p, .post ul, .post ol, .post dl { line-height:1.6em; }
.post .pages { border-top:1px solid #eee; border-bottom:1em solid #eee; padding:0.5em 0; margin-top:2em; }
.post .pages strong { margin-right:0.5em; }
.post .pages a { padding:0.1em 0.2em; }
.page h1 { margin-bottom:1em; }

div.image { margin:0.5em 0 1em 0; }
div.image p { width:90%; clear:both; margin:1em auto; font-size:0.88em; margin:0; }
div.image img { margin:1em 0; }
div.img-c { float:right; margin-left:1em; }
div.img-c p { text-align:right; float:right; }
div.img-c img { float:right; }
div.img-a { float:left; margin-right:1em; }
div.img-a p { text-align:left; float:left; }
div.img-a img { float:none; }
div.wide { margin:1em auto 1.5em; clear:both; width:100%; text-align:center; overflow:hidden; }
div.wide p { width:70%; margin-left:auto; margin-right:auto; }
div.wide img { float:none; padding:0; }
div.wide a:hover img { border-color:#ddd; background:#fff; }
div.withframe img { border:0.7em solid #eee; }
div.type1 img { padding:0.5em; border:1px solid #ccc; }
div.type2 img { padding:0.5em; border:3px double #ccc; }

.postinfo, .postmetadata { color:#666; font-size:0.88em; line-height:1.4em; }
.postinfo { margin:0 0 0.8em 0; padding:0; }
.postinfo span { padding:0.3em 1em 0.3em 0; }
.postinfo a, .postmetadata a { padding: 1px 3px 2px;
font-size: 9.75px;
font-weight: bold;
color: white;
text-transform: uppercase;
white-space: nowrap;
background-color: #BFBFBF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: none; }
.postinfo a:hover, .postmetadata a:hover { background:#3B5998; }
.single .postinfo { margin:0.5em 0 2em; }
.postinfo .date { padding: 1px 3px 2px;
font-size: 9.75px;
font-weight: bold;
color: white;
text-transform: uppercase;
white-space: nowrap;
background-color: #BFBFBF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: none; }
.postmetadata { color:#333; margin:1em 0; text-align:right; }
.postmetadata a { color:#333; }

.nav-v.nav-etries { font-size:1.1em; float:left; clear:both; width:100%; padding:0 0 1em 0; margin:0; }
.nav-v.nav-etries li { float:left; margin:0.1em 0; width:100%; clear:both; }
.nav-v.nav-etries li span { display:block; float:left; width:1.3em; position:relative; left:-1.3em; margin-right:-1.3em; }
.nav-v.nav-etries li a { padding:0.1em 0; float:left; }
.nav-entry-pages { margin:3em 0 0 0; float:right; clear:both; width:99.9%; }
.nav-entry-pages .next { text-align:right; }
.nav-entry-pages a { text-decoration:none; line-height:2em; padding:0.3em 0.6em; color:#fff; }
.nav-entry-pages a:hover { background:#333; color:#fff; }
.search .post h4 { float:left; clear:both; width:100%; margin:1em 0 0.25em 0; }
.pagetitle em { font-style:normal; font-weight:bold; }
.pagetitle { margin:2em 0 0 0; font-size:1.8em; }
.sidebar-default { margin-top:2em; padding-bottom:1em; }
.bbin-c3 { margin-right:2em; }
ul.flat, ol.flat { margin-right: -2em; margin-bottom:1em; margin-top:1em; padding-left:2em; float:left; width:100%; clear:both; position:relative; left:-2em; }
ul.flat li, ol.flat li { margin-bottom:1em; }
.flat ul, .flat ol { padding: 0.5em 0 0 0; margin-left:1em; }
.flat ol { margin-left: 1.5em; }
.flat li li { margin-bottom:0.5em; }
ol.flat { list-style-type:decimal; }
.more-link { white-space:nowrap; }
.expandedlist { margin:1em 0; }
.expandedlist li { margin-bottom:0.5em; }
#wpstats { display:none; }
.wp-smiley { float:none; margin:auto; }

.ga-clear { float:left; clear:both; width:100%; }
.ga-mart1 { margin-top:1em; }
.ga-mart2 { margin-top:3em; }
.ga-mart3 { margin-top:5em; }
.ga-mart4 { margin-top:7em; }
.ga-marb1 { margin-bottom:1em; }
.ga-marb2 { margin-bottom:3em; }
.ga-marb3 { margin-bottom:5em; }
.ga-marb4 { margin-bottom:7em; }
.ga iframe { padding:1em 0; }
.ga-in-wide { width:468px; margin:2em auto; }
.ga-bt1 { border-top:1px solid #333; }
.ga-bt2 { border-top:1px dotted #666; }
.ga-bb1 { border-bottom:1px solid #333; }
.ga-bb2 { border-bottom:1px dotted #666; }
.ga-bt1l iframe { border-top:1px solid #333; }
.ga-bt2l iframe { border-top:1px dotted #666; } 
.ga-bb1l iframe { border-bottom:1px dotted #666; }
.ga-bb2l iframe { border-bottom:1px solid #333; }
.ga-rel { position:relative; left:-3em; margin-right:-3em; }

h2#comments, h2#addcomment { float:left; clear:both; width:100%; }
.comments { margin:1.5em 0 0; padding:0; }
.comments li { display:block; list-style-type:none; margin:0; padding:1em 0 2em 0; float:left; width:100%; border-top:0.5em solid #eee; }
.comments li.alt { background:#f9f9f9; }
.comments li .commentcontent { margin-top:-0.8em; }
.comments li .commentcontent span { color:#333; }
.comments li .credits { position:relative; top:-1.5em; border-top-width:0.5em; border-top-style:solid; }
.comments li cite { color:#333; line-height:1.3em; margin:0 0 0.5em 0; padding-top:1.2em; display:block; font-style:normal; font-weight:bold; }
.comments li .credits a { color:#333; }
.comments li .date { font-size:0.88em; line-height:1.3em; font-style:normal; display:block; }
.comments li .date a { text-decoration:none; color:#666; }
#trackbacks { clear:both; float:left; width:100%; }
.trackbacks { margin-top:0; }
.trackbacks li { border:none; margin:1em 0 0.5em; padding:0; }
.trackbacks li .date { display:inline; font-size: 1em; }

#commentform label { display:block; width:100%; font-size:0.88em; line-height:1em; margin:0 0 0.5em 0; }
#commentform textarea { width:95%; }
#commentform .credits input { width:95%; }
#commentform .note { font-size:0.88em; line-height:1.4em; color:#666; }
#commentform .note code { font-size:1em; }


.widget { float:left; clear:both; width:100%; margin-bottom:1em; }
.widget h4 { text-decoration:none;
  font-family: 'Actor', Helvetica Neue, helvetica, serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  text-shadow: 1px 1px 1px #000;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2; 
  }
.widget ul { padding:0; margin:1em -1.2em 0 1.2em; position:relative; left:-1.2em;list-style-type:none }
.widget li { padding-left:0; margin:0.3em 0;list-style-type:none  }
.widget ul ul { padding-left:1.2em; margin:0 0 1em 1.1em; }
.widget li.current-cat a { text-decoration:none; } 
.widget li.current-cat { font-weight:bold; }
.widget li.current-cat li { font-weight:normal; } 
.widget li.current-cat li a { color:#0C0273; text-decoration:underline; }
.widget li a { padding:0.1em 0; }

.widget_observer li { list-style-type:none; margin-bottom:1em; } 
.widget_observer ul { margin-bottom:1.5em; }

.tagcloud a {padding: 1px 3px 2px;
font-size: 9.75px;
font-weight: bold;
color: white;
text-transform: uppercase;
white-space: nowrap;
background-color: #BFBFBF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: none;}


@media print {
body { border:none; }
a { color:#000; }
#header #nav-main, #searchform { display:none; }
#soul { width:100%; margin:0; left:0; padding:0; }
#soul-content { padding:0; width:100%; }
}