/*  
Theme Name: Sexosam.info Theme
Theme URI: http://www.sexosam.info
Description: Theme for the website www.sexosam.info
Version: 1.0
Author: Tommy Wahlund
*/

html {
	overflow-y:scroll;
}

body {
	margin: 0px;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
}

#wrapper {
	top: 0px;
	position:relative;
	width:717px;
	text-align:left;
	margin:0 auto;
}

#header{
	position: relative;
	width: 717px;
	height: 183px;
	background-image: url('images/headerbg.gif');
}

#container {
	position: relative;
	top: 23px;
	margin-left: 83px;
	width: 615px;
}

	#leftcol {
		position: relative;
		float: left;
		width: 190px;
		padding-right: 10px;
	}
		#leftcol ul {
			padding: 0px 0px 12px 18px;
			margin: 0px;
			list-style-type:square;
		}
		#leftcol .current_page_item a {
			/*text-decoration: none;*/
		}

	#containercontent {
		position: relative;
		float: left;
		width: 400px;
	}
		
		#em-wrapper {
			width: 615px;
		}
		
		#em-wrapper table {
			width: 100%;
		}
		
		#em-wrapper table td {
			background-color: #ddf0f2;
			padding-left: 3px;
			border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
		}
		
		#em-wrapper table th{
			background-color: #afdde6;
			padding-left: 3px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}

		.em-location-map, .em-locations-map { 
			margin: 0px auto;
			width: 606px !important; 
			height: 290px !important; 
			border-radius: 8px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border: solid 1px gray;
		}
		
		/* WPSS Survey */
		#wpss_survey .form-container {
			background-color: #CCEAF2 !important;
			border: 2px solid #00B0BD !important;
			width: 420px !important;
			margin: 0 auto !important;
			padding: 2px !important;
		}
		#wpss_survey .form-panel fieldset{
			width: 420px !important;
		}
			
		#utbildningsmeny {
			display: inline;
			padding: 3px;
			margin: 0px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			background-color: #ddf0f2;
		}
		
		div.em-booking-login label {
			display: inline;
			width: 180px;
			margin-right: 40px;
		}
		.em-booking-login-form a {
			font-size: 1.2em;
			padding-top: 1.2em;
		}
			#current-events {
				width: 615px;
			}
				#current-events tr th{
					text-align: left;
					color: black;
					font-family: Verdana;
					background-color: #afdde6;
				}
				
				#event-time {
					width: 210px;
				}
				#em-wrapper div.em-bookingpage-login {
					padding: 10px 10px 10px 20px;
					margin: 0px;
					border-left: none;
				}
				#em-wrapper form.em-bookingpage-login-form {
					background-color: #ddf0f2;
					border-collapse: collapse;
					border: solid 1px #afdde6;
					padding: 3px;
				}
				
				#em-wrapper div.em-booking-form-details {
					background-color: #ddf0f2;
					border-collapse: collapse;
					border: solid 1px #afdde6;
					padding: 3px;
				}
				
				#em-wrapper div.em-booking-login {
					background-color: #ddf0f2;
					border-collapse: collapse;
					border: solid 1px #afdde6;
					padding: 3px;
				}
	
	#containercontent_wide {
		position: relative;
		float: left;
		width: 626px;
	}

	#footer{
		position: relative;
		clear: both;
		width: 615px;
	}
h2.topcol {background-color:#ecf6f9;}
#topcol {width: 626px; background-color: #ecf6f9;}
#topcol ul { font-size: 0.9em; list-style-type: square;}
#topcol li { padding: 1px; margin: 1px;}

 #header  .logo {
	position: relative;
	top: 80px;
	margin: 0px 18px;
	color: #00B0BD;
	font-family: Arial;
	font-size: 54px;	
	text-decoration: none;
	text-align: right;
}

#header a {
	text-decoration: none;
	color: #00B0BD;
}

#headercontent {
	position: relative;
	left: 91px;
	width: 626px;
	height: 183px;
}

#supernav {
	font: bold 11px/11px Arial, Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
	position: absolute;
	left: 3px;
	top: 147px;
	width: 610px;
	padding: 0px; /* duplicate the tab size */
	text-align: left;
	display: block;
	margin: 0px;
}

#supernav li {
	margin: 0px;
	padding: 0px 11px 0px 0px;
	display: inline;
	background: url('images/headersquare.gif') no-repeat center right;
}

#supernav li:last-child {
	padding-left: 0px;
	padding-right: 0px;
	background: none;
}

#supernav a {
	color: #000000;
	height: 16px;
	text-decoration: none;
}
	
#supernav a:hover {
	color: #111;
	text-decoration: underline;
}

#supernav .current_page_item a {
	color: #111;
	text-decoration: underline;
}

#containercontent, table.sortable {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 0px;
}

#containercontent table {
	text-align: center;
	font-family: Verdana;
	font-weight: normal;
	color: #ffffff;
	background-color: #fafafa;
	border: 1px #dddddd solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

#containercontent table.hospitals {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 2px;
	padding: 3px;
}

#containercontent td.hospitals {
	border-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	text-align: left;
	font-size: 0.8em;
	color: #000000;
}

#containercontent td.hospitals a{
	text-decoration: none;
	color: #00B0BD;
}

#containercontent td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ffffff;
	background-color: #ecf6f9;
	text-align: left;
	font-size: 0.9em;
	color: #000000;
}

#containercontent table.sortable th {
	color: #000000;
	text-align: left;
	font-size: 1.0em;
	vertical-align: bottom;
	background-color: #cceaf2;
	border-bottom: 1px solid black;
}

#containercontent table.sortable input {
	vertical-align: bottom;
	margin: 1px 3px 1px 3px;
}

#containercontent table.sortable th.right {
	text-align: right;
}

#containercontent table.sortable tr td {
	vertical-align: top;
	text-align: left;
}

#containercontent table.sortable tr td.right {
	text-align: right;
}

#containercontent .alignleft {
	float: left;
}

#containercontent .wp-caption-text {
	display: none;
}

#containercontent.startpage{
	width: 620px;
}

#containercontent h2.startpage {
	margin: 0px;
	padding: 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.7em;
}

#containercontent h6 {
	margin: 0px 0px 18px 0px;
	padding: 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold; 
	font-size: 0.8em;
}

#rightfloat {
	float: right;
}

#startpage_rightfloat {
	position: relative;
	top: 21px;
	left: 10px;
	float: right;
}

#rightcol {
	float: left;
	width: 480px;
}

.xoxo {
	padding: 0;
	margin-top: 10px;
	list-style-type: square;
}

p {
	margin: 0px 0px 13px 0px;
	font-size: 1.0em;
	line-height: 1.3em;
	
}

h2 {
	margin: 0px 0px 12px 0px;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.7em;
	color: #00505D;
}

.post-edit-link {
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px;
	background-color: #cceaf2;
	border: 1px solid #dddddd;
}

.margin {
	margin: 40px 0px 12px 0px;
}

h3 {
	color: #00707D;
}

img {
	border: 0;
}

img.right {
	float: right;
}

img.startpage{
	padding-right: 11px;
	float: left;
	display: inline;
}

#footernav {
	text-align: center;
	font-size: 0.8em;
}

#footernav  li{
	display: inline;
}

img#wpstats{display:none}

/* Print */
@media print {
	#header, #topcol, #footernav, #editpic, .topcol {
		display: none !important;
	}
	
	p {
		margin: 0px 0px 13px 0px;
		font-size: 1.0em;
		line-height: 1.3em;
	}

	h2 {
		margin: 0px 0px 12px 0px;
		padding: 0;
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: 1.7em;
		color: #00505D;
	}
	
	h3 {
		color: #00707D;
	}

	img {
		border: 0;
	}

	img.right {
		float: right;
	}

	img.startpage{
		padding-right: 11px;
		float: left;
		display: inline;
	}
}