/*/*
Theme Name: Birbigs.com
Theme URI: http://tidythemes.com/blankslate/
Description: 3.0+ has been completely and massively overhauled. DO NOT UPGRADE current projects to this version automatically. You will lose all customizations whether you're using a child theme or not. BEFORE USING AND ESPECIALLY UPGRADING IN GENERAL PLEASE READ: tidythemes.com/concept. The bare essentials of a WordPress theme (an HTML5 boilerplate), no visual CSS styles added. Perfect for those who would like to build their own theme from scratch or for clients if you're a developer or designer. This theme is clean, valid code, semi minified, no programmer comments, SEO-friendly and 100% open source. One custom menu and one widgetized sidebar to get you started. If you don't know CSS and would like to learn we've prepared: tidythemes.com/want-to-learn-css and please visit us in the forum for further help: tidythemes.com/forum - Thank You and Enjoy
Author: TidyThemes
Author URI: http://tidythemes.com/
Version: 3.0
Tags: one-column, flexible-width, custom-menu, featured-images, microformats, sticky-post, threaded-comments
License: GNU General Public License | This theme is completely free and open source to use as you like for both personal and commercial projects without any limitations.
License URI: https://www.gnu.org/licenses/gpl.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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/*text styling*/

/*@font-face {
	font-family: Delicious;
	src: url('ITC Avant Garde Gothic LT Bold.ttf');
}*/

@font-face {
	font-family: AVG;
	font-weight: bold;
	src: url('ITC Avant Garde Gothic LT Bold.ttf');
}

html
{
	margin: 0;
	padding: 0;
}
body
{
	background: #000;
	margin: 0;
	
	/*fix font issue*/
	-webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
	
	
}
/*fix font issue*/
@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}
/*================================*/

body, input, textarea
{
	color: #222;    
	font-family: Arial, sans-serif;
	
}

h1, h2, h3, h4, h5, h6
{ 

	font-weight: normal;
	clear: both;
}
hr
{
	background-color: #999;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
pre
{
	font: 11px Monaco, monospace;
	line-height: 1.5;
	margin-bottom: 1.5em;
}
code
{
	font: 11px Monaco, monospace;
}
p
{
	color:#FFF;
	padding:0 20px 10px 20px;
	line-height:20px;

	/*margin: 4px 0 12px 0;*/
}





a
{
	color: #5f99ce;
	text-decoration:none;
}

a:active {
  outline: none;
}

a:hover
{
	text-decoration:underline;
	/*color: #5f99ce;*/
}
a:visited
{
	color:#5f99ce;
}


.copyright{
	line-height:51px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	font-weight:bold;
}




/*navigation menu*/
.menu ul{
	
	margin-top:2px;
}
		
.menu li{
	
	display:inline;
	line-height:32px;
	
	
}



.menu li a
{
	/*background-color:#000;*/
	font-family: AVG, sans-serif; 
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size: 20px;
	font-weight:bold;
	text-decoration: none;
	color: #5f99ce;
	padding: 5px 18px 5px 18px;
	/*padding:12px;*/
	
}
.menu li a:hover
{
	background-color:#5f99ce;
	color: #fff;
	padding: 5px 18px 5px 18px;
	/*padding:12px;*/
}

.lastOption{
	padding: 5px 8px 5px 8px;
}

/*page layout*/
header{
	
	}
div#branding{
	background-color:#5f99ce;
	background-image:url(img/birbigs_logo.png);
	background-position:center;
	background-repeat:no-repeat;
	height:102px;
}


nav{
	margin-top:1px;
	width:100%;
	
}

#nav_container{
	width:880px;
	margin:0 auto;
}

#container
{
	width:880px;
	margin:0 auto;

	/*margin: 4px 4px 4px 4px;*/
}


#content{
	margin-top:0px;
	margin-bottom:61px;
	float:left;
	width:604px;
	padding:15px 0px 10px 0px;
	/*padding-bottom:95px;*/
	border:#5f99ce solid;
}

#content_home{
	margin-top:0px;
	float:left;
	width:604px;
	padding-bottom:95px;
	
}

aside{
	margin-bottom:61px;
	margin-top:-50px;
}

#primary{
	margin-bottom:0px;
	margin-top:0px;
}

#sidebar{
	
	float:left;
	margin-left:10px;
	width:260px;
	
}

#sidebar li { list-style-type: none; }
#sidebar ul { list-style-type: none; margin: 0; padding: 0px; }

footer{
	width:100%;
	text-align:center;
	/*position:fixed;*/
	bottom:0px;
	/*background-color:#5f99ce;*/
	height:51px;
	
}

div#social{
	float:left;	
	background-color:#F00;
	background-image:url(img/socialicons.png);
	background-position:center;
	background-repeat:no-repeat;
	width:116px;
	height:34px;
	
}

/*** CONTENT : POSTS AND PAGES ***/

/* Entry and Page Titles */
h1.entry-title
{
	display:inline-block;	
	font-family: AVG, sans-serif; 	

	font-size:20px;
	font-weight:normal;
	color:#000;
	padding:7px 10px 7px 10px;
	background-color:#5f99ce;
	margin-bottom:20px;
	
	
}
h2.entry-title
{
	
	
	}
h2.entry-title a
{
	margin-left:20px;
	display: block;
	margin-bottom:20px;
}
h1.page-title
{
	
}

h2.post-date{
	color:#FFF;
	font-size:14px;
	font-style:italic;
	margin-left:20px;
	font-weight:bold;	
	display: block;
	
}

h2.post-title
{
	color:#FFF;
	font-size:18px;
	margin-left:20px;
	line-height:22px;
	font-weight:bold;	
	display: block;
}

/* Media Alignment */
.alignright
{
	/* Style for right-aligned images in posts */
	padding: 8px 0 8px 8px;
	float: right;
}
.alignleft
{
	/* Style for left-aligned images in posts */
	padding: 8px 8px 8px 0;
	float: left;
}

.side_date{
	font-size:14px;
	margin-left:20px;
	margin-bottom:10px;
	font-style:italic;
	font-weight:bold;
	color:#FFF;
}

.featured_post_title{
	font-size:20px;
	margin-left:20px;
	line-height:25px;
	font-weight:bold;	
	display: block;
}



/* Entry Content */
.entry-title{
	font-size:18px;
	/*margin-left:20px;*/
	line-height:25px;
	font-weight:bold;	
	display: block;
	
}



.entry-content
{
	font-size:14px;
	line-height:10px
	
	/*margin-left:20px;*/
	/* Style that affects actual entry/post content */
}

.entry-footer{
		font-size:12px;
	margin-left:20px;
	margin-right:20px;
	color:#FFF;
	
}

#reply-title{
	margin-left:20px;
	color:#FFF;
	margin-top:10px;

	
}

.edit-link{
	margin-left:20px;
}


.entry-content a
{
	
}
.entry-content a:hover
{
	
}
.entry-content h1, h2, h3, h4, h5
{
	
}



.entry-content ol li
{
	
}

.entry-utility
{
	/* Style for the entry utility, which sits below a post and provides info like categories, tags, feeds, and an edit link (for authors) */
}
.entry-meta
{
	font-size:14px;
	margin-left:20px;
	color:#FFF;
	/* Style for the entry metadata (author, etc.) */
}
.skip-link
{
	/* Style for the skip link */
	/*position: absolute;
	left: -9000px;*/
}
.navigation
{
	margin-left:20px;
	/* Style for the navigation links (next/previous post) on a given post */
}

.nav-next{
	margin-bottom:20px;
	
}

.nav-previous{
		margin-bottom:20px;
}

/*** CONTENT : COMMENTS ***/

div#comments
{
	/* Style that affects the DIV containing all the comments */
}
.comments h3
{
	/* H3 header style for comments */
}
.comments ol
{
	/* Comments are displayed as ordered lists by default, so you want to style that list so it looks the way you want */
}
.comments ol li
{
	/* Style each list item in the comments ordered list */
}
.comments img
{
	/* Style for the user avatar beside each comment */
	float: left;
	margin: 0 12px 8px 0;
}
.comments .comment
{
	/* Style that applies to each individual comment in a series of comments */
}

.children ul li
{
	/* A style that refers to the children (as in, responses to) any given comment */
}

label{
	margin-right:10px;
	
}

.comment-reply-link
{
	/* Style for the "Reply" link on a comment */
}
.comment-meta
{
	/* Style for metadata for a comment */
}
div#respond
{
	/* DIV that contains the comment response form */
}
div#respond h3
{
	/* H3 header for the comment response form */
}

/*Custom Homepage*/


/*
featureWrapper { width: 604px; clear: both; margin: 0 auto; text-align: center; background: #333; }
#featuredPost { width:604px; margin: 0 auto; text-align: left; height: 200px; color: #FFF; padding: 20px 0 20px 20px; border:#5f99ce solid;}
*/
#featuredPost {
	width:604px;
float:left;
border:#5f99ce solid;
margin-bottom:20px;
padding:15px 0px 10px 0px
}

.featured_heading{
	display:inline-block;	
	font-family: AVG, sans-serif; 
	font-size:18px;
	font-weight:normal;
	color:#000;
	padding:7px 10px 7px 10px;
	background-color:#5f99ce;
	margin-bottom:10px;
}

/** EMAIL FORM ***/
div#emailForm
{
	font-weight:bold;
	
	width:604px;
	/*height:134px;*/
	padding-bottom:0px;
	margin-bottom:10px;
	margin-top:7px;
	margin-left:2px;
	/*background-image:url(img/blueBkg.png);
	background-position:center;
	background-repeat:no-repeat;*/
	
	/*-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background-color: #5f99ce;*/
	
}

div#emailForm_inner
{
	margin:0 auto;
	width:260px;
	padding:0px 20px 10px 20px;
	float:left;
	/*text-align:right;*/
	
		}

.emailListHeader{
	/*font-family: AVG, sans-serif; */
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight:bold;
	color: #fff;
	padding: 10px 0px 10px 0px;
	margin-top:10px;
	text-align:center;
	
}

.mailingList{
	color:#FFF;
	line-height:24px;
	font-size:18px;
	
}

.fsSubmitButton
{
	background-image: 	url(img/signup.png);
	background-repeat:	no-repeat;
	background-color:	transparent;
	height:			31px;
	width:			121px;
	border:			none;
	margin-top:10px;
	text-indent:		-999em;
}

/** TablePress **/

/*All table custom CSS goes in pulg-in option section*/

/*test twitter customize*/

.tweets {
	overflow: hidden;
	display: block;
	width:230px;
	margin: -3px 0px 0px 0px;
	padding: 6px 6px 6px 10px;
	line-height:18px;
	
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border:solid #5f99ce;
	
	list-style: none;
	/*font-family: Verdana, sans-serif;
*/	font-size: 14px;
font-weight:bold;
	color: #fff;
}
 
.twitter-bottom {
	margin: 0;
	padding-top: 0px;
	margin-bottom:10px;
	margin-right:10px;
	/*background: url('img/twitter-stem.png') no-repeat 22px 0;*/
}

.twitter-top {
	position:relative;
	z-index:120;
	height:31px;
	margin: 0;
	padding-top: 0px;
	padding-bottom:-10px;
	background: url('img/twitter-stem.png') no-repeat 155px 0px;
}
 
.twitter-avatar {
	float: left;
	margin-right: 5px;
	padding: 1px;
	height: 34px;
}
 
.twitter-avatar img {
	margin-top: 2px;
	border: 4px solid #DDEEF6;
	width: 30px;
	height: 30px;
}
 
.twitter-meta {
	text-align:right;
	margin-top: 6px;
	font-size: 11px;
}
 
.intent-meta {
	float: right;
}

.time-meta{
	padding-top:10px;	
	display:inline-block;
	font-size:10px;
	font-weight:normal;
	
	
	
}
 
.intent-meta a:link, .intent-meta a:visited, .intent-meta a:active {
	color: #999999;
}
 
.intent-meta a:hover {
	text-decoration: none;
	color: #666666;
}

.widget-title{
	display:none;
}

iframe{
	margin-bottom:20px;
}

/*social plugin*/

.zosp-social-buttons{
	margin-left:20px;
	
}


#fsb_image{
	display:none;


}

/*Responsive Code Here*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */




	aside{
	margin-bottom:61px;
	margin-top:0px;
}

	.menu li a
{
	/*background-color:#000;
	font-family: AVG, sans-serif; 
	font-family:Arial, Helvetica, sans-serif;*/
	font-size: 25px;
	/*font-weight:bold;
	text-decoration: none;
	color: #5f99ce;
	padding: 5px 18px 5px 18px;
	padding:12px;*/
	
}

.twitter-top {
	display:none;	
}



}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
	aside{
	margin-bottom:61px;
	margin-top:0px;
}

	.menu li a
{
	/*background-color:#000;
	font-family: AVG, sans-serif; 
	font-family:Arial, Helvetica, sans-serif;*/
	font-size: 25px;
	/*font-weight:bold;
	text-decoration: none;
	color: #5f99ce;
	padding: 5px 18px 5px 18px;
	padding:12px;*/
	
}

.twitter-top {
	display:none;	
}
 




}


@media only screen and (-webkit-device-pixel-ratio: 1) and (max-device-width: 768px) {
/* CSS for Medium-density screens goes here *
* Ex: Samsung Ace, Kindle Fire, Macbook Pro *
* max-device-width added so you don't target laptops and desktops */

}




*/