/*



	Theme Name: My Hobby



	Theme URL: #



	Description: My Hobby is a free WordPress theme with featured posts option. Suitable for any niche. Theme Options at admin panel.



	Author: NewWpThemes



	Author URI: #



	Version: 1.0 



	Tags: Hobby, Ads Ready, Two Columns, Right Sidebar, Fixed Width, Blogging, Options Page



*/







/* LAYOUT */







body {



	background:url("images/onlinebingobreak-bg.png") repeat;

	



	}







#wrapper {

background: url("images/wraper-bg.png") repeat-x;

	padding:0;



	}







#container {
	



	}







#contentwrap {



	background: #fff;



	}







a {



	color: #ffa800;



	}







a:hover {



	color: #ff7200;



	}



/* HEADER */







#header {



	height: 94px;

background: url("images/hdr_baner.png") top center no-repeat;

	padding-top:0px;
	padding-bottom:40px;



	}





.logo{background: url("images/onlinebingobreak.png") no-repeat scroll 0px 30px transparent; padding-bottom:20px;}



#header h1 {



	



	margin-bottom: 0px !important;



	padding: 45px 0 2px 104px;



	font-weight: normal;



	font-family: Georgia, Times New Roman Times, Serif;



	font-weight: bold;



	font-size: 28px;



	}







#header h1 a, #header h1 a:visited {



	color: #000;



	text-decoration: none;



	}











#header h2 {



	color: #000;
	
	padding-left:104px;



	font-size: 13px;



	line-height: 14px; 



	font-family: Arial;



	}







.logoimg {



    margin: 0 0 0 0;



    }







.feedtwitter {



	margin-top: 16px !important;



	text-align: right;



	}



    



/* NAVIGATION MENUS */







#pagemenucontainer {



	height: 32px;



	margin-top: 16px;



    background: url("images/pagenav-left.png") top left no-repeat;



    padding-left: 15px;



	}



	



#pagemenu {



	height: 32px;



    float: left;



    background: #e7bb0a url("images/pagenav-right.png") top right no-repeat;



	}







#pagemenu, #pagemenu ul { 



	padding: 0;



	margin: 0;



	list-style: none;



	line-height: 1;



	}



#pagemenu {



	}



	



#pagemenu ul {



	float: left;



	list-style: none;



	margin: 0px 0px 0px 0px;



	padding: 0px;



	}



	



#pagemenu li {



	float: left;



	list-style: none;



	margin: 0px;



	padding: 0px;



	}



	



#pagemenu ul li {



	list-style: none;



	margin: 0px;



	padding: 0px;



	}



	



#pagemenu li a, #pagemenu li a:link {



	color: #fff;



	display: block;



    margin: 0px 3px 0px 3px;



	padding: 10px 15px 10px 0;



	text-decoration: none;



	text-transform: uppercase;



	font-size: 11px;



	font-family: Arial, Helvetica, sans-serif;



    border-radius: 5px;text-shadow: 0 1px 0 #967800;



	}



	



#pagemenu li a:hover, #pagemenu li a:active {



	color: #363636;



	display: block;



	text-decoration: none;



    text-shadow: 0 1px 0 #f9e079;



    



	}



	



#pagemenu  li.current_page_item a {



	color: #363636;



    text-shadow: 0 1px 0 #f9e079;



	}







#pagemenu li:hover, #pagemenu li.sfhover { 



	position: static;



	}



	











.navcontainer {



	height: 32px;



    /*background: url("images/nav-background.png") top left repeat-x;*/
	
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(1, #111));
	background-image		: -webkit-linear-gradient(top, #555 0%, #111 100%);
	background-image		:    -moz-linear-gradient(top, #555 0%, #111 100%);
	background-image		:     -ms-linear-gradient(top, #555 0%, #111 100%);
	background-image		:      -o-linear-gradient(top, #555 0%, #111 100%);
	background-image		:         linear-gradient(top, #555 0%, #111 100%);



    padding-left: 10px;
	
	border-top:solid 1px #ffe0ff;
	border-bottom: dotted 1px #fff;



	}



	



#nav {



	height: 32px;



	}







#nav, #nav ul { 



	padding: 0;



	margin: 0;



	list-style: none;



	line-height: 1;



	}



#nav {



	margin-bottom: 1px;



	}



	



#nav ul {



	float: left;



	list-style: none;



	margin: 0px 0px 0px 0px;



	padding: 0px;



	}



	



#nav li {



	float: left;



	list-style: none;



	margin: 0px;



	padding: 0px;



	}



	



#nav ul li {



	list-style: none;



	margin: 0px;



	padding: 0px;



	}



	



#nav li a, #nav li a:link {



	color: #fff;



	display: block;



    margin: 0px 6px 0px 0;



	padding: 10px 14px;



	text-decoration: none;



	font-size: 12px;



	font-weight: bold;



    font-family: Arial, Helvetica, Sans-serif;



	text-transform: uppercase;



    text-shadow: 0 1px 0 #424241;



	}



	



#nav li a:hover, #nav li a:active{



	background: #e72f0a url("images/navarrow.png") center bottom no-repeat;



	color: #fff;



	display: block;



	text-decoration: none;



    text-shadow: 0 1px 0 #796100;



	}



	



#nav  li.current-cat a {



	color:#fff;



    text-shadow: 0 1px 0 #796100;



    background: #e7bb0a url("images/navarrow.png") center bottom no-repeat;



	}







#nav li:hover, #nav li.sfhover { 



	position: static;



	}



	



/* CONTENT */







#content {



	background-color: #fff;



	padding: 15px 5px 15px 15px;



	}



	



pre { overflow: auto; 



	width: 470px; 



	}







.post {



	padding-bottom: 15px;



	margin-bottom: 15px;



    border-bottom: 1px solid #ddd;



	}







.post p {



	margin-bottom: 10px;



	}







.title {



	margin: 0 0 2px 0;



	padding:0;



	line-height: 22px;



	font-family: Arial, Helvetica, Sans-serif;



	color: #504d4d;
	font:bold 24px Arial, Helvetica, sans-serif;



	}







.title a {



	text-decoration: none;



	color: #504d4d;



	}







.title a:hover {



	text-decoration: none;



	color: #ffa800;



	}







.pagetitle {



	margin-bottom: 20px;



	line-height: 22px;



	font-family: Arial, Verdana;



	text-decoration: underline;



}







.postdate {



	font-size: 14px;



	padding: 2px 0px;



    font-family: Arial, Helvetica, Sans-serif;



    color: #999;



	}







.postmeta {



	font-size: 11px;



	padding: 2px 4px;



	font-family: Arial, Verdana;



	}



	



.postdate img, .postmeta img {



	border: none;



	vertical-align: middle;



	margin:2px;



	}



	



.entry {



	text-align: justify;



	line-height: 20px;



	padding-top: 8px;



	font-family: Arial, Verdana;



	font-size: 14px;



    color: #3b3b3b;



	}



.navigation {



	padding: 10px 0;



	}







blockquote {



	overflow: hidden;



	padding-left: 9px;



	font-style: italic;



	color: #666;



	border-left: 3px solid #CADAE7;



	}



	



.post img {



	max-width: 680px;



	}







img.wp-smiley {



	max-height: 12px;



	margin: 0;



	padding: 0;



	border: none;



	}



	



.aligncenter,



div.aligncenter {



   display: block;



   margin-left: auto;



   margin-right: auto;



	}







.alignleft {



   float: left;



	}







.alignright {



   float: right;



	}







.wp-caption {



   border: 1px solid #ddd;



   text-align: center;



   background-color: #f3f3f3;



   padding-top: 4px;



   margin: 10px;



   /* optional rounded corners for browsers that support it */



   -moz-border-radius: 3px;



   -khtml-border-radius: 3px;



   -webkit-border-radius: 3px;



   border-radius: 3px;



	}







.wp-caption img {



   margin: 0;



   padding: 0;



   border: 0 none;



	}







.wp-caption p.wp-caption-text {



   font-size: 11px;



   line-height: 17px;



   padding: 0 4px 5px;



   margin: 0;



	}



	







/* wp-pagenavi */



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



    color: #686868 !important;



    background:#dfdfdf !important;



    border: 1px solid #989898 !important;



    font-size: 15px !important;



    padding:  4px 8px !important;



}







.wp-pagenavi span.current {



    color: #434343 !important;



    background:#fff !important;



    border: 1px solid #b6b5b5 !important;



    font-size: 15px !important;



    padding:  4px 8px !important;



    font-weight: bold;



}







.wp-pagenavi a:hover {



    color: #494949 !important;



    background:#dfdfdf !important;



    border: 1px solid #626262 !important;



    



}







.wp-pagenavi span.pages {



    color: #676767 !important;



    background:#fff !important;



    border: 1px solid #b6b5b5 !important;



    font-size: 15px !important;



    padding:  4px 8px !important;



}







.wp-pagenavi span.extend {



    background:transparent !important;



    font-size: 15px !important;



    padding:  4px 8px !important;



    color: #676767 !important;



    background:#fff !important;



    border: 1px solid #b6b5b5 !important;



    font-weight: bold;



}







/* SIDEBAR(S) */







.sidebaradbox {



	margin-top: 5px; 



	text-align:center;



	}



	



.ad125 {



	margin: 10px;



	}











.sidebar {



	margin: 0 10px 10px 0;



    font-size: 13px;



	}



	



.sidebar a {



	text-decoration: none;



	color: #333;



	}







.sidebar a:hover {



	text-decoration: underline;



	color:#F66665;



	}



	



	



#search {



    border: 1px solid #c7c7c7;



    height: 30px;



    padding: 0;



    background: #fff url("images/search-background.png") top left repeat-x;



    text-align: right;



    margin-top: 12px;



}







#search input {



	border: 0;



    background: none;



    color: #6b6b69;



}



	



	



#s {



	width: 140px;



	padding: 4px;



    margin:3px 0 0 0;



    background: none;



}







#topsearch 	#s {



  width: 188px;  



}



#topsearch {



    margin-top: 5px;



}



		



/* Social icons */



.addthis_toolbox {



    padding: 15px 0 0px 0;



	text-align: center;



	}



.addthis_toolbox .custom_images a



{



    width: 32px;



    height: 32px;



    margin: 0 3px 0 3px;



    padding: 0;



}







.addthis_toolbox .custom_images a:hover img



{



    opacity: 1;



}







.addthis_toolbox .custom_images a img



{



    opacity: 0.85;



}



	







	



.sidebarvideo {







	}







.sidebar h2 {



	margin: 10px 0 0 0;



	padding: 4px 0 2px 12px;



	background:#e72f0a /*url("images/sidebar_tab.png") left center no-repeat*/;



	font-size: 17px;



	font-family: Arial, Helvetica, Sans-serif;



	font-weight: bold;



	text-transform: uppercase;



    text-shadow: 0 1px 0 #102230;



	color: #fff;
	border-bottom:solid 2px #9b2423;
	border-right:solid 2px #9b2423;
	border-top:solid 2px #F66665;
	border-left:solid 2px #F66665;



	}







.sidebar ul {



	list-style-type: none;



	margin: 0px 0px 10px 0px;



	padding: 0px;



	}



	



.sidebar ul li {



	list-style-type: none;



	margin: 0px 0px 5px 0px;



	padding: 0px;



	}







.sidebar ul ul {



	list-style-type: none;



	margin: 0px;



	padding: 0px;



	}



	



.sidebar ul li li {



	padding: 3px 0px 3px 15px;



	margin: 0px;



	background: url("images/bullet.gif") no-repeat top left;



	}



	



.sidebar ul li ul li {



	background: #FFFFFF url("images/bullet.png") no-repeat top left;



	padding: 2px 0px 2px 23px;



	margin: 2px 0;
	
	text-align:left;



	}















#wp-calendar th {



	font-style: normal;



	text-transform: capitalize;



	color: #555;



	background: #fff;



	}



#wp-calendar caption {



	padding: 2px 4px;



	text-transform: uppercase;	margin: 2px 0 2px 0;



	background: #fff;



	}







#wp-calendar td {



	color: #999;



	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;



	letter-spacing: normal;



	padding: 2px 0;



	text-align: center;



	}







#wp-calendar td:hover, #wp-calendar #today {



	background: #e7bb0a;



	color: #fff;



	}



	



#wp-calendar:hover a {



    color: #fff;



}







#wp-calendar {



	empty-cells: show;



	font-size: 14px;



	margin: 0;



	font-weight: bold; 



	width: 100%;



	}











/* FOOTER */







#footer {



	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(1, #111));
	background-image		: -webkit-linear-gradient(top, #555 0%, #111 100%);
	background-image		:    -moz-linear-gradient(top, #555 0%, #111 100%);
	background-image		:     -ms-linear-gradient(top, #555 0%, #111 100%);
	background-image		:      -o-linear-gradient(top, #555 0%, #111 100%);
	background-image		:         linear-gradient(top, #555 0%, #111 100%);



    border-top: 1px solid #fff;



    border-bottom: 1px solid #fff;



	padding: 0px;



	text-align: center;



	color: #fff;



	font-size: 13px;
	
	float:left;
	
	width:950px;



	}







#footer a {



	color: #fff;



	} 







#footer a:hover {



	text-decoration: none;



	} 



	



#footer2 {



	color: #717171;



	font-size: 11px;



	text-align: center;



	padding: 10px;



	}



    	



#footer2 a {



	color: #717171;



    text-decoration: none;



	} 



	



/* COMMENTS */







#comments h3 {



	margin-bottom: 10px;	



}







#commentform input {



	width: 170px;



	padding: 2px;



	margin: 5px 5px 1px 0;



	}







#commentform {



	margin: 5px 10px 0 0;



	}



	



#commentform textarea {



	width: 100%;



	padding: 2px;



	}



	



#respond:after {



		content: "."; 



	    display: block; 



	    height: 0; 



	    clear: both; 



	    visibility: hidden;



	}



	



#commentform #submit {



	margin: 0 0 5px auto;



	float: right;



	}







.alt {



	margin: 0;



	padding: 10px;



	}







.commentlist {



	padding: 0;



	text-align: justify;



	}







.commentlist li {



	margin: 15px 0 10px;



	padding: 5px 5px 10px 10px;



	list-style: none;







	}



	



.commentlist li ul li { 



	margin-right: -5px;



	margin-left: 10px;



}







.commentlist p {



	margin: 10px 5px 10px 0;



}



.children { padding: 0; }







#commentform p {



	margin: 5px 0;



	}







.nocomments {



	text-align: center;



	margin: 0;



	padding: 0;



	}







.commentmetadata {



	margin: 0;



	display: block;



	}



	



.post_thumbnail {



    padding: 6px;



    background: #eee;



    border: 1px solid #ddd;



    margin: 0 10px 10px 0;



}