/*

Theme Name: New Planet Beer
Description: Custom design
Author: Pro Blog Design
Author URI: http://www.problogdesign.com/
*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #ffffff url(img/bg.gif) top center;
color: #bfbfbf;
font-family: Georgia, Arial, Helvetica, sans-serif;
}

#shim{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 11px;
	background: url(img/tline.gif) top left repeat-x;
}

#wrap{
	position: relative;
	margin: auto;
	width: 958px;
}

	#head{
		position: relative;
		height: 118px;	
	}
	
		#logo{
			position: absolute;
			top: 32px;
			left: 0;
			height: 56px;
			width: 289px;
			text-indent: -9999em;
			background: url(img/logo-.gif) top center no-repeat;
		}
		
		#social{
			float: right;
			padding: 45px 0 0 0;	
		}
		body.page-template-homepage-template-php #social {padding-right:140px;}
		
			#social li{
				float: left;
				padding-right: 16px;
			}
			
			#social li a{
				float: left;
				color: #554119;
				padding: 4px 0 3px 20px;
				position: relative;
				z-index: 10;
			}
			
			#social1{
				background: url(img/ti1.gif) left center no-repeat;
			}
			#social2{
				background: url(img/ti2.gif) left center no-repeat;
			}
			#social3{
				background: url(img/ti3.gif) left center no-repeat;
			}
			#social4{
				background: url(img/ti4-.gif) left center no-repeat;
			}



	#nav{
		position: relative;
		background: #554119;
		height:35px;
	}
	
		
		#nav li{
			float: left;
			border-right: 1px solid #423313;
			position:relative;
		}
		
		#nav li a{
			float:left;
			color: #fff;
			font-size: 14px;
			line-height: 35px;
			font-family: Georgia;
			letter-spacing: -1px;
			padding: 0 12px 0 12px;
			text-transform: uppercase;
			position: relative;
			display:block;
			z-index:10;
		}
		
		#nav li.page-item-5 a, #nav li.page-item-12 a, #nav li.page-item-22 a, #nav li.page-item-26 a, #nav li.page-item-25 a {padding-right:30px;background: url(img/tick.png) center right no-repeat;}

		#nav li ul {
			position: absolute;
			width: 200px;
			left: -9999px;
		}

		#nav li:hover ul, #nav li.sfhover ul {
			left: 0;
			top:35px;
			width:200px;
			float:none;
			padding:0;
			margin:0;
			height:auto;
			overflow:hidden;
		}
	
		#nav li:hover ul li, #nav li.sfhover ul li {float:none;display:block;width:200px;height:36px;margin:0;padding:0;}
		#nav li:hover ul li a:link, #nav li:hover ul li a:visited, #nav li.sfhover ul li a:link, #nav li.sfhover ul li a:visited {display:block;width:200px;height:35px;padding:0 12px 0 12px;background:#554119;text-align:left;border:1px solid #3f3212;border-width:0 1px 1px 1px;margin:0;}
		#nav li a:hover, #nav li a:active, #nav li:hover ul li a:hover, #nav li:hover ul li a:active, #nav li.sfhover ul li a:hover, #nav li.sfhover ul li a:active {background-color:#5a7727;}
	
	
	
	
	#page{
		position: relative;
		overflow: hidden;	
		margin-top: 12px;	
		background: url(img/vline-.gif)  640px top repeat-y;
	}
	
		#content{
			float: left;
			width: 637px;	
		}
		
			#feature{
				position: relative;
				border: 10px solid #fff;
				background: #fff;	
				text-align: left;
				margin-bottom: 14px;
			}
			
				#feature img{
					position: relative;
					display: block;	
				}
				
				.feature-caption{
					position: absolute;
					bottom:0;
					left:0;
					padding: 20px;
					width: 577px;
					background: #000;
					background: rgba(0,0,0,.6);
					color: #fff;
					font-size: 11px;	
				}
				
					.feature-caption h1{
						font-size: 18px;
						font-weight: bold;
						color: #CDCABB;
					}
					
					.feature-caption h1 a{
						color: #CDCABB;
					}
			
			
			
			
			.entry{
				position: relative;
				text-align: left;
				background: #fff;
				border: 20px solid #fff;
				overflow: hidden;
				color: #575656;	
				margin-bottom: 14px;
			}
			
				.comcount{
					float: left;
					height: 26px;
					width: 26px;
					background: url(img/com-count.gif) top left no-repeat;
					color: #fff;
					padding-top: 2px;
					font: bold 14px Arial, Helvetica, sans-serif;
					text-align: center;
					margin-right: 10px;
				}
				
					.entry .comcount a{
						color: #fff;	
					}
						
			
				.entry h2{
					font-size: 26px;
					font-weight: bold;
					color: #5A7727;
				}
				
				.entry a{
					color: #5A7727;	
				}
				
				.entry-info{
					font-size: 11px;
					line-height: 20px;
					text-transform: uppercase;
					height: 20px;
					border-top: 1px solid #CACAC9;
					border-bottom: 1px solid #CACAC9;
					padding: 1px;
					position: relative;
					margin-bottom: 20px;
				}
				
					.share-this{
						float: right;
						margin-left: 0px;
						padding-top:1px;
					}
					
					.tweet-this{
						float: right;
						padding-top: 2px;
						position:relative;
						left:10px;
					}
					
					/*
					img.alignleft, img.aligncenter, img.alignright{
						border: 3px solid #E7E7DE;
						paddng-bottom:0;
						overflow: hidden;
					}
					*/
				
				
				.entry-content{
					position: relative;
					overflow: hidden;
				}
				
				.entry-content h2 {font-size:22px;color:#5a7727;border-bottom:1px solid #eeeded;line-height:26px;margin-bottom:12px;}
				.entry-content h3 {font-family:"Times New Roman", times, georgia, serif; font-size:18px;line-height:20px;color:#554119;font-weight:normal;text-transform:uppercase;margin-bottom:12px;}
				
				.entry-content blockquote {background:url(img/quote.png) 0px 6px no-repeat;padding:0 0 0 20px;}
				
					.entry-content p{
						position: relative;
						line-height: 1.5em;
						padding-bottom: 1em;	
					}
					
					.entry-content ul, .entry-content ol{
						position: relative;
						line-height: 1.5em;
						padding-bottom: 1em;	
					}
					
					.entry-content ul li{
						list-style: none;
						padding:0 0 0 20px;
						background:url(img/bullet.png) 0 6px no-repeat;
					}
					
					.entry-content ol li{
						list-style: inside decimal;	
					}
					
					.entry-content strong{
						font-weight: bold;	
					}
					
					.entry-content a{
						color: #5A7727
					}
					
					.entry-content em{
						font-style: italic;
					}
					
					.entry-content a.read-more{
						height: 24px;
						width: 150px;
						text-indent: -9999em;
						background: url(img/continue-.gif) top left;
						display: inline-block;
						font-size:0;
					}
					
					
				
				
				.do-comment{
					position: relative;
					overflow: hidden;
					height: 23px;
					border-top: 1px solid #CECECE;
					border-bottom: 1px solid #CECECE;	
				}
				
					#do-comment{
						position: absolute;
						top: -1px;
						left: 0;
						height: 25px;
						width: 151px;
						text-indent: -9999em;	
						background: url(img/leave-comment.gif) top left no-repeat;	
					}
					
					.plugin-sharing{
						float: right;
						padding-top: 1px;
					}
				
				div.related{
					position: relative;
					padding: 25px 0 25px 0;	
				}
				
					div.related h2{
						font-size: 24px;
						line-height: 24px;
						margin-bottom: 10px;	
						border-bottom: 1px solid #EEEEEE;
					}
					
					div.related ul{
						overflow: hidden;
						position: relative;	
					}
					
					div.related li{
						float: left;
						float: left;
						width: 47.9%;
						padding: 6px 0 6px 0;
						margin-right: 2%;
						border-bottom: 1px dotted #EEEEEE;
					}
					
					div.related li a{
						padding-left: 11px;
						text-transform: uppercase;
						background: url(img/cat-tick-.gif) left center no-repeat;						
					}
				
				
				#comwrap, #action-wrap{					
					position: relative;
					text-align: left;
					background: #fff;
					border: 5px solid #fff;
					overflow: hidden;
					color: #575656;	
					margin-bottom: 14px;	
				}
				
				
					#title-comments{
						position: relative;
						height: 52px;
						text-indent: -9999em;
						background: url(img/title-comments-.gif) top left no-repeat;
					}	
					
				
					#title-join{
						position: relative;
						height: 52px;
						text-indent: -9999em;
						background: url(img/title-join.gif) top left no-repeat;
					}
				
				
				.commentlist{
					padding: 0 16px 0 16px;
				}
				
				.commentlist li{
					position: relative;
					overflow: hidden;
					padding-top: 19px;
					border-top: 1px solid #DADADA;
				}
				
				.commentlist>li:first-child{
					border: 0;
				}
				
					.commentlist li li{
						margin-left: 110px;
					}
				
					.commentlist .avatar{
						float: left;
						width: 80px;
						border: 3px solid #F5F5F5;
					}
					
					.commentlist .vcard{
						margin-left: 110px;
						height: 22px;
						line-height: 22px;
						background: #EEEBE6;
						font-size: 10px;
						margin-top: 4px;
						padding-right: 12px;
					}
					
					.vcard a{
						color: #5A7727;
					}
					
					.vcard strong{
						float: left;
						height: 22px;
						line-height: 21px;
						font-size: 14px;
						color: #fff;
						padding: 0 10px 0 10px;
						background: #544117;
					}
					
					.commentlist .vcard strong a{
						color: #fff;
					}
					
					.vcard em{
						float: left;
						height: 22px;
						line-height: 20px;
						font-size: 14px;
						padding-left: 6px;
						color: #544117;
					}
					
					.vcard span{
						float: right;
						font-family: Arial, Helvetica, sans-serif;
					}
					
					.comment-content{						
						margin-left: 110px;
					}
					
						.comment-content p{
							line-height: 1.5em;
							padding: .5em 0 .5em 0;
						}
					
					
					.reply{
						margin-left: 110px;
						overflow: hidden;	
						padding-bottom: 19px;
					}
					
						.reply a{
							float: right;
							float: right;
							width: 62px;
							height: 26px;
							font-size: 0;
							background: url(img/reply-btn-.gif) top left no-repeat;	
						}
					
					
				
				#respond{
					padding: 16px;
					overflow: hidden;	
					position: relative;
				}		
				
					.t-wrap{
						float: left;
						width: 277px;
						clear: left;
						padding-top: 2px;
					}
					
						.t-wrap label, .t-wrap2 label{
							display: block;
							padding: 10px 0 5px 0;	
						}
						
						.t-wrap .text{
							border: 0;
							padding: 5px;
							height: 14px;
							width: 267px;
							background: url(img/comment-text-.gif) top left no-repeat;
						}
					
					.t-wrap2{
						float: right;
						width: 283px;	
					}	
					
					ul.children .t-wrap2 {float:none;clear:both;}
					
						.t-wrap2 textarea{
							padding: 5px 0;
							border: 0;
							font-size: 12px;
							width: 283px;
							height: 128px;
							background: url(img/comment-msg.gif) top left;
						}
					
					.t-wrap3{
						clear: both;
						height: 30px;
						position: relative;
					}
					
					#submit{
						float: right;
						height: 25px;
						width: 76px;
						font-size: 0;
						clear: both;
						border: 0;
						margin-top: 10px;
						background: url(img/submit-btn.gif) top left no-repeat;	
					}
					
			
			
			#paginate{
				position: relative;
				margin-bottom: 10px;	
				padding: 10px 20px 10px 20px;	
				background: #fff;
				color: #333;
			}
			
				#paginate li{
					display: inline;
					line-height: 20px;
					padding: 0 2px 0 2px;	
				}
				
				#paginate a{
					color: #fff;
					background: #524218;
					font-size: 14px;
					padding: 0 7px 3px 7px;
				}
				
				#paginate a:hover, #paginate a.active{
					background: #5A7727;
				}
			
		
		
		#sidebar{
			float: right;
			width: 300px;
			text-align: left;
		}
		
		html>body #sidebar {width:313px;}
		
			.widget{
				position: relative;
				margin-bottom: 10px;
				border: 4px solid #fff;
				padding: 0 20px 0 20px;
				background: #F8F8F3 url(img/wbg.gif) bottom left repeat-x;
			}
			
				.widget h3{
					color: #554119;
					font-size: 25px;
					font-weight: bold;
					padding: 20px 0 0 0;					
					border-bottom: 1px solid #E4E1DA;
					background: url(img/widget-bg.gif) top center no-repeat;
				}
			
			#subscribe{
				position: relative;
			}
			
				#subscribe label{
					color: #56544F;
					font-size: 10px;
					text-transform: uppercase;
				}
				
				#subscribe p{
					overflow: hidden;
					padding: 18px 0 30px 0;
				}
				
				#subscribe .text{
					float: left;
					padding: 5px;
					height: 15px;
					width: 173px;
					border: 0;
					line-height: 15px;
					font-size: 11px;
					margin-right: 5px;	
					background: url(img/sub-bg.gif) top left no-repeat;	
				}
				
				#subscribe .submit{
					float: left;
					height: 24px;
					width: 75px;
					border: 0;
					font-size: 0;
					background: url(img/sb-btn.gif) top left no-repeat;
				}
			
			
			#categories{
				position: relative;
			}
			
				#categories li{
					padding: 12px 0 12px 9px;
					border-bottom: 1px solid #fff;
					font-size: 9px;
					text-transform: uppercase;
					font-family: Arial, Helvetica, sans-serif;
					color: #5A7727;	
				}
				
				#categories li a{
					font-weight: bold;
					display:block;
					color: #524218;
					padding: 0 0 2px 9px;
					margin-left: -9px;
					background: url(img/cat-tick-.gif) left center no-repeat;
					font-size:12px;
					line-height:15px;
					font-family:georgia, serif;
				}
			
			
			
			#popular{
				position: relative;
			}
			
				#popular li{
					padding: 12px 0 12px 9px;
					border-bottom: 1px solid #fff;
				}
				
				#popular li span{
					color: #6A6A63;
					font-size: 11px;
				}
				
				#popular li h4, .our-beers li a{
					display:block;
					font-weight: bold;
					color: #524218;
					padding: 0 0 0 9px;
					margin-left: -9px;
					background: url(img/cat-tick-.gif) left center no-repeat;
					color: #524218;
				}
				
				#popular li h4 a{
					color: #524218;
				}
				
				#popular p{
					color: #999;
					font-size: 9px;
					padding-top: 2px;
					text-transform: uppercase;
					font-family: Arial, Helvetica, sans-serif;
				}
				
				#popular p a{					
					color: #5A7727;	
				}
			
			#details ul {
				padding: 5px 0;
			}
			
			#details li {
				background: url(img/cat-tick-.gif) 0 8px no-repeat;
				padding: 4px 0 4px 10px;
				color: #524218;
			}
			
			#details li.emptyline {
				background: none;
				padding: 0;
			}
			
			#flickr{
				position: relative;	
			}
			
				#flickr ul{
					padding: 10px 0 20px 0;
				}
			
				#flickr ul li{
					padding: 8px 7px 8px 7px;
				}
			
			
			#commented{
				position: relative;
				color: #777;
				padding-bottom: 18px;
			}
			
				#commented li{
					padding: 12px 0 12px 0;	
					line-height: 1.5em;
				}
				
#commented a:link, #respond a:link {color:#5A7727;font-weight:bold;text-decoration:underline;}
#commented a:visited, #respond a:visited {color:#749141;font-weight:bold;text-decoration:underline;}
#commented a:hover, #commented a:active, #respond a:hover, #respond a:active {text-decoration:none;}

.navigation {
	height: 1%;
	overflow: hidden;
	margin: 0 0 10px 0;
}

.navigation .alignleft {
	width: 200px;
	float: left;
	text-align: left;
}

.navigation .alignright {
	width: 200px;
	float: right;
	text-align: right;
}

.navigation a:link, .navigation a:visited {
	color: #000;
}	

.navigation a:hover, .navigation a:active {
	text-decoration: underline;
}
	
	
	
	


	#splash{
		position: relative;
		height: 290px;
		text-align: left;
		color: #423313;
		padding-top: 1px;
	}
	
		#splash-image{
			position: absolute;
			right: 30px;
			top: -124px;
		}
		
		#splash h1{
			position: relative;
			margin: 80px 0 0 57px;
			width: 560px;
			height: 82px;
			text-indent: -9999em;
			background: url(img/splash-title.png) top left no-repeat;	
		}
		
		#splash p{
			font-size: 16px;
			width: 560px;
			padding: 10px 0 0 61px;
		}
		
		#splash a{
			color: #5a7727;
		}
	
	
	
	
	#actions{
		position: relative;
		background: #fff;
		padding: 0 0 0 1px;
		overflow: hidden;
	}
	
		.action{
			float: left;
			display:block;
			height: 102px;
			width: 297px;
			padding: 22px 0 0 18px;
			background: #5A7727 url(img/lines.gif) top left no-repeat;
			text-align: left;
			color: #D4CFC5;
			font-size: 10px;
			margin-left: 3px;
			text-transform: uppercase;
		}
		
			.action h3{
				color: #fff;
				font-size: 18px;
				text-transform: uppercase;
			}
			
			.action p, .action label{
				padding-bottom: 10px;	
				overflow: hidden;	
				display: block;
			}
			
			.action .text{
				float: left;
				padding: 5px;
				height: 15px;
				width: 173px;
				border: 0;
				color: #333;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;				
				background: url(img/tri-bg-.gif) top left;	
			}
			
			#newsletter .submit{
				float: left;
				height: 24px;
				width: 75px;
				border: 0;
				margin-left: 6px;
				text-indent: -9999em;
				background: url(img/tri-btn1.gif) top left no-repeat;	
			}
			
			#search-for img {
				float: right;
				margin: 0 10px 0 10px;
			}
			
			#search-for .submit{
				float: left;
				height: 24px;
				width: 85px;
				border: 0;
				margin-left: 6px;
				text-indent: -9999em;
				background: url(img/tri-btn2-.gif) top left no-repeat;	
			}
			
			#search-for a.findbeer{
				display:block;
				height: 24px;
				width: 85px;
				border: 0;
				text-indent: -9999em;
				background: url(img/tri-btn2-.gif) top left no-repeat;	
			}
			
			#network ul{
				position: relative;
				overflow: hidden;	
			}
			
			#network li{
				float: left;
				padding-right: 20px;	
			}
			
			#network li a{
				float: left;
				height: 43px;
				width: 42px;
				text-indent: -9999em;
			}
			
			.stamp1{
				background: url(img/stamp1.gif) top left no-repeat;					
			}
			
			.stamp2{
				background: url(img/stamp2.gif) top left no-repeat;					
			}
			
			.stamp3{
				background: url(img/stamp3.gif) top left no-repeat;					
			}
			
			.stamp4{
				background: url(img/stamp4.gif) top left no-repeat;					
			}




	
	
	#our{
		position: relative;
		text-align: left;
		overflow: hidden;
		border-top: 24px solid #fff;
		border-bottom: 24px solid #fff;
		background: url(img/front-lines-.gif) top left repeat-y;
	}
	
		.our{
			float: left;
			width: 270px;
			padding: 0 23px 0 24px;
		}
		
			.our h4{
				font-size: 24px;
				font-weight: bold;
				color: #647F34;
				border-bottom: 1px solid #E4E1DA;
			}
		
		#recent-posts{
			position: relative;	
		}
		
			#recent-posts li{
				position: relative;
				overflow: hidden;
				margin-top: 28px;
			}
			
			#recent-posts li img{
				position:absolute;
				top:10px;
				left:0;
			}
			
			html>/**/body #recent-posts li img{top:0;}
		
			#recent-posts h5{
				font-weight: bold;
				font-size: 12px;
				margin-left: 52px;	
				padding-bottom: 2px;
				margin-bottom: 3px;
				border-bottom: 1px solid #EFEFEF;
			}
			
			#recent-posts h5 a{
				color: #554119;
			}
			
			#recent-posts p{
				margin-left: 52px;	
				font-size: 10px;
				text-transform: uppercase;
				font-family: Arial, Helvetica, sans-serif;
			}
			
			#recent-posts a{				
				color: #647F34;
			}

		
		#events{
			position: relative;	
			padding-bottom: 10px;
		}
		
			#events li{
				padding-top: 25px;
				margin-bottom: -8px;
			}
		
			#events h5{
				font-weight: bold;
				font-size: 12px;
			}
			
				#events h5 a{						
					color: #647F34;
				}
			
			#events span.event-location{
				display: block;	
				color: #554119;
				font-weight: bold;
				font-size: 11px;
				margin-bottom: 3px;
				text-transform: uppercase;
				border-bottom: 1px solid #EFEFEF;
			}
			
			#events p{
				font-size: 10px;
				text-transform: uppercase;
				font-family: Arial, Helvetica, sans-serif;
			}
			
			#events a{				
				color: #554119;
			}
		
		
		#our-media{
			position: relative;
		}
		
			.flickr{
				position: relative;
				overflow: hidden;
				padding-bottom: 18px;
			}
			
				.flickr li{
					float: left;
					width: 74px;
					padding: 16px 16px 0 0;
				}
				
				.flickr li a{
					float: left;
					border: 3px solid #C5C4BC;
				}
				
				.flickr li a img{
					float: left;
					height: 51px;
					width: 68px;
				}
			
			
			
			.video{
				position: relative;
				overflow: hidden;
				padding-bottom: 18px;
			}
			
				.video li{
					float: left;
					width: 101px;
					padding: 16px 30px 0 0;
					position:relative;
				}
				
				.vid-icon {position:absolute;top:32px;left:31px;}
				
				.video li a{
					float: left;
					border: 3px solid #C5C4BC;
				}
				
				.video li a img.wp-post-image{
					float: left;
					height: 64px;
					width: 95px;
				}
		



#foot{
	position: relative;
	padding: 30px 0 70px 0;
	background: #5A7727 url(img/foot-bg.gif) top left repeat-x;
}

	#foot h6{
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 5px;
		text-transform: uppercase;
	}

	#written{
		position: relative;
		margin: auto;
		width: 960px;
		overflow: hidden;
		color: #fff;
		text-align: left;
		background: url(img/tlines.gif) top center repeat-y;
	}
	
		#written p, #written li{
			position: relative;
			font-size: 11px;	
			font-family: Arial, Helvetica, sans-serif;
		}
		
		#reviews p {margin-bottom:0;}
		#reviews p a:link, #reviews p a:visited {
			color: #fff;
		}
		
		#written h4 {color:#9ed048;display:block;margin:0 0 15px 0;font-size:11px;font-family:arial, helvetica, sans-serif;}
		
		#written a{
			color: #9ed048;	
		}
	
		#reviews{
			float: left;
			width: 280px;
			padding: 0 22px 0 22px;
		}
		
		#tweets{
			float: left;
			width: 280px;
			padding: 0 18px 0 22px;
		}
		
		#tweets li {color:#fff;margin:0 0 15px 0;}
		
		#posts{
			float: left;
			width: 280px;
			padding: 0 0 0 22px;
		}


#bottom{
	position: relative;
	width: 980px;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 20px;
	background: url(img/fb.gif) top center no-repeat;
	overflow: hidden;
	border-top: 20px solid #5A7727;
}

	.bottom-links{
		float: left;		
		font-size: 14px;
		padding-left: 42px;
		width: 350px;
		text-align:left;
	}
	
	.bottom-links li {float:left;border-left:1px solid #fff;padding:0 10px;font-size:12px;}
	.bottom-links li:first-child {border-left:none;padding-left:0;}
	
		.bottom-links a{
			color: #fff;
		}

	.copyright{
		float: right;
		font-size: 11px;
		color: #dad7cf;
		padding-right: 42px;
		text-align: right;
		width: 350px;
	}
	
		.copyright a{
			color: #dad7cf;	
		}
		
		.copyright a strong{
			color: #a7d654;
		}


.pagebeer {text-align:center;padding:0 0 20px 0;}
.pagebeer img {background:url(img/widget-bg.gif) 50% 0 no-repeat;padding:20px 0 0 0;}

.entry-content table {
	border-collapse: collapse;
	border: 1px solid #EEEDED;
	margin: 10px 0 20px 0;
}

.entry-content th {
	color: #5A7727;
	font-size: 16px;
	line-height: 20px;
	border-collapse: collapse;
	border: 1px solid #EEEDED;
	padding: 5px 10px;
}

.entry-content td {
	border-collapse: collapse;
	border: 1px solid #EEEDED;
	padding: 5px 10px;
}