/*
Theme Name: Rubba Ducks
*/

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

/*************** GENERAL ****************************************************************************/

.clear
{
	clear : both;
}

.buffer
{
	height : 20px;
}

html
{
	min-width      : 1024px;
	/*font-family    : ‘Trebuchet MS’, Helvetica, sans-serif;*/
	font-family    : Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size      : 14px;
	font-weight    : 200;
	letter-spacing : .60px;
}

a 
{
	color           : #0095c1;
	text-decoration : none;
}

span a
{
	/* color       : #fff300; */
	font-weight : 800;
}

h1,h2,h3
{
	font-family : "Arial Black", Arial;
	font-weight : 900;
}

strong
{
	font-weight : 800;
}

body
{
	min-width         : 1024px;
	background        : #1d439a url(images/bg-site.jpg);
	background-repeat : repeat-x;
	text-align        : center;
}

.entry-content ul
{
	list-style : disc;
	position : relative;
	left : 20px;
	color : #FFF;
}

.entry-content li
{
	margin-bottom : 8px;
}

/*************** HEADER ****************************************************************************/

#header, #container, #footer-content
{
	width              : 990px;
	margin             : 0 auto;
	-webkit-box-sizing : border-box; 
	-moz-box-sizing    : border-box; 
	box-sizing         : border-box;
	text-align         : left;
}

#header
{
	position : relative;
}

#container
{
	
}

#header-callouts
{
	width  : 990px;
	height : 103px;
	clear  : both;
}

#mediaplayer
{
	width    : 100px;
	float    : left;
	position : relative;
	top      : 30px;
	z-index  : 99;
}

#crown
{
	display    : block;
	background : url(images/crown.png) top left no-repeat;
	width      : 35px;
	height     : 38px;
	float      : left;
	position   : relative;
	top        : 85px;
	left       : 5px;
}

#callout-retail
{
	width    : 100px;
	float    : left;
	position : relative;
	top      : 0px;
}

#callout-retail a
{
	display     : block;
	width       : 53px;
	height      : 60px;
	background  : url(images/button-rubbaretail.png) top left no-repeat;
	text-indent : -9999px;
	position    : relative;
	left        : 30px;
	top         : 70px;
}

#callout-store
{
	width    : 500px;
	float    : left;
	position : relative;
	top      : 12px;
}

#callout-store a
{
	display     : block;
	width       : 152px;
	height      : 103px;
	background  : url(images/button-rubbashop-big.png) top left no-repeat;
	text-indent : -9999px;
	position    : relative;
	left        : 40px;
	top         : 10px;
	float       : right;
}

#callout-join
{
	width    : 160px;
	float    : left;
	position : relative;
	top      : 12px;
}

#callout-join a
{
	display     : block;
	width       : 190px;
	height      : 62px;
	background  : url(images/button-join-big.png) top left no-repeat;
	text-indent : -9999px;
	position    : relative;
	left        : 40px;
	top         : 48px;
	float       : right;
}

#callout-members
{
	width    : 160px;
	float    : left;
	position : relative;
	top      : 45px;
	left     : 20px;
}

#callout-members a.profile
{
	display     : block;
	width       : 88px;
	height      : 14px;
	background  : url(images/button-myprofile.png) top left no-repeat;
	text-indent : -9999px;
	position    : relative;
	left        : 40px;
	top         : 18px;
	float       : left;
}

#callout-members a.rubbalist
{
	display     : block;
	width       : 107px;
	height      : 15px;
	background  : url(images/button-myrubbalist.png) top left no-repeat;
	text-indent : -9999px;
	position    : relative;
	left        : 40px;
	top         : 26px;
	float       : left;
}

#callout-social
{
	position : relative;
	top      : 8px;
	float    : right;
	display  : none;
}

#callout-social a
{
	text-indent  : -9999px;
	display      : block;
	float        : left; 
	margin-right : 2px;
}

#callout-social a.facebook 
{
	width      : 35px;
	height     : 35px;
	background : url(images/button-social-facebook.png);
}

#callout-social a.twitter 
{
	width      : 36px;
	height     : 36px;
	background : url(images/button-social-twitter.png);
}

#callout-social a.instagram 
{
	width      : 34px;
	height     : 34px;
	background : url(images/button-social-instagram.png);
}

#header
{

}

#why, #comingsoon
{
	text-align : left;
	background : #FFF;
}

#why p, #comingsoon p
{
	margin : 20px;
	color  : #000;
}

#why img, #comingsoon img
{
	margin-left : 20px;
}

#welcomenav
{
	
}

#welcomenav div.bigbutton
{
width:787px;height:125px;margin-left:auto;margin-right:auto;background:url('images/popup-button-bg.png')repeat-x top left;
margin-bottom:10px;

}

#welcomenav div.smallbutton
{
width:377px;
height:125px;
background:url('images/popup-button-bg.png')repeat-x top left;
float:left;
}

#welcomenav p
{
	text-align:left;
	font-weight:800;
	color : #000;
	padding:12px;
	font-size:14px;
	line-height:16px;
}

#welcomenav p span
{
	font-size:18px;
	color:#1d439a;
}


/*************** MAIN NAVIGATION ****************************************************************************/

.menu-main
{
	width      : 990px;
	height     : 160px;
	background : url(images/bg-nav.png) top left no-repeat;
}

.menu-main ul
{
	display  : block;
	position : relative;
	left     : 60px;
}

.menu-main li a
{
	float       : left;
	display     : block;
	text-indent : -9999px;
}

.menu-main li.menu-item-1265 a
{
	width      : 83px;
	height     : 14px;
	background : url(images/menu-theducks.png);
	position   : relative;
	top        : 62px;
	left       : 20px;
}

.menu-main li.menu-item-1266 a
{
	width      : 99px;
	height     : 14px;
	background : url(images/menu-duckistory.png);
	position   : relative;
	top        : 62px;
	left       : 65px;
}

.menu-main li.page-item-11 a
{
	width      : 70px;
	height     : 13px;
	background : url(images/menu-ducktv.png);
	position   : relative;
	top        : 62px;
	left       : 65px;
}

.menu-main li.menu-item-1267 a
{
	width      : 258px;
	height     : 135px;
	background : url(images/logo.png);
	position   : relative;
	top        : 10px;
	left       : 120px;
}

.menu-main li.menu-item-1263 a
{
	width      : 58px;
	height     : 14px;
	background : url(images/menu-ecards.png);
	position   : relative;
	top        : 62px;
	left       : 170px;
}

.menu-main li.menu-item-1268 a
{
	width      : 103px;
	height     : 14px;
	background : url(images/menu-customized.png);
	position   : relative;
	top        : 62px;
	left       : 220px;
}

/*************** FOOTER ****************************************************************************/

footer
{
	background        : #FFF url(images/bg-footer.jpg);
	background-repeat :repeat-x;
	min-height        : 800px;
}

#footer-content
{
	position : relative;
	top      : 140px;
}

#footer-content p
{
	margin-bottom : 8px;
}

#footer-content a.header
{
	margin-bottom : 12px;
}

#footer-ducks
{
	width       : 250px;
	float       : left;
	margin-left : 100px;
}

#footer-ducks img
{
	width  : 42px;
	height : 42px;
	border : 1px solid #f58220;
}

#footer-ducks li
{
	height      : 48px;	
	line-height : 48px;	
}

#footer-ducks li span
{
	position : relative;
	top      : -18px;
	left     : 6px; 	
}

#footer-ducks a.header
{
	display     : block;
	height      : 22px;
	background  : url(images/header-newducks.png) no-repeat;
	text-indent : -9999px;
}

#footer-news
{
	width        : 300px;
	float        : left;
	margin-right : 20px;
}

#footer-news a.header
{
	display     : block;
	height      : 22px;
	background  : url(images/header-thesoapdish.png) no-repeat;
	text-indent : -9999px;
}

#footer-news ul
{
	margin-top : 14px;
}

#footer-news ul li
{
	margin-bottom : 20px;
}

#footer-signup
{
	width : 252px;
	float : left;
}

#footer-signup a.header
{
	display     : block;
	height      : 22px;
	background  : url(images/header-jointhemigration.png) no-repeat;
	text-indent : -9999px;
}

input[type=text],input[type=password],input[type=email],textarea
{
	border        : 1px solid #f58220;
	margin-bottom : 8px;
	color         : #808080;
	padding-left  : 8px;
	font-size     : 14px;
}

input[type=text],input[type=email],input[type=password]
{
	width         : 230px;
	height        : 27px;
}

#footer-signup input[type=submit]
{
	width      : 119px;
	height     : 30px;
	background : url(images/button-signup.png) no-repeat;
	cursor     : pointer;
	border     : none;
}

#copyright
{
	font-size   : 12px;
	margin-left : 50px;
	margin-top  : 60px;
	color       : #1d439a;
}

#copyright img
{
	position : relative;
	top      : 10px;
}

/*************** HOME PAGE ****************************************************************************/

#sequence-ducks 
{
    position : relative;
    left     : 50px;
	top      : 30px;
    width    : 700px;
    height   : 215px;
    z-index  : 375;
}

#sequence-ducks > .sequence-canvas li > * 
{ 
    position : absolute;
}

#sequence-ducks > .sequence-canvas
{
    height : 100%; 
    width  : 100%;
}

#sequence-ducks > .sequence-canvas > li 
{
    position : absolute;
    width    : 100%;
    height   : 100%;
}

#home-duck-slider
{
	height        : 585px;
	min-height    : 585px;
	margin-bottom : 30px;
}

#home-duck-slider img.bg-bathroom-tubtop
{
	position : relative;
	left     : -105px;
	top      : 30px;
	z-index  : 200;
}

#home-duck-slider img.bg-bathroom-tubbottom
{
	position : relative;
	left     : -105px;
	top      : -188px;
	z-index  : 400;
}
	
#home-duck-slider .tubtop
{
	background : url(images/bg-tub-top-full.jpg) no-repeat;
	
	position : relative;
	left     : -105px;
	top      : 30px;
	z-index  : 200;
}

#home-duck-slider .duckinfo
{
	top     : 20px;
	left    : 70px;
	z-index : 300;
}

#home-duck-slider .duckinfo p span
{
	color : #fff400;
}


#home-duck-slider .tubbottom
{
	background : url(images/bg-tub-bottom.png) no-repeat;
	width      : 847px;
	height     : 407px;
	position   : relative;
	top        : -215px;
	z-index    : 400;
}

#home-duck-slider .tubnav
{
	z-index  : 500;
	position : relative;
	top      : -120px;
}

#home-duck-slider .left
{
	display     : block;
	width       : 88px;
	height      : 110px;
	z-index     : 500;
	text-indent : -9999px;
	float       : left;
	cursor      : pointer;
}

#home-duck-slider .right
{
	display     : block;
	width       : 88px;
	height      : 110px;
	z-index     : 500;
	text-indent : -9999px;
	float       : right;
	cursor      : pointer;
}

.duck-slider-image
{
	float : left;
}

.duck-slider-image-right
{
	float : right;
}

.duckinfo a
{
	color         : #f58220;
	font-size     : 24px;
	display       : block;
	margin-bottom : 4px;
	font-family: "Arial Black", Arial;
font-weight: 900;
}

.duckinfo p
{
	color       : #FFF;
	line-height : 16px;
	width       : 700px;
}

/*************** CONTENT PAGES ****************************************************************************/

section[role=main]
{
	width       : 600px;
	margin-left : 300px;
}

section[role=attachment]
{
	padding-top: 50px;
	display: block;
	height: auto;
	margin 0 auto;
	text-align : center;
}

section[role=ducks]
{
	width       : 700px;
	margin-left : 150px;
}

section[role=page]
{
	width       : 700px;
	margin-left : 150px;
}

section.entry-content p
{
	color          : #FFF;
	line-height    : 22px;
	margin-bottom  : 20px;
}

section[role=duck]
{
	width       : 900px;
	margin-left : 50px;
}

section[role=blog]
{
	width         : 700px;
	margin-left   : 150px;
	margin-top    : 16px;
	margin-bottom : 20px;
}

.entry-title
{
	font-size   : 20px;
	color       : #f5821f;
	line-height : 32px;
}

.duck-content p
{
	display        : block;
	color          : #FFF;
	line-height    : 22px;
	margin-bottom  : 20px;
	margin-left    : 60px;
	width          : 320px;
	font-size      : 16px;
}

.duck-content h3
{
	display        : block;
	color          : #fff30c;
	font-size      : 24px;
	margin-bottom  : 20px;
	margin-right   : 60px;
	width          : 350px;
}

section[role=page] h3
{
	color       : #fff300;
	font-size   : 18px;
	line-height : 36px;
}

section[role=page] h4
{
	color       : #f68517;
	font-size   : 16px;
	line-height : 52px;
}

/*************** SIDEBARS ****************************************************************************/

div.sidebar-ducks
{
	width       : 220px;
	height      : 504px;
	background  : url(images/bg-sidebar-duckfinder.png) top left no-repeat;
	margin-left : 30px;
	float       : left;
}

h3.duckfinder
{
	width         : 160px;
	height        : 14px;
	background    : url(images/header-theduckfinder.png) top left no-repeat;
	text-indent   : -9999px;
	margin-top    : 40px;
	margin-left   : 26px;
	margin-bottom : 10px;
}

div.sidebar-ducks p
{
	font-size     : 12px;
	color         : #1c439a;
	width         : 180px;
	margin-left   : 20px;
	margin-bottom : 20px;
}

div.sidebar-ducks input[type=text]
{
	width : 150px;
	margin-left : 20px;
}

/*************** DUCKFINDER ****************************************************************************/

div.duckfinder
{
	width       : 905px;
	height      : 210px;
	background  : url(images/bg-duckfinder.png) top left no-repeat;
	position    : relative;
	top         : -40px;
	left        : 40px;
	font-size   : 12px;
	color       : #1c439a;
}

div.duckfinder h3
{
	width         : 160px;
	height        : 14px;
	background    : url(images/header-theduckfinder.png) top left no-repeat;
	text-indent   : -9999px;
	position      : relative;
	top           : 50px;
	left          : 40px;
}

div.duckfinder p
{
	width    : 180px;
	position : relative;
	top      : 60px;
	left     : 40px;
	display  : block;
	float    : left;
}

div.duckfinder form
{
	display : block;
	position : relative;
	top : 50px;
	left : 40px;

}

div.duckfinder input[type=text]
{
	width        : 150px;
	margin-left  : 20px;
	margin-right : 20px;
}

div.duckfinder select
{
	width        : 150px;
	margin-right : 20px;
}

div.duckfinder input[type=submit]
{
	width      : 160px;
	height     : 44px;
	background : url(images/button-findducks.png) top left no-repeat;
	border     : none;
	display    : block;
	position   : relative;
	top        : 6px;
    left       : 330px;
    cursor     : pointer;
}

div.ecard-container input[type=submit]
{
	width       : 160px;
	height      : 44px;
	background  : url(images/button-sendecard.png) top left no-repeat;
	border      : none;
	text-indent : -9999px;
	display     : block;
	position    : relative;
	top         : 10px;
    left        : 0px;
    cursor      : pointer;
}

/*************** HEADERS ****************************************************************************/

.h-meettheducks
{
	text-indent : -9999px; 
	width       : 203px;
	height      : 30px;
	background  : url(images/header-meettheducks.png) top left no-repeat;
}

.h-customized
{
	text-indent : -9999px;
	width       : 157px;
	height      : 30px;
	background  : url(images/header-customized.jpg) top left no-repeat;
}

.h-duckistory
{
	text-indent : -9999px;
	width       : 151px;
	height      : 30px;
	background  : url(images/header-duckistory.jpg) top left no-repeat;
}

.h-alltheducks
{
	text-indent : -9999px;
	width       : 175px;
	height      : 30px;
	background  : url(images/header-alltheducks.png) top left no-repeat;
}

.h-retailers
{
	text-indent : -9999px;
	width       : 175px;
	height      : 30px;
	background  : url(images/header-retailers.jpg) top left no-repeat;
}

.header-producks
{
	text-indent : -9999px;
	background : url(images/header-producks.jpg) top left no-repeat;
	display : block;
	width : 300xp;
	height : 60px;
}

.h-register
{
	text-indent : -9999px;
	background : url(images/header-register.jpg) top left no-repeat;
	display : block;
	width : 300xp;
	height : 30px;
}

.h-myrubbalist
{
	text-indent : -9999px;
	width       : 203px;
	height      : 30px;
	background  : url(images/header-myrubbalist.png) top left no-repeat;
}

/*************** DUCK CORRAL ****************************************************************************/

.duckcorral
{
	width  : 100%;
	height : 220px;
}

.duckcorral div
{
	float        : left;
	margin-right : 20px;
}

.duckcorral div img
{
	width  : 100px;
	height : 100px;
}

.duckcorral #slot3 img
{
	width  : 200px;
	height : 200px;
}

.duckcorral #slot1, .duckcorral #slot5
{
	opacity    : 0.1;
	filter     : alpha(opacity=10);
	margin-top : 50px;
	width      : 100px;
}

.duckcorral #slot2, .duckcorral #slot4
{
	opacity    : 0.2;
	filter     : alpha(opacity=20);
	margin-top : 50px;
	width      : 100px;
}

.duckcorralnav
{
	position : relative;
	left     : 80px;
	width    : 100%;
	height   : 120px;
}

.duckcorralnav .next-duck
{
 text-indent : -170px;
 width       : 100px;
 margin-left : 120px;
 margin-top  : -8px;
}

.duckcorralnav .previous-duck
{
 margin-top : -8px;
}

/*************** DUCKS PAGE ****************************************************************************/

ul.ducklist li
{
	height     : 155px;
	margin-top : 20px;
}

ul.ducklist li a.duckimage
{
	width        : 120px;
	height       : 120px;
	display      : block;
	float        : left;
	margin-right : 20px;
}

ul.ducklist li a.ducklink
{
	font-size   : 20px;
	color       : #f58220;
	font-family : "Arial Black", Arial;
	font-weight : 900;
}

ul.ducklist img
{
	width  : 112px;
	height : 112px;
}

ul.ducklist li p
{
	line-height : 18px;
	margin-top  : 6px;
	color       : #b3e6f6;
}

div.ducklist-links a
{
	text-indent : -9999px;
	float       : left;
}

a.available-instores
{
	width      : 76px;
	height     : 29px;
	background : url(images/icon-available-instores.png) left center no-repeat;
}

a.available-online
{
	width      : 68px;
	height     : 29px;
	background : url(images/icon-available-online.png) left center no-repeat;
}

a.ducklist-buy
{
	width      : 121px;
	height     : 29px;
	background : url(images/button-buyme-blue.png) top left no-repeat;
}

a.ducklist-wishlist
{
	width      : 121px;
	height     : 29px;
	background : url(images/button-wishlist-blue.png) top left no-repeat;
}

#ducknav
{
	height : 80px;
	width  : 100%;
	clear  : both;
}

a.back-to-ducks
{
	display     : block;
	text-indent : -9999px;
	float       : left;
	background  : url(images/button-therubbalist.png) top left no-repeat;
	width       : 158px;
	height      : 43px;
	margin-top  : 6px;
}

#ducknav .nextback
{
	position : relative;
	left     : 280px;
}

a.previous-duck
{
	display         : block;
	text-indent     : 10px;
	float           : left;
	background      : url(images/button-previousduck.png) top left no-repeat;
	width           : 178px;
	height          : 57px;
	color           : #f58220;
	text-decoration : none;
	text-align      : center;
	line-height     : 57px;
}

a.next-duck
{
	display         : block;
	text-indent     : -270px;
	float           : left;
	background      : url(images/button-nextduck.png) top left no-repeat;
	width           : 200px;
	height          : 57px;
	color           : #f58220;
	text-decoration : none;
	text-align      : center;
	line-height     : 57px;
	margin-left     : 200px;
}

a.duck-in
{
	display         : block;
	float           : left;
	background      : url(images/button-previousduck.png) top left no-repeat;
	width           : 178px;
	height          : 57px;
	color           : #f58220;
	text-decoration : none;
	text-align      : center;
	line-height     : 57px;
}

a.duck-out
{
	display         : block;
	text-indent     : -270px;
	float           : left;
	background      : url(images/button-nextduck.png) top left no-repeat;
	width           : 200px;
	height          : 57px;
	color           : #f58220;
	text-decoration : none;
	text-align      : center;
	line-height     : 57px;
	margin-left     : 120px;
}

a.view-duck
{
	display     : block;
	text-indent : -9999px;
	float       : left;
	background  : url(images/button-myduckdetails.png) top left no-repeat;
	width       : 160px;
	height      : 46px;
	position    : relative;
	top         : 6px;
}

#duckactions
{
	position : relative;
	top      : 0px;
	left     : 60px;
}

#duckactions a
{
	display     : block;
	text-indent : -9999px;
	float       : left;
}

#duckactions .clear
{
	position : relative;
	top      : 0px;
	left     : 0px;
}

#duck-friends
{
	width      : 280px;
	height     : 305px;
	background : url(images/bg-myfriends.png) top left no-repeat;
	position   : relative;
	left       : 60px;
	top        : -50px;
}

#duck-friends img
{
	width  : 42px;
	height : 42px;
	border : 1px solid #f58220;
}

#duck-friends ul
{
	position : relative;
	top      : 80px;
	left     : 36px;
}

#duck-friends li
{
	height      : 48px;	
	line-height : 48px;	
}

#duck-friends li span
{
	position : relative;
	top      : -18px;
	left     : 6px; 	
}

.duck-content blockquote 
{
	width        : 375px;
	height       : 80px;
	font-family  : "Arial Black", Arial;
	font-weight  : 500;
	color        : #fff; 
	font-size    : 18px;
	font-style   : italic;
	padding-left : 60px;
	padding-top  : 20px;
	background   : url(images/bg-blockquote-bubbles.png) top left no-repeat;
}

.duck-content blockquote span
{
	color : #fff30c;
	font-size : 20px;
}

.duck-content blockquote em
{
font-size   : 16px;
line-height : 38px;
color       : #a3e5f3;
font-family  : Arial;
}

.duck-content .gallery
{
	float    : right;
	position : relative;
	top      : -100px;
}





ul.rubbalist
{
	list-style:none;
}

ul.rubbalist li
{
	float:none;
}

ul.rubbalist img
{
	float : left;
}

ul.rubbalist div.actions
{
	float : left;
	position: relative;
	top:26px;
	left:20px;
}