/*
Theme Name:     Unfettered Bloke
Theme URI:
Description:    Theme for Unfettered Bloke
Author:         Nathan Duvall
Author URI:
Template:       ontopic
Version:        1.0
*/

@import url("../ontopic/style.css");


/*
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */


.post {
margin: 3em 0 !important;
}

h1 {
font-family: 'Lobster Two', cursive;
}

.archive-header h1 {
font-family: inherit !important;
}

.post img:hover, .type-page img:hover, .post img.thumbnail:hover, .type-page img.thumbnail:hover {
border-color: #4fb5f5;
box-shadow: 0 0 0 6px #45aff0;
-webkit-box-shadow: 0 0 0 6px #1485CC;
}

#wrapper #header .site-title a:hover {
opacity: .90;
text-decoration:  none;
text-shadow: 2px 2px 10px #000;
color: #fafafa !important;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

a.button, .submit, input[type=submit], #commentform #submit, .submit, input[type=submit] {
background: #ef7226;
}

a.button:hover, input[type=submit]:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover {
color: #fff !important;
background: #ef7226;
}

a {
  color: #ef7226;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

a:hover, .post header h1 a:hover {
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  color: #1485CC !important;
  text-decoration: none;
}

#navigation ul.nav > li > a {
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

.sub-email {
	display: none!important;
}

#header {
	background: #150601 url(../../uploads/2013/06/woodtile.png) repeat top left!important;
}

#header #logo {
margin: .5em 0 !important;
}

#header #logo:hover {
opacity: .85;
}

.page #header #logo, .single-post #header #logo {
margin: 1.618em 4.236em 1.618em 0 !important;
}

.page article .entry > p:first-child:first-letter, .single-post article .entry > p:first-child:first-letter {
font-family: 'Lobster Two', cursive;
color: #f07830;
font-size: 60px;
line-height: 1;
padding: 0 0.1em 0 0;
font-weight: bold;
}

.page article .entry > p:first-child:first-line, .single-post article .entry > p:first-child:first-line {
font-weight: normal;
text-transform: inherit;
}

.page article .entry > p:first-child, .single-post article .entry > p:first-child {
font-size: inherit;
}

body .tabbable .nav-tabs {
border-bottom: 3px solid #e4e2dc;
}

.widget_woodojo_tabs ul.nav-tabs li a:hover {
color: #ef7226;
}

body .tabbable .nav-tabs > .active > a  {
color: #828282;
text-transform: uppercase !important;
font-weight:bold !important;
}

body .tabbable .nav-tabs > .active > a:hover {
color: #828282 !important;
}

.widget_woodojo_tabs ul.nav-tabs li.active a {
border: none !important;
}

.widget_woodojo_tabs ul.nav-tabs li a {
color: #b5b5b5;
font-family: "Open Sans", sans-serif !important;
padding: 10px 6px 20px 0px !important;
text-transform: uppercase !important;
font-size: 1.1em;
background: none!important;
border: none!important;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
}

.widget_woodojo_tabs .tab-content ul li {
line-height: 1.618;
padding: .15em 0 1.387em;
}

.widget_woodojo_tabs .tab-content ul li {
line-height: 1.5;
padding: 0 0 1em;
}

.textwidget, .widget_displaytweetswidget p {
line-height: 1.5;
}

#navigation ul.nav > li > a:hover {
background: #ef7226 !important;
color: #ffffff !important;
}

#connect .social a.youtube:before {
font-family: FontAwesome !important;
content: "\f180" !important;
color: #fff !important;
background-color: #1fb7e8 !important;
}

#connect .social a.delicious:before {
font-family: FontAwesome !important;
content: "\f025" !important;
background-color: #7dc211;
}


/*
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {
	/* Desktop styles go here */
}