/* -----------------------------------------------------------------------


 Jooms CSS Framework for Joomla 1.5+
 Jooms Version 0.95 - 11.July 2010
 Custom CSS Version 1.0 - 11.July 2010
 http://www.pixelsparadise.com

----------------------------------------------------------------------- */

/************** Default HTML element styles **************/
body {color:#555; font-family: arial, helvetica; background-color:#eee; background-image: url(../images/bck_top.png);background-position: top center;background-repeat: no-repeat;padding-top:60px;}
a {text-decoration:none;}
a:hover {text-decoration: underline;}
a.readon {color:#fff; padding:5px 10px;}
a.readon:hover { background-color:#ddd; text-decoration:none;}

/************** Layout and structurizing styles **************/
.logo, .topmenu {float:left;width:auto;}
.topmenu {margin:60px 0 0 20px;}
.search {float:right;width:auto;}
.logo { color:#fff;  display:block; margin:0 0 -40px -10px; position:  relative; margin-top:10px;background-image: url(../images/logo_bck.png);background-position: bottom left;background-repeat: no-repeat;}
.top {background-color:#fff;background-image: url(../images/gradient_top_dark_small.png);background-position: top;background-repeat: repeat-x;padding-top:20px;}
.footer .container, .main .container {float:left;width:100%;}
.header {padding-top:40px;background-color: #fff;border-top:1px solid #eee;}
.footer .container {background-image: url(../images/gradient_bottom_dark_small.png);background-position: bottom;background-repeat: repeat-x;background-color:#444;color:#888;padding:20px 0 0 0;font-size:.88em;border-top:1px solid #000;}
.credits {padding:20px 0;width:100%;}
.inner_content {background-color:#fff;width:920px;padding:0px 10px;margin-left:-10px;border:1px solid #e3e3e3;border-top:1px solid #eee;border-left:1px solid #eee;margin-bottom:10px;}
.border {border-right:1px solid #e3e3e3;}
.top_block {border-bottom:1px solid #e3e3e3;}
.bottom_block {border-top:1px solid #e3e3e3;padding-bottom:0;}
ul.menu li {border-bottom:1px solid #e3e3e3;padding:5px 0;}
.top ul.menu li {border:none;}
.footer ul.menu li {border-bottom:1px solid #666;padding:5px 0;}
.footer a {color:#ccc;}
.main .container{background-image: url(../images/gradient_bottom_dark_small.png);background-position: bottom;background-repeat: repeat-x;border-top:1px solid #e3e3e3;background-color: #eee;padding-top:-10px;}
.wrapper {float:left;width:100%;background-image: url(../images/bck.png);background-position: top;background-repeat: repeat-y;height:100%;}
.top, .header, .main, .footer {margin:0px auto;width:980px;float:none;}
.header .container {padding:0;width:980px;}
.main .container, .footer .container, .headerint {width:920px;padding:30px;}
.headerint {background-image: url(../images/gradient_bottom_dark_small.png);background-position: bottom;background-repeat: repeat-x; padding:0 30px; margin-top:-40px; float:left;}
.item-page .page-header h1 {color:#222;font-weight:lighter;font-size:2.4em;font-family:helvetica neue, arial;letter-spacing:2px;border-bottom:1px solid #e3e3e3;padding-bottom:.4em;margin:.5em 0;}
.sub_header_left, .sub_header_center {border-right:1px solid #e3e3e3; width:29%; margin:0; padding:0 2%;}
.sub_header_center, .sub_header_right {border-left:1px solid #fff; margin:0; padding:0 1.5%;}
.main .container {padding-top:0;}
.search {margin:30px 20px 0 0;}
input.inputbox {background-image: url(../images/gradient_top_dark_small.png); background-repeat: repeat-x; background-position: top; font-size:12px; padding:3px 5px; border:1px solid #ccc; border-top:1px solid #ddd; border-left:1px solid #ddd; color:#777; font-weight:lighter;}

/************** Typography styles **************/
h1, h2, h3, h4, h5, h6, .contentheading, .componentheading {font-weight:normal;color:#111; margin:0; padding:0;}
h1 {font-size:3em; color:#000;}
h2 {font-size:2.5em; color:#444;}
h3, .contentheading {font-size:1.8em;letter-spacing: 1px;font-style: inherit;line-height:1em; margin:1em 0 .3em 0; font-weight: lighter;}
h4, .componentheading {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin:1.5em 0 .4em 0;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.centered {text-align: center;}
.componentheading {margin:.3em 0;}
.contentheading {font-size:2.4em; font-family:helvetica neue, arial;letter-spacing: 2px; border-bottom:1px solid #e3e3e3; padding-bottom:.4em; margin:.5em 0;}
.logo h1{ line-height: 1em; padding:0; margin:0; color:#fff;  padding:100px 10px 10px 50px; margin-bottom:20px;}
.logo h1 a {color:#fff;}
.footer h3 {color:#ddd;}

/************** Navigation styles **************/
.topmenu ul {float:left;}
.topmenu ul li ul li {margin:0; padding:0;}
.topmenu ul li a:link, .topmenu ul li a:visited {color:#242424;text-decoration: none;display:block;padding:5px 10px;margin:0 0 0 1px; font-size:12px; font-weight: lighter; float:left;}
.topmenu ul li a:hover {color:#fff;}
.topmenu ul li.current a:link, .topmenu ul li.current a:visited, ul#nav li ul li a:link, ul#nav li ul li a:visited, ul#nav li.active ul li a:link, ul#nav li.active ul li a:visited  {color:#fff;}
.topmenu ul li.current a:hover, ul#nav li.active ul li a:hover, ul#nav li ul li a:hover {color:#fff; margin:0px;}
ul#nav li ul li a:link, ul#nav li ul li a:visited, .topmenu ul#nav li.active ul li a:link, .topmenu ul#nav li.active ul li a:visited  {margin:0px;}
ul#nav li ul li a:hover, ul#nav li.active ul li a:hover, ul#nav li.current ul li a:hover {background-color:#fff; }


/************** Slider Styles **************/
.slider_nav {margin-top:-80px;}
#handles a {background-image: url(../images/unused.png);background-repeat: no-repeat;width:16px;height:16px;overflow: hidden;padding:0 6px;text-decoration: none;outline: none; opacity:.6;}
#handles .active a, #handles a:hover {background-image: url(../images/used.png); opacity:2;}

/* second-level lists */
ul#nav li ul { top: 34px;left: 1px;  width:auto;}

/************** Slim Box **************/
#lbOverlay {	position: fixed;	z-index: 9999;	left: 0;top: 0;	width: 100%;	height: 100%;background-color: #000;	cursor: pointer;}
#lbCenter, #lbBottomContainer {	position: absolute;	z-index: 9999;	overflow: hidden;	background-color: #fff;}
.lbLoading {	background: #fff url(../images/loading.gif) no-repeat center;}
#lbImage {	position: absolute;left: 0;	top: 0;	border: 10px solid #fff;	background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {	display: block;	position: absolute;	top: 0;	width: 50%;	outline: none;}
#lbPrevLink {	left: 0;}
#lbPrevLink:hover {	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {	right: 0;}
#lbNextLink:hover {	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;	font-size: 10px;	color: #666;	line-height: 1.4em;	text-align: left;	border: 10px solid #fff;	border-top-style: none;}
#lbCloseLink {	display: block;	float: right;	width: 66px;	height: 22px;	background: transparent url(../images/closelabel.gif) no-repeat center;	margin: 5px 0;	outline: none;}
#lbCaption, #lbNumber {	margin-right: 71px;}
#lbCaption {	font-weight: bold;}
.enlarge { background:url(../images/enlarge.png) no-repeat top left;  padding:5px -10px 15px 28px; position:relative;  z-index:1000; margin:-6px -14px 0 0; display:block; float:left; width:24px;
height:24px;}
.lightbox_image {float:left;padding:0 10px 0px 0;}


/*Adds the thin line below the headline, changes the font weight etc.*/
.item-page h2 {color:#222; font-weight:lighter; font-size:2.4em; font-family:helvetica neue, arial;letter-spacing: 2px; border-bottom:1px solid #e3e3e3; padding-bottom:.4em; margin:.5em 0;}

/*Moves the icons from the J1.5 right position to the 1.6 default left position*/
ul.actions {float:left; width:100%;}
ul.actions, ul.actions li {padding:0px; margin:0px;}

.count {color: #DDDDDD; float: left; font-size: 7em; height: 200px; line-height: 0.8em;}

/*
dl.tabs
{
	float: left;
	width: 520px;
	margin: 1em 0;
	padding: 0;
	border-bottom: 1px solid #999;


.tabs dt
{
	clear: left;
	float: left;
	width: 200px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
	font-weight: bold;}

.tabs dd
{
	float: left;
	width: 300px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
}
.tabs basic-details closed dt
{
	clear: left;
	float: left;
	width: 200px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
	font-weight: bold;}
}
*/
