/* @override http://www.bunnybingo.com/wp-content/themes/bunnybingo/style.css */

/*   
Theme Name: Bunnybingo2010

Tags: light, two-columns, fixed-width

*/







@import url('reset.css');



@import url('typography.css');



@import url('grid.css');



@import url('forms.css');



@import url('pops.css');







html {



	width: 100%;



	height: 100%;



	margin: 0;



	padding: 0;

			



}







body {



	width: 100%;



	height: 100%;



	margin: 0;



	padding: 0;

	

	background-image:url(images/body_bg.gif);

}







#bunnywrapper {



	width: 1000px;



	margin-right: auto;



	margin-left: auto;



}







#bunnyfooterwrapper {



		width: 1000px;



	margin-right: auto;



	margin-left: auto;



}







div.container_12 {



		background: url(images/sunburst.png) no-repeat -22px -5px;



	margin-right: auto;



	margin-left: auto;



	display: inline-block;



}







#post-single {



	width: 620px;

	padding-bottom: 40px;

	background: none no-repeat right bottom;

}







div.post_archive {



	width: 600px;



	padding-right: 10px;



	padding-left: 10px;



	padding-bottom: 10px;



	background: url(images/list_bg.png) no-repeat center bottom;



	margin-bottom: 10px;



	margin-top: 10px;



}







div.morelink {



	width: 600px;



	display: block;



	text-align: right;



}







div.posts-wrap.grid_8 {



	margin: 0;



}







/* header */







#header-wrap {



	width: 960px;



	padding: 18px 0 0;



	height: 125px;



}







div.tagline {



	float: right;



	width: 480px;



	padding-top: 20px;



}







#header-wrap div.tagline h1 {



	color: #7959a9;



	font-size: 20px;



	font-weight: bold;



	line-height: 1.1em;



}







div.logo {



	float: left;



	margin: 0;



	padding-top: 10px;



	padding-bottom: 10px;



}







/* nav */







#suckerfishnav {



    background: #ffccfa none no-repeat center -7px;



    font-size: 14px;



    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



    font-weight:bold;



	height: 37px;



	z-index: 5;



	display: block;



	float: left;

	padding-top: 10px;

}



#suckerfishnav, #suckerfishnav ul {



    list-style:none;



    line-height:40px;



    padding: 0 10px 0 20px;



    margin:0;



	float: left;



	width: 910px;



}



#suckerfishnav a {



    display:block;



    text-decoration:none;



    padding: 0px 20px 0px 25px;



	height: 37px;



}







#suckerfishnav a:hover {



background-color: #E84AB6;



	color: white;



}



#suckerfishnav li {



    float:left;



    padding: 0 5px 0 1px;



	height: 37px;



	line-height: 2.5em;



	



}



#suckerfishnav ul {



    position:absolute;



    left:-999em;



    font-weight: normal;



    margin:0;



    line-height: 1;



	font-size: 15px;



	z-index: 999;



	width: 160px;



	padding: 0;



}



#suckerfishnav li li {



    font-weight: bold;



    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



	height: 37px;



	border-top: 1px solid #ecb8eb;



	padding: 0;



	border-bottom: 1px solid #f4d8f4;



	line-height: 1.8em;



	width: 170px;



}



#suckerfishnav li li a {



    padding: 4px 20px 8px;



    font-size: 14px;



    color: #9F1F76;



}



#suckerfishnav li ul ul {



    margin:-21px 0 0 150px;



}



#suckerfishnav li li:hover {



    background: #ffccfa none;



	width: 170px;



}



#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {



	background-color: #E84AB6;



	background-image: none;



}



#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {



}



#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {



	background-image: none;



}



#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {



    left:-999em;



    }



#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {



    left:auto;



    background: #ffccfa;



	line-height: 2em;



	padding-left: 0;



	width: 170px;



}



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



	color: #9F1F76;



}







li:hover.page_item {



	overflow:hidden;



}







/* CARD */







#bingocard_main {



	width: 960px;



	background: url(images/card_bg_large.jpg) no-repeat 10px top;



	height: 1080px;



	position: relative;



	z-index: 0;



	top: -5px;



	padding-top: 20px;



}







#maincard_holder {



	width: 812px;



	height: 1025px;



	background: none no-repeat 0 0;



	margin-left: 107px;



	margin-top: 30px;



	padding: 0;



}







.space_bingocard_top



{



	



	width: 708px;



	padding: 0;



	clear: both;



	display: block;



	height: 94px;



}







#maincard_holder ul {



	list-style: none;



	padding: 0 0 0 22px;



	margin: 0;



	width: 656px;



	clear: left;



	height: 132px;



}







#maincard_holder ul li {



	list-style: none;



	display: inline-block;



	float: left;



}







li.b1 {



		width: 121px;



	height: 132px;



	margin-right: 6px;



	margin-left: 1px;



	margin-bottom: 8px;



}







li.b2 {



	margin-right: 5px;



}







li.b4 {



	margin-right: 15px;



	width: 121px;



	height: 132px;



}







li.i1 {



	width: 121px;



	margin-right: 7px;



	margin-left: 1px;



	height: 128px;



	margin-bottom: 7px;



}







li.i2 {



	width: 127px;



	margin-right: 6px;



	margin-left: 1px;



	height: 128px;



}







li.i3 {



	margin-right: 6px;



	height: 128px;



	width: 125px;



}







li.i4 {



	width: 127px;



	margin-right: 6px;



	margin-left: 1px;



	height: 128px;



}







li.i5 {



	margin: 0;



	width: 125px;



	height: 128px;



}







li.n1 {



	width: 121px;



	height: 128px;



	margin: 0 7px 7px 1px;



}







li.n2 {



	width: 127px;



	margin-right: 6px;



	margin-left: 1px;



	height: 128px;



}







li.n3 {



	margin-right: 7px;



	height: 128px;



	width: 126px;



	overflow: hidden;



}







li.n4 {



	width: 127px;



	margin-right: 7px;



	margin-left: 1px;



	height: 128px;



}







li.n5 {



	margin: 0;



	width: 125px;



	height: 128px;



}







li.g1 {



	width: 121px;



	margin-right: 7px;



	margin-left: 1px;



	height: 128px;



	margin-bottom: 8px;



}







li.g2 {



	width: 127px;



	margin-right: 6px;



	margin-left: 1px;



	height: 128px;



}







li.g3 {



	margin-right: 6px;



	height: 128px;



	width: 125px;



}







li.g4 {



	width: 127px;



	margin-right: 6px;



	margin-left: 1px;



	height: 128px;



}







li.g5 {



	margin: 0;



	width: 125px;



	height: 128px;



}







li.o1 {



	width: 121px;



	margin-right: 7px;



	margin-left: 1px;



	height: 128px;



}







li.o2 {



	width: 127px;



	margin-right: 6px;



	margin-left: 1px;



	height: 128px;



}







li.o3 {



	margin-right: 6px;



	height: 128px;



	width: 125px;



}







li.o4 {



	width: 127px;



	margin-right: 6px;



	margin-left: 1px;



	height: 128px;



}







li.o5 {



	margin: 0;



	width: 125px;



	height: 128px;



}







.bubbleInfo {



    position: relative;



	margin-left: 2px;



}







.popup {



    position: absolute;



	width: 303px;



	height: 180px;



	display: none;



	background: url(images/card_stack/home_pop.png) no-repeat center center;



	z-index: 999;



}











#pen {



	width: 500px;



	height: 1050px;



	background: url(images/card_stack/pen.png) no-repeat right bottom;



	z-index: 4;



	position: absolute;



	float: right;



	right: 0;



	bottom: 0;



	display: none;



}















/* links */



a:link, a:visited {



	color: #9a1691;



	text-decoration: none;



	}



	



a:hover {



	text-decoration: none;



	color: #dc55e0;



}



/* navigation */



#nav-bar {



	width: 960px;



	margin: 0;



	clear: both;



	display: block;



	height: 36px;



	z-index: 800;

	padding: 0 0 30px;

	background-position: center;

	background-repeat: no-repeat;

}







ul.menu_container {



	list-style: none;



		background-color:#fcccf9;



		height: 37px;



	width: 936px;



	padding: 0 0 0 10px;



	margin: 0;



	float: left;



}







li.menu {







}







#nav-bar ul.menu_container li.menu a {



		list-style:none;



	height: 27px;



	border-right:1px solid #ec97ec;



	float:left;



	font-weight: bold;



	font-size: 16px;



	line-height: 1em;



	text-transform: capitalize;



	padding: 10px 40px 0 30px;



}







#nav-bar ul.menu_container li.menu2 a {



		list-style:none;



	height: 27px;



	border-right:1px solid #ec97ec;



	float:left;



	padding: 10px 25px 0;



	font-weight: bold;



	font-size: 16px;



	text-transform: capitalize;



	line-height: 1em;



	border-right:1px solid #ec97ec;



	border-left:1px solid #ffe7fd;



	



}







#nav-bar ul.menu_container li.menu3 a {



		list-style:none;



	height: 27px;



	float:left;



	padding: 10px 10px 0 20px;



	font-weight: bold;



	font-size: 16px;



	text-transform: capitalize;



	line-height: 1em;



	border-left:1px solid #ffe7fd;



}







#nav-bar ul.menu_container li.menu a:hover, #nav-bar ul.menu_container li.menu2 a:hover, #nav-bar ul.menu_container li.menu3 a:hover {



	background-color: #ffe7fd;



}



















span.nav_left {



	float: left;



	width: 7px;



	height: 37px;



	background: url(images/nav_left.gif) right center;



}







span.nav_right {



	float: left;



		width: 7px;



	height: 37px;



	background: url(images/nav_right.gif) left center;



}



	



#navbar-right a img {



	border: none;



	margin: 5px 0px 0px 0px;



	padding: 0px;



	}







#nav {



	margin: 0px;



	padding: 0px;



	list-style: none;



	}



	



#nav ul {



	margin: 0px;



	padding: 0px;



	list-style: none;



	}







#nav a {



	display: block;



        font-weight: bold;



        margin: 0px 20px 0px 0px;



	padding: 6px 10px 5px 10px;



	}



	



#nav a:hover {



	display: block;



	text-decoration: underline;



        margin: 0px 20px 0px 0px;



	padding: 6px 10px 5px 10px;



	}







#nav li {



	float: left;



	margin: 0px;



	padding: 0px;



	}



#nav li li {



	display: none;



	}



/* header */



#footer {



        margin: 50px 0px 0;



        padding: 0 0px 20px;



        border-top: 2px solid #fde9fc;



	clear: both;



	height: 300px;

	background: #fcccf9 none repeat-x 0 -15px;

}







#footerleft {



	padding: 0;



	margin: 0 30px 0 0;



	float: left;



	background-repeat: no-repeat;



}







#footerright {



	padding: 0;



	margin: 0px;



	float: left;



	background: url(images/footer_bg.gif) no-repeat right bottom;



	height: 240px;



}















ul.footernav {



	list-style: none;



	padding: 0 0 0 5px;



	width: 120px;



	float: left;



	display: block;



}







#footerleft ul.footernav li {



	margin-bottom: 5px;



}







#footer div.container_12 {



	background-image: none;



}







#tothetop a {



	width: 200px;



	height: 48px;



	margin-right: auto;



	margin-left: auto;



	clear: both;



	display: block;



	background-image: url(images/tothetop.png);



}







#tothetop a:hover {



	background-image: url(images/tothetop_down.png);



	display: block;



}



/* Misc */



.wp-caption {



	border: 1px solid #ddd;



	text-align: center;



	background-color: #f3f3f3;



	padding-top: 4px;



	margin: 10px;



	-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-dd {



	font-size: 11px;



	line-height: 17px;



	padding: 0 4px 5px;



	margin: 0;



}



.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



}







.alignleft {



	float: left;
	margin: 10px 10px 10px 0;
}







.alignright {



	float: right;
	margin: 10px 0 10px 10px;
}



/* post */



.meta {



	margin-bottom: 20px;



}







.meta_archive {



	margin-bottom: 5px;



}



/* COmments */



#comments {



        margin:20px 0px 10px 0px;



        padding:20px 0px 10px 0px;



        border-top: solid 1px #ccc;



}



#postcomment {



        margin:20px 0px 10px 0px;



        padding:20px 0px 10px 0px;



        border-top: solid 1px #ccc;



}



/* featured section */



#featured-sticker {



        width: 100px;



        padding: 5px;



        margin-left: 800px;



        background-color: #f00;



        color: white;



        text-align: center;



        position: absolute;



        float: right;



}



#featured-post {



        background-color: #f3f3f3;



        padding:20px;



        margin: 0px 0px 45px 0px;



        border-top: solid 3px #ccc;



        border-bottom: solid 1px #ccc;



}







#post-entries {



        padding: 0px 0px 20px 0px;



        margin: 0px 0px 20px 0px;



}







#sidebar {



	margin-top: 68px;



}







#sidebar ul {



	width: 300px;



	margin-bottom: 30px;



}







#sidebar ul li {



	display: block;



	margin-top: 20px;



}







#sidebar ul.pink_list_box li, #bottombar-wrap ul.pink_list_box_bottom li {



	background-color: white;



	clear: both;



	padding-top: 10px;



	padding-left: 10px;



	padding-bottom: 10px;



	border-width: 1px;



	border-bottom: 1px solid #fcccf9;



	margin: 0;



}







#bottombar-wrap {



	display: block;



	margin-left: 0;



	float: left;



}







div.bottom_review_centre {



	display: block;



	margin-left: 136px;



	float: left;



}















#bottombar-wrap ul.pink_list_box_bottom {



	list-style: none;



	padding: 0;



	width: 300px;



	margin: 0;



	display: inline-block;



	float: left;



}







#bottombar-wrap ul.pink_list_box_bottom li {



	



}







div.spacer_two {







	display: block;



	width: 10px;



	float: left;



	height: 320px;



	padding: 0;



	margin: 0;



}







div.spacer_four {



	display: block;



	float: left;



	height: 80px;



	padding: 0;



	margin: 0;



	width: 80px;



}







/* Review CSS */







#logo_tagline {



	display: block;



}







#logo_tagline h1 {



	float: left;



	margin: 0;



	width: 460px;



}







span.roomquote {



	display: block;



	width: 460px;



	clear: both;



}







#details_zone {



	width: 460px;



	height: 265px;



	background: url(images/roomlogos/review/elements/detailsbox_bg.png) no-repeat left top;



	position: relative;



}







div.buttons {



	position: absolute;



	width: 485px;



	bottom: 10px;



	left: 10px;



}







#lightbox-overlay-text p {



	display: none;



}







#details_zone h2 {



		color: #0079bf;



	font: bold 40px/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



	float: left;



	width: 440px;



	margin: 10px 0 5px 20px;



}







#details_zone h3 a {



	font-weight: bold;



	margin-left: 20px;



}







#details_zone span.rated {



	float: left;



	display: block;



	margin-left: 20px;



	color: #0079bf;



	font: bold 16px/1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



	margin-top: 20px;



}







#details_zone span.bonus {



	float: left;



	position: absolute;



	right: 10px;



	bottom: 110px;



}







#details_zone span.rated img {



	vertical-align: middle;



}







#userquotes {



	float: left;



	width: 459px;



}











#userquotes span.quote_top {



	width: 459px;



	height: 17px;



	float: left;



	clear: left;



	display: block;



	background: url(images/roomlogos/review/elements/userquote_top.png) no-repeat 0 top;



}







#userquotes p {



	color: #0079bf;



	font: bold 16px/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;



	margin: 0;



	padding: 0 9px 0 10px;



	width: 440px;



	background-color: white;



	float: left;



	clear: left;



	display: block;



}







#userquotes span.quote_bottom {



	height: 20px;



	width: 459px;



	float: left;



	margin-bottom: 10px;



	background: url(images/roomlogos/review/elements/userquote_bottom.png) no-repeat;



	font-size: 14px;



	text-indent: 50px;



	padding-top: 25px;



	font-weight: bold;



	font-style: italic;



}







#image_slider {



	width: 460px;



	height: 460px;



	margin-top: 20px;



	margin-bottom: 20px;



	padding: 5px 0 0;



	display: block;



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



}







.panel {



      display:block;



	position: relative;







}







p.questions {



	padding-left: 10px;



	background: url(images/tabs/q&a_bg.png) no-repeat;



	float: left;



	width: 450px;



	display: block;



}







p.questions strong {



		color: #3d99d0;



	font-size: 16px;



	float: left;



	display: inline-block;



	width: 450px;



}







.tab_content {



	float: left;



	width: 450px;



	display: inline-block;



}







#image_slider div.gbackgr {



	margin-right: auto;



	margin-left: auto;



	padding: 0;



}











#image_slider div.gbackgr div.main_image.gallery_reloaded_container a {



	display: none;



}







#signupsteps {



	width: 459px;



	padding: 0;



	background: none no-repeat;



	float: left;



	margin: 20px 0 0;



}







.signuptop {



	width: 459px;



	height: 20px;



	background-image: url(images/stepstop.png);



	float: left;



}







#signupsteps ul {



	list-style: none;



	padding: 0;



	width: 459px;



	background-color: #9bd1ec;



	float: left;



	margin: 0;



}







#video_zone {



	width: 460px;



	height: 385px;



	float: left;



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



	color: #0079bf;



	font-size: 18px;



	font-weight: bold;



	text-align: center;



	line-height: 300px;



	margin-bottom: 40px;



}







#video_zone p span.youtube object {



	margin-top: 15px;



}







#mini_details_zone {



	position: relative;



	width: 460px;



	height: 90px;



	float: left;



	margin-top: 20px;



	margin-bottom: 20px;



	background-image: url(images/mini_buttons_bg.png);



}







#signupsteps ul li {



	height: 160px;



	margin-top: 1px;



	width: 417px;



	color: white;



	font-weight: bold;



	font-size: 16px;



	position: relative;



	line-height: 166px;



	padding: 0 0 0 40px;



	background: url(images/step_divider.png) no-repeat 2px top;



}







#signupsteps ul li a {



	color: white;



}







#signupsteps li.first_step {



	background-image: none;



}







#signupsteps ul li img {



	width: 200px;



	height: 150px;



	vertical-align: middle;



	position: absolute;



	right: 0;



	margin-top: 5px;



	margin-right: 10px;



	display: block;



	top: 0;



}







#signupsteps ul li span {



	float: left;



	width: 200px;



	display: block;



	line-height: 1.3em;



	margin-top: 74px;



}







.signupbottom {



	width: 459px;



	height: 20px;



	clear: both;



	background-image: url(images/stepsbottom.png);



	float: left;



}







ul.tabs {



	margin: 0;



	padding: 0;



	float: left;



	list-style: none;



	height: 116px;



	width: 460px;



}







li#reviews {



	background: url(images/tabs/review_off.png) no-repeat;



}







li#reviews.active {



	background: url(images/tabs/review_on.png) no-repeat;



}







li#details {



	background: url(images/tabs/details_off.png) no-repeat;



}







li#details.active {



	background: url(images/tabs/details_on.png) no-repeat;



}



ul.tabs li {



	float: left;



	margin: 0;



	padding: 0;



	height: 118px;



	border-left: none; /*--Pull the list item down 1px--*/



	overflow: hidden;



	width: 220px;



}







#reviews a, #details a {



	width: 220px;



	height: 116px;



	display: block;



}







.wp-pagenavi {



	clear: both;



	font-size: 12px;



	color: #0079bf;



}







.wp-pagenavi a, .wp-pagenavi span {



	text-decoration: none;



	padding: 3px 5px;



	margin: 2px;



	font-size: 12px;



	background-color: #f8fcfe;



}







.wp-pagenavi a:hover, .wp-pagenavi span.current {



	border-color: #000;



	font-size: 12px;



}







.wp-pagenavi span.current {



	font-weight: bold;



	font-size: 12px;



}







img.trigger {



}







#sharebox {



	background-image:url(images/share_box.png);



	background-repeat:no-repeat;



	width:620px;



	height:121px;



	margin-left:0px;



	margin-top: 0;



	margin-bottom: 50px;



}







#sharebox ul {



	list-style:none;



}







#sharebox li {



	list-style:none;



	float:left;



	margin-left:20px;



}







.shareicons {



	width:400px;



	height:45px;



	position:absolute;



	top:75px;



	left:-30px;



	float:left;



}







.footer_logos {



	float:left;



	margin-right:10px;



	margin-top:18px;



}







.footer_seo {



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



	font-size:12px;



	margin-top:10px;



	position:absolute;



	top:90px;



	left:0;



}







#sharebox_review {



	background-image:url(images/share_box_small.png);



	background-repeat:no-repeat;



	width:460px;



	height:121px;



	margin-left:0px;



	margin-top: 20px;



	margin-bottom: 50px;



}







#sharebox_review ul {



	list-style:none;



}







#sharebox_review li {



	list-style:none;



	float:left;



	margin-left:20px;



}







#banner {



	float: left;



	width: 460px;



	height: 60px;



	margin-bottom: 30px;



}







#bottombar-wrap ul.pink_list_box_bottom li.getmeoutofhere, #sidebar ul.pink_list_box li.getmeoutofhere {



	padding: 0;



	background-color: transparent;



	height: 47px;



	border-style: none;



}

.review-box {
	width:624px;
	float:left;
}

.review-box-top {
	background-image:url(images/review-box-top.png);
	background-repeat:no;
	background-position:top;
	width:624px;
	height:17px;
}

.review-box-content {
	background-image:url(images/review-box-bg.png);
	background-repeat:repeat-y;
	width:624px;
	display:inline-block;
}

.review-box-content p {
	font-size:14px;
	color:#006aa7;
	width:590px;
	margin:0 auto;
	margin-bottom:10px;
	font-weight:bold;
	display:block;
}

.review-box-bottom {
	background-image:url(images/review-box-bottom.png);
	background-repeat:no;
	background-position:top;
	width:624px;
	height:17px;
	margin-bottom:20px;
}

.review-box-room {
	background-image:url(images/review-box-room-bg.png);
	background-repeat:no;
	background-position:top;
	width:296px;
	height:129px;
	float:left;
	display:block;
	margin-left:11px;
	margin-bottom:15px;
}

.review-box-room-logo {
	float:left;
	position:relative;
	top:25px;
	left:15px;
	
}

.review-box-room-buttons {
	float:left;
	position:relative;
	top:28px;
	right:-22px;
}