/*
Theme Name: Blueboy Wingnut
Theme URI: http://jonnya.net/
Description: An original design with some JQuery effects and custom gallery for Jonnya Freelance Creative.
Version: 1.51
Author: Jonnya
Tags: blue, gallery, fixed width, two columns, widgets

LOOK, DIGEST, LEARN... BUT PLEASE DON'T STEAL!
This is an original design coded from the ground up. If you got this far you are probably more than inquisitive, so look, learn, but please don't steal!

*/

/* @group Framework */

.pad-gen {
padding: 20px 20px 0px;
}

.pad-sides {
padding: 0 20px 0;
}

.pad-content {
padding: 20px 20px 0;
}

.pad-single {
padding: 20px 0 0 20px;
}

.nopad {
margin: 0;
padding: 0;
}

.site-container {
margin-top: 10px;
margin-bottom: 10px;
}

.footer-container {
margin-top: 12px;
padding-top: 20px;
}

textarea {
width:610px;
height:250px;
padding:5px;
}

/* @group Header */

.header-left {
margin-bottom: 70px;
}

.header-right {
margin-top: 50px;
}

/* @end */

/* @group Content */

/* @group Sidebar */

.sbfeature-latest {
margin-top: 15px;
	margin-bottom: -4px;
}

/* @end */

/* @end */

/* @end */

/* @group Header focus area */

.hfocusclear {
clear: both;
height: 0;
visibility: hidden;
display: block;
margin: 0;
padding: 0;
}

#focuscontainer {
margin-top: -10px;
}

.focusareahead {
text-align: left;
padding: 10px 10px 2px 20px;
margin-top: 0;
}

/* @end */

/* @group Typography */

/* @group Sizes */

h1 {
font-size: 2.5em;
}

h3 {
font-size: 2em;
}

ul.header-links-small li {
font-size: 1.3em;

}

p {
font-size: 1.3em;
}

ul.header-links-main li {
font-size: 2em;
}

ul#sliding-navigation li.sliding-element a, ul#sliding-navigationtwo li.sliding-element a, ul#sliding-navigationthree li.sliding-element a {
font-size: 1.1em;
}

.meta {
margin-bottom: 1em;
}


.footer-text-main, .footer-text-secondary {
font-size: 1em;
}

ul.footerlinks {
font-size: 1.2em;
}

/* @end */

/* @group Styling */

h1, h2, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3 {
line-height: 1.2em;
}

h1 {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
margin-left: -2px;
margin-bottom: 21px;
}

h3.sidebar-title {
font-weight: bold;
margin-left: 18px;
margin-bottom: 13px;
}

h2.footer-title {
margin-bottom: 7px;
}

p {
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.footer-text-main {
margin-bottom: 0;
}

.footer-text-secondary {
margin-bottom: 20px;
}

ul {
list-style-type: square;
}

ul.footerlinks {
margin-left: 15px;
margin-top: -5px;
}

/* @end */

/* @end */

/* @group Links */


/* @group General */

a, a:visited {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:active {

}

/* @end */

/* @group Slider menus */

ul#sliding-navigation, ul#sliding-navigationtwo, ul#sliding-navigationthree {
list-style: none;
margin-left: 19px;
}

ul#sliding-navigation li.sliding-element, ul#sliding-navigationtwo li.sliding-element, ul#sliding-navigationthree li.sliding-element {
display: block;
margin: 0;
margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element a, ul#sliding-navigationtwo li.sliding-element a, ul#sliding-navigationthree li.sliding-element a {
display: block;
padding: 8px 20px;
width: 230px;
margin: 0;
}


/* @end */

/* @end */

/* @group focusmenu */

ul.focusmenu {
margin-left: 0;
width: 950px;
}

#focuscontainer ul {
}

ul.headerfocuslinklist {
color: #0063af;
font-size: 1.3em;
}

#focuscontainer ul.focusmenu li {
float: left;
display: block;
padding: 15px 19px 10px;
position: relative;
font-size: 19px;
font-weight: bold;
}

/* @end */

/* @group Focus area content */

h2.leadincopy {
margin-top: 10px;
margin-bottom: 10px;
font: 2.7em/1.2em Georgia, "Times New Roman", Times, serif;
}

.focusareahead.tfocuslinkone {
display: block;
}

.focusareahead.tfocuslinktwo {
display: none;
}

.focusareahead.tfocuslinkthree {
display: none;
}

.focusareahead.tfocuslinkfour {
display: none;
}

.focusareahead.tfocuslinkfive {
display: none;
}

.focusareahead.tfocuslinksix {
display: none;
}

.focusareahead.tfocuslinkseven {
display: none;
}

/* @end */

/* @group Gallery */

h3.image-title {
margin: 10px 7px 0 10px;
color: #0063af;
text-transform: uppercase;
font-weight: bold;
	font-size: 1.3em;
}

.boxgrid {
width: 303px;
height: 260px;
margin: 0;
float: left;
background: #161613;
overflow: hidden;
position: relative;
}

.boxgrid img {
position: absolute;
top: 0;
left: 0;
border: 0;
}

.boxgrid p {
margin: 7px 7px 0 10px;
font-size: 1em;
	font-weight: bold;
}

.boxcaption {
float: left;
position: absolute;
background: #fff;
height: 100px;
width: 100%;
/* IMPORTANT - Sets first position */
top: 220px;
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
top: 260;
left: 0;
}

.caption .boxcaption {
top: 220;
left: 0;
}

/* @end */

/* @group PluginCSS */

.linklove {
display: none;
}

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/* @end */