/*
Theme Name: Business
Theme URI: http://www.benny-design.eu/freebies/business-theme
Description: Business is a WordPress Theme for Corporations.
Author: Benny Klotz
Author URI: http://www.benny-design.eu/
Version: 1.0
Tags: two-columns,red,white,right-sidebar,theme-options,custom-header,custom-menu,threaded-comments,fixed-width

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html


*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

.clear {
	clear:					both;
}

input[type="submit"]
{
	cursor:				pointer;
}

/* Stylesheet Begin */

body
{
	/*background:			url('img/background.jpg');*/
	background-repeat:		no-repeat;
	background-size:		100% 100%;
	background-attachment:		fixed;
	font-family:			Helvetica,sans-serif;
	color:				#777;
	font-size:			14px;
}

*::selection
{
	background:			#da4848;
	color:				#FFFFFF;
}

*::-moz-selection
{
	background:			#da4848;
	color:				#FFFFFF;
}

a
{
	color:				#da4848;
	text-decoration:		none;
	transition:			color 0.5s linear;
	-moz-transition:		color 0.5s linear;
	-webkit-transition:		color 0.5s linear;
}

a:hover
{
	color:				#bb2727;
}

header
{
	display:			block;
	width:				1100px;
	margin:				0 auto;
	height:				100px;
	padding-top:			30px;
	
}


.mobilegrid, .mobilenav, .screen-reader-text, #searchsubmit, .sub-menu, .form-allowed-tags
{
	display:			none;
}

header h1
{
	display:			inline-block;
	float:				left;
	text-shadow:			0px 1px 1px #000;
}

.logo, h1
{
	font-family:			'Ubuntu',sans-serif;
	font-size:			40px;
}

h1 span
{
	font-family:			Helvetica,sans-serif;
	font-style:			italic;
	text-shadow:			0px 0px 0px #000;
	font-size:			14px;
}

#searchform
{
	display:			block;
	float:				right;
}

#s
{
	display:			block;
	margin-top:			6px;
	border:				none;
	padding:			10px;
	
	width:				100px;
	transition:			all 0.5s ease-out;
	-moz-transition:		all 0.5s ease-out;
	-webkit-transition:		all 0.5s ease-out;
	box-shadow:			0px 0px 3px #000;
	background:			rgba(0,0,0,0.7);
	color:				#FFFFFF;
	text-align:			center;
}

#s:focus
{
	width:				190px;
}

.desktopnav
{
	display:			block;
	width:				1100px;
	margin:				0 auto;
	background:			rgba(0,0,0,0.7);
	height:				80px;
}

.desktopnav .menu li a
{
	display:			inline-block;
	float:				left;
	color:				#FFF;
	font-family:			'Ubuntu',sans-serif;
	text-transform:			uppercase;
	max-height:			80px;
	padding:			30px;
	padding-top:			35px;
	padding-bottom:			25px;
	height:				20px;
	font-size:			13px;
	border-right:			1px dashed #ddd;
	transition:			all 0.2s linear;
	-moz-transition:		all 0.2s linear;
	-webkit-transition:		all 0.2s linear;
	font-weight:			bold;
	text-shadow:			0px 1px 0px #000;
}

.desktopnav .menu li a:hover
{
	padding-top:			30px;
	padding-bottom:			30px;
	color:				#da4848;
	
}

.wrapper
{
	width:				1100px;
	display:			block;
	margin:				0 auto;
	box-shadow:			0px 0px 4px #000;
}

.contentwrapper
{
	background:			#FFFFFF;
	
}

.articlewrapper
{
	display:			block;
	width:				70%;
	margin-top:			30px;
	float:				left;
}

aside
{
	display:			block;
	width:				19%;
	padding:			5%;
	padding-right:			0px;
	float:				right;
	margin-top:			30px;
	border-left:			3px dashed #da4848;
	padding-top:			30px;
	
}

article
{
	padding:			5%;
	margin-bottom:			20px;
	clear:				both;
}

.time, .comments
{
	display:			block;
	position:			absolute;
	padding:			10px;
	background:			rgba(0,0,0,0.5);
	padding-top:			20px;
	padding-bottom:			20px;
	color:				#FFFFFF;
	margin-top:			90px;
	font-family:			'Ubuntu',sans-serif;
	font-weight:			bold;
	text-shadow:			0px 1px 0px #000;
	text-transform:			uppercase;
	font-size:			12px;
}

.comments
{
	margin-top:			20px;
}

.thumbnail img
{
	display:			inline-block;
	padding:			5px;
	border:				3px solid #da4848;
	box-shadow:			0px 0px 5px #555;
	transition:			all 0.5s linear;
	
}

.thumbnail img:hover, .thumbnail:hover img
{
	background:			#da4848;
}

.articlecontent
{
	float:				right;
	width:				500px;
	line-height:			20px;
}

.articlecontent h2, .sidebar h2, #single h2, .post-prenex, #comments, h3, h2, h3, h4, h5 ,h6
{
	display:			block;
	margin-bottom:			5px;
	font-size:			28px;
	font-family:			'Ubuntu',sans-serif;
	text-shadow:			0px 1px 0px #333;
	color:				#da4848;
	line-height:			30px;
}

h3 { font-size:	23px; }
h4 {font-size:	20px; }
h5 {font-size:	18px; }
h6 { font-size:	16px; }

.postinfo
{
	font-size:			12px;
	font-style:			italic;
	margin-bottom:			30px;
	display:			block;
}

.wp-pagenavi
{
	display:			block;
	margin:				0 auto;
	width:				380px;
	margin-bottom:			30px;
}


.more-link, .wp-pagenavi a, .current, #single input[type="submit"], input[type="submit"], #commentform #submit, .tags, .page-numbers
{
	display:			inline-block;
	padding:			10px;
	background:			#da4848;
	box-shadow:			0px 0px 1px #000;
	margin-top:			20px;
	color:				#FFF;
	font-family:			'Ubuntu',sans-serif;
	font-weight:			bold;
	text-transform:			uppercase;
	font-size:			12px;
	text-shadow:			0px 1px 0px #000;
}

.tags a
{
	color:				#FFF;
}

.current
{
	background:			#444;
}

.more-link:hover, #single input[type="submit"]:hover, input[type="submit"]:hover, #commentform #submit:hover, .page-numbers:hover
{
	color:				#FFF;
	background:			#bb2727;
}

#socialnav 
{ 	
	clear:				both;
	display: 			block;
	height:				35px;
	margin-bottom:			20px;
			
}
#socialnav li a
{
	display:				block;
	text-indent:			-9999px;
	width:					32px;
	height:					32px;
	background:				url('img/social.png');
	background-repeat:		no-repeat;
	float:					left;
	padding:				0px;
	box-shadow:				0px 0px 0px #000;
	margin-top:				0px;
	
}

#socialnav li
{
	margin:		0px;
	padding:	0px;
}

#socialnav li .fb
{
	background-position:	0px -33px;
}

#socialnav li .gplus
{
	background-position:	0px -98px;
}

#socialnav li .rss
{
	background-position:	0px -66px;
}

.sidebar li
{
	margin-bottom:		20px;
}

.sidebar li ul li
{
	display:			block;
	padding:			10px;
	background:			#da4848;
	box-shadow:			0px 0px 1px #000;
	margin-top:			10px;
	color:				#FFF;
	font-family:			'Ubuntu',sans-serif;
	font-weight:			bold;
	text-transform:			uppercase;
	font-size:			12px;
	text-shadow:			0px 1px 0px #000;
}

.sidebar li ul li:hover
{
	color:				#FFF;
	background:			#bb2727;
}

.sidebar li ul li a
{
	color:				#FFF;
	text-decoration:		underline;
}



.sidebar li ul li
{
	margin-bottom:			0px;
}

#single
{
	line-height:			20px;
}

#single img
{
	margin:				20px;
	padding:			5px;
	border:				3px solid #bb2727;
}

#single img:hover
{
	background:			#bb2727;
}

.postinfo span
{
	display:			block;
	float:				left;
	margin-right:			30px;
}

article p
{
	padding:			9px 0 10px;
}

#single input, #single textarea,#commentform input, #commentform textarea 	
{
	padding:			10px;
	background:			#bb2727;
	color:				#FFF;
	border:				none;
	
}

.post-prenex
{
	position:			absolute;
	margin-top:			-50px;
	width:				700px;
	text-transform:			uppercase;
	font-size:			13px;
}

.alignleft
{
	display:			block;
	float:				left;
}

.alignright
{
	display:			block;
	float:				right;
}

.aligncenter
{
	display:			block;
	text-align:			center;
}


section
{
	padding:			5%;
	padding-right:			0%;
}

.comment, .pingback
	{
		padding:		20px;
		line-height:	20px;
		
		
	}
	
	.comment p, .pingback p
	{
		
	}
	
	.fn
	{
		
		font-size:		20px;
		float:			left;
		display:		block;
		margin-left:	10px;
		margin-top:		8px;
	}

	.pingback .fn
	{
		margin-left:	0px;
	}
	
	.avatar
	{
		display:		block;
		float:			left;
		clear:			both;
		padding:		2px;
		border:			1px solid #d4d4c8;
		margin-bottom:	10px;
	}
	
	#showcomments .says
	{
		display:		none;
	}
	
	.comment-meta
	{
		clear:			both;
		display:		block;
		width:			100%;
		margin-bottom:	10px;
		font-size:		12px;
		
	}
	
	.comment-reply-link, .bypostauthor #submit
	{
		display:			inline-block;
	padding:			10px;
	background:			#da4848 !important;
	box-shadow:			0px 0px 1px #000;
	margin-top:			20px;
	color:				#FFF;
	font-family:			'Ubuntu',sans-serif;
	font-weight:			bold;
	text-transform:			uppercase;
	font-size:			12px;
	text-shadow:			0px 1px 0px #000;
	}
	
	.comment-reply-link:hover, .bypostauthor #submit:hover
	{
		color:				#FFF;
	background:			#bb2727 !important;
	}

	#commentform p
{
	line-height:	20px;
}
	.bypostauthor
	{
		padding:		10px;
		box-shadow:		0px 0px 4px #000;
		background:		#bb2727;
		color:			#FFF;
		margin:			10px;
	}

	.bypostauthor a
{
	color:			#FFF;
	text-decoration:	underline;
}

	.bypostauthor .comment-reply-link
{
	text-decoration:	none;
}

	.bypostauthor input, .bypostauthor textarea
{
	background:	#FFF !important;
}

	.bypostauthor #submit, strong
{
	background:#bb2727;
}

	strong
{
	padding:	2px;
	color:		#FFF;
}
	
#respond h3
{
	margin-top:	20px;
}

	footer
{
	width:		1000px;
	padding:	50px;
	background:	rgba(0,0,0,0.7);
	box-shadow:	0px 0px 4px #000;
	margin:		0 auto;
	margin-bottom:	30px;
}
	footer .menu li a
	{
	display:			inline-block;
	padding:			10px;
	text-align:			center;
	width:				100px;
	background:			#da4848;
	box-shadow:			0px 0px 1px #000;
	margin-top:			20px;
	color:				#FFF;
	font-family:			'Ubuntu',sans-serif;
	font-weight:			bold;
	float:				left;
	text-transform:			uppercase;
	font-size:			12px;
	margin-right:			10px;
	text-shadow:			0px 1px 0px #000;
}

.copyright
{
	width:				100%;
	margin-top:			10px;
	padding-top:			10px;
	border-top:			2px dashed #da4848;
	text-align:			center;
	color:				#FFF;
	font-family:			'Ubuntu',sans-serif;
	font-weight:			bold;
	text-transform:			uppercase;
	font-size:			12px;
	text-shadow:			0px 1px 0px #000;
}

.sticky{}
.wp-caption{}
.wp-caption-text{}
.gallery-caption {}
.sidebar #s
{
	margin-bottom:			20px;
	width:				190px;
}	

#respond label
{
	margin-right:			40px;
}

#showcomments span
{
	display:			block;
	line-height:			25px;
	margin-top:			10px;
}