/*
Theme Name: Balboa Sun
Author: POP Creative Group
*/

/* =Reset
-------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import "css/typography.css";
@import url(//fonts.googleapis.com/css?family=Arvo:700);
@import url(//fonts.googleapis.com/css?family=Cabin+Sketch:700);
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, html a {
    -webkit-font-smoothing: antialiased;
}
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;
}

.clear{clear: both;}

	.bg_grey {background:#2f2f2f;}
	.bg_cyan {background:#33CC99;}
	.bg_green {background:#16AA7A;}

	.grey {color:#2f2f2f;}
	.cyan {color:#0C5C75;}
	.green {color:#16AA7A;}

	a {color:#999900; text-decoration:none; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s;}
	a:hover {color:66FFAA;}
	
	.large {font-size:14px;}

	.row {width:100%; xborder-bottom:1px solid red; border-top:1px green; zbackground:#000; zopacity:0.7;}
	.page .row{background: #16AA7A;}
	.home .row{background: none;}
	#primary.row{background: none;}
	.wrap {width:1080px; margin:0 auto; height:100%; position:relative;}
	.wrap h1{font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 24px;}
	.centered {text-align:center;}

	h1,h2,h3,h4 {color:#33CB98; margin-bottom:20px; text-transform:uppercase;}
	h1,h2,h3,h4,h5,h1.entry-title, h3.widget-title, a.wpsc_product_title {color:#000; font-family: 'Arvo', serif; font-weight:normal;}

	h1 {font-size:36px;}
	h2 {font-size:26px; text-transform:uppercase; font-weight:normal; margin-bottom:14px;}
	.rule {background-image:url('http://www.balboasun.com/wp-content/themes/pop/images/rule.png'); background-repeat:no-repeat; width:100%; height:20px; margin:20px auto;}

	#header 	{width:100%; height:36px; color:#16AA7A;background: #2f2f2f;}

		.topline {background-color:#2f2f2f; width:100%;}

		#header a {color:#999; text-transform:uppercase; font-weight:bold;}
		#header a:hover {color:#FFF;}

		#social, #action {float:right;}

			#social {margin:11px 13px 0 40px;}
				#social a:first-child {margin-right:29px;}

			#action {margin:11px 52px 0 0;}
				#action span {margin:0 18px;}

	#content 	{min-height:200px;}

		a.btn {border-radius:4px; box-shadow:2px 2px 4px #CCC; border:1px solid #eee; behavior: url(http://www.balboasun.com/wp-content/themes/pop/PIE.htc);}
		a.more	{font-weight:bold; color:#16AA7A; background:#fff; font-size:12px; padding:12px 20px 12px 25px;}
		a.more:hover {background:#16AA7A; color:#fff; text-shadow:none; border:1px solid #16AA7A;}
		a.more:hover i {color:#AAA;}
		a.more i {margin:10px 0 0 30px; font-size:16px; color:#0C5C75; font-weight:bold;}

	#slider 	{width:100%; height:510px; background:#fff;}

		.column-3:first-child, .column-3:first-child + div.column-3 {width:324px; margin-right:14px; float:left;}
		.column-3:last-child {margin-right:0;}

		.column-3 div:first-child {height:255px;}
		.column-3 div:first-child+div {background:#333333; color:#CCCCCC; opacity:1; height:196px; overflow:hidden; margin-top:4px;}
		.column-3 div:first-child+div > div {padding:15px 25px; line-height:15px; opacity:1;}

		.column-3 h3 {color:#fff; background:#3E3E3E; font-size:16px; font-weight:normal; padding:20px 22px; text-transform:uppercase;}



	#footer 	{height:100px; border-bottom:4px solid #D8B500; background:#23322D;}

		#footer a:hover {opacity:0.5; margin-left:4px;}
		#footer .column-4 {float:left; width:230px; margin-right:20px; margin-top:80px; min-height:290px; overflow:hidden;}
		#footer .column-4:nth-child(4) {width:240px; margin-right:0px;}

		#footer h3 {font-size:16px; border-bottom:1px solid #16AA7A; color:#fff; margin:5px 0 13px; padding-bottom:14px;}
		#footer ul li {line-height:22px;}
		#footer p {color:#ccc; line-height:22px;}
		#footer .column-4:nth-child(4) p {margin:20px 0 0 5px; line-height:16px;}
		#ft-logo {background-image:url(http://www.balboasun.com/wp-content/themes/pop/images/footer-logo.png); width:135px; height:26px;}

		#footer ul.blog {margin-left:-8px; margin-top:-6px;}
		#footer ul.blog li a {color:#fff; line-height:18px; font-weight:bold;}
		#footer ul.blog li {border-bottom:1px solid #444; color:#999; padding:10px; margin-left:0px; line-height:18px; margin-bottom:6px;}
		.bt {background-color:#2B2B2B; color:#fff; text-transform:uppercase; padding:9px 25px; margin-right:20px; font-weight:bold;}
		.bt:hover {background:#16AA7A; opacity:1 !important; margin-left:0px !important; color:#fff !important;}

		.ft-bottom {margin-top:28px; color:#999; font-size:11.5px;}
		.ft-bottom .right a {color:#999;}
		.left {float:left;}
		.right {float:right;}		

	body {font-family:arial; font-size:12px; background:#FFF url('images/bg2.jpg'); background-repeat: repeat-x;}


span.post-date {color:#ccc; display:block}

#cssmenu{ height:89px; display:block; padding:0; margin:0;} 
#cssmenu > ul {list-style:inside none; padding:0; margin:0 40px 0 0; float:right;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:38px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-

decoration:none;} 
#cssmenu > ul > li:first-child > a{} 
#cssmenu > ul > li > a:after{ content:''; position:absolute; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; bottom:18px; right:48%; border:5px solid transparent; border-top:5px solid #fff; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f;  top:0px; z-index:999; } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:88px; padding:10px 0; background:#3f3f3f; z-index:999; } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-

decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 
#cssmenu > ul > li > ul > li a:hover{ background:#16AA7A;} 
#cssmenu > ul > li > a{color:#fff;} 
#cssmenu > ul > li > a:after{border-color:#6ed1ff;} 
#cssmenu > ul > li > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
#primary {margin-top:100px; min-height:10px; z-index:1 !important;}

.row, .wrap {clear:both;}
.atthebox {background:#363636 !important; color:#aaaaaa; clear:both; margin-top:20px;}
.atthebox img.left {float:left; width:455px; min-height:200px; background:#bbbbbb;}
.atthebox div.right {width:545px;}
.atthebox div.right div {background:#363636 !important; padding:30px 43px 30px 33px; line-height:18px;}

.bgSilver {background:#ccc;}
.white {color:#ffffff !important;}
.bgGray {background:#404040;}

h4 {background:#404040; color:#ffffff; font-size:22px; padding:15px 25px; margin:0;}
p {margin-bottom:15px;}

FORM.wpcf7-form {background:#ECECEC; padding:20px; border-radius:5px; border:1px solid #CCC;}
textarea, input[type="text"], textarea, input[type="email"] {width:400px; background:#FFF; padding:10px 20px; font-size:14px; margin-bottom:10px; border:0px; border:1px solid #CCC;}
textarea:focus, input[type="text"]:focus {background:#16AA7A; color:#ffffff;}
textarea {width:550px;}
input[type="submit"] {width:205px; background:#333333; color:#ffffff; padding:10px 30px; font-size:14px; font-weight:bold; border:0px; float:right;}

/* Blog Page */
.post {position:relative; width:488px; height:550px; float:left; overflow:hidden;}
.post img {position:absolute; top:0px;}
.post h1 a {position:absolute; top:273px; background:#404040; color:#ffffff !important; font-size:16px; width:100%; padding:20px 30px; font-weight:900;}
.post DIV.entry-content {position:absolute; top:329px; left:0px; height:190px; background:#363636; color:#cccccc; padding:20px 30px; line-height:18px; font-size:13px;}
.post footer.entry-meta {position:absolute; bottom:20px; right:20px; color:#aaaaaa;}
.post {margin-top:20px; margin-bottom:20px;}
.post:nth-child(odd) {margin-right:23px;}

/* Blog Single Article */
body.single #single-blog {width:600px; float:left;}
body.single #secondary {float:right; width:300px; line-height:18px; border-left:1px solid green; padding-left:20px;}
body.single #secondary input#s {width:160px;}
body.single h1.entry-title {font-size:32px; font-weight:900; text-transform:uppercase;}
body.single div.entry-content {color:#333333; line-height:18px;}
body.single #secondary h3 {font-size:20px; margin-top:20px; text-transform:uppercase;}

/* At The Park */
DIV.park-gallery {width:490px; float:left; margin-right:10px; background:#343434; color:#cccccc; line-height:18px;}
DIV.park-gallery h1 {background:#404040; color:#ffffff; font-size:16px; font-weight:900; padding:15px 30px}
DIV.park-gallery p {font-size:13px; padding:5px 30px 20px;}
DIV.park-gallery .gallery {padding:10px 30px 40px;}
DIV.park-gallery .gallery img {width:100px; height:100px; margin:0; float:left}
DIV.park-gallery .gallery-item {margin-top:4px !important;}

div.entry-content h2 {margin-bottom:30px;}
div.entry-content {font-size:14px; line-height:18px;}

/* Home Slider */
.slider {min-width:1000px; width:100%; height:500px; overflow:hidden; position:relative;}
.slider .slides {width:100%; min-width:1000px; height:100%; position:relative;}
.slider div.slide:nth-child(1) {margin-left:0%; width:100%; height:100%; position:absolute;}
.slider div.slide:nth-child(2) {margin-left:100%; width:100%; height:100%; position:absolute;}
.slider div.slide:nth-child(3) {margin-left:200%; width:100%; height:100%; position:absolute;}
.slider div.slide:nth-child(4) {margin-left:300%; width:100%; height:100%; position:absolute;}

.slider > div.prev, .slider > div.next {opacity:0.5; position:absolute; top:50%; margin-top:-20px; width:20px; height:20px; background:transparent; padding:15px; cursor:pointer; border:2px solid rgba(255,255,255,1); opacity:0.25; z-index:999;}
.slider > div.prev:hover, .slider > div.next:hover {opacity:1;}
.slider > div.next {right:75px; background-image:url('http://www.balboasun.com/wp-content/themes/pop/images/next.png'); background-repeat: no-repeat; background-position:center center;}
.slider > div.prev {left:75px; background-image:url('http://www.balboasun.com/wp-content/themes/pop/images/prev.png'); background-repeat: no-repeat; background-position:center center;}
.slider > ul.slidernav {position:absolute; bottom:15%; right:10%; list-style:none; z-index:999; position:absolute;}
ul.slidernav li {float:left; margin-right:10px; width:10px; height:10px;}
ul.slidernav li:hover {opacity:0.7;}
.slidernav li a {width:10px; height:10px;}

.slide img {width:100%; z-index:0; position:absolute;}
.slide > div.wrap {width:1000px; margin:0 auto; z-index:2; position:relative;}
.slide > div.wrap > p.intro-text {margin-top:20%; padding-left:60px; color:#ffffff;}
.slide p {color:#ffffff; font-size:16px; line-height:20px; margin-bottom:20px;}
.slide > div.wrap > h1 {color:#ffffff; text-transform:uppercase; margin-bottom:10px;}
.slide a.bt {background:#fff; color:#16AA7A; padding:10px 30px}
.slide a.bt:hover {background:#16AA7A;; color:#fff;}

body.single .post {height:auto !important; width:100%; position:static;}
body.single .post img {position:relative; width:100%;}
body.single .post h1 {margin-top:20px;}
body.single div.entry-content {background:#fff !important; color:#333; padding:0px; height:auto; position:static;}
body.single div.entry-content p {padding:0px !important;}
body.single .post footer.entry-meta {position:static;}
DIV.entry-summary {line-height:18px; color:#333333; font-size:13px;}

/* Sticky Footer */
body,html {height:100%;}
#header-content-wrap {min-height:100%; margin-bottom:-104px;overflow: hidden;}
#header-content-wrap:after {content:""; display:block; height: 104px;}

/* About */
.content.top{background: #333;color: #ccc;margin-bottom: 40px;height: 400px;}
.content.top h2{font-family: 'Montserrat', sans-serif;font-weight: 700;padding: 20px;color: #fff;font-size: 15px;background: #3e3e3e;}
.content.top .left{width: 456px;}
.content.top .right{width: 544px;}
.content.top .right p{padding: 0 30px 0 30px;}

.page-id-36 h3{font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 24px;}

.coach .left{width: 170px;}
.coach .right{width: 830px;background: #333;color: #ccc;}

#panel,#flip{background-color:#2e2e2e;}
#flip{text-align: right;}
#panel{padding:50px;display:none;}

#topnav {background:#23322D; height:54px; width:100%; color:#AAA; font-family:Arial; font-size:12px; line-height:54px; border-bottom:10px solid #FFF; text-align:right;}
#topnav a {color:#AAA;}
#topnav a.active, #topnav a:hover {color:#FFF; font-weight:bold;}

#topnav .wrap{line-height: 54px;}


#footer ul.menu li {float:left; border-right:1px solid #999; DIV#primary.site-content {min-height:500px; background-image:url('images/page_footer.png'); background-repeat:no-repeat; background-position:center bottom;}line-height:12px; margin:27px auto 12px; font-size:13px;}
#footer ul.menu li:last-child {border-right:0;}
#footer ul.menu li a {color:#FFF; font-weight:bold; padding:0 10px;}

p.copyright {clear:both; font-style:italic; color:#AAA; text-align:center;}
p.copyright a {color:#AAA;}
p.copyright a:hover {color:#FFF;}

ul.nav-menu {width:auto; margin-top:20px; float:right; text-align:right !important;}
ul.nav-menu li {float:left; line-height:12px; margin:27px 0 12px; font-size:18px; text-align:right;}
ul.nav-menu li a {color:#000; font-weight:bold; padding:0 0 0 20px;}
ul.nav-menu li.current-menu-item a, ul.nav-menu li a:hover {color:#FFF;}

#logo {float:left; margin-bottom:16px;margin-top: 16px;}
#content {min-width:1080px; width:1080px; background:#FFF; color:#333; margin:0 auto; min-height:750px; position:relative; clear:both; padding-bottom:100px;}
#footer_image {width:1340px; height:400px; background-image:url('images/page_footer2.png'); background-repeat:no-repeat; background-position:center bottom; position:absolute; bottom:0; left:-130px;z-index: -1;}

#content h1 {background:#23322D; color:#FFF; border-radius:5px; padding:15px; display:block; margin-bottom:20px; font-weight:normal;font-family: 'Arvo', serif;}
article {padding:40px 30px !important; width:650px; float:left;}
#secondary {width:270px; float:right; background:#F1F1F1; margin:40px 20px 0 0; border-radius:5px; padding:35px; color:#3D3D3D;}

#secondary h2 {font-family:arial; color:#3F3F3F; text-transform:none;}
#secondary p,ul,div {font-size:12px; line-height:16px;}
#secondary .green {font-size:16px; line-height:22px; color:#5E9C42; font-weight:bold;}

#content p.green {color:#999900; font-size:16px; line-height:22px;}
a.button {background:#c5c623; color:#FFF; padding:10px; border-radius:5px; font-weight:bold; font-size:16px;}
a.button:hover {background:#3A9C23;}

body.home.page #content article {padding:0 !important; width:1080px !important;}
body.home.page #content {min-height:650px !important;padding-bottom: 40px !important;}

.widget_hwim {width:306px; height:240px; float:left; margin-right:20px; padding:20px; box-shadow:1px 1px 15px #999; border-radius:5px;position: relative;z-index: 2;background: rgba(255, 255, 255, .7);}
#hwim-4.widget_hwim{margin-right: 0px;}
.widget_hwim:last-child {margin:0;}
.widget_hwim h3.widget-title {background:#23322D; color:#FFF; font-size:26px; padding:10px; border-radius:5px;font-weight: normal;}
.widget_hwim h3 a {color:#FFF !important;}
DIV.hwim-text {font-size:15px; line-height:20px; color:#666;}
.widget_hwim a.button {margin-top:10px !important; display:inline-block;}
.widget_hwim p{min-height: 80px;}

DIV.promo_slider {height:445px; box-shadow:0px 2px 2px #999; margin-top:-10px;}
DIV.promo_slider img {width:1080px; height:445px;}

.product {width:200px; height:480px; float:left; margin-right:20px; background:#F5F5F5; border:1px solid #999; padding:10px; margin-bottom:20px;}
.product h3 {color:#83AA32; font-size:18px; font-family:arial; text-transform:none; font-weight:normal; margin-top:10px;margin-bottom: 4px;}
.product p.sub{font-weight: bold;font-style: italic;}

UL.entries {width:100%; border-bottom:1px solid #ccc; padding-bottom:35px; margin-bottom:30px;}
UL.entries li {float:left; display:inline; border-right:1px solid #ccc;}
UL.entries li:last-child {border-right:0;}
UL.entries li a {font-weight:bold; color:#23322D; padding:0 20px; font-size:13px; cursor:pointer;}
UL.entries li a.active {color:#619C53;}
#products {padding:30px 55px; clear:both;}

.partner {width:97%; height:auto; float:left; margin-right:20px; padding:10px; margin-bottom:40px; position:relative;}
.partner h3 {color:#1F2169; font-size:18px; font-family:arial; text-transform:none; font-weight:normal; margin-top:10px;}
.partner p {width:400px;}
.partner img.logo {float:left; margin:5px 40px;width: 166px;height: 104px;}
.partner .wp-post-image {float:right; border:1px solid #eee; padding:10px; position:absolute; right:0; top:0;}
.partner .center{width: 430px;float: left;}
.partner ul li{list-style: disc;margin-left: 20px;}
.page-id-9 #content{position: relative;z-index: 2;}


#home_cols{position: relative;overflow: visible;margin-top: 20px;}
#home_cols #pineapple{width: 290px;height: 385px;background: url(images/pineapple.png) no-repeat;position: absolute;bottom: 110px;z-index: 1;left: -176px;}
#home_cols #other-fruit{width: 268px;height: 255px;background: url(images/other-fruit.png) no-repeat;position: absolute;bottom: 130px;right: -170px;z-index: 1;}

.home .entry-content{padding-bottom: 20px !important;}


/** services **/
.page-template-page-services-php h2.service{font-family: arial;color: #383838;font-weight: bold;}
.page-template-page-services-php article{width: 976px;padding: 40px 52px !important;position: relative;z-index: 10;}
.page-template-page-services-php img.attachment-serv-thumb{margin-bottom: 40px;}
.page-template-page-services-php ul.services{width: 348px;float: left;}
.page-template-page-services-php ul.services li{height: 50px;line-height: 50px;background: #eee;margin-bottom: 4px;padding-left: 30px;font-size: 16px;font-weight: bold;cursor: pointer;color: #999900;-webkit-transition: all 0.25s linear 0s;-moz-transition: all 0.25s linear 0s;-o-transition: all 0.25s linear 0s;transition: all 0.25s linear 0s;}
.page-template-page-services-php ul.services li:hover{background: #202d29;color: #fff;-webkit-transition: all 0.25s linear 0s;-moz-transition: all 0.25s linear 0s;-o-transition: all 0.25s linear 0s;transition: all 0.25s linear 0s;}
.page-template-page-services-php .service_right{width: 562px;float: right;}
.page-template-page-services-php .service img.alignleft{float: left;margin: 0 30px 30px 0;}
.page-template-page-services-php .service ul{padding-top: 20px;}
.page-template-page-services-php .service ul li{list-style: disc;padding-bottom: 6px;}

.page-id-8 #content{z-index: 1;padding-bottom: 114px;}

.page-id-7 .service_right ul{padding-bottom: 10px;padding-top: 10px;}
.page-id-7 .service_right ul li{list-style: disc;padding-top: 4px;padding-bottom: 4px;margin-left: 20px;}


/** memberships **/
#memberships{padding-top: 40px;}
#memberships p.heading{font-size: 24px;color: #333;text-align: center;font-family: 'Arvo', serif;text-transform: uppercase;}
#memberships .logo{display: inline-block;}
#memberships .logo.one{width: 100px;height: 98px;background: url(images/blue.jpg) no-repeat;margin-left: 433px;margin-right: 20px;}
#memberships .logo.two{width: 74px;height: 100px;background: url(images/iddba.jpg) no-repeat;}

/** content, white background on top, transparent bottom **/

div#content {
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(55%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

strong {font-weight:bold !important;}

DIV.menu-footer-container {width:100% !important; text-align:center !important;}
ul.menu {max-width:700px; position:relative; left:50%; margin-left:-25%;}
ul.menu li:first-child {padding-left:20px;}