/*
Theme Name: FFeatures
Theme URI: http://www.fabricafeatures.com
Description: Fabrica Features theme for WordPress.
Author: Fabrica
Version: 1.0
*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
	font-size: 100%;
}

a {
	color: #FFF;
	text-decoration: none;
}

img {
	border: none;
}

#container {
	margin-top: 20px;
	margin-left: 20px;
}

#header {
	width: 300px;
	height: 15px;
}

#wrapper {
	margin-top: 180px;
}

.clearleft {
	clear: left;
}

h2 {
	font-size: 2.25em; /* 36px */
	line-height: 1.111em; /* 40px */
	font-weight: 700;
}

h3 {
	font-size: 1.125em; /* 49.5px */
}

p {
	font-size: 1em; /* 16px */
	line-height: 1.25em; /* 20px */
}

/* Begin Posts Thumbnails */
.postbox {
	float: left;
	position: relative;
	width: 300px;
	height: 200px;
	margin: 0 5px 5px 0;
	overflow: hidden;
}

.insidebox, .blackbox {
	position: absolute;
	display: none;
	padding: 12px;
	width: 276px;
	height: 176px;
}

.insidebox {
	color: #FFF;
	z-index: 1;
}

.blackbox {
	background-color: #000;
	filter:alpha(opacity=75);
	opacity:0.75;
}

.postbox:hover .insidebox, .postbox:hover .blackbox {
	display: block;
}

.cat-link, .published {
	font-size: 0.75em; /* 12px */
	line-height: 1.25em; /* 15px */
	letter-spacing: 0.05em;
}

.cat-link a {
	color: #FF0;
}

.top {
	overflow: hidden;
	height: 120px;
}

.bottom {
	position: absolute;
	bottom: 12px;
	height: 36px;
}
/* End Posts Thumbails */

/* Begin News Thumbails */
.news .insidebox {
	color: #000;
}

.news .blackbox {
	background-color: #FF0;
}

.news .cat-link a {
	color: #000;
}
/* End News Thumbails */

/* Begin Twitter Box */
#twitterbox {
	background-color: #FF0;
	width: 300px;
	height: 200px;
	overflow: hidden;
	word-wrap: break-word;
}

ul#twitter_update_list {
	position: absolute;
	width: 300px;
	height: 162px;
	overflow: hidden;
}

ul#twitter_update_list li {
	list-style: none;
	padding: 0 12px;
	padding-top: 12px;
}

ul#twitter_update_list li span, ul#twitter_update_list li span a {
	display: block;
	font-size: 1.5em; /* 24px */
	line-height: 1.25em; /* 30px */
	font-weight: 700;	
}

ul#twitter_update_list li a {
	list-style: none;
	font-size: 1em; /* 16px */
	line-height: 1.875em; /* 30px */
	font-weight: 700;
	color: #06F;
}

a#twitter-link {
	position: absolute;
	top: 162px;
	padding: 0 12px;
	width: 276px;
	height: 38px;
	font-size: 1em; /* 16px */
	line-height: 2em; /* 32px */
	color: #000;
}

/* End Twitter Box */

/* Begin Single */
.entry-content-single {
	float: left;
	margin: 0 5px 5px 0;
	padding: 12px 18px 12px 12px;
	width: 270px;
	color: #EEE;
	background-color: #222;
}

.entry-content-single p {
	margin-bottom: 12px;
}

.red {
	background-color: #F00;
}

.entry-meta {
	padding-top: 18px;
}

.entry-image {
	float: left;
	position: relative;
	margin: 0 5px 5px 0;
	overflow: hidden;
}

.entry-video {
	float: left;
	position: relative;
	margin: 0 5px 5px 0;
	overflow: hidden;
}

.loading {
	width:100%;
	height:100%;
    background: url(images/spinner.gif) no-repeat center center;
	z-index:2;
	top:0;
	left:0;
	position:absolute;
}

.entry-image-caption {
	position: absolute;
	bottom: 0;
	display: none;
	background-color: #000;
	filter:alpha(opacity=75);
	opacity:0.75;
}

.entry-image-caption p {
	margin: 0;
	padding: 8px;
	padding-bottom: 10px;
	z-index: 1;
	color: #FFF;
}

.entry-image:hover .entry-image-caption, .entry-image:hover .entry-image-caption-p {
	display: block;
}

.noresize {
	cursor: auto;
}

.resize {
	cursor: pointer;
}
/* End Single */

/* Begin Navigation */
.colorbox {
	float: left;
	width: 276px;
	height: 176px;
	margin: 0 5px 5px 0;
	padding: 12px;
	color: #FFF;
	font-size: 2.75em; /* 44px */
	line-height: 3.75em; /* 165px */
	font-weight: 700;
	text-align: center;
	text-indent: -6px;	
}

.nav-previous, .nav-next, .categorybox, .archivebox, .searchbox {
	background-color: #FC0;
}

.homebox, .navbox {
	background-color: #222;
}

.nav-previous a, .nav-next a, .backbox a {
	display:block;
}
/* End Navigation */

#infscr-loading {
	float: left;
	position: relative;
	width: 276px;
	height: 176px;
	margin: 0 5px 5px 0;
	padding: 12px;
	background-color: #222;
	font-size: 2.75em; /* 44px */
	line-height: 3.75em; /* 165px */
	font-weight: 700;
	text-align: center;
	text-indent: -6px;
	color: #FFF;
}

#infscr-loading img {
	display: none;
}

/* Begin Sidebar */
#sidebar {
	position: fixed;
	top: 50px;
	padding: 10px;
	width: 280px;
	height: 125px;
	z-index: 2;
	font-size: 0.75em; /* 12px */
	line-height: 1.25em; /* 15px */
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #222;
	background-color: #FF0;
	filter:alpha(opacity=75);
	opacity:0.75;
}

#sidebar a {
	color: #222;
}
#sidebar a:hover {
	color: #000;
}

#sidebar li {
	list-style:none;
}

#sidebar input {
	padding: 2px;
	padding-left: 4px;
	width: 138px;
	height: 16px;
	border: none;
	font-size: 1em; /* 1em = 12px */
	font-weight: 700;
}

#sidebar li#archives ul li {
	float: left;
	margin-right: 6px;
}

.focusField {
	background-color: #FF9;
	color: #111;
}

.idleField {
	background-color: #FC0;
	color: #222
}

.spacer {
	line-height: 11px;
}

.toplist {
	float: left;
	width: 136px;
	margin-top: 3px;
}

.searchlist, .categorylist, .pagelist {
	float: left;
	width: 140px;
}

.categorylist {
	clear: both;
}
/* End Sidebar */

/* Begin Navicons */
#menu {
	display: none;
	position: absolute;
	top: 0;
	margin-left: 305px;
}

#menu #navicons {
	width: 300px;
	height: 52px;
	float: right;
	overflow: hidden;
}
#menu #navicons li {
	list-style: none;
	float: right;
}
#menu #navicons a {
	height: 52px;
	line-height: 52px;
	padding-left: 20px;
	background-image: url(images/top-icons.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin: 0 10px;
	text-decoration: none !important;
	font-size: 0.6875em; /* 11px */
	display: block;
	color: #999;
}
#menu #navicons a:hover {
	color: #111;
	background-image: url(images/top-icons-hover.png);
}
#menu #navicons a#subscribe {
	background-position: left 18px;
}
#menu #navicons a#twitter {
	background-position: left -19px;
}
#menu #navicons a#facebook {
	background-position: left -58px;
}
/* End Navicons */

/* Begin Page Box */
a#buttonA, a#buttonC, a#buttonP, a#buttonS, a#buttonSl, a#buttonW {
	float: left;
    display: block;
    width: 300px;
    height: 200px;
    margin: 0 auto;
}

a#buttonA { background-image: url(images/pages/about.gif); }
a#buttonA:hover { background-image: url(images/pages/about_on.gif); }

a#buttonC { background-image: url(images/pages/contact.gif); }
a#buttonC:hover { background-image: url(images/pages/contact_on.gif); }

a#buttonP { background-image: url(images/pages/people.gif); }
a#buttonP:hover { background-image: url(images/pages/people_on.gif); }

a#buttonS { background-image: url(images/pages/shop.gif); }
a#buttonS:hover { background-image: url(images/pages/shop_on.gif); }

a#buttonSl { background-image: url(images/pages/shoplist.gif); }

a#buttonW { background-image: url(images/pages/wanted.gif); }
a#buttonW:hover { background-image: url(images/pages/wanted_on.gif); }

a .alt { 
	display: none; 
}
/* End Page Box */