/*	Desc: Lifto framework
	Author: Jim Olson
	URL: https://github.com/ha5bro/lifto
	Date: December 11, 2010
	+ Colours
	- *colour hex* *colour name* (*purpose*)
	
=== === === === === === === === === === */

/*=STRUCTURE
=== === === === === === === === === === */

@import 'reset.css';

body {color:#ffffff;background: #000000 url(../images/inside-bg.jpg) no-repeat;}

body#home {background: #000000 url(../images/homepage-bg.jpg) no-repeat;}

div.wrap-outer {float:left;}
div.wrap-inner {margin-bottom:30px;float:left;background: url(../images/sponsors.gif) no-repeat 170px bottom;}
body#home div.wrap-inner {background: none;}
div#header {font-size:150%;line-height:40px;height:140px;margin: 32px 0;}
div#share {width:300px;margin:1px 2px 3px 636px;float:left;}
div.wrap-outer,
div.wrap-inner,
div#header,
div#main-nav,
div#content,
div#footer {
	width:960px;
}

/*=COMMON
=== === === === === === === === === === */

* {padding:0;margin: 0}

h1, h2, h3, h4, h5 {color:#ffffff;}

p, li {line-height:150%;}

h1, h2, h3, h4, h5, table, ul, ol, p {margin-bottom:14px;}

a {outline: none;}

a:link {color:#359940;text-decoration:none;}
a:visited {color:#359940;text-decoration:none;}
a:hover {color:#359940;text-decoration: underline;}
a:active {color:#359940;text-decoration:none;}

b, strong {font-weight:bold;}
i, em {font-style:italic;}

table {border-collapse:collapse;}
table thead {font-weight:bold;background:#bababa;}
table tr {border: 0;}
table td {padding:6px;}

/*=NAVIGATION
=== === === === === === === === === === */

#left.column ul,
#left.column ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#left.column ul li a {
	padding-left: 18px;
	display: block;
	background: url(../images/nav-bullet.jpg) no-repeat left center;
}
#left.column ul li.selected a,
#left.column ul li a:hover {
	background: url(../images/nav-bullet-hover.jpg) no-repeat left center;
}

/*=CONTENT
=== === === === === === === === === === */

body#home h1 {text-indent: -9999px;}

div#content-wrapper {float:left;}
div#content-wrapper div#main-column ul {padding-left:25px;overflow:hidden;}
div#content-wrapper div#main-column ul li {list-style:circle;}
div#content-wrapper div#main-column ol {padding-left: 34px;overflow:hidden;}
div#content-wrapper div#main-column ol li {list-style:decimal-leading-zero;}

div#main-column {width:400px;margin-left:20px;padding-bottom:120px;float:left;min-height: 450px;}
div#left.column {width:140px;margin-left:200px;float:left;}

/*=FOOTER
=== === === === === === === === === === */

div#footer {line-height:20px;margin:12px 0;float:left;border:1px #cccccc solid;}
div#footer .inner {padding: 10px;}

/*=TICKETS
=== === === === === === === === === === */

div#content-wrapper div#main-column ul.productfeaturelist,
div#content-wrapper div#main-column ul.productfeaturelist li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#content-wrapper div#main-column ul.productfeaturelist li {
	width: 400px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	float: left;
	clear: left;
	border-bottom: 1px #cccccc dotted;
}

#product-list div.title {
	width: 300px;
	margin-bottom: 4px;
	float: left;
	clear: left;
	font-size: 16px;
	font-weight: bold;
	color: #ff44fa;
}

#product-list div.desc {
	width: 370px;
	margin-left: 20px;;
	float: left;
	clear: left;
}

#product-list div.quant {
	width: 35px;
	float: left;
}

#product-list div.quant-click {
	width: 100px;
	float: left;
}

#product-list div.quant input {
	width: 25px;
	float: left;
}

#product-list div.add {
	width: 25px;
	float: left;
}