/*

	Food.com.hr
	======================================
	Medianova (www.medianova.hr)
	Domino Efekt
	--------------------------------------
	2010.
	======================================
	
*/

*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight: normal; }a img{border:0} 
body { font: 12px Tahoma, Arial, Sans-Serif; background: #5A4936 url(../images/site/bg.gif); color: #616161; }
a { text-decoration: none; color: #0D4C6B; cursor: pointer; }
a:hover { color: #07293A; }
p  { line-height: 1.54em; }
h2 { font-size: 16px; }
hr { clear: both; border: 0; }
input, select, textarea { font: 11px Tahoma, Arial, Sans-Serif; }
.x { clear: both; }

#wrap { margin: 0 auto; width: 970px; margin: 5px auto; }

#logo { float: left; margin: 30px 0 32px 10px; }
#topad { float: right; }
	
#content { clear: both; background: #fff url(../images/site/content.gif) repeat-y right top; }
	body#wholepage #content { background-image: none; }

/* MAIN MENU */
#menu { clear: both; height: 37px; background: url(../images/site/menu.gif) repeat-x; }
#menu ul { float: left; }
#menu li { display: inline; font-size: .9em; font-weight: bold; }
#menu li a { float: left; padding: 14px 14px 0; height: 23px; color: #EBDFD1; text-shadow: #32281E 1px 1px 1px; }
#menu li a img { float: left; padding: 1px 0 0; }
#menu li#submit-tab a { color: #BEE28D; }
#menu li#submit-tab a.current { color: #fff; }
#menu li a:hover { background: url(../images/site/tabhover.gif) repeat-x; color: #fff; text-shadow: #344704 1px 1px 1px; }
#menu li a.current { background: #77A50A url(../images/site/tabcurrent.gif) repeat-x; color: #fff; text-shadow: #344704 1px 1px 1px; }
	
#start-bar { height: 45px; background: #77A50A; color: #D3E3AD; border-bottom: 2px solid #719C09; }

	/* search */
	#search-bar { float: right;  height: 34px; padding: 11px 8px 0 8px; background: #7FAF0A; border-bottom: 2px solid #77A50A;  }
	input.searchtext { float: left; padding: 5px; border: 0; width: 254px; font-size: 13px; color: #856D50; background: #fff url(../images/site/stbg.gif) repeat-x left bottom; }
	input.searchsubmit { float: left; width: 34px; border: 0; height: 26px; background: #618708 url(../images/site/ssbg.gif) no-repeat; }
	
	#location { font-size: 1.2em; width: 204px; float: left; padding: 13px 0 0 36px; background: url(../images/site/icon-location.gif) no-repeat 11px 18px; }
	#actual { float: left; width: 400px; height: 30px; padding: 15px 0 0 15px;   }
	#start-bar a { color: #EFEDAA; border-bottom: 1px dotted #A2BB64; padding: 0 0 1px; }
	
	#user { float: right; margin: 11px 10px 0 0; background: url(../images/site/icon-user.gif) no-repeat 0 4px; color: #C4AE97; font-size: 10px; padding: 4px 0 1px 18px; }
		#user a { color: #D6C9BA; border: 0; text-transform: uppercase; margin: 0 3px; }
	#front-avatar { display: none; float: left; height: 50px; margin-top: -40px;}


#main  { padding: 10px; float: left; width: 630px; }
	body#wholepage #main { }
	#featured { padding: 0 0 5px; margin: 0 0 4px; }
		#featured-subject { float: left; margin: 0 10px 0 0; background: #5A4936 url(../images/site/fsbg.gif); width: 230px; height: 307px; }
			#featured-subject img { float: left; }
			#featured-details { clear: both; padding: 9px 15px 9px 10px; color: #B69D82;  }
			#featured-details p { font-size: 11px; }
				#featured-details h2 { margin: 0 0 5px; }
					#featured-details h2 a { color: #fff; }
			
		#featured-titles { float: right; width: 385px; }
		#featured-titles h2 { font-size: 14px; }
			#featured-titles p { margin: 0 0 6px; color: #555; }	
			#featured-titles img { width: 55px; }
			#title { background: url(../images/site/icon-selected.gif) no-repeat 0 4px; margin: 0 0 6px; text-transform: uppercase; border-bottom: 1px dotted #DDCEBF; font-size: 10px; color: #82694E; padding: 0 0 7px 15px; }
				#featured-titles p.last { border: 0; padding: 0; margin: 0; }
				
			#ft-left { float: left; width: 175px; padding: 0 17px 0 0; border-right: 1px dotted #DDCEBF; }
			#ft-right { float: right; width: 175px; }
				
			.item { height: 66px; border-bottom: 1px dotted #DDCEBF; margin: 0 0 6px; }
				.item h2 { margin: 0 0 3px; padding: 3px 0 0; }
				.item img { float: left; margin: 0 12px 0 0; border: 1px solid #E7E2C8; padding: 1px; }
				.item p { font-size: 11px; }
				.item.last { border: 0; margin: 0; }
				
				.stars img { float: left; margin: 0 4px 0 0; }
				
				.subject.stars { float: right; position: relative; z-index: 100; margin: 25px 0 0 0; }
				
			#featured-news { float: left; width: 230px; margin: 0 16px 16px 0; }
				#featured-news p { font-size: 11px; }
				#featured-news img { margin: 0 0 10px; padding: 1px; border: 1px solid #E7E2C8; }
				#featured-news h2 { margin: 0 0 8px; }
				#featured-news h2 a { color: #D9530C; }
				
			#other-news { float: left; width: 380px; }
				#other-news h3 { font-size: 14px; }
				#other-news .item { padding: 0 0 7px; margin: 0 0 15px; }
				#other-news .item.fp { padding: 0; margin: 0 0 7px; height: 58px; }
				#other-news .item.last { padding: 0; margin: 0; }
				#other-news .item img { margin: 0 15px 10px 0; float: left; border: 1px solid #E7E2C8; padding: 1px; }
				p.cttl { font-size: 10px; color: #888; margin: 0 0 3px; text-transform: uppercase; }
				
			#featured-pages { float: right; width: 170px; }
				#featured-pages li { font-size: .9em; border-bottom: 1px dotted #DDCEBF; padding: 0 0 5px; margin: 0 0 5px;  }
					#featured-pages li a { color: #D9530C; }
			
		
			h3 a { color: #D9530C; }
			
			#related { clear: both; padding: 30px 0 0; border-top: 1px solid #E7E2C8; }
			#related .item { border-bottom: 1px solid #E7E2C8; padding: 4px 0; height: 45px; }
			#related .item p { margin: 0 0 2px; }
			#related .item img { float: left; width: 32px; margin: 0 10px 0 0; padding: 3px; background: #F4F1E0; border: 1px solid #E7E2C8; }
			
		/* MAGAZINE */
		
		#magazine #featured-news { float: none; width: 630px; border-bottom: 1px dotted #DDCEBF; height: 190px; margin: 0 0 20px; }
		#magazine #featured-news img { float: left; margin: 0 15px 0 0; }
		#magazine #featured-news p { font-size: 12px; margin: 0 0 4px; }
		#magazine #featured-news #teaser { height: 152px; }
		#magazine #featured-news p.cattitle { color: #888; font-size: 10px; padding: 5px 0 5px; text-transform: uppercase; }
		#magazine #featured-news p.infoline, p.infoline { border-top: 1px dotted #DDCEBF; float: left; width: 381px; padding: 4px 0 0; font-size: 10px; color: #888; text-transform: uppercase; }
		
		#magmenu { clear: both; height: 32px; margin: 0 0 15px; border-bottom: 1px dotted #DDCEBF; }
		#magmenu li { display: inline; }
		#magmenu li a { float: left; color: #D9530C; font-weight: bold; margin: 0 20px 0 0; padding: 7px 0; }
		
		#magazine #other-news { width: 290px; }
		#magazine #other-news h3 { margin: 0 0 10px; }
		#magazine #other-news .item { height: auto; }
		#magazine #other-news .item img { float: left; width: 100px; width:  margin: 0 15px 2px 0; }
		
		#mag-col { float: left; width: 290px; margin: 0 20px 20px 0; padding: 0 20px 0 0; border-right: 1px dotted #DDCEBF; }
		#mag-cor { float: right; width: 290px; }
		
		#nbits { float: left; width: 420px; padding: 0 20px 0 0; border-right: 1px dotted #DDCEBF; }
		.nbit { clear: both; margin: 0 0 20px; border-bottom: 1px dotted #DDCEBF; padding: 0 0 8px; }
		.nbit h4 { font-size: 14px; padding: 0 0 7px; }
		.nbit h4 a { color: #E6530D; }
		.nbit p { font-size: 11px; }
		.nbit p.cttl { font-size: 10px; }
		
		#tagcloud { float: right; width: 173px; }
		#tagcloud a { color: #888; float: left; margin: 2px 2px 0; }
		
		/* HOME SEARCH */
		#home-search { clear: both; position: relative; margin: 0 -16px 15px -10px; padding: 10px 11px; background: #F4F1E0; border-top: 1px solid #E7E2C8; border-bottom: 1px solid #E7E2C8; }
		
		/* SEARCH */
		#advanced-search { padding: 10px 11px; background: #F4F1E0; border: 1px solid #E7E2C8; margin: 0 0 20px; }
		#status { background: url(../images/site/advancedsearch-status.gif) no-repeat 2px 5px; padding: 0 0 0 25px; font-size: 1.2em; font-weight: bold; color: #5A4936; margin: 0 0 8px; }
		#criteria { margin: 0 16px 0 0; background: #E7E2C8; padding: 10px 0 0 14px; height: 78px; width: 630px; font-size: 11px; }
		#criteria ul { float: left; margin: 0 45px 0 0; }
		#criteria ul.last { margin: 0; }
		#criteria li { padding: 4px 0; }
		#criteria li a { color: #5A4936; }
		#criteria li a:hover { color: #000; }
		
		.checkbox { float: left; margin: 3px 5px 0 0; }	
			
/* SUBJECTS CATEGORY */
#left-menu { float: left; width: 110px; }
	#left-menu ul { border: 1px solid #E7E2C8; font-size: 11px; padding: 1px; margin: 0 0 10px; }
	#left-menu li.ttl { font-weight: bold; background: #EDE8D2; color: #5A4936; margin: 0 0 1px; padding: 6px 10px; border-bottom: 1px solid #E7E2C8; }
	#left-menu li a { display: block; padding: 6px 10px; background: #F4F1E0; color: #918473; }
	#left-menu li a:hover { background: #EDE8D2; color: #000; }
	#left-menu .current, #left-menu li a.current:hover { color: #fff; background: #604E39; }
#directory { float: right; width: 504px; }

#noresults { color: #5A4936; font-weight: bold; margin: 0 0 10px; }
#resultinfo { font-size: 11px; padding: 10px; border: 1px solid #ddd; background: #f4f4f4; color: #888; }
.subject-cat { clear: both; border-bottom: 1px solid #ddd; padding: 0 0 0; margin: 0 0 12px; }
.subject-cat h3 { font-size: 13px; font-weight: bold; color: #222; margin: 0 0 4px; }
.subject-cat h3 a { color: #0D4C6B; }
.subject-cat .stars { float: right; }
.subthumb { float: left; width: 35px; border: 1px solid #E7E2C8; padding: 3px; margin: 0 10px 0 0; }
.subject-cat.sponsored { background: #EDE8D2; border: 0; padding: 10px 6px 1px; position: relative; margin: 0 -6px 10px; }
.subject-cat.sponsored .subthumb { border: 1px solid #DBD5B3; }

/* PAGINATION */
#pagination { clear: both; height: 40px; font-size: 11px; padding: 15px 0 0; font-weight: bold; }	
.paginator { padding: 4px 12px; border: 1px solid #fff; margin: 0 1px 0 0; color: #6A5742; }
.paginator.current { background-color: #F4F1E0; color: #000; }

.paginator.first { background: url(../images/site/pag-first.gif) no-repeat center; border: 1px solid #E8E0D9; }
.paginator.prev { background: url(../images/site/pag-prev.gif) no-repeat center; border: 1px solid #E8E0D9; }
.paginator.next { background: url(../images/site/pag-next.gif) no-repeat center; border: 1px solid #E8E0D9; }
.paginator.last { background: url(../images/site/pag-last.gif) no-repeat center; border: 1px solid #E8E0D9; }
.paginator:hover { border: 1px solid #C7B7A5; }

/* INNER */
#inner { }
#wholepage #inner { padding: 10px 16px 10px 10px; }
#inner p { margin: 0 0 15px; }
#inner h2, h1 { text-shadow: #D6C5B4 1px 1px 1px; color: #2F261C; font-weight: bold; padding: 18px 13px 14px; position: relative; margin: -10px -16px 12px -10px; background: #F4F1E0; border-bottom: 1px solid #E7E2C8; }
#total { float: right; padding: 6px 0 0; font-size: 10px; color: #A69C8E; text-shadow: #fff 1px 1px 1px; text-transform: uppercase; }
.date { font-size: .9em; }
.newsframe { float: left; padding: 2px; border: 1px solid #E7E2C8; margin: 0 15px 10px 0; }
#newsinner { margin: 0 0 30px; line-height: 19px; }
#newsinner h3 { clear: both; color: #333; margin: 0 0 12px; padding: 0; font-weight: bold; font-size: 13px; }
#cool { padding: 2px 0 0; }
#share { float: right; margin: 0 0 20px; font-size: 11px; }
#share img { margin: 0 0 0 4px; }

/* LOGIN AND REGISTER */
#facebook-login { padding: 14px; font-weight: bold; background: #F4F1E0; margin: 0 0 20px; font-size: 14px; color: #1A356E; }
#facebook-login p { margin: 0; }
#fbb { float: right; }
#login { float: left; width: 257px; background: #F4F1E0; padding: 10px; }
#register { float: right; width: 320px; background: #F4F1E0; padding: 10px; }

#login input.text { width: 240px; }
#login h4, #register h4 { font-size: 14px; font-weight: bold; color: #5A4936; margin: 0 0 15px; }
#login p, #register p { margin: 0 0 5px; }


/* NEWS LISTING */
#listing .item { height: auto; margin: 0 0 15px; }
#listing .item-body { float: right; width: 545px; }
#listing .item-body p { margin: 0 0 10px; }


/* FORMS */
label { display: block; padding: 0 0 3px; color: #5A4936; font-size: 11px; font-weight: bold; }
input.text, select.text, textarea { padding: 5px; width: 300px; border: 1px solid #C2BBB2; background: #fff url(../images/site/inputbg.gif) repeat-x left bottom; }
textarea { height: 110px; }
select.small { width: 70px; }
.explain { display: block; font-size: 10px; color: #928677; margin: 0 0 10px; }
.radio { float: left; margin: 3px 5px 0 0; }

/* SUBMIT SUBJECT */
.submission { clear: both; padding: 10px 0 0 105px; }
.submission.userinfo { background: url(../images/site/icon-info.gif) no-repeat; }
.submission.subjectinfo { background: url(../images/site/icon-subject.gif) no-repeat; }
.submission.packagesinfo { background: url(../images/site/icon-packages.gif) no-repeat; }

.submission input.text { width: 360px; }
.submission select.text { width: 372px; }
.line { border-bottom: 1px solid #E7E2C8; margin: 0 0 10px; padding: 10px 0 0; }
.col { float: left; width: 360px; }
.cor { float: right; width: 430px; }
.submission h3 { color: #000; font-size: 13px; font-weight: bold; margin: 0 0 20px; padding: 0 0 5px; }
#submit-subject input.submit { margin: 0 0 0 105px; }
.sch { padding: 23px 0 4px; }

#free, #business, #premium {float: left; width: 244px; border: 1px solid #E7E2C8; padding: 10px 10px 2px; margin: 0 0 20px; }
#free { margin: 0 20px 0 0; background: #fff; }
#premium { float: right; }
#free h4, #business h4, #premium h4 { position: relative; background: #F3F1E4; border-bottom: 1px solid #E7E2C8; margin: -10px -10px 14px; padding: 10px; color: #604E39; font-weight: bold; }
#free ul, #business ul, #premium ul { margin: 0 0 15px; }
#free li, #business li, #premium li { padding: 4px 0 4px 24px; font-size: 11px; background: url(../images/site/checkmark.gif) no-repeat 0 5px; }
.pricebox { clear: both; position: relative; margin: 0 -10px; color: #000; border-top: 1px solid #E7E2C8; padding: 10px 10px 5px; font-size: 11px; }
.pricebox label { font-weight: normal; }
.pricebox .period { float: left; width: 110px; }
.price-checkbox { float: left; width: 25px; height: 18px; padding: 1px 0 0; }
#inner .pricebox p { margin: 0 0 5px; }
.pricebox .price { font-weight: bold; color: #000; }
.pricebox .savings { float: right; color: #3A7D33; font-size: 10px; margin: 0 15px 0 10px; }
#freeteaser { height: 171px; padding: 40px 0 0; }
.warning { padding: 0 0 0 105px; }
.error { color: #B60000; }

.vat { float: right; font-size: 10px; padding: 5px 0 5px 25px; margin: 0; color: #999; }

/* SUBJECT TABS */
#tabs { background: #F4F1E0 url(../images/site/tabsbg.gif) repeat-x left bottom; height: 23px;  position: relative; margin: -23px -16px 20px -10px; padding: 12px 10px; border-bottom: 1px solid #E7E2C8; }
#tabs li { display: inline; font-size: .9em; }
#tabs li a { float: left; padding: 12px 10px 10px; font-weight: bold; color: #5A4936; border: 1px solid transparent; }
#tabs li a:hover { background: url(../images/site/stabhover.gif) repeat-x left bottom; }
#tabs li a.current { background: #fff; border: 1px solid #E7E2C8; border-bottom: 0; }

#tabs li.searchtab a { float: right; }
#tabs li.searchtab a.current { }

/* SUBJECT */
#sinfo { float: right; width: 527px; margin: 0 0 10px; }
#sinfo h4 { font-weight: bold; color: #000; margin: 0 0 8px; }
#sinfo ul { margin: 0 0 25px; }
#sinfo li { padding: 8px 0; border-bottom: 1px solid #E7E2C8; height: auto; }
#sinfo li span { float: right; width: 400px; font-weight: bold; color: #444; }
#cool { font-size: 11px; }

.subject-description {padding:5px; background:#f7f6ee; border: 1px solid #f1efe6;}
#subject-gallery {float:left; width:65px; }
	#subject-gallery div { float: left; padding: 2px; border: 1px solid #E7E2C8; margin: 0 15px 10px 0; }

#map { padding: 5px; background: #fff; border: 1px solid #E7E2C8; }
.map_canvas { padding: 5px; background: #fff; border: 1px solid #E7E2C8; width:620px; height:444px;}


/* PROFILE */
#userframe { float: right; position: relative; z-index: 100; margin: 4px 0 0; padding: 4px; background: #EDE8D2; }

/* ACTIONS */
#actions { }
.p-actions { background: #F4F1E0; padding: 10px; float: left; width: 437px; }
#actions h3 { font-size: 12px; font-weight: bold; margin: 0 0 12px; color: #000; }
#actions li { clear: both; height: 34px; list-style: none; padding: 10px 0; marging: 0; border-bottom: 1px dotted #D4D0B8; font-size: 11px; color: #444; }
#actions li span { color: #999; font-size: 10px; }
#actions li.last { border: 0; }
#actions li img { float: left; margin: 0 10px 0 0; width: 30px; padding: 2px; border: 1px solid #E7E2C8 }

#profile-side { float: right; width: 160px; }
#inner p#loc { font-size: 11px; margin: 0 0 7px; }
#bio { background: #F4F1E0; padding: 8px; font-size: 11px; }

/* FAVORITE SUBJECTS */
#favs { background: #F4F1E0; padding: 10px; margin: 0 0 20px; }
#favs h3 { font-size: 12px; font-weight: bold; margin: 0 0 12px; color: #000; }
#favs p, #favs li { font-size: 11px; }
#favs li { padding: 4px 0; border-bottom: 1px solid #ddd; }

/* FRIENDS */
#friends { background: #F4F1E0; padding: 10px; margin: 0 0 20px; }
#friends h3 { font-size: 12px; font-weight: bold; margin: 0 0 12px; color: #000; }
#friends p { font-size: 11px; }
#friends img { float: left; margin: 0 8px 8px 0; width: 30px; border: 1px solid #E7E2C8; padding: 2px; }


/* COMMENT FORM */
#komentari { clear: both; }
.commentsbox { padding: 40px 0 0; }
.commentsbox h4 { font-size: 11px; font-weight: bold; margin: 0 0 8px; color: #5A4936; }
.commentsbox textarea { width: 622px; height: 90px; margin: 0 0 7px; }
input.submit { cursor: pointer; background: #604E39; outline: 1px solid #31281D; border: 1px solid #80684C; padding: 3px 8px; font-weight: bold; color: #fff; text-shadow: #32281E 1px 1px 1px; }
	input.submit:hover { background: #6F5A42; outline-color: #4B3D2C; border-color: #907555; }


/* COMMENTS */
.post { clear: both; background: #F4F1E0; padding: 10px; margin: 0 0 10px; }
.post-user { float: left; width: 55px; }
.post-user img { width: 50px; height: 50px; padding: 3px; background: #E7E2C8; }
.post-body { float: right; width: 540px; font-size: 11px; color: #444; }
.post-body.pm { width: 415px; }
#inner .post-body p { margin: 0 0 8px; }
.post-date { color: #777; }
textarea.pm { width: 490px; }

/* PM */
.pm-icons { float: right; margin: 0 0 10px 10px; }
.pm-reply, .pm-delete { float: left; border: 1px solid #F4F1E0; float: left; padding: 4px; width: 17px; height: 16px; background: url(../images/site/icon-pm-reply.gif) no-repeat center; }
.pm-delete { background: url(../images/site/icon-pm-del.gif) no-repeat center; }
.pm-reply:hover, .pm-delete:hover { border-color: #B3B09F; }

#side { float: right; width: 300px; padding: 7px; }
	#top300x250 { margin: 0 0 10px; }
	.box { border: 1px solid #E7E2C8; padding: 1px; background: #fff; margin: 0 0 10px; }
	.box#actions li { margin: 0 6px; padding-right: 4px; }
		.boxtitle { background: #F7F6EE; padding: 6px; color: #78644D; font-weight: bold; }
	
	.toplist { }
		.toplist ul { padding: 10px 6px 2px; }
		.toplist li { clear: both; border-bottom: 1px dotted #D4D0B8; height: 44px; margin: 0 0 7px; }
			.toplist li.last { border: 0; margin: 0; }
			.toplist li h4 { margin: 0 0 3px; padding: 2px 0 0; }
			.toplist li .stars { float: right; }
			.toplist li p { font-size: 11px; color: #888; }
			.toplist-img { float: left; margin: 0 10px 0 0; width: 32px; border: 1px solid #E7E2C8; padding: 2px; }
	

	#bmi { padding: 14px 7px 8px; }
	#bmi .error { font-size: 11px; }
	#bmi p { margin: 0 0 7px; }
	#bmi input.text { width: 120px; margin: 0 0 8px; }
	.fldl { float: left; width: 135px; }
	.fldr { float: right; width: 135px; }
	#bmi-result { font-size: 14px; color: #618708; font-weight: bold; border-bottom: 1px dotted #ddd; padding: 0 0 5px; margin: 0 0 12px; }
	#bmi-values { padding: 0; }
	#bmi-values li { height: 21px; font-size: 11px; }
	#bmi-values li span { float: right; width: 200px; font-weight: bold; }
	
	#anaugarkovic { float: right; position: relative; margin: -7px 0 0 0; }	
	.column { height: 94px; }
	.column h3 { font-size: 14px; line-height: 18px; padding: 12px 5px 0 6px; font-weight: normal; }
		.column h3 a { color: #0D4C6B; }
		
	#recensions { border: 1px solid #E7E2C8; height: 158px; padding: 1px; background: #fff; margin: 0 0 10px; }

#prefooter { background: #77A50A; height: 15px; padding: 15px 12px; margin: 0 0 15px; border-top: 2px solid #83B40B; border-bottom: 2px solid #719C09; }
	#prefooter ul li { display: inline; }
	#prefooter ul li a { float: left; color: #fff; font-size: 11px; margin: 0 15px 0 0; }

#footer { color: #ADA498; font-size: 11px; padding: 0 10px; }
	#footer p { padding: 0 0 10px; margin: 0 0 10px; }
	#follow { float: right; }
	#follow a { color: #CCC1B3; }
	#links { background: url(../images/site/fbg.gif) repeat-x left bottom; }
	#links span { float: left; width: 70px; font-weight: bold; margin: 0 0 10px; }
	#links a { color: #ADA498; margin: 0 12px 0 0; }
	#copy { font-size: 10px; }
	#copy img { float: left; margin: 4px 6px 0 0; }