/*
Theme Name: hub
Theme URI: http://hub.ag/blog
Description: Hub Theme
Version: 1.6
Author: Geo Freitas
Author URI: http://geofreitas.com/
Tags: blue, custom header, fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@import 'reset.css';

*{
	border: 0;
	font-family: Georgia, Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 0;
}

html,
body{
	height: 100%;
	width: 100%;
}

html{
	background: #f6f6f6 url('/blog/wp-content/background-images/background.jpg') repeat-x;
	overflow: -moz-scrollbars-vertical;
}

body{
	text-align: center;
}

#page{
	background: url('images/page/background.png') repeat-y;
	margin: 0 auto;
	padding: 0 18px;
	text-align: left;
	width: 950px;
	_width: 986px;
}

#header{
	background-color: #fff;
	padding: 34px 20px 0 20px;
}

#container{
	background-color: #fff;
	padding-bottom: 50px;
}

#sidebar{
	background-color: #fff;
	clear: left;
	float: left;
	padding: 0 0 50px 20px;
	width: 172px;
	_width: 192px;
}

#content{
	background-color: #fff;
	clear: right;
	float: right;
	padding: 0 20px 50px 0;
	_width: 718px;
	width: 738px;
}

#footer{
	background-color: #fff;
	clear: both;
}

/* search form - begin */
#searchform{
	margin-top: 5px;
}

#searchform label{
	background: url('images/searchform/label-search.gif') no-repeat;
	display: block;
	height: 19px;
	overflow: hidden;
	text-indent: -9999px;
	width: 75px;
}

#searchform #s{
	background-color: #f3f3f3;
	border: solid 2px #ebebeb;
	color: #a1a1a1;
	display: block;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	margin-top: 7px;
	padding: 2px 4px;
	_width: 133px;
	width: 141px;
}

#searchform #searchsubmit{
	background: url('images/searchform/button-submit.gif') no-repeat;
	border: 0;
	display: block;
	font-size: 0;
	height: 22px;
	line-height: 0;
	margin-top: 5px;
	overflow: hidden;
	text-indent: -9999px;
	width: 36px;
}
/* search form - end */

/* sidebar menu - begin */
#sidebar h2{
	display: block;
	height: 19px;
	margin: 30px 0 4px 0;
	overflow: hidden;
	text-indent: -9999px;
}

#sidebar .pagenav h2{
	background: url('images/sidebar/label-hub.gif') no-repeat;
	width: 51px;
}

#sidebar .linkcat h2{
	background: url('images/sidebar/label-channel.gif') no-repeat;
	width: 85px;
}

#sidebar .archive h2{
	background: url('images/sidebar/label-archive.gif') no-repeat;
	width: 116px;
	height: 24px;
}

#sidebar .work{
	background: url('images/sidebar/label-work.gif') no-repeat;
	width: 127px;
}

#sidebar .other-categories{
	background: url('images/sidebar/label-other-categories.gif') no-repeat;
	height: 24px;
	width: 138px;
}

#sidebar li,
#sidebar a,
#sidebar a:hover,
#sidebar .counter{
	color: #333;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
}

#sidebar a,
#sidebar a:hover{
	line-height: 23px;
}

#sidebar a{
	background: url('images/sidebar/bullet-link.gif') right center no-repeat;
	padding-right: 10px;
}

#sidebar a:hover{
	background: url('images/sidebar/bullet-link-on.gif') right center no-repeat;
	color: #66bcca;
	padding-right: 10px;
}

#sidebar .counter{
	color: #66bcca;
}

#sidebar .archive a,
#sidebar .archive a:hover{
	background: none;
}
/* sidebar menu - end */

/* contact box - begin */
#sidebar .contactbox{
	background: url('images/contactbox/background.png') no-repeat;
	display: block;
	left: -33px;
	height: 143px;
	_height: 167px;
	margin-top: 30px;
	padding: 24px 15px 0 29px;
	position: relative;
	width: 144px;
	_width: 188px;
}

#sidebar .contactbox h2{
	display: none;
}

#sidebar .contactbox .logo,
#sidebar .contactbox .logo:hover{
	background: url('images/contactbox/logo.gif') no-repeat;
	display: block;
	height: 25px;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -9999px;
	width: 67px;
}

#sidebar .contactbox address,
#sidebar .contactbox small,
#sidebar .contactbox small a,
#sidebar .contactbox small a:hover{
	background: none;
	color: #333;
	display: block;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}

#sidebar .contactbox .phone{
	background: url('images/contactbox/bullet-phone.gif') left center no-repeat;
	margin-top: 10px;
	padding-left: 21px;
}

#sidebar .contactbox .email{
	background: url('images/contactbox/bullet-email.gif') left center no-repeat;
	margin-top: 2px;
	padding-left: 23px;
}
/* contact box - end */

/* footer - begin */
#footer p{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
/* footer - end */

/* header - begin */
#headerimg .description{
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	color: #4B1301;
}

#headerimg .logo a,
#headerimg .logo a:hover {
	display: block;
	float: left;
	height: 225px;
	margin: 13px 0 9px 0;
	overflow: hidden;
	width: 169px;
}

#headerimg .banner{
	float: left;
	margin: 13px 0 9px 3px;
}

#headerimg .util{
	clear: both;
	text-align: right;
}

#headerimg .util li{
	display: inline;
}

#headerimg .util .label{
	display: none;
}

#headerimg .util .email,
#headerimg .util .email a,
#headerimg .util .email a:hover,
#headerimg .util .phone,
#headerimg .util .phone a,
#headerimg .util .phone a:hover,
#headerimg .util .feed,
#headerimg .util .feed a,
#headerimg .util .feed a:hover{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#headerimg .util .email,
#headerimg .util .email a,
#headerimg .util .email a:hover,
#headerimg .util .phone,
#headerimg .util .phone a,
#headerimg .util .phone a:hover{
	color: #0698b1;
	font-family: verdana;
}

#headerimg .util .feed,
#headerimg .util .feed a,
#headerimg .util .feed a:hover{
	color: #000;
}

#headerimg .util .email{
	background: url('images/header/bullet-email.gif') left center no-repeat;
	padding-left: 20px;
}

#headerimg .util .email a:hover{
	color: #333;
	text-decoration: underline;
}

#headerimg .util .phone{
	background: url('images/header/bullet-phone.gif') left center no-repeat;
	margin-left: 19px;
	padding-left: 18px;
}

#headerimg .util .feed{
	background: url('images/header/bullet-feed.gif') left center no-repeat;
	margin-left: 19px;
	padding: 4px 0 4px 20px;
}
/* header - end */

/* posts - begin */
#content .post{
	border-bottom: solid 1px #f3f3f3;
	clear: both;
	margin: 3px 0 30px;
	padding-bottom: 33px;
}
a:link, a:hover, a:active, a:visited{
color: #00869D
}

#content .post small,
#content .post small a,
#content .post small a:hover{
	color: #666;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

#content .post small .work-label,
#content .post small a,
#content .post small a:hover{
	color: #27a6bb;
	font-family: Verdana;
	font-weight: bold;
}

#content .post small .work-label a:hover {
	color: #333;
	text-decoration: #underline;
}

#content .post h2.tit-post{
	clear: both;
	margin-top: 7px;
}

#content .post h2.tit-post,
#content .post h2.tit-post a,
#content .post h2.tit-post a:hover{
	color: #4b1301;
	font-size: 30px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

#content .post h2.tit-post a:hover{
	color: #27A6BB;
	text-decoration: underline;
}

#content .post .postmetaheader{
	background-color: #4B1301;
	clear: both;
	height: 6px;
	margin: 20px 0 0 0;
}

#content .post .postmetadata{
	background-color: #f5f5f5;
	border-bottom: solid 1px #ececec;
	border-left: solid 1px #ececec;
	border-right: solid 1px #ececec;
	clear: both;
	padding: 16px 14px 15px 14px;
}

#content .post .postmetadata .label{
	display: block;
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	margin-bottom: 5px;
}

#content .post .postmetadata .link,
#content .post .postmetadata .link a,
#content .post .postmetadata .link a:hover{
	color: #00869d;
	font-size: 11px;
	font-family: Verdana;
	font-weight: normal;
	text-decoration: none;
}

#content .post .postmetadata .link a:hover{
	color: #333;
	text-decoration: underline;
}

#content .post .entry{
	clear: both;
	color: #333;
	font-family: verdana;
	font-size: 13px;
	font-weight: normal;
	margin-top: 20px;
}

#content .post .entry span{font-family: verdana;}

#content .post .entry p, #content .post .entry a:link, #content .post .entry a:hover, #content .post .entry a:visited, #content .post .entry a:active {
font-family: Verdana;
line-height: 18px
}

#content .post .entry .more-link,
#content .post .entry .more-link:hover{
	color: #4b1301;
	display: block;
	font-weight: bold;
	margin-top: 20px;
	text-decoration: none;
}

h2.center {margin-top: 20px}

#content .post .entry .more-link:hover{
	color: #333;
	text-decoration: underline;
}

h2.pagetitle {
  font-size: 24px;
  color: #0698B1;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 20px;
}

h2.tit-search {
font-size: 18px;
margin-top: 7px
}


.post p {margin-bottom: 15px}

p.edit-link,
p.edit-link a,
p.edit-link a:hover{
	color: #00869d;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	margin-top: 20px;
}

/* posts - end */

/* navigation - begin */
.navigation {
  margin-bottom: 30px
}

.navigation .alignleft{
	float: left;
}

.navigation .alignright{
	float: right;
}

.navigation .alignleft a,
.navigation .alignleft a:hover,
.navigation .alignright a,
.navigation .alignright a:hover{
	display: block;
	height: 14px;
	margin-top: 14px;
	overflow: hidden;
	text-indent: -9999px;
}

.navigation .alignleft a,
.navigation .alignleft a:hover{
	background: url('images/navigation/bullet-previous-page.gif') right no-repeat;;
	width: 90px;
}

.navigation .alignright a,
.navigation .alignright a:hover{
	background: url('images/navigation/bullet-next-page.gif') right no-repeat;;
	width: 111px;
}
/* navigation - end */

hr{
	display: none;
}

b,
strong{
	font-weight: bold;
	font-family: verdana
}

i,
em{
	font-style: italic;
	font-family: verdana
}

u{
	text-decoration: underline;
	font-family: verdana
}