/**
 * Stop Ajax Mine Stylesheet
 * @author Guillaume VanderEst <gvanderest@netshiftmedia.com>
 */

@import 'screen.css';

#wrapper { background: url(../img/footer-ribbon.png) center 85px repeat-x; }
#container { width: 802px; margin: 0 auto 0 auto; padding: 0 8px 0 8px; }

#header { left: 1px; height: 133px; width: 802px; margin: 0 auto 0 auto; position: relative; background: transparent url(../img/header-background.png) top left no-repeat; margin-bottom: -22px; }
#header #social-media { position: absolute; line-height: 1; top: 10px; right: 10px; }
#header #social-media ul { margin: 0; }
#header #social-media li { display: inline; margin-left: 5px; }
#header #search { position: absolute; top: 40px; right: 10px; }
#header #search * { display: inline; }
#header #search-query { padding: 2px 5px 2px 20px; background: url(../img/search-icon.png) 5px center no-repeat; border: 1px solid #e3ead3; background-color: #fff; border-radius: 2px; }
#header #menu { position: absolute; top: 85px; right: 0; }
#logo { left: 20px; position: absolute; z-index: 1001; }

#carousel { background-color: #fff; line-height: 1; position: relative; height: 313px; overflow: hidden; margin: 0 auto 0 auto; }
#carousel ul { width: 100000px; margin: 0; }
#carousel li { list-style: none; display: inline-block; overflow: hidden; width: 802px; height: 313px; margin: 0; padding: 0; }
#carousel img { margin: 0; padding: 0; line-height: 313px; vertical-align: top; }
#carousel .mask { z-index: 200; position: absolute; top: 0; left: 0; width: 100%; background: transparent url(../img/carousel-mask.png) top center repeat-x; height: 313px; }

#header .next, #header .prev { cursor: pointer; background: transparent url(../img/carousel-prev.png) top left no-repeat; bottom: -160px; left: -70px; width: 50px; height: 92px; position: absolute; z-index: 1100; }
#header .next { background-image: url(../img/carousel-next.png); left: auto; right: -70px; }

#menu { line-height: 1; z-index: 1000; }
#menu li { list-style: outside none; }
#menu > ul > li { float: left; font-size: 12px; }
#menu ul li ul { clear: left; margin: 0; position: absolute; }
#menu ul li ul li { border-top: 1px solid #ccc; font-size: 11px; }
#menu ul li ul li:first-child { border-top: 0px none; }
#menu a { text-decoration: none; display: block; padding-left: 10px; padding-right: 10px; background-color: #629001; color: #fff; font-family: 'Arvo', serif; line-height: 26px; text-transform: uppercase;  }
#menu ul li ul li a { line-height: 1.3; padding: 3px 10px 5px 10px; }
#menu a:hover { background-color: #015501; }
#menu ul li ul { display: none; }
#menu ul li:hover ul { display: block; }
#menu ul ul ul { display: none !important; }
#menu .active > a, #menu .activeParent > a { background-color: #015501; }

#menu .next { width: 100px; height: 100px; }

/*
#body { position: relative; }
#postings { float: left; clear: left; }
#blog-archives { float: left; clear: left; }
#blog-categories { float: left; clear: left; }
#submenu { float: left; clear: left; }
#impacts { float: left; clear: left; }
*/
#body { }
#sidebar {float: left; width:  180px;}
#homesidebar {
	float: right;
	width: 210px;
}
#postings {  }
#blog-archives { }
#blog-categories {}
#submenu { }
#impacts { }

#impacts ul { margin: 15px; }
#impacts li { margin-bottom: 10px; line-height: 1; list-style: none outside; }

#postings-blog { background: url(../img/header-blog-entries.png) top left no-repeat; float: left; position: relative; left: -14px; width: 166px; line-height: 1.5; padding-left: 14px; padding-top: 40px; }
#postings-blog dl { margin: 0 0 15px 15px; }
#postings-blog dt { font-weight: bold; }
#postings-blog dd { margin-bottom: 10px; }
#impacts { background: url(../img/header-impacts.png) top left no-repeat; padding-top: 25px; float: left; position: relative; left: -14px; width: 166px; line-height: 1; padding-left: 14px; }
#blog-categories { background: url(../img/header-categories.png) top left no-repeat; padding-top: 25px; float: left; position: relative; left: -14px; width: 166px; line-height: 1.5; padding-left: 14px; padding-top: 40px; }
#blog-categories ul { margin-left: 30px; }
#blog-archives { background: url(../img/header-archives.png) top left no-repeat; padding-top: 25px; float: left; position: relative; left: -14px; width: 166px; line-height: 1.5; padding-left: 14px; padding-top: 40px; }
#blog-archives ul { margin-left: 30px; }

#submenu { background: url(../img/header-submenu.png) top left no-repeat; float: left; position: relative; left: -14px; width: 180px; line-height: 1; }
#submenu ul { padding-top: 40px; margin: 0 0 15px 15px; }
#submenu li { list-style: none outside; }
#submenu a { display: block; padding: 7px 15px 7px 15px; color: #555; }
#submenu .active a { color: #649301 !important; font-weight: bold !important; }

/*#template-home #postings { float: right; clear: none; }
#template-home #postings-blog { background: url(../img/header-postings-right.png) top right no-repeat; position: relative; left: auto; right: -14px; width: 223px; line-height: 1.5; padding-right: 14px; padding-top: 40px; }*/

#content { margin: 20px 40px 0 187px; }
#template-home #content { margin-right: 240px; }
#template-home #facebook { float: right; clear: right; margin-right: 10px;  }
#facebook-narrow { float: left; clear:left; margin-left: 10px; margin-top: 20px; }
#twitter { float: right; clear: right; margin-right: 10px; margin-top: 10px; }

#footer { font-size: 20px; background: url(../img/footer-ribbon.png) top center repeat-x; height: 70px; }
#footer-items { text-align: center; padding-top: 13px; text-transform: uppercase; }
#footer-items li { color: #fff; display: inline; border-left: 2px solid #fff; line-height: 1; padding-left: 10px; margin-left: 10px; }
#footer-items li:first-child { padding-left: 0; margin-left: 0; border-left: 0px none; }
#footer-items a { font-weight: bold; color: #fff; text-decoration: none; }

#design-by { width: 770px; margin: 0 auto 0 auto; text-align: right; font-size: 12px; padding-bottom: 40px; }
.comment {
	margin: 10px;
	border-top: 1px solid #629007;
}