@import "thickbox.css";
@import "reset.css";
@import "random_bg.css.php";


/*------------------------------------------------------------------
[Table of contents]

1. HTML, Body, Headings and Links
2. Wrapper
3. Top / div#top
	3.1. Left navigation
	3.2. Right links
4. Main / div#main
5. Header / div#header
	5.1. Logo
	5.2. Tag cloud
	5.3. Silhouette
	5.4. Search form
6. Content
	6.1. Boxes
7. Footer
	7.1. Left contact
	7.2. Right info
	7.3. Footer links
8. Popup box
9. Imports from eventstore.css
	9.1. Tag cloud
	9.2. Tables
	9.3. Misc
	
------------------------------------------------------------------*/

/*------------------------------------------------------------------ 
[1. HTML & Body] 
*/  

body {
	background-image: url('../img/bg.png');
	font: .7em "lucida sans", "lucida grande", verdana, sans-serif;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #cc0000;
}

h1 {
	font-size: 1.8em;
	font-style: italic;
	font-weight: bold;
	margin: 10px 0;
}

p {
	margin-bottom: 10px;
}

strong {
	font-weight: bold;
}

/*------------------------------------------------------------------ 
[2. Wrapper] 
*/ 

div#wrapper {
	margin: 0 auto;
	margin-top: 10px;
	width: 974px;
}

/*------------------------------------------------------------------ 
[3. Top / div#top] 
*/

div#top {
	height: 25px;
}

/* Left navigation */
div#nav ul, div#top_links ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div#nav li {
	background-color: #FFFFFF;
	float: left;
}

div#nav li a {
	display: block;
	width: 99px;
	text-align: center;
	line-height: 25px;
	font-weight: bold;
	background-color: #c6c7c9;
}

div#nav li a.selected {
	background-color: #FFFFFF;
}

/* Right links */
div#top_links {
	float: right;
	font-weight: bold;
	margin: 10px 50px 0 0;
}

div#top_links a {
	color: #FFFFFF;
}

div#top_links li {
	margin: 0 10px 0 0;
	display: inline;
}

/*------------------------------------------------------------------ 
[4. Main / div#main] 
*/

div#main {
	width: 974px;
	min-height: 600px;
	background-color: #FFFFFF;
	padding-top: 10px;
}

/*------------------------------------------------------------------ 
[5. Header / div#header] 
*/

div#header {
	width: 974px;
	height: 187px;
	background: url('../img/header.png') no-repeat;
	clear:both;
}

/* Logo */ 
div#logo {
	float: left;
}

div#logo a {
	display: block;
	height: 140px;
	width: 350px;
}

/* Tag cloud */
div#tagcloud {
	text-align: center;
}

div#tagcloud ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float: left;
	width: 40%;
	margin: 60px 0 0 50px;
}

div#tagcloud li {
	display: inline;
	margin-right: 20px;
}

/* Silhouette */
div#silhouette {
	float: right;
	width: 150px;
	height: 160px;
	margin: 20px 20px 0 0;
	background-image: url('../img/silhouettes.png');
}

/* Search form */
div#search {
	float: left;
	background-color: #c6c7c9;
	width: 964px;
	height: 30px;
	padding: 5px 0 0 10px;
	margin-bottom: 10px;
}

div#search label {
	color: #FFFFFF;
	font-weight: bold;
}

div#search input#inputString, input#inputString1 {
	width: 150px;
	height: 17px;
	margin-right: 10px;
}

/*------------------------------------------------------------------ 
[6. Content / div#content]
*/

div#content {
	padding: 10px 20px;
}

/* Boxes */

div#content .eventBox {
	float: left;
	width: 460px;
	margin-right: 4px;
}

div#content .eventBox h5 {
	font-weight: bold;
	font-size: 11px;
	margin: 10px 0;
}

div#content .eventBox p {
	font-size: 11px;
}

div#content .eventBox p.contactPhone {
	background: url('http://www.eventstore.se/img/icon_phone.gif') no-repeat left center;
}

div#content .eventBox p.contactWeb {
	background: url('http://www.eventstore.se/img/icon_web.gif') no-repeat left center;
}

div#content .eventBox p.contactOffer {
	background: url('http://www.eventstore.se/img/icon_offer.gif') no-repeat left center;
}

div#content .eventBox p.contactPhone, p.contactWeb, p.contactOffer {
	display:block;
	float:left;
	font-weight:bold;
	height:40px;
	padding:20px 20px 10px 55px;
}

div#content .smallBoxStart h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0;
}
/*
div#content .smallBoxStart {
	height: 170px;
	width: 210px;
	padding: 10px;
	float: left;
	margin-right: 3px;
	position: relative;
}
*/

div#content .smallBox, .smallBoxStart {
	height: 220px;
	width: 210px;
	padding: 10px;
	float: left;
	margin-right: 3px;
	position: relative;
}

div#content .smallBox h2 {
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0;
}

div#content .smallBox p {
	font-size: 11px;
	margin: 0;
}


div#content .smallBox img, .smallBoxStart img {
	width: 210px;
	height: 140px;
	border: 0;
}

div#content .bigBox {
	float: left;
	height: 460px;
	margin-right: 3px;
	padding: 10px;
	position: relative;
	width: 444px;
}

div#content .bigBox h2 {
	font-weight: bold;
	font-size:1.8em;
	font-style:italic;
	margin:0.6em 0 0.4em;
}

div#content .right {
	float: right;
	margin-right: 0;
}

div#content span.city {
	color: #858585;
	font-size: 11px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
/*.smallBoxStart.active { background: url(http://www.studentstore.se/files/mouseover-small-start-bg.jpg) no-repeat top left; }*/
.smallBox.active, .smallBoxStart.active { background: url(http://www.eventstore.se/img/mouseover-small-bg.jpg) no-repeat top left; }
.bigBox.active { background: url(http://www.eventstore.se/img/mouseover-large-bg.jpg) no-repeat top left; }

/*------------------------------------------------------------------ 
[7. Footer / div#footer]
*/

div#footer {
	width: 95%;
	margin: 0 auto;
	border-top: 1px solid #DDDDDD;
	clear: both;
	font-size: 11px;
	padding-top: 10px;
}

div#footer p {
	margin: 10px 0;
}

div#footer a {
	color: #838280;
}

/* Left contact */
div#contact {
	width: 272px;

	float: left;
	min-height: 240px;
}

div#contact h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

div#contact h2 span {
	display: none;
}

/* Right info */
div#info {
	float: right;
	border-left: 1px solid #DDDDDD;
}

div#info .box {
	width: 570px;
	background-color: #ededee;
	padding: 10px;
	margin: 10px 20px;
}

div#info h2 {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	margin: 0;
}

/* Footer links */
div#bottomlinks {
	clear: both;
	text-align: center;
	padding:10px;
}

/*------------------------------------------------------------------ 
[8. Popup box]
*/

body#popup {
	background-color: #FFFFFF;
	background-image: none;
	font-size: 11px;
}

div#popupHeader {
	background-color:#F8F8F8;
	padding:15px 30px; 
	position: relative;
}

body#popup #container {
	padding:15px 30px;
}

#popupHeader h1 {
	margin: 0;
}

#popupHeader ul {
	margin-top:15px;
}

#popupHeader li {
	clear:left;
	display:inline;
	padding-right:10px;
}

body#popup #popupHeader li a {
	color: #000000;
}

div#popupHeader li.active a { 
	font-weight: bold; 
}

/* Forms */
form.userForm fieldset {
	border: 1px solid #DDDDDD;
	padding: 1em;
}

form.userForm legend {
	font-weight: bold;
	padding: 0 0.5em;
}

form.userForm label {
	line-height: 1.5 em;
}

form.userForm button {
	margin-top:1.1em;
}

form.userForm button {
	margin-top:20px;
}

span#closeWin {
	float: right;
}

/*------------------------------------------------------------------ 
[9. Imports from eventstore.css]
*/

/* Tag cloud */
ol.tagCloud {
	font-size: 1em;
	text-align: center;
}

ol.tagCloud li {
	display: inline;
	padding: 0 5px;
	line-height: 1.1em;
}

ol.tagCloud a:link {
	color: #000;
	text-decoration: none;
}

ol.tagCloud a:visited {
	color: #888;
	text-decoration: none;
}

ol.tagCloud a:hover {
	color: #cc0000;
	text-decoration: none;
}

ol.tagList {
	margin: 1em 0;
}

ol.tagList li {
	display: inline;
}

ol.eventListStartpage {
	list-style: decimal outside;
	padding-left: 2em;
}

ol.eventList {
	line-height: 1.6em;
}

ol.eventList li {
	position: relative;
	margin-bottom: 1.5em;
}

ol.eventList li p {
	padding: 0 0 0 105px;
	margin: 0;
}

img.eventListImage {
	position: absolute;
}


/* tables */

table.listing {
	width: 100%;
	margin: 1em 0;
}

	.suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		margin: 0px 0px 3px 15px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}
	
	
		.suggestionsBox1 {
		position: relative;
		left: 250px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
	}
	
	.suggestionList1 {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList1 li {
		
		margin: 0px 0px 3px 15px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList1 li:hover {
		background-color: #659CD8;
	}


table.listing th {
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 .3em .1em .3em;
	border-bottom: 1px solid #aaa;
}

table.listing td {
	padding: .3em;
	border-bottom: 1px solid #aaa;
}

table.listing tr.even td { background-color: #fff; }
table.listing tr.odd td { background-color: #f5f5f5; }

/* misc */
.paddingLeft { padding-left: 8px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clear { clear: both; }

p.floatLeft {
	margin-right:2em;
}

h1 span {
	font-size: 0.55em;
	font-style: normal;
	font-weight: normal;
}