/*

Theme Name: Barely Corporate

Theme URI: http://www.jasonbobich.com/

Description: A barely corprate Wordpress CMS theme for your company.

Author: Jason Bobich

Author URI: http://www.jasonbobich.com

Tags: two columns, widgets, CMS, corporate, company



Barely Corporate by Jason Bobich || http://www.jasonbobich.com

*/



/* Include navigation css */

@import url('layout/css/nav.css');



body {

	text-align: center;

	font-family: "Verdana", "Trebuchet MS", sans-serif;

	font-size: 12px;

	font-weight: normal;

	line-height: 140%;

}



/* STANDARD TYPOGRAPHY */



p {

	font-weight:normal;

	margin: 12px 0;

	line-height:160%;

	text-align: left;

}



a {

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



h1, h2, h3, h4, h5, h6 {margin: 5px 0; font-weight: normal; line-height: 100%;}



h1 {font-size: 30px;}



h2 {font-size: 20px}



h3 {font-size: 16px}



h4 {font-size: 15px}



h4 {font-size: 13px}



h5 {font-size: 12px}



h6 {font-size: 11px}



#content ol, #full-width-content ol {

	list-style-type:decimal;

	list-style-position:outside;

	padding:0 0 15px 25px;

}



#content ul, #full-width-content ul {

	list-style-position:outside;

	padding:0 0 15px 0;

}



#content ul li, #full-width-content ul li {

	padding: 0 0 0 25px;

}



#content blockquote, #full-width-content blockquote {

	font-size: 13px;

	font-style: italic;

	margin: 10px 0;

	padding: 5px 0 5px 10px;

}



#content a img, #content img, #full-width-content a img, #full-width-content img {

	padding: 5px;

	border: none;

}



#content a:hover img, #full-width-content a:hover img {

	padding: 0;	

}



#content img.alignright, #full-width-content img.alignright {float:right; margin:0 0 5px 10px}



#content img.alignleft, #full-width-content img.alignleft {float:left; margin:0 10px 5px 0}



#content img.aligncenter, #full-width-content img.aligncenter {display: block; margin-left: auto; margin-right: auto}



#content a img.alignright, #full-width-content a img.alignright {float:right; margin:0 0 5px 10px}



#content a img.alignleft, #full-width-content a img.alignleft {float:left; margin:0 10px 5px 0}



#content a img.aligncenter, #full-width-content a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



.portfolio-image {

	position: relative;

}



.portfolio-image img {

	display: block;

	position: relative;

	z-index: 2;

}



.portfolio-image a.lightbox {

	display: block;

	position: relative;

}



.portfolio-image .post-enlarge {

	width: 690px;

	height: 285px;

	background: #fff url(layout/images/enlarge.png) 215px 65px no-repeat;

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

}





/* CLASSES */



.small { font-size: 11px }

.clear { clear:both }

.full-width { width: inherit; float: left; }

.pages { display:none }



/* HEADER */



#header {

	height: 129px;

}



#header-inner {

	margin: auto;

	width: 972px;

	height: 84px;

	position: relative;

}



#header-inner h1 {

	position: absolute;

	top: 28px;

	left: 10px;

	margin-left: 10px;

	

}



#header-inner a#logo {

	text-indent: -99999px;

	display: block;

	width: 320px;

	height: 49px;

}



#openCloseIdentifier {

	display: none;	

}



#social {

	position: absolute;	

	top: -46px;

	/* top: 0; <- Moves here on animation, uncomment if you want to test without javascript or jQuery. */

	right: 6px;

}



#social-content {

	height: 46px;

	width: 294px;

	float: right;

}



#social-content ul {

	float: right;

	margin-right: 3px;

}



#social-content li {

	float: left;

	padding: 5px 2px;

	display: inline;

}



#social-content a#rss {

	background: url('layout/images/social/rss.png') 0 2px no-repeat;

	width: 32px;

	height: 34px;

	display: block;

	text-indent: -99999px;

}



#social-content a#facebook {

	background: url('layout/images/social/facebook.png') 0 2px no-repeat;

	width: 32px;

	height: 34px;

	display: block;

	text-indent: -99999px;

}



#social-content a#twitter {

	background: url('layout/images/social/twitter.png') 0 2px no-repeat;

	width: 32px;

	height: 34px;

	display: block;

	text-indent: -99999px;

}



#social-content a#flickr {

	background: url('layout/images/social/flickr.png') 0 2px no-repeat;

	width: 32px;

	height: 34px;

	display: block;

	text-indent: -99999px;

}



#social-content a#linkedin {

	background: url('layout/images/social/linkedin.png') 0 2px no-repeat;

	width: 32px;

	height: 34px;

	display: block;

	text-indent: -99999px;

}



#social-content a#myspace {

	background: url('layout/images/social/myspace.png') 0 2px no-repeat;

	width: 32px;

	height: 34px;

	display: block;

	text-indent: -99999px;

}



#social-content a#youtube {

	background: url('layout/images/social/youtube.png') 0 2px no-repeat;

	width: 32px;

	height: 34px;

	display: block;

	text-indent: -99999px;

}



#social-content a#digg {

	background: url('layout/images/social/digg.png') 0 2px no-repeat;

	width: 32px;

	height: 34px;

	display: block;

	text-indent: -99999px;

}



#social-content a#rss:hover, #social-content a#facebook:hover, #social-content a#twitter:hover, #social-content a#flickr:hover, #social-content a#linkedin:hover, #social-content a#myspace:hover, #social-content a#youtube:hover, #social-content a#digg:hover {

	background-position: 0 0;	

}



#social-tab { /* No styles needed. */ }



a.btn-slide {

	display: block;

	width: 106px;

	height: 20px;

	float: right;

	background-repeat: no-repeat;

}



a.btn-slide:hover {

	background-position: 0 -20px;

}



a.active {

	background-repeat: no-repeat;

	background-position: 0 -40px;

}



a.active:hover {

	background-position: 0 -60px;	

}



#main {

	overflow: hidden;

	padding-bottom: 10px;

	z-index:1; 

	position: relative;

}



#main-inner {

	margin: auto;

	padding-top: 15px;

	width: 960px;

	overflow: hidden;

	min-height: 350px;

	text-align: left;

}



#main-inner h2.title {

	font-size: 30px;

	margin-left: 10px;	

}



/* HOMEPAGE ELEMENTS */



#home-display {

	padding: 10px;

	margin: 0 10px 10px 10px;

}



#home-slogan {

	font-size: 23px;

	/* width: 940px; */

	margin: 0 10px 10px 10px;

	line-height: 1.4;

	position: relative;

	padding: 10px 20px 10px 20px;

}



#home-box-containter {

	padding-bottom: 10px;

}



.home-box {

	width: 300px;

	margin: 0 10px;

	float: left;

	text-align: left;

	position: relative;

	overflow: hidden;

	display: inline;

}



#main-inner .home-box h2 {

	font-size: 19px;

	margin: 0;

}



.home-box p, .home-box ul {

	padding: 3px 0;

	margin: 12px 0;

}



.home-box .pad {

	padding: 20px;

}



/* FOOTER ELEMENTS */



#footer {

	padding: 20px 0 0 0;

}



.copyright {

	text-align: center;

	display: block;

	padding: 20px;

}



#footer-box-container {

	width: 960px;

	margin: 0 auto;

	

}



.footer-box {

	width: 220px;

	margin: 0 10px;

	float: left;

	text-align: left;

	position: relative;

	overflow: hidden;

	font-size: 11px;

	display: inline;

}



.footer-box h2 {

	font-size: 19px;

	margin: 0;

}



.footer-box p, .footer-box ul {

	padding: 3px 0;

	margin: 12px 0;

	text-align: left;

}



.footer-box .pad {

	padding: 0 20px;

}



/* ALL ROUNDED CORNER BOXES */



.rounded-10 {

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

} 



.rounded-5 {

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

} 



/* PORTFOLIO */



.portfolio-row {

	clear: both;

	overflow: hidden;

}



.portfolio-box {

	width: 300px;

	margin: 10px;

	float: left;

	text-align: left;

	position: relative;

	overflow: hidden;

	display: inline;

}



.portfolio-box h3 a {

	text-decoration: none;	

}



.portfolio-box h3 {

	margin: 0 0 10px 0;

	font-size: 18px;

}



.portfolio-box p {

	padding: 0

}



.portfolio-box .pad {

	padding: 20px 20px 10px 20px;

}



.portfolio-box img {

	display: block;

	position: relative;

	z-index: 2;

}



.portfolio-box a.lightbox {

	display: block;

	position: relative;

}



.portfolio-box .enlarge {

	width: 260px;

	height: 125px;

	background: url(layout/images/enlarge.png) no-repeat;

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

}



/* NEWS PAGE */



.featured-news {

	padding: 10px 10px 10px 0;

}



.featured-news h2 {

	font-size: 20px;

}



.featured-news h2 a {

	text-decoration: none;

}



.news-article {

	float: left;

	width: 330px;

	margin: 10px 10px 10px 0;

}



.news-article h2 {

	font-size: 15px;	

}



.news-article h2 a {

	text-decoration: none;

}



/* BLOG */



.author-box {

	font-size: 11px;

}



.comments-link {

	padding-left: 18px;

	background: url('layout/images/comment.gif') no-repeat;

}



.entry {

	margin: 0;

	padding: 10px 0;

}



.entry h3 {

	margin-top: 0;

	font-size: 17px;

}



.entry h3 a {

	text-decoration: none;	

}



.entry img {

	float: left;

	margin: 10px 10px 10px 0;

	display: inline;

}



.entry p {

	font-size: 13px;

}



/* COMMENTS */



#comments-wrap {

	padding-top: 10px;

}



#comments-wrap a.name {

	text-decoration: none;	

}



#comments-wrap ol.commentlist {

	padding-left: 0;	

}



#comments-wrap ol ul.children {

	padding-left: 80px;

	padding-top: 10px;

}



#comments-wrap ol ul.children li {

	background-image: none;

	padding: 0;

}



#comments-wrap ol ul.children li.comment {

	padding: 0;

	background-image: none;

}



#comments-wrap li {

	padding: 5px 0;

	list-style: none;

}



.comment-left {

	float: left;

	width: 12%;

	display: inline;

}



.comment-right {

	float: left;

	width: 88%;

	display: inline;

}



.comment-right-inner {

	padding: 15px;

}



.comment-right .name {

	font-size: 20px;	

}



.reply-link {

	padding-left: 18px;

	background: url('layout/images/reply.png') no-repeat;

}



#respond {

	margin-top: 20px;

	position: relative;

}



#respond .pad {

	padding: 20px;

}



#respond label.error {

	color: #990000;

	padding: 5px 0;

	margin-left: 100px;

	display: block;

	width: 300px;

	font-size: 11px;

}



#respond h3 {

	margin-bottom: 20px;	

}



#respond fieldset {

	margin-bottom: 10px;

}



#respond input, #respond textarea {

	padding: 5px;

}



#respond textarea {

	width: 350px;

	height: 200px;

	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 11px;

}



#respond legend {

	padding: 0 2px;

	font-weight: bold;

}



#respond label {

	display: inline-block;

	line-height: 1.8;

	vertical-align: top;

}



#respond fieldset ol {

	margin: 0;

	padding: 0;

}



#respond fieldset li {

	list-style: none;

	padding: 5px;

	margin: 0;

}



#respond label {

	width: 95px; /* Width of labels */

}



#respond #submit {

	cursor: pointer;

	padding: 5px 10px;

}





/* CONTACT FORM */ 



#contact {

	position: relative;

	padding: 20px;

}



#contact #sent {

	display: none;

}



#contact h3 {

	margin-bottom: 20px;	

}



#contact label.error {

	color: #990000;

	padding: 5px 0 5px 90px;

	display: block;

	font-size: 11px;

}



#contact fieldset {

	margin-bottom: 10px;

}



#contact input, #contact textarea {

	padding: 5px;

}



#contact textarea {

	width: 350px;

	height: 200px;

	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 11px;

}



#contact legend {

	padding: 0 2px;

	font-weight: bold;

}



#contact label.name {

	display: inline-block;

	line-height: 1.8;

	vertical-align: top;

}



#contact fieldset ol {

	margin: 0;

	padding: 0;

}



#contact fieldset li {

	list-style: none;

	padding: 5px;

	margin: 0;

}



#contact label.name {

	width: 85px; /* Width of labels */

}



#contact #submit {

	cursor: pointer;

	padding: 5px 10px;

}



.honeypot {

	display: none;

}



/* WIDGETS GENERAL */



.widget ul {

	padding: 0 0 0 15px;	

}



.widget ul li {

	list-style: circle;

}



.widget ul li a {

	display: block;

	padding: 5px 0;

}



.widget ul#twitter_update_list li a {

	display: inherit;

	display: inline;

}



/* 2 COLUMN LAYOUT */



#sidebar {

	float: left;

	width: 220px;

	margin: 0 10px;

	overflow: hidden;

	display: inline;

}



#content {

	float: left;

	width: 700px;

	margin: 0 10px;

	overflow: hidden;

}



#main-inner #content h2.title {

	margin-left: 0px;

	font-size: 30px;

}



/* SINGLE COLUMN LAYOUT */



#full-width-content {

	margin: 0 10px;

}



#main-inner #full-width-content h2.title {

	margin-left: 0px;

	font-size: 30px;

}



/* SIDEBAR */



#sidebar .widget {

	margin-bottom: 15px;

	padding: 15px;

	position: relative;

}



#sidebar .widget p {

	font-size: 11px;

}



#sidebar h2 {

	font-size: 20px;

	margin: 0 0 10px 0;

}



#sidebar .widget li a {

	padding: 3px 0px 3px 15px;

	display: block;

	background-repeat: no-repeat;

	background-position: 0 center;

	text-decoration: none;

}



#sidebar .widget li a:hover {

	text-decoration: none;

}



#sidebar .current_page_item {

	font-weight: bold;

}



#sidebar .widget ul {

	padding: 0;

	margin-left: 2px;

}



#sidebar .widget li {

	list-style: none;	

}



#sidebar .widget ul ul {

	padding: 0 0 0 10px;

	margin-left: 2px;

}



/* ADD ONS */



/* Homepage Slideshow */



#slideshow-wrapper {

	width: 920px;

	height: 300px;

	position: relative;

	overflow: hidden;

}



#slideshow {

	z-index: 1;

}



#slideshow-nav {

	position: absolute;

	bottom: 10px;

	right: 10px;

	padding: 5px;

	z-index: 2;

}



#slideshow-nav li {

	float: left;

	display: inline;

}



#slideshow-nav li a {

	display: block;

	text-decoration: none;

	font-size: 11px;

	margin: 0 1px;

	padding: 0;

	background-position: 0 0;

	width: 13px;

	height: 13px;

}



#slideshow-nav li a:hover, #slideshow-nav li a.activeSlide {

	background-position: -13px 0;

}



.slide {

	position: relative;

}



.slide-image {

	float: left;

	display: inline;

}



.slide-excerpt {

	float: left;

	width: 420px;

	height: 300px;

	display: inline;

}



.slide-excerpt .pad {

	padding: 20px;

}





/* Twitter Widget */



.twitter_div ul {

	padding: 0;	

}



.twitter_div ul li {

	padding: 5px 0;

	list-style: none;

}



.twitter-follow {

	text-align: left;

	display: block;

}



/* Recent Posts Widget */



ul.jaybich-recent-posts {

	padding: 0;	

}



ul.jaybich-recent-posts li {

	border-bottom: 1px solid #f2f2f2;

	list-style: none;

}



ul.jaybich-recent-posts li a {

	display: block;

	border-bottom: 1px solid #ffffff;

	padding: 5px;

	text-decoration: none;

}



.jaybich-recent-posts a:hover {

	background: #f2f2f2;

	text-decoration: none;

}



.jaybich-recent-posts .post-title {

	display: block;

	font-weight: bold;

}



.jaybich-recent-posts .post-date {

	color: #666;	

}



/* Ad Widgets */



.jaybich-ad-wide-skyscraper, .jaybich-ad-full-banner, .jaybich-ad-skyscraper {

	text-align: center;	

}



.jaybich-ad-wide-skyscraper img {

	margin: 2px;

}



/* News Scroller Widget */



.news-scroller-wrapper {

	position: relative;

	overflow: hidden;

	height: 200px;

}



.news-scroller-nav {

	position: absolute;

	bottom: 10px;

	right: 10px;

	z-index: 2;

}



.news-scroller-nav li {

	float: left;

	padding: 1px;

	display: inline;

}



.news-scroller-nav a {

	display: block;

	padding: 0 5px;

	height: 20px;

	font-size: 13px;

	text-decoration: none;

	background: #f2f2f2;

	color: #000;

}



.news-scroller-nav a:hover {

	background: #ccc;

	color: #000;

	text-decoration: none;

}



.news-scroller {

	overflow: hidden;

	z-index: 1;

}



.news-scroller div {

	font-size: 12px;

	height: 200px;

	width: 260px;

	overflow: hidden;

}



.news-scroller div p {

	padding: 5px 0;

}



.news-scroller div .date {

	color: #555;

	font-size: 11px;

}



/* PAGE NAVI PLUGIN */



.wp-pagenavi {

	margin: 10px;

	margin-left: 0;

}



.single-column-page-navi {

	margin-left: 10px;

}



.wp-pagenavi a, .wp-pagenavi a:link {

	padding: 5px 7px; 

	margin: 2px;

	text-decoration: none;

}



.wp-pagenavi a:hover {

	padding: 5px 7px; 

	margin: 2px;

	text-decoration: none;

}



.wp-pagenavi span.current {

	padding: 5px 7px; 

	margin: 2px;

	font-weight: bold;

}