/*
	Theme Name: CCSF Theme
	Theme URI: http://wordpress.org/
	Description: A wordpress theme made for CCSF.
	Version: 1.0
	Author: Joar Wandborg, Pronto Communication
	Author URI: http://www.prontocommunication.se
*/
* {
	margin: 0;
	padding: 0;
	border: none;
}
hr {
	border: none;	
	border-top: 1px solid #ccc;
	height: 1px;
}
body {
	background: #fcfdff url(/wp-content/themes/ccsf/images/l/body-top-bg.png) repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
}
.clear {
	clear: both;
}
a, a:visited {
	text-decoration: none;
	color: #000;
	color: inherit;
	text-decoration: inherit;
}
td {
	padding: 2px;
}
h2 {
	font-weight: normal;
}
input#submit {
	cursor: pointer;
}
#wrapper {
	width: 1003px;
	margin: 60px auto 0 auto;
}
#ccsf-text {
	float: left;
	margin-top: 2px;
	margin-left: 6px;
}
#flags {
	float: right;
	margin-right: 6px;
	margin-top: 2px;
}
#shadow-repeat {
	width: 1003px;
	background: transparent url(/wp-content/themes/ccsf/images/l/shadow-repeat.png) repeat-y;
}
#shadow-top {
	background: transparent url(/wp-content/themes/ccsf/images/l/shadow-top-wide-white.png) no-repeat;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
}
#shadow-bottom {
	background: transparent url(/wp-content/themes/ccsf/images/l/shadow-bottom.png) no-repeat scroll bottom left;
	padding-bottom: 6px;
}
#main-wrapper {
	position: relative;
	text-align: left;
}
#ads {
	width: 180px;
	position: absolute;
	top: 230px;
	right: 0px;
}
#ads hr {
	border: none;	
	border-top: 2px solid #ccc;
	height: 2px;
}
#ads div {
	margin: 10px 0;
}
#header {
	height: 226px;
	background: transparent url(/wp-content/themes/ccsf/images/g/ccsf-header-wide-whit.png) no-repeat;
	background: none;
	border: thin solid #438dcc;
	overflow: hidden;
}
#navigation {
	z-index: 1000;
	width: 800px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003070;
	height: 29px;
	background: #FFF;
	border: thin solid #448ccb;
	border-top: none;
}
	#navigation li {
		list-style-type: none;
		display: block;
		float: left;
		padding-left: 10px;
		padding-right: 10px;
	}
	#navigation li, #navigation ul, #navigation a {
		z-index: 100;
	}
	#navigation a {
		color: #003070;
	}
	#nav, #nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		/*line-height: 1;*/
	}
	
	ul#nav li {
		display: block;
		position: relative;
		/*padding: 0px 14px;*/
		z-index: 5000;
	}
	#nav li a {
		line-height: 20px;
		display: block;
	}
	#nav > li > a {
		line-height: 29px;
		width: auto !important;
	}
	#nav ul.children {
		background: #fff;
		border: thin solid #438dcc;
		border-top: none;
	}
	#nav li {
		float: left;
	}
	#nav li:hover, #nav li.sfHover {
		position: static;
	}
	#nav ul.children li {
		clear: both;
	}
	#nav ul.children li ul {
		background: #fff;
	}
		
	#nav li ul {
		position: absolute;
		left: -999em;
	}
	#nav li:hover ul, #nav li.sfhover ul {
		left: auto;
	}
	#liens .grandchildren {
		width: 200px;
	}
	#nav li ul ul {
		margin: -20px 0 0 160px;
		border: thin solid #438dcc;
		border-left: none;
	}
	#nav li:hover ul ul, #nav li.sfhover ul ul {
		left: -999em;
	}
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
		left: auto;
	}
	#nav #medlemmar .children {
		width: 210px;
	}
	#nav #medlemmar .children li a{
		width: 190px;
	}
	#nav #medlemmar ul ul {
		margin-left: 200px;
	}
	
	#nav #sverige_frankrike > .children {
		width: 200px;
	}
	#nav #sverige_frankrike > .children > li > a{
		width: 180px;
	}
	#nav #sverige_frankrike ul ul {
		margin-left: 190px;
	}
	
	#nav #lankar .children {
		width: 210px;
	}
	#nav #lankar .children li a{
		width: 190px;
	}
	#nav #lankar ul ul {
		margin-left: 200px;
	}
	#nav #lankar .grandchildren li {
		width: 160px;
	}
	
	#nav #om_ccsf .children a {
		width: 150px;
	}
	#nav #om_ccsf .grandchildren ul {
		width: 250px;
	}
	#nav #om_ccsf .grandchildren li a {
		width: 220px;
	}
	#nav #om_ccsf .grandchildren ul {
		margin-left: 240px;
	}
	
	#nav #medlemmar .children a {
		width: 190px;
	}
	#nav #medlemmar .grandchildren {
		width: 250px;
	}
	#nav #medlemmar .grandchildren li a {
		width: 220px;
	}
	#nav #medlemmar ul ul ul {
		margin-left: 240px;
	}
	
	/** French Menu **/
	#nav #ccsf .children a {
		width: 150px;
	}
	#nav #ccsf .children li a {
		width: 180px;
	}
	#nav #ccsf .grandchildren ul {
		width: 200px;
	}
	#nav #ccsf .grandchildren li a {
		width: 220px;
	}
	#nav #ccsf .grandchildren {
		margin-left: 190px;
	}
	
	#nav #suede_france > .children {
		width: 200px;
	}
	#nav #suede_france > .children > li > a{
		width: 180px;
	}
	#nav #suede_france ul ul {
		margin-left: 190px;
	}
	
	#nav #liens .children {
		width: 210px;
	}
	#nav #liens .children li a{
		width: 190px;
	}
	#nav #liens ul ul {
		margin-left: 200px;
	}
		
	#nav #membres .children a {
		width: 150px;
	}
	#nav #membres .grandchildren {
		width: 210px;
	}
	#nav #membres .grandchildren li a {
		width: 180px;
	}
	#nav #membres ul ul ul {
		margin-left: 200px;
	}
	
	#nav #medlemmar .children a {
		width: 190px;
	}
	#nav #medlemmar .grandchildren {
		width: 250px;
	}
	#nav #medlemmar .grandchildren li a {
		width: 220px;
	}
	#nav #medlemmar ul ul ul {
		margin-left: 240px;
	}
	
	#nav #suede_france > .children > li > ul {
		width: 250px;
	}
	#nav #suede_france > .children > li > ul > li > a {
		width: 230px;
	}
	#nav #suede_france ul ul ul {
		margin-left: 240px;
	}
	#nav #forum_d_annonces .children a {
		width: 170px;
	}

#content {
	width: 780px;
	padding: 10px;
	border-right: thin solid #448ccb;
	border-left: thin solid #448ccb;
	border-bottom: thin solid #448ccb;
	background: #FFF;
	overflow: hidden;
}
	#ads div {
		margin-bottom: 5px;
	}
	#content_column_1 {
		width: 180px;
		float: left;
		border-right: thin solid #c7c7c7;
		padding-right: 9px;
	}
	#login-form {
		background: transparent url(/wp-content/themes/ccsf/images/l/login-form-bg.png) repeat-x;
		color: #fff;
		height: 138px;
		padding: 5px;
	}
		#content_column_1 h3 a:visited,
		#content_column_1 h3 a,
		#content_column_3 h3 a:visited,
		#content_column_3 a,
		#content_column_3 h3 a {
			color: #003070;
		}
		#login-form p {
			margin-bottom: 2px;
		}
		#login-form form {
			padding: 5px;
			padding-left: 0;
			padding-right: 0;
		}
			#login-form form label {
				font-weight: bold;
			}
			#login-form form #login_email {
				margin-bottom: 5px;
			}
			#login-form form input {
				width: 164px;
				font-size: 12px;
				padding: 3px;
				background: transparent url(/wp-content/themes/ccsf/images/l/login-form-input-bg.png) no-repeat;
			}
			#login-form input#submit {
				width: 21px;
				margin-top: 10px;
				background: transparent url(/wp-content/themes/ccsf/images/l/input-submit-bg.png) no-repeat;
				float: right;
			}
		#motivational, #lost-password {
			font-size: 12px;
			font-weight: bold;
		}
		.specialpuff, #links {
		}
	#content_column_2 {
		z-index: 500;
		width: 380px;
		float: left;
		padding-left: 10px;
		padding-right: 5px;
		color: rgb(97, 97, 97);
	}
		#content_column_2 a { 
			color: rgb(82, 132, 215);
		}
		#content_column_2 h1, #content_column_2 h2, #content_column_2 h3, #content_column_2 h4, #content_column_2 h5, #content_column_2 h6 {
			color: #000;
		}
		#content_column_2 h1 {
			color: #003070;
		}
		#content_column_2 h2 {
			font-weight: normal;
		}
		#content_column_2 strong {
			/*color: #000;*/
		}
		#content_column_2 ul {
			margin: 6px 15px 6px 15px;
		}
		#content_column_2 li {
			margin: 6px 15px 6px 15px;
		}
		#content_column_2 p {
			line-height: 16px;
			margin: 10px 0 10px 0;
		}
	#content_column_3 {
		width: 180px;
		float: right;
		padding-left: 9px;
		border-left: thin solid #c7c7c7;
	}
		#search {
			background: transparent url(/wp-content/themes/ccsf/images/l/search-bg.png) repeat-x;
			color: #fff;
			padding: 5px;
			height: 50px;
		}
		#search p {
			font-weight: bold;
			margin-bottom: 5px;
		}
		#search input#s {
			width: 139px;
			font-size: 12px;
			padding: 3px;
			background: transparent url(/wp-content/themes/ccsf/images/l/login-form-input-bg.png) no-repeat;
			float: left;
		}
		#search input#submit {
			background: transparent url(/wp-content/themes/ccsf/images/l/input-submit-bg.png) no-repeat;
			width: 21px;
			height: 21px;
			float: right;
		}
		#newsletter-sign {
			background: transparent url(/wp-content/themes/ccsf/images/l/newsletter-sign-bg.png) repeat-x;
			padding: 5px;
			color: #fff;
			font-weight: bold;
			padding-bottom: 10px;
		}
		#newsletter-sign p {
			margin-top: 4px;
		}
		#newsletter-sign .title {
			color: #003070;
			margin-top: 0;
		}
		#newsletter-sign input#submit {
			background: transparent url(/wp-content/themes/ccsf/images/l/input-submit-bg.png) no-repeat;
			width: 21px;
			height: 21px;
			margin-top: 1px;
			float: right;
		}
		#newsletter-sign input#newsletter-subscribe-field {
			width: 139px;
			font-size: 12px;
			padding: 3px;
			background: transparent url(/wp-content/themes/ccsf/images/l/login-form-input-bg.png) no-repeat;
			float: left;
		}
		#content_column_3 .puff img {
			margin-top: 5px;
		}
	#liens-puff a, div#content > div#address a {
		color: #5284d7;
	}

#footer {
	margin-top: 10px;
	border-top: thin solid #d4d4d4;
	border-bottom: thin solid #d4d4d4;
	margin-left: -2px;
}

	#premium_members-text {
		text-align: center;
		margin: 4px 0 5px 0;
	}
	
	#premium_members {
	 position: relative;
	 height: 60px;
	 overflow: hidden;
	}
	
	#premium_members-logos {
	 white-space: nowrap;
	 /*line-height: 60px;
	 font-size: 60px;*/
	}
	
	#premium_members #logos p {
	 padding: 0;
	}
	.premium_members-logo {
		/*margin: 0 10px 0 10px;*/
	}
	
div#address {
	font: 11px Arial,Helvetica,sans-serif;
	color: #616161;
	text-align: center;
}
	#address p {
		margin: 20px 0 10px 0;
	}

.column-horisontal-ruler {
	color: #D4D4D4;
	background-color: #D4D4D4;
	border-color: #D4D4D4;
	background: 
	height: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#wppa_ccsf h2 {
	color: #4f91cd;
	border-bottom: thin solid #c7c7c7;
	font-weight: normal;
}
	#wppa_ccsf li.album-image-thumb {
		width: 118px;
		height: 115px;
		text-align: center;
		list-style-type: none;
		display: block-inside;
		float: left;
		background-repeat: no-repeat;
		background-position: center center;
		/*background-color: black;*/
		border: thin solid gray;
		padding: 1px;
		margin: 2px;
	}
	#wppa_ccsf div.album-image-cropped {
		width: 380px;
		height: 380px;
		background-repeat: no-repeat;
		/*background-color: black;*/
		background-position: center center;
	}
	#wppa_ccsf div.album-image-cropped div.description {
		/*background: #000;*/
		height: 34px;
		position: relative;
		top: 326px;
		opacity: .8;
		color: #fff;
	}
	#wppa_ccsf div.album-image-cropped div.description > p.description-text {
		text-align: center;
		width: 100%;
		opacity: 1;
		color: #fff;
	}
	#wppa_ccsf div.album-image-cropped div#album-image-navigation {
		padding: 1px;
		height: 20px;
	}
	#wppa_ccsf #album-image-navigation #prev, #wppa_ccsf #album-image-navigation #next {
		z-index: 500;
		background: #ddd;
		padding: 0 2px 0 2px;
		line-height: 20px;
		border: thin solid #c9c9c9;
		opacity: .75;
	}
	#wppa_ccsf #album-image-navigation #next {
		float: right;
	}
	#wppa_ccsf #album-image-navigation #prev {
		float: left;
	}
	
	#activity_list dd {
		margin-left: 15px;
	}
	#activity_list dt {
		margin-top: 10px;
	}
	#activity_list h3 {
		border-bottom: thin solid #C7C7C7;
		color: #4F91CD;
		font-weight: normal;
	}
	#activity_list p.activity-item-date {
		margin: 0 0 4px 0;
		font-size: 16px;
	}
	#activity_list p.activity-item-sign-up {
		font-size: 12px;
	}
	#activity_list .activity-item {
		margin: 10px 0 10px 0;
	}
	h2.activity-item-date {
		font: 12px Arial, Helvetica, sans-serif !important;
		margin: 8px 0 0 0;
	}
	h2.activity-handle {
		font: bold 14px Arial, Helvetica, sans-serif !important;
	}
	
	
#headers {
	float: right;
	width: 774px;
}
#logo {
	float: left;
	/*margin-top: 1px;
	/*margin-left: 4px;
	/*margin-right: -212px;*/
}
.entry input, .entry select, .entry textarea {
	border: thin solid #cdcdcd;
}

#member_list_shortcuts {
	text-align: justify;
}

/* Collisions may occur */
table.members_table {
	width: 100%;
}
div.error {
	background: #faa;
	border: thin solid red;
	color: #000;
	padding: 4px;
}
.members_table td.simple-list {
	border-bottom: thin solid #c7c7c7;
}
.members_table th.highlight {
	border-bottom: thin solid rgb(199, 199, 199);
	color: rgb(79, 145, 205);
}
.members_table th {
	border-bottom: thin solid rgb(199, 199, 199);
}
.members_table {
	border-spacing: 0 0;
}
.members_table td,
.members_table th {
	padding: 5px 2px 5px 2px;
}
.members_table td.label {
	color: #919191;
}
.members_table a {
	color: rgb(82, 132, 215);
}
.form-table td {
	padding: 2px;
}
#anslagstavla-annonsera ul, #anslagstavla-annonsera li {
	list-style-type: none;
}
textarea, input, select {
	font: 12px Arial, Helvetica, sans-serif;
}

/* Flickr Albums */ 
.flickr-album .date-header {
	font: normal normal bold 14px Arial, Helvetica, sans-serif;
}
.flickr-album .flickr-set-primary {
	width: 185px;
}
.flickr-album .flickr-set-wrapper {
	width: 185px;
	float: left;
	margin-right: 5px;
	margin: 0 5px 10px 0;
	overflow: hidden;
	position: relative;
}
.flickr-album .flickr-set-title {
	/* font: normal 12px Arial, Helvetica, sans-serif; */
	margin: 0;
}
.flickr-album .flickr-image-thumbnail-wrapper {
	width: 185px;
	float: left;
	margin: 0 5px 10px 0;
}
.flickr-album .flickr-image-thumbnail-wrapper img {
	width: 185px;
}
.flickr-album .flickr-image-wrapper {
	text-align: center;
}
.flickr-album .flickr-image-navigation-prev {
	float: left;
	width: 20px;
	text-align: center;
	border: thin solid #5284D7;
}
.flickr-album .flickr-image-navigation-next {
	float: right;
	width: 20px;
	text-align: center;
	border: thin solid #5284D7;
}
.flickr-album .flickr-image-navigation-next a {
	display: block;
}
.flickr-album .flickr-image-navigation-prev a {
	display: block;
}

#content .column-2-wide {
	width: 575px;
}

/* Logo fix */
#header {
	position: relative;
}
#header #logo {
	position: absolute;
	top: 7px;
	left: 5px;
	z-index: 100;
}
#headers {
	z-index: 0;
}
#scroller li {
	display: inline;
	position: relative;
}
#scroller-viewport {
	overflow: hidden;
	width: 100%;
}

#business-list {
	width: 380px;
}

#business-list td {
	padding: 0.6em 0;
	border-bottom: 1px solid #e4e4e4;
}

#business-list td.title-sv {
	text-align: right;
}