/*
Tatonka Bluffs Style Sheet v1.0
Last Updated: 03/20/2010
Author: Matt Biersdorf and Nate Kennedy 
*/

/* ================
Reset Styles
===================*/

body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, a, em, table { margin: 0; padding: 0; }
body { font-size: .625em; color: #000; background: #fff; line-height: 1; }
#ie body { font-size: 100%; }

/* ================
General Styling
===================*/

body { background: #e0dfb5 url(../images/bg-body-home.jpg) center top repeat-x; color: #070b0a; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: Tahoma, Verdana, Geneva; }
p, ul, ol { padding-bottom: 1.2em; }
ul ul, ul ol, ol ul { padding-bottom: 0; }
ul, ol { padding-left: 20px; }
img { border: none; }

/* ================
Headers
===================*/

h1 { font-size: 2em; font-family: Tahoma, Verdana, Geneva; }
h2 { font-size: 1.4em; padding-bottom: .2em; color: #7a7a76; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; }
.home .post h2 { font-size: 2.6em; }
h2.sIFR-replaced { padding-bottom: 0; }
h3 { font-size: 1.2em; padding-bottom: .2em; color: #4e4e4b; font-weight: bold; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; }
h4 { font-size: 1.1em; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; }
h5 { font-size: 1em; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; }
h6 { font-size: 1em; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; }

/*
Place CSS rules for to-be-replaced sIFR elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active .categoryPage #top-content h2 { font-family: Verdana; visibility: hidden; line-height: 1em; font-size: 2.6em; }
  .sIFR-active #events h3 { font-family: Verdana; visibility: hidden; line-height: 1.2; font-size: 2.4em; }
}

/* ================
Links
===================*/

a:link { color: #f87721; }
a:visited { color: #f87721; }
a:hover, a:focus { color: #aa3030; }
a:active { color: #aa3030; }

/* ================
File type links
===================*/

a.pdf:link, a.txt:link, a.xls:link, a.external:link, a.zip:link { color: #aa3030; }
a.pdf:visited, a.txt:visited, a.xls:visited, a.external:visited, a.zip:visited { color: #ababab; }
a.pdf:hover, a.txt:hover, a.xls:hover, a.external:hover, a.zip:hover { color: #f87721; }
a.pdf:active, a.txt:active, a.xls:active, a.external:active, a.zip:active { color: #f87721; }

a.pdf { background: url(../images/icon-pdf.gif) 2px center no-repeat; padding-left: 23px; }
a.txt { background: url(../images/icon-doc.gif) 2px center no-repeat; padding-left: 23px;}
a.xls { background: url(../images/icon-xls.gif) 2px center no-repeat; padding-left: 23px;}
a.zip { background: url(../images/icon-zip.gif) 2px center no-repeat; padding-left: 23px;}
a.external { background: url(../images/icon-link.gif) 2px center no-repeat; padding-left: 23px;}

/* ================
Grid
===================*/

#wrap { width: 1000px; margin: 0 auto; padding: 0; background: url(../images/bg-container.jpg) 169px bottom no-repeat; overflow: hidden; }
.one, .quarter, .third, .half, .twothirds, .threeq, .whole { padding: 0 10px; }
.one { width: 58px; }
.double { width: 137px; }
.quarter { width: 208px; }
.third { width: 293px; }
.half { width: 440px; }
.twothirds { width: 586px; }
.threeq { width: 645px; }
.whole { width: 920px; }

/* ================
Header (Branding)
===================*/

#header { height: 140px; width: 1000px; }
.category #header { height: 128px; }
h1#logo { background: url(../images/bg-logo.png) no-repeat; margin: 15px 0 0; padding: 0; height: 111px; width: 271px; float: left; text-indent: -9999em; }

/* ================
Instances Inside Content Area
===================*/

.callout { background: url(../images/bg-callout.gif); }
	.callout-foot { background: url(../images/bg-callout-foot.gif); }
		.callout-head { background: url(../images/bg-callout-head.gif); padding: 18px 20px; }
		.callout p { font-style: italic; }
	
ul.columns { overflow: auto; }
	ul.columns li { float: left; width: 250px; margin: 0 20px 0 0; }

img.content-photo-large { float: right; margin: 0 0 5px 20px; }
img.content-photo-small { float: left; margin: 0 20px 5px 0; }

/* ================
Main Navigation
===================*/

/* First List */
ul#main-nav { margin: 55px 0 0 13px; padding: 0; list-style: none; float: right; width: 609px; height: 85px; display: inline; position: relative; z-index: 2; }
ul#main-nav li { float: left; list-style: none; cursor: pointer; margin: 0; padding: 0; }
ul#main-nav li a, ul#main-nav li div.overState { display: block; float: left; margin: 0; padding: 0; background: url(../images/bg-main-nav.png) no-repeat; text-indent: -9999em; height: 85px; }

ul#main-nav li div.overState { position: absolute; }

/* Sprites */
ul#main-nav li#home-nav a, ul#main-nav li#home-nav div.overState { background-position: 0 0; width: 73px; }
ul#main-nav li#home-nav a:hover, ul#main-nav li#home-nav div.overState { background-position: 0 -85px; }

ul#main-nav li#adventures-nav a, ul#main-nav li#adventures-nav div.overState { background-position: -73px 0; /* Determine left positioning by adding the width(s) of the previous anchors */ width: 125px; }
ul#main-nav li#adventures-nav a:hover, ul#main-nav li#adventures-nav div.overState { background-position: -73px -85px; }

ul#main-nav li#about-nav a, ul#main-nav li#about-nav div.overState { background-position: -198px 0; width: 103px; }
ul#main-nav li#about-nav a:hover, ul#main-nav li#about-nav div.overState { background-position: -198px -85px; }

ul#main-nav li#involved-nav a, ul#main-nav li#involved-nav div.overState { background-position: -301px 0; width: 133px; }
ul#main-nav li#involved-nav a:hover, ul#main-nav li#involved-nav div.overState { background-position: -301px -85px; }

ul#main-nav li#blog-nav a, ul#main-nav li#blog-nav div.overState { background-position: -434px 0; width: 77px; }
ul#main-nav li#blog-nav a:hover, ul#main-nav li#blog-nav div.overState { background-position: -434px -85px; }

ul#main-nav li#contact-nav a, ul#main-nav li#contact-nav div.overState { background-position: -513px 0; width: 98px; }
ul#main-nav li#contact-nav a:hover, ul#main-nav li#contact-nav div.overState { background-position: -513px -85px; }

/* Repeating Background */
.cascade { background: url(../images/bg-cascade.png) repeat-y; width: 229px; display: block; top: 100%; }

/* Drop Down List */
ul#main-nav li:hover, ul#main-nav li.hover { position: relative; }
ul#main-nav li:hover ul, ul#main-nav li.hover ul { display: block; }
ul#main-nav ul { margin: 0; padding: 0; display: none; position: absolute; top: 100%; left: 0; list-style: none; /* Negate Previous List */ float: none; width: 160px; height: auto; background: url(../images/bg-cascade.png); }
ul#main-nav li:hover ul ul, ul#main-nav li.hover ul ul { display: none; }
ul#main-nav li:hover ul li:hover ul, ul#main-nav li.hover ul li.hover ul { display: block; top: 0; }
ul#main-nav ul li { float: none; position: static; }
ul#main-nav ul li a { display: block; color: #fff; font-size: 1.1em; padding: 13px 1em; text-decoration: none; float: none; text-indent: 0; height: auto; border-bottom: 1px solid #76534d; background: url(../images/bg-heir-arrow.gif) 95% 50% no-repeat; }
ul#main-nav ul li.no-child a { background-image: none; }
ul#main-nav ul li.item-last a { border: none; }
ul#main-nav ul li a:hover { background-color: #341e19; padding-left: 1.4em; }
ul#main-nav li li:hover ul, ul#main-nav li li.hover ul { left: 160px; }
ul#main-nav ul ul { margin-top: 0px; }
ul#main-nav ul ul ul { position: static; display: block; }
ul#main-nav ul ul ul a { padding-left: 20px; }

/* Negate Sprites */
ul#main-nav li#home-nav ul a { background-position: 95% 50%; width: auto; }
ul#main-nav li#home-nav ul a:hover { background-position: 95% 50%; }

ul#main-nav li#adventures-nav ul a { background-position: 95% 50%; width: auto; }
ul#main-nav li#adventures-nav ul a:hover { background-position: 95% 50%; }

ul#main-nav li#about-nav ul a { background-position: 95% 50%; width: auto; }
ul#main-nav li#about-nav ul a:hover { background-position: 95% 50%; }

ul#main-nav li#involved-nav ul a { background-position: 95% 50%; width: auto; }
ul#main-nav li#involved-nav ul a:hover { background-position: 95% 50%; }

ul#main-nav li#blog-nav ul a { background-position: 95% 50%; width: auto; }
ul#main-nav li#blog-nav ul a:hover { background-position: 95% 50%; }

ul#main-nav li#contact-nav ul a { background-position: 95% 50%; width: auto; }
ul#main-nav li#contact-nav ul a:hover { background-position: 95% 50%; }	

/* ================
Container and Columns
===================*/

#container { float: left; width: 1000px; overflow: auto; font-size: 1.18em; line-height: 1.5em; }
#sub-header { position: relative; height: 128px; background: #442621 url(../images/bg-header.png) repeat-x; margin: -3px 0 0 20px; border-left: 1px solid #34211d; border-right: 1px solid #34211d; width: 960px; color: #fff; }
.page-template-page-category-php #sub-header { height: 121px; }
#sub-header img { display: block; margin: 0; }
	h1 { font-size: 3em; text-transform: uppercase; margin: 0; padding: 35px 0 0 22px; }
#columns { clear: both; float: left; margin: 0 0 0 20px; padding: 40px 0 20px; background: #f4f3ec; border: 1px solid #b8b895; width: 960px; border-top: 0; display: inline; }
#main-column { float: left; padding-left: 22px; margin: 0; display: inline; min-height: 300px; /* height: 300px; is in ie6.css */ }
#top-content { border-bottom: 1px solid #e4e3df; padding-bottom: 20px; margin-left: 10px; display: inline; float: left; width: 940px; }

.post-edit-link { padding-bottom: 10px; display: block; }

/* ================
Breadcrumbs
===================*/

#breadcrumbs { position: absolute; top: 93px; left: 0; text-transform: uppercase; font-size: 12px; }
#breadcrumbs a { color: #fff; text-decoration: none; }
#breadcrumbs p { float: left; padding: 11px 10px 11px 22px; color: #d3d3d2; background: #272727; font-weight: bold; border-right: 1px solid #3d3d3d; }
#breadcrumbs ol { color: #fff; float: left; margin: 0; padding: 0; overflow: auto; list-style: none; height: 35px; background: #272727; }
#breadcrumbs li { display: block; float: left; margin: 0; padding: 0; border-right: 1px solid #3d3d3d; font-weight: bold; }
#breadcrumbs li a { display: block; padding: 8px 10px 9px 10px; background: #272727; margin-right: 4px; font-weight: bold; }
#breadcrumbs li a:hover { border-color: #301a17; color: #e0dfb5; }
#breadcrumbs li.parent { color: #d3d3d2; background: #272727; }
#breadcrumbs li.current { padding: 8px 10px 9px 10px; color: #d3d3d2; background: #3e3e3e; }

/* Extra Features */
ul#extraFeatures { float: left; list-style: none; padding: 0; margin: 0; }
ul#extraFeatures li { float: left; }
ul#extraFeatures li a { display: block; float: left; width: 162px; height: 37px; text-indent: -9999em; }
ul#extraFeatures li#learn-more a { background: url(../images/bg-learn-more.gif) no-repeat; margin: 0 18px 0 0; }
ul#extraFeatures li#learn-more a:hover { background-position: 0 -37px; }
ul#extraFeatures li#contribute a { background: url(../images/bg-contribute.gif) no-repeat; }
ul#extraFeatures li#contribute a:hover { background-position: 0 -37px; }

/* Activities */
.activities { float: left; font-size: .9em; line-height: 1.5; padding: 2.5em 15px 2em; }
.activities h3 { text-transform: uppercase; font-size: 1.18em; font-weight: bold; }
.activity-topics { display: block; padding: 0 0 0 15px; background: url(../images/bg-list-bullet.gif) 0 center no-repeat; }

/* Lower Features */
#lowerFeatures { float: left; padding: 3em 10px 2.5em 45px; }
#lowerFeatures h3 { font-size: 1.18em; font-weight: bold; color: #6a6940; border-bottom: 1px solid #b1af65; text-transform: uppercase; }
#lowerFeatures ul { padding: 1em 0 0; font-size: 1.1em; }
#lowerFeatures ul a { display: block; padding: 0 0 7px; font-weight: bold; text-decoration: none; color: #454545; }
#lowerFeatures ul a:hover { text-decoration: underline; color: #000; }
#aboutLower, #infoLower, #galleries { float: left; }
#aboutLower { width: 127px; margin: 0 25px 0 0; }
#infoLower { width: 117px; margin: 0 15px 0 0; }
#aboutLower ul, #infoLower ul { padding: 10px 0; margin: 0; list-style: none; }

.feature { float: left; width: 286px; padding-bottom: 20px; }
.feature p { min-height: 90px; }
.big-feature { float: left; }
/* #second-half { clear: both; border-top: 1px solid #cbcbcb; } */
.more-link { background: url(../images/bg-more.gif); width: 82px; height: 29px; text-indent: -9999px; overflow: hidden; display: block; float: right; }
.more-link:hover { background-position: 0 29px; }
.parentImage { margin-bottom: 10px; }

/* Gallery */
#galleries h3 { width: 630px; }
.gallery dl { float: left; width: 630px; padding-top:  1em; }
.gallery dt { display: block; float: left; border: 1px solid #767676; padding: 5px; background: #fff; margin-right: 15px; }
.gallery dt:hover { border-color: #000; }

/* ================
Side Bar
===================*/

#sidebar.third { float: right; width: 302px; }

/* Weather */
#weather-wrap { clear: both; float: left; padding: 0;  }
#weather-wrap p { font-size: 1.18em; line-height: 1.45; }
#weather-wrap h3 { font-size: 1.5em; text-transform: uppercase; color: #99a23c; font-weight: bold; }
#weather-wrap h4 { color: #42423e; padding-bottom: .8em; font-size: 1.2em; }

#sidebar.half { float: right; }

/* Blog area on home page*/
#from-blog { float: right; padding: 0; }
#from-blog h3 { font-size: 1.6em; text-transform: uppercase; color: #99a23c; font-weight: bold; padding: 0 0 .3em 0; }
#from-blog h4 { color: #42423e; font-size: 1em; padding: 0 0 .3em 0; margin: 0; line-height: 1.3; }
#from-blog h4 a, #from-blog h4 a:visited { color: #42423e; text-decoration: none; }
#from-blog h4 a:hover { text-decoration: underline; }
#from-blog p { font-size: 1em; line-height: 1.45; font-style: italic; padding: 0 0 1.5em 0; }

/* Blog area on internal pages*/
#recent-posts-3 { border-bottom: 1px solid #c5c3c2; margin: 5px 0 15px 0; }
#recent-posts-3 h2 { font-size: 1.8em; text-transform: uppercase; color: #99a23c; font-weight: bold; padding: 0 0 .2em 0; }
#recent-posts-3 ul { margin: 0; padding: 0 0 5px 0; }
#recent-posts-3 ul li { margin: 0; padding: 0; line-height: 1.3; padding: 0 0 .3em 0; }
#recent-posts-3 ul li a, #recent-posts-3 ul li a:visited { color: #42423e; font-size: 1.1em; margin: 0; text-decoration: none; } 
#recent-posts-3 ul li a:hover { text-decoration: underline; }



#section-pages ul { list-style: none; padding: 0; margin: 0; }
#section-pages li { display: inline; }
#section-pages a { display: block; font-weight: bold; border-bottom: 1px solid #c5c3c2; padding: 11px; color: #3b3b3b; text-decoration: none; }
#section-pages a:hover { color: #f87721; background: url(../images/bg-list-bullet.gif) 6px 15px no-repeat; padding-left: 21px; }
#section-pages li.lastItem a { border: none; }

.contribute { background: url(../images/contribute.gif) no-repeat; text-indent: -9999px; width: 302px; height: 100px; display: block; overflow: hidden; }
.contribute:hover { background-position: 0 -100px; }

/* ================
Footer
===================*/

#footer-wrap { clear: both; background: #c1bf7b url(../images/bg-footer-wrap.gif) repeat-x; padding: 0 0 30px; }
#footer { background: url(../images/bg-footer.jpg) no-repeat; margin: 0 auto; width: 1000px; padding: 40px 0 0; overflow: hidden; font-size: 1.1em; }

/* Site Information */
#siteInformation { float: left; padding: 0 0 0 43px; width: 312px; line-height: 1.64em; color: #272724; }
#siteInformation p { padding-right: 35px; }
#siteInformation a:link, #siteInformation a:visited { color: #272724; }

/* Affiliations */
#affiliations { position: relative; float: left; background: url(../images/bg-affiliations.gif) no-repeat; width: 437px; height: 130px; text-indent: -9999em; }

#affiliations ul { list-style: none; padding: 0; margin: 0; }

li#logo-county a { position: absolute; top: 25px; left: 7px; width: 118px; height: 101px; }
li#logo-chamber a { position: absolute; top: 15px; left: 156px; width: 126px; height: 63px; }
li#logo-development a { position: absolute; top: 87px; left: 156px; width: 126px; height: 40px; }
li#logo-renville a { position: absolute; top: 0; left: 305px; width: 132px; height: 128px; }

/* Hosting */
#hosting { float: right; background: url(../images/bg-hosting.gif) no-repeat; width: 132px; height: 70px; text-indent: -9999em; padding: 0 47px 0 0; }

/* ================
History Timeline/Slider
===================*/
#timeline { position: relative; top: -40px; left: -1px; width: 960px; background: url(bg-timeline.png) repeat-y; border-left: 1px solid #000; border-right: 1px solid #000; }
     #timeline ul { -webkit-padding-start: 0; margin: 0; padding: 0; }
	    #timeline li { list-style: none; }
.js #timeline { height: 300px; overflow: hidden; }
	    .js #timeline li { padding: 0; position: absolute; }
		.js #timeline #historySlider { position: relative; top: 272px; left: 170px; width: 625px; }

/* ================
Events
===================*/
#eventsShort { padding: 1.5em 0 3em 0; border-bottom: 1px solid #c5c3c2; }
	.page-template-page-home-php #eventsShort { padding: 0;}
	#eventsShort h3 { padding-bottom: 0; font-size: 1.6em; margin: 0; }
	#eventsShort ol { margin: .3em 0 1.2em; overflow: hidden; padding: 0; list-style: none; font-size: 1.18em; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif; }
		#eventsShort ol li { clear: both; font-size: .9em; }
			#eventsShort ol strong { float: left; width: 55px; text-transform: uppercase; }
				#eventsShort ol li a, #eventsShort ol li a:link, #eventsShort ol li a:visited { float: right; width: 240px; text-decoration: none; color: #000; }
				#eventsShort ol li a:hover, #eventsShort ol li a:focus, #eventsShort ol li a:active { text-decoration: underline; }
	#eventsShort .more-link { float: right; margin: 0 5px 0 0; }
.page-template-page-home-php #events { padding: 6px 0 25px; float: left; border: 0; }
	.page-template-page-home-php #eventsShort { padding: 0; border: 0; }
	.page-template-page-home-php #events h3 { font-size: 2em; font-weight: normal; color: #aa3030; font-family: Tahoma, Verdana, Geneva; }
	.page-template-page-home-php #events ol { overflow: hidden; margin: 0; padding: 0 0 1.2em; line-height: 1.45; }
		.page-template-page-home-php #events ol li { float: left; padding: 0; margin: 0; list-style: none; }
			.page-template-page-home-php #events ol li strong { width: 62px; }
			.page-template-page-home-php #events ol li a, #events ol li a:link, #events ol li a:visited { width: 332px; }
			.page-template-page-home-php #events ol li a:hover, #events ol li a:focus, #events ol li a:active { }
	.page-template-page-home-php #events .more-link { margin: 0 0 0 0; }
	
/* ================
Events Page
===================*/
.event { margin-bottom: 2em; border-bottom: 1px solid #b9b7b7; padding: 0 0 2em; }
	.event h2 { float: left; width: 500px; font-size: 1.5em; padding-bottom: 0; }
	#ie7 .event h2 { width: 480px; }
	.events-list { padding: 0; }
	.event .date { position: relative; float: right; width: 58px; height: 70px; text-align: center; color: #fff; background: url(../images/bg-event-date.gif) no-repeat; }
		.event .month { padding-top: 5px; text-transform: uppercase; }
		.event .day { width: 50px; position: absolute; top: 33px; left: 0; line-height: 1; font-style: italic; font-size: 1.9em; }
		#ie7 .event .day { width: 58px; }
	.event .time, .event .location, .event .price { padding: 0; font-size: 1em; }
		.event .time strong, .event .location strong, .event .price strong { text-transform: uppercase; }
	.event .contact, .event .description { padding-bottom: 1.7em; }
	.event h3 { margin-bottom: .4em; font-size: 1.3em; }
	.event .moreInformation a, .event .moreInformation a:link, .event .moreInformation a:visited { margin-left: 10px; text-decoration: underline; font-weight: bold; color: #aa3030; }
	.event .moreInformation a:hover, .event .moreInformation a:focus, .event .moreInformation a:active { color: #f87721; }

/* ================
Forms 
===================*/
form { margin: 0; padding: 0; width: 460px; }
	#formErrors { background: #faa; margin: 0 0 2em; padding: 10px 10px 2em; }
		#formErrors a, #formErrors a:link, #formErrors a:visited { color: #333; }
		#formErrors a:hover, #formErrors a:focus, #formErrors a:active { color: #eee; }
	fieldset { border: 0; margin: 0 0 2em; padding: 0; }
			legend { padding: 0 0 10px 0; font-size: 1.5em; }
			fieldset ul, fieldset ol, fieldset li { list-style: none; padding: 0; margin: 0; }
			fieldset ol { }
			fieldset li { padding: 0 0 0 5px; }
			fieldset ol li { list-style-type: decimal; margin: 0 0 0 20px; }
			fieldset li.pad { margin: 0 0 10px 0;}
			fieldset li.error { background: #f88; }
			fieldset li.error.first { padding: 5px 7px 0; }
			fieldset li.error.last { padding-bottom: 5px; }
					label { cursor: pointer; margin: 0; padding: 0; }
					label.help { font-size: .9em; color: gray; font-style: italic; }
					li.error .help { color: #fff; }
					input, textarea { width: 300px; }
					textarea { width: 380px; height: 120px; }
					#submit { width: 140px; height: auto; }
					
/* ================
Widget
===================*/

.widget { padding-bottom: 10px; }
.widget ul { padding: 0; margin: 0; list-style: none; }
.widget ul ul { padding: 6px 0 0 15px; }
.widget li { display: block; padding-bottom: 6px;  }

/* ================
Blog
===================*/

h3.post-title a { font-weight: bold; color: #aa3030; font-size: 1.5em; text-decoration: none; }
.blog .post { padding: 0 0 20px 0; border-bottom: 1px dotted #000; margin-bottom: 20px; }
.meta { padding: 0 0 0; }
.date { font-size: 1.4em; padding-bottom: 5px; }

.commentlist { list-style: none; padding: 0; margin: 0 0 20px 0; }
	.commentlist li { display: block; border: 1px solid #000; padding: 10px; }
	 .commentlist li li { margin: 0 10px 10px 20px; }
	 	.commentlist li .avatar { float: right; margin: 0 0 10px 10px; }
	 	.commentlist li .fn, .commentlist li .says { font-size: 1.5em; color: #fffd8c; }
	 	.commentlist .comment-meta { padding-bottom: 10px; }
	 	
/* ================
404
===================*/
#contextual { float: right; padding: 5px; border: 1px solid #c8c7c1; margin: 0 0 15px 15px; }