/*-----------------------------------------------------------------------------------

	Theme Name: HUB Publishing
	Theme URI: http://www.hubpublishing.com
	Description: HUB Publishing's custom Wordpress theme, based on Bookcase by Andre Gagnon
	Author: Andre Gagnon, Tiger Custom Computers
	Author URI: http://www.designcirc.us
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------*/

@import url('css/reset.css'); /*import reset stylesheet */
@import url('css/prettyPhoto.css'); /* Import prettyphoto Stylesheet */
/*-----------------------------------------------------------------------------------*/
/*  Preloader Styles
/*-----------------------------------------------------------------------------------*/
.attachment-portfoliosmall, .largeport {
	visibility:hidden;
}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}
.portfoliopreload, .videocontainer {
	display:block;
}

.largeport {
	visibility:hidden;	
}
/*-----------------------------------------------------------------------------------*/
/*  General Site Styles
/*-----------------------------------------------------------------------------------*/
.alert { /* For Non-Javascript Enabled Browsers */
background: #ffffff;
text-align: center;
padding: 5px 0px;
border-top: 2px solid #333;
border-bottom: 2px solid #333;
position:absolute;
top:50%;
left:0;
width:100%;
z-index:9999;
}

html, body {
	height:100%;
}
body {
	width:100%;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	margin:0;
	overflow-x: hidden;
	font-size:12px;
}
#selfdiscipline {
	position:relative;
	top:20px;
	width:300px;
	padding-left:360px;
	padding-right:360px;
	margin-left:auto;
	margin-right:auto;
}
#container {  /* Main Content Container */
	margin-left:350px; /* Match to Sidebar Width */
	margin-right:80px;
	margin-bottom:10px;
	margin-top:20px;
	z-index:1;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.alignright {
	float:right;
}
.alignleft {
	float:left;
}
strong {
	font-weight:bold;
}
.button, a.button, a.more-link {
	background-color: #222;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1;
	padding: 8px 10px 9px;
	position: relative;
	text-decoration: none;
	font-size:10px;
	-moz-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	border:none;
}
.button:hover, a.button:hover, a.more-link:hover {
	color:#fff;
}
.button.custom:hover, a.button.custom:hover {
	background:#222 !important;
}
a.button, .button {
	margin-top:10px;
}
a.more-link {
	margin-top:5px;
	margin-bottom:5px;
}
/*************** Button Sizes ********************/

.button.small {
	font-size:10px;
}
.button.medium {
	font-size:12px;
	padding: 10px 12px 11px;
}
.button.large {
	font-size:14px;
	padding: 12px 14px 13px;
}
.button.huge {
	font-size:18px;
	padding: 14px 16px 15px;
}
/********************* Button Colors **************************/

.button.red {
	background:#900;
}
.button.orange {
	background:#C30;
}
.button.yellow {
	background:#C90;
}
.button.green {
	background:#360;
}
.button.blue {
	background:#039;
}
.button.purple {
	background:#306;
}
.button.purple:hover, .button.blue:hover, .button.green:hover, .button.yellow:hover, .button.orange:hover, .button.red:hover {
	background:#222;
}
.buttonleft {
	display: inline-block;
	padding: 5px 10px 6px;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	position: relative;
	cursor: pointer;
	font-style:normal;
	letter-spacing:normal;
	border-style:solid;
	border-width:1px;
}
.buttonright {
	display: inline-block;
	padding: 5px 10px 6px;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	position: relative;
	cursor: pointer;
	font-style:normal;
	letter-spacing:normal;
	border-style:solid;
	border-width:1px;
}
#footer .button, #footer a.button, #footer a.more-link {
	background:#f2f2f2;
	color:#ddd;
}
.hover {
	background:#222 url(images/expand.png) center no-repeat;
}
.nomargin {
	margin:0;
}
input[type=text], textarea {
	padding: 10px;
	margin: 0 0 20px 0;
	border-style:solid;
	border-width:1px;
	font-size: 12px;
	width:90%;
}
#footer input[type=text], #footer textarea {
	background:#333;
	color:#fff;
	border-color:#444;
}
#moreinfo {
    color: #FFFF00;
    font-size: 12px;
    font-weight: bold;
    height: 0;
    margin-left: 12px;
}
/***************** Search Box **********************/

input#s {
	padding:10px;
	border-style:solid;
	border-width:1px;
	font-size:10px;
	width:90%;
	max-width:300px;
	margin:0;
}
#footer input#s {
	background:#333;
	color:#fff;
	border-color:#444;
}
/*-----------------------------------------------------------------------------------*/
/*  Dropdown Navigation
/*-----------------------------------------------------------------------------------*/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size: 13px;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 10.8em;
	top: -10px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.sub-menu {
	z-index:3;	
}
/*** Skinning the Menu ***/
.sf-menu {
	float:			left;
	margin-left:	10px;
	margin-bottom:	30px;
}
.sf-menu a {
	/* border-top:		1px solid #CFDEFF; */
	padding: 		.75em 1em;
	text-decoration:none;
	padding-left:0;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color:			#777;
}
.sf-menu li {
/*	background:		#BDD2FF; */
}
.sf-menu li ul, .sf-menu li li ul {
	border-style:solid;
	border-width:1px;
	padding:.75em;
	box-shadow: 0 0 30px rgba(0, 0, 0, .1);/*background:rgba(255,255,255,.98); */
}
.sf-menu li li a, .sf-menu li li a:visited {
	padding: .5em;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
.sf-menu li.current-menu-item a {
	font-weight: bold;
	color: #9f8329;
}
.sub-menu li.menu-item a {
	font-weight: normal;
	color: #555555;
	font-size: 12px;
}
.sub-menu li.current-menu-item a {
	font-weight: bold;
	color: #9f8329;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

.sf-menu li li a .sf-sub-indicator {
	top:			1em;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position:  -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
	background-position:  0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	100%;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
	left:	100%; /* match ul width */
	top:	0;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
	background-position: -10px 0;
} /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {
	background-position: 0 0;
} /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*-----------------------------------------------------------------------------------*/
/*  Typography
/*-----------------------------------------------------------------------------------*/
p, ul {
	font-size:12px;
	line-height: 18px;
	margin-bottom: 10px;
}
p a, a {
	text-decoration:none;
	-moz-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
h1 {
	margin:0;
	padding:0;
	font-size:32px;
	font-weight:bold;
	line-height:32px;
	margin-bottom:20px;
	-moz-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
h2 {
	margin:0;
	padding:0;
	font-size: 24px;
	font-weight:bold;
	line-height: 36px;
	margin-bottom:10px;
	-moz-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
h3 {
	margin:0;
	padding:0;
	font-size: 18px;
	font-weight:bold;
	line-height: 24px;
	margin-bottom:20px;
	-moz-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
h4 {
	margin:0;
	padding:0;
	font-size: 13px;
	font-weight:bold;
	line-height: 18px;
	margin-bottom:10px;
	-moz-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
h5 {
	margin:0;
	padding:0;
	font-size: 10px;
	font-weight:bold;
	line-height: 12px;
	margin-bottom:12px;
	-moz-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
/*-----------------------------------------------------------------------------------*/
/*  Header, Logo and Navigation
/*-----------------------------------------------------------------------------------*/

.logonav { /* Container */
	position:fixed;
	left:0;
	top:0;
	margin:0;
	padding:40px 30px 30px 30px;
	height:100%;
	width:160px;
	z-index:3;
}
.iphone .logonav {
	position:static;
	float:left;
	height:auto;
}
.logo {
	float:left;
	min-height:20px;
	margin:0;
	line-height:0;
	margin-bottom:15px;/*border-bottom:1px #dcdcdc solid; */
}
.description {
	float:left;
	margin-bottom:20px;
	font-style:italic;
}
.description h4 {
	margin-bottom:5px;
}
.logo h1, .logo h1 a {
	margin:0; /*In case of no logo image */
	text-decoration:none;
}
/***************** Navigation **********************/

#nav {
	list-style-type:none;
}
#nav li {
	display:block;
	float:left;
	margin-right:10px;
	margin-top:10px;
}
/*-----------------------------------------------------------------------------------*/
/*  Portfolio Items
/*-----------------------------------------------------------------------------------*/

/***************** Containers **********************/

.pics { /* Portfolio Slideshow Container */
	width:500px;
	top:0;
	z-index:1;
	cursor:pointer;
}
.blogpost .pics {
	margin-left:-35px;
	width:500px;
}
.blogpost .zoom {
	width:500px;
}
.videocontainer {
	position:relative;
}
.video {
	position:absolute;
	top:50%;
	left:50%;
	width:65px;
	height:60px;
	margin-top:-30px;
	margin-left:-32px;
	background:#222 url(images/play.png) center no-repeat;
	/* for IE */
  	filter:alpha(opacity=0.9);
	/* CSS3 standard */
 	opacity:.9;
	box-shadow: 0 0 10px rgba(0, 0, 0, .9);
	z-index:20;
	text-indent:-9999px;
}
.lightbox {
	position:absolute;
	bottom:0;
	right:0;
	width:19px;
	height:19px;
	background:url(images/zoomin.gif);
	background-position: 0 0;
	/* for IE */
  	filter:alpha(opacity=0.8);
	/* CSS3 standard */
  	opacity:.8;
	z-index:20;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
	-moz-transition:none;
}

.video:hover {
	/* for IE */
 	filter:alpha(opacity=1);
	opacity:1;	
}

.lightbox:hover {
	background-position: 0 -19px;
}
.item { /* Portfolio Item Container */
	width: 240px;
	margin: 0 10px 20px 10px;
	float: left;
	border-radius:5px;
	position:relative;
}
.arrowa1 {
	margin-left:-250px;
}
.posttext { /* Portfolio Details and Slideshow Container */
	float:left;
	margin-top:-275px;
	width:500px;
}
.postphoto { /* Portfolio Featured Photo Container */
	height: 275px;
	width: 200px;
	float:left;
	margin: 0px;
	padding: 0px;
	position:relative;
	z-index:0;
	background: #000 url(images/expand.png) center no-repeat;
}
.postitem {
	min-height: 185px;
	padding-top: 10px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFD700;
	
}
.postitem a {
	color: #9f8329;
}
.postitem p {
	margin-bottom: 3px;
}
.posttitle {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}
.posttech {
	font-size: 10px;
	margin-bottom: 5px;
}
.postthumb {
	margin-left: 10px;
	float: right;
}
.portfoliocontent { /* Portfolio Text Content */
	padding:0 0 10px 0;
	width:500px;
}
.portfoliocontent h2 a, .portfoliocontent p {
	width:500px;
}
.sortcontainer {
	float:left;
	padding-left:20px;
	margin-bottom:20px;
}
a.pp_expand {
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
	-moz-transition:none;
}
/***************** Slide Navigation **********************/

.navtoggle {
	margin:15px 0 20px 0;
	height:8px;
}
.navtoggle a {
	width:22px;
	height:18px;
	text-align:left;
	display:block;
	float:left;
	text-indent: -9999px;
}

/***************** Project Info Hovers **********************/

.iphone .item .icons {
	display:none;	
}
.icons a {
	position:relative;
	text-decoration:none;
}
.item .icons {
	float:right;
	margin-top:-40px;
}
.icons img {
	margin:10px 0 0 10px;
}
.blogpost .icons img {
	margin:0 0 0 10px;
}
/***************** Box Close Icon **********************/

.xout a {
	position:absolute;
	top:0;
	right:0;
	z-index:10;
	margin:0px;
	width:19px;
	height:19px;
	text-indent: -9999px;
	background:url(images/xout.gif);
	background-position: 0 0;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
	-moz-transition:none;
}
.xout a:hover {
	background-position: 0 -19px;
}
/*-----------------------------------------------------------------------------------*/
/*  Masonry CSS3 Transitions
/*-----------------------------------------------------------------------------------*/

.masonry, .masonry .masonry-brick {
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
}
.masonry {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.masonry .masonry-brick {
	-webkit-transition-property: left, right, top;
	-moz-transition-property: left, right, top;
	-o-transition-property: left, right, top;
	transition-property: left, right, top;
}
/*-----------------------------------------------------------------------------------*/
/*  Tooltips
/*-----------------------------------------------------------------------------------*/


.tooltip img {
	border:none;
}
.tooltip a:link, .tooltip a:visited {
	position:relative;
	text-decoration:none;
}
.tooltip {
	font-size:10px;
	width:150px;
	position:absolute;
	bottom:100%;
	margin:0 0 18px 0; /*25px for ie */
	padding:15px;
	cursor:default;
	display:block;
	visibility:hidden;
	text-align:left;
	text-decoration:none;
	text-shadow:none;
	line-height:1.5;
	opacity:0;
	z-index:999;
	transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
}
.tooltip:after {
	content: "";
	position: absolute !important;
	bottom: -14px;
	z-index: 100;
	border: 0 solid #000;
	border-bottom: 14px solid transparent;
	width: 100%;
}
.tooltip:before {
	content: "";
	position: absolute !important;
	border: 0 solid #000;
	bottom: -14px;
	z-index: 100;
}
.tooltip.left:after {
	border-left-width: 14px;
	left: 0;
}
.tooltip.right {
	left:-155px;
}

.videocontainer .tooltip.right {
	left:-168px;	
}
.tooltip.right:after {
	border-right-width: 14px;
	right: 0;
}
.tooltip.center {
	border-radius: 5px;
}
.tooltip.center:after {
	border-left-width: 10px;
	width: 50%;
	left: 50%;
}
.tooltip.center:before {
	border-right-width: 10px;
	border-bottom: 14px solid transparent;
	width: 50%;
	right: 50%;
}
/***************** Tooltip Hover CSS3 effects (with fallback) **********************/

a:hover .tooltip {
	text-decoration:none;
	visibility:visible;
	opacity:1;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.tooltip.black {
	color:#fff;
	background:#000;
}
/*-----------------------------------------------------------------------------------*/
/*  Page Styling
/*-----------------------------------------------------------------------------------*/

.subsection {
	margin-left:360px; /* Match to Sidebar Width */
	width:800px;
	padding-top:80px;
	position:relative;
	padding-bottom:50px;
}
.pagename {
	float:left;
	width:535px;
	background:#222;
	padding-top:15px;
	padding-bottom:15px;
}
.fullwidth .pagename {
	width:600px;
}
.pagename h2, .pagename h3, .pagename h4 {
	padding:0 0 0px 40px;
	color:#FFD700;
	font-weight:lighter;
	letter-spacing:2px;
	font-size:18px;
	text-transform:uppercase;
}
.pagename span {
	font-style:italic;
	display:inline-block;
	color:#dcdcdc;
	line-height: 24px;
	padding-left:20px;
	margin-left:10px;
	font-size:12px;
	letter-spacing:normal;
	text-transform:none;
	border-left:1px solid #dcdcdc;
}
.subheading {
	width: 800px;
	left: 0;
	top: 0;
	text-align: left;
	margin-bottom: 75px;
}
.subheading.blog {
	padding-bottom:0;
	margin-bottom:25px;
}
.subcontainer {
	width: 463px;
	height:100%;
	float: left;
	padding-left: 35px;
	border-width:1px;
	border-style:solid;
	border-bottom:none;
	padding-right: 35px;
	padding-bottom:20px;
	padding-top:30px;
	z-index:2;
}
.subcontainer.full {
	width:530px;
}
.subheading.blog .subcontainer {
	padding-bottom:0;
	padding-top:0;
}
.sidebar {
	width:200px;
	float:left;
	height:100%;
	padding-top:30px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:25px;
	margin-top:-1px;
	border-width:1px;
	border-style:solid;
	margin-left: -1px;
	text-align: center;
	
}
/*-----------------------------------------------------------------------------------*/
/*  Blog Styling
/*-----------------------------------------------------------------------------------*/

.flush {
	margin-left:-35px;
	margin-bottom:30px;
	display:block;
	width:500px;
}
h5.tags {
	margin-bottom: 20px;
	font-weight: normal;
	color:#666;
}
.blogpost {
	margin-top: 15px;
	margin-bottom: 20px;
}
.blogpost .blogfooter {
	clear:both;
	display:block;
	margin-left:-35px;
	padding-bottom: 8px;
	padding-left:40px;
	border-bottom: 1px solid #dcdcdc;
	margin-top:20px;
}
.blogpost .blogfooter li {
	float: left;
	height: 30px;
	margin-bottom: 10px;
	padding: 5px 5% 0px 0;
	line-height: 1.4em;
	font-size: .75em;
	list-style-type:none;
}
.edit-post {
	float:right;
}
.blogpost h2, .blogpost h2 a {
	margin: 0 0 25px;
	text-decoration:none;
	line-height:30px;
	font-style:italic;
}
.blogpost .featuredimage {
	margin:10px 0;
}
.postdate, .postauthor, .postcomments {
	border-right-style:solid;
	border-right-width:1px;
}
.postdate {
	margin-left:0;	
}

.blogpost .blogfooter li.postcategory {
	max-width: 150px;
	height: auto;	
}
.postauthor, .postcomments, .postcategory {
	margin: 0 0 0 20px;
}
.postinfo {
	margin:0 0 0 20px;
}
.postdate h5, .postauthor h5, .postcomments h5, .postcategory h5 {
	color:#999999;
	font-weight:normal;
}
.postdate h5 span, .postauthor h5 span a, .postcomments h5 span a, .postcategory h5 span a, .postcategory h5 span {
	text-decoration:none;
	font-weight:bold;
}
/*-----------------------------------------------------------------------------------*/
/*	Blog Comments
/*-----------------------------------------------------------------------------------*/

/* Comments */

.commentsheader {
	width:535px;
}
.comment {
	width:535px;
}
.singlecomment {
	padding: 30px;
}
.listcomments {
	margin: 0;
	padding: 0 0 20px 0;
	list-style: none;
	width:800px;
}
.commentsform {
	width:535px;
}
.commentsmetadata {
	font-size: 10px;
	font-style:italic;
}
.name {
	font-size:18px;
	margin: 0 0 15px;
	padding:0 0 12px 0;
	border-bottom:1px solid #dcdcdc;
}
.name a, .name {
	font-weight:bold;
}
.name a:hover {
	text-decoration:none;
}
.name strong {
	font-weight:normal;
}
.listcomments .children .name {
	font-weight:bold;
}
.listcomments .children {
	margin-left:30px;
	margin-bottom:30px;
}
.listcomments li {
	list-style-type:none;	
}
.listcomments .children .comment {
	margin:30px 0 0 0px;
	padding:0;
	background:none;
}
#commentsubmit span {
	color:#c85849;
}
#commentsubmit label {
	margin:0 0 6px;
	display:block;
	font-size:12px;
	text-transform:uppercase;
}
#commentsubmit input[type=text], #commentsubmit textarea {
	padding: 10px;
	margin: 0 0 20px 0;
	border-width:1px;
	border-style:solid;
	font-size: 12px;
}
#commentsubmit input[type=text] {
	width:275px;
}
#commentsubmit input[type=text]#url {
	width:95%;
}
#commentsubmit input[type=submit] {
	border:none;
}
#commentsubmit textarea {
	width: 95%;
}
#commentsubmit #submit {
	padding: 10px;
	margin: 0 0 20px 0;
	border:inherit;
	width:inherit;
	font-family:inherit;
	color:inherit;
	font-size:inherit;
	font-style:inherit;
}
.reply a {
	font-size:12px;
	line-height:11px;
	margin: 2px 6px 0 0;
	padding: 0 0 0 15px;
	float: right;
}
#commentsubmit input:focus, #commentsubmit textarea:focus {
	border-style:solid;
	border-width:1px;
	outline:0;
}
.gallery-title {
	font-size:1.08em;
	text-transform:uppercase;
}
.cancel-reply p a, .navigation-comments p a {
	padding: 5px 12px;
	background:#555;
	color:#fff;
}
.cancel-reply p a {
	padding: 2px 6px;
	float:right;
	font-size:10px;
}
/*-----------------------------------------------------------------------------------*/
/*	Contact Forms
/*-----------------------------------------------------------------------------------*/

textarea {
	overflow:hidden;
}
.contactsubmit span {
	color:#c85849;
}
.contactsubmit select {
	font-family:Arial, Helvetica, sans-serif;	
}
.contactsubmit .formrow {
	height:90px;
}
.contactsubmit .messagerow {
	padding-bottom:15px;
}
.contactsubmit label {
	margin:0 0 6px;
	display:block;
	font-size:12px;
	text-transform:uppercase;
}
.contactsubmit input[type=text], .contactsubmit textarea, .contactsubmit select {
	padding: 10px;
	margin: 0;
	border-width:1px;
	border-style:solid;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
}
.contactsubmit input[type=text] {
	width: 90%;
}
.contactsubmit select {
	width: 100%;
}
.contactsubmit input[type=submit] {
	border:none;
}
.contactsubmit textarea {
	width: 95%;
}
.contactsubmit #submit {
	padding: 10px;
	margin: 0 0 20px 0;
	border:inherit;
	width:inherit;
	font-family:inherit;
	color:inherit;
	font-size:inherit;
	font-style:inherit;
}
.contactsubmit input:focus, .contactsubmit textarea:focus {
	border-width:1px;
	border-style:solid;
	outline:0;
}
.contactsubmit .radiobutton {
	margin-left: 10px;
	display: block;
	margin-right: 0;
	width: 100px;
	float: left;
	line-height: 30px;
	height: 45px;
	font-size: 12px;
	text-transform:none;
}
.contactsubmit input[type="radio"] {
	font-size: 12px;
	display: inline;
	float: left;
	width: 15px;
	margin: 0;
	margin-top: 8px;
	margin-right: 5px;
}
.contactsubmit label.error {
	font-size:10px;
	color:#c85849;
	text-transform:none;
}
p.loading {
	display:none;
}
/*-----------------------------------------------------------------------------------*/
/*  Pagination
/*-----------------------------------------------------------------------------------*/
.older {
	float:left;
}
.newer {
	float:right;	
	margin-right:275px;
}
#pagination {
	height: 20px;
}
#pagination li {
	border: 0 none;
	font-size: 11px;
	list-style: none outside none;
	margin: 0 2px 0 0;
	padding: 0;
}
#pagination a {
	margin-right: 5px;
	font-size:10px;
}
#pagination .previous-off, #pagination .next-off {
	display:none;
}
#pagination .next a, #pagination .previous a {
	font-weight: bold;
}
#pagination .active {
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 5px;
	padding: 6px 10px 7px 10px;
}
#pagination a:link, #pagination a:visited {
	display: block;
	float: left;
	padding: 6px 10px 7px 10px;
	text-decoration: none;
}
#pagination a:hover {
	border: 0 none;
	display: block;
	float: left;
	font-weight: bold;
	padding: 6px 10px 7px 10px;
}
/*-----------------------------------------------------------------------------------*/
/*  Widget Styling
/*-----------------------------------------------------------------------------------*/

.widget {
	margin-top:10px;
}
.textwidget {
	font-weight:bold;
	font-size:14px;
}

.widget.ag_recentprojects_widget {
	margin-bottom:40px;	
}
#twitter_div {
	margin:0 0 10px 0;
	font-size:12px;
	line-height:24px;
}
#twitter_div ul li a {
	padding:0;
}
#footer #twitter_div ul li a {
	color:#fff;
}
#twitter_div ul li:hover {
	background:none;
}
#twitter_div span {
	display: block;
}
#footer #twitter_div span {
	color:#999;
}
ul#twitter_update_list {
	padding:0;
}
ul#twitter_update_list li {
	padding:10px 0 10px 0;
	list-style:none;
	overflow:hidden;
}
#footer ul#twitter_update_list li {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#444;
}
#footer ul#twitter_update_list {
	border-top-style:solid;
	border-top-width:1px;
	border-color:#444;
}
.widget h3, .widget h2, .widget h4 {
	margin:0;
	padding:0;
	font-size: 10px;
	font-weight:bold;
	line-height: 18px;
	margin-bottom:16px;
	-moz-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	letter-spacing:1px;
	text-transform:uppercase;
}
.widget h4.posttitle {
	font-size: 13px;
	font-weight:bold;
	letter-spacing:normal;
	text-transform:none;
}
.widget ul.children {
	margin:0;
	margin-left:20px;
}

.widget_pages ul.children {
	margin-left:0;
	margin-top:10px;
}
.widget_pages ul.children li {
	padding-bottom:0;
	border-bottom:none;	
}
.widget li.recentcomments {
	margin:10px 0 0 0;
	padding:0 0 10px 30px;
	background:url(images/speech-dark-small.png) 0 5px no-repeat;
	
}
#footer .widget_rss li, #footer .widget_recent_entries li, #footer .widget_recent_comments li  {
	border-bottom: 1px solid #333;	
}

#footer .widget_rss ul, #footer .widget_recent_entries ul, #footer .widget_recent_comments ul {
	border-top:1px solid #333;	
}

/*************************Calendar**************************************/

#wp-calendar caption {
	width: 200px;
	text-align: center;
	background: #222;
	color: #fff;
	padding:7px 2px;
	margin-bottom:7px;
	font-size:10px;
}
#footer #wp-calendar caption {
	background:#333;
	color:#ccc;
}
#wp-calendar {
	border-collapse:collapse;
	width: 199px;
	text-align: center;
	color:#555;
}
#footer #wp-calendar {
	color:#ccc;	
}
#wp-calendar thead th {
	font-weight:bold;
}
#wp-calendar tbody td {
	padding: 5px 0;
}
#wp-calendar #today {
	color: #000;
	font-weight:bold;
}
#footer #wp-calendar #today {
	color:#fff;	
}
#wp-calendar a {
	padding: 2px 0;
	font-weight: bold;
}
#wp-calendar tfoot td {
	padding: 3px 0;
}
#wp-calendar #next {
	text-align: right;
	padding-right: 10px;
}

#footer #wp-calendar #prev a {
	color:#ccc;
}
#calendar_wrap {
	display: block;
	width: 200px;
	padding: 0 1px 1px 0;
}

/*************************News Widget**************************************/

.news-widget-item {
	margin-bottom:40px;
}

/*************************RSS Widget**************************************/

ul li a.rsswidget {
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
}

a.rsswidget img {
	vertical-align:middle;
	margin-right:10px;
}

span.rss-date {
	display:block;
	margin-bottom:10px;
	font-size:10px;
	font-weight:bold;
}
.rssSummary {
	margin-bottom:10px;	
}

/*************************Projects Widget**************************************/

.ag_projects_widget .hover {
	margin-bottom:10px;	
}

.ag_projects_widget h3 a, .ag_projects_widget h3 {
	font-size:13px;
	font-weight:bold;
	text-transform:none;
	letter-spacing:normal;
	margin-bottom:10px;
}

/*************************Recent Projects Widget**************************************/
.recent-project {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border-style:solid;
	border-width:3px;
}

.recent-project a.hover {
	background:none;
}

#footer .recent-project {
	border-color:#555;	
}
/*-----------------------------------------------------------------------------------*/
/*  Sidebar Styling
/*-----------------------------------------------------------------------------------*/

.sidebar .widget_nav_menu ul, .widget_rss ul, .widget_recent_entries ul, .widget_recent_comments ul {
	border-top-width:1px;
	border-top-style:solid;
	list-style-type: none;
	margin: 20px 0 30px;
	padding: 0;
	width: 100%;
}

.sidebar .widget_nav_menu ul ul, .widget_rss ul ul, .widget_recent_entries ul ul, .widget_recent_comments ul ul {
	border-top-width:1px;
	border-top-style:solid;
	list-style-type: none;
	margin: 10px 0 30px;
	padding: 0;
	width: 100%;
}
.sidebar .widget_nav_menu ul li, .widget_rss ul li, .widget_recent_entries ul li, .widget_recent_comments ul li {
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding: 10px 0;
	width: auto;
}

.sidebar .widget_nav_menu ul li a, .widget_rss ul li a, .widget_recent_entries ul li a, .widget_recent_comments ul li a{
	padding: 0;
}
.sidebar .widget ul li a {
	padding:0;	
}
/*-----------------------------------------------------------------------------------*/
/*  Top Scroll Button
/*-----------------------------------------------------------------------------------*/

.top {
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
	cursor: pointer;
	z-index:20;
}
.top a {
	text-decoration:none;
}
.top .scroll {
	visibility:hidden;
	opacity:0;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.top a:hover .scroll p, .top a:hover .scroll, .top:hover .scroll {
	display:block;
	float:left;
	text-align:center;
	text-decoration:none;
	visibility:visible;
	opacity:.95;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.iphone #footer {/* Mobile Footer */	
	bottom: 0;
	position: static;
}
.iphone #footer #toggle_button {
display:none;
bottom: -20px;
right:30px;
}
.iphone #footer #footer_content {
	display:block;	
}
.iphone #footer #toggle_button.uparrow {
	background:#222 url(images/downarrow.png) 10px 25px no-repeat;
	padding-top:10px;
}
.iphone #footer #toggle_button.downarrow {
	background:#222 url(images/uparrow.png) 10px 25px no-repeat;
	padding-top:10px;
}

/*-----------------------------------------------------------------------------------*/
/*  Footer
/*-----------------------------------------------------------------------------------*/

#footer {
	background:#222;
	width: 100%;
	font-size:10px;
	color:#BCBCBC;
	position:fixed;
	bottom:0;
	z-index:9999;
}
#footer a {
	color:#999;	
}
#footer_button {
	width:100%;
	padding-top:10px;
	height:20px;
	cursor:pointer;
}
#toggle_button {
	float:left;
	margin-top:-40px;
	width:30px;
	height:30px;
	margin-left:30px;
	background:#222;
}
#toggle_button.uparrow {
	background:#222 url(images/uparrow.png) 10px 10px no-repeat;
	margin-top:-30px;
	padding-top:10px;
}
#toggle_button.downarrow {
	background:#222 url(images/downarrow.png) 10px 10px no-repeat;
	margin-top:-30px;
	padding-top:10px;
}
#footer #footer_content {
	width: 960px;
	display: none;
	margin:0 auto;
}
#footer #footer_content .footbox { /* Footer Open Tab */
	width: 200px;
	margin: 20px 20px 20px 20px;
	float: left;
}
#footer h3, #footer h3 a, #footer h4, #footer h4 a, #footer h2, #footer h2 a, #footer h1, #footer h1 a {
	color:#f2f2f2;
}
#footer h5, #footer h5 a {
	color:#777;
}
#footer p, #footer ul, #footer li a {
	color:#999;
}

/*-----------------------------------------------------------------------------------*/
/*  Shortcode Styles
/*-----------------------------------------------------------------------------------*/

/* Columns */
.one_half {
	width: 48%;
}
.one_third {
	width: 30.66%;
}
.two_third {
	width: 65.33%;
}
.one_fourth {
	width: 22%;
}
.three_fourth {
	width: 74%;
}
.one_fifth {
	width: 16.8%;
}
.two_fifth {
	width: 37.6%;
}
.three_fifth {
	width: 58.4%;
}
.four_fifth {
	width: 67.2%;
}
.one_sixth {
	width: 13.33%;
}
.five_sixth {
	width: 82.67%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	margin-right: 4%;
	margin-bottom: 25px;
	float: left;
}
.column-last {
	margin-right: 0!important;
	clear: right;
}

.divider.contact {
	height: 12px;
	margin-top:0;
}
.lightboxhover h1, .lightboxhover h2, .lightboxhover h3, .lightboxhover h4, .lightboxhover p {
	padding-top:15px;
	font-style:italic;
}

/*-----------------------------------------------------------------------------------*/
/*	Divider Styling
/*-----------------------------------------------------------------------------------*/

.divider {
	margin:30px 0 20px 0;
	text-align:center;
	border-bottom-style:solid;
	border-bottom-width:1px;
	height: 6px;
}
.divider.slim {
	margin:0 0 20px 0;
}
.divider span {
	background:#222;
	padding:5px 10px;
	color:#FFD700;
	height:12px;
	margin-bottom:-10px;
	font-size:10px;
	letter-spacing:1px;
}

/*-----------------------------------------------------------------------------------*/
/*	Lists, Etc.
/*-----------------------------------------------------------------------------------*/
ul li {
 list-style-type: square; 
 margin-left:15px;
}
.widget ul li {
	list-style-type:none;
	margin-left:auto;
}

/*-----------------------------------------------------------------------------------*/
/*	Featured Tabs Styling
/*-----------------------------------------------------------------------------------*/

#tabs {
	padding-bottom:30px;
}
.nobreak br {
	display:none;
}
.nobreak .text br {
	display:inline;
}
.tablink br {
	display:inline;
}
#tabs .tabimage {
	width:16px;
	height:16px;
}
.ui-tabs {
	position: relative;
	zoom: 1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
	margin: 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 1px;
	border-bottom: 0 !important;
	padding: 0;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	background: none;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}
.ui-tabs-vertical .ui-tabs-nav li {
	clear: left;
	width: 100%;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	background:none;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:10px;
}
.ui-tabs-vertical .ui-tabs-nav li a {
	display:block;
	padding:15px;
	cursor:pointer;
}
.ui-tabs-vertical .ui-tabs-nav li a img {
	float:left;
	background:none;
	padding:0;
	border:none;
}
.ui-tabs-vertical .ui-tabs-nav li a span.text {
	margin-left:30px;
	display:block;
}
.ui-tabs-vertical .ui-tabs-nav li a strong {
	page-break-after:always;
}
.ui-tabs-vertical .ui-tabs-panel {
	padding: 0;
}
.ui-tabs-vertical .ui-tabs-nav li a span.text:first-line {
	font-weight:bold !important;
	font-size: 14px;
}
.ui-tabs-vertical .ui-tabs-nav li a span.text {
	font-weight:normal;
	font-size:11px;
	line-height:18px;
	color:#555;
}
#tabs .one_third, #tabs .two_third {
	margin-bottom:0;
}
/*-----------------------------------------------------------------------------------*/
/*  General Wordpress Styles
/*-----------------------------------------------------------------------------------*/

.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
	display:block;
	margin: 5px auto 5px auto;
}
.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin: 5px 20px 5px 0;
}
.aligncenter {
	display: block;
	text-align:center;
	margin: 5px auto 5px auto;
}
a img.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin: 5px 20px 15px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
em {
	font-style:italic;
}
.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin:0;
	max-width: 98.5%;
	padding:0;
	width: auto;
}
.wp-caption p.wp-caption-text, .gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:5px 4px 0;
}
blockquote {
	quotes: "\201c" "\201d" "\2018" "\2019";
	padding-left:20px;
	border-left:1px solid #dcdcdc;
	font-style:italic;
	margin:0px 0 20px 10px;
	line-height:18px;
	color:#555;
	font-size:12px;
}
.sticky {
/*This theme doesn't use sticky posts */
}