/*
Theme Name: Socialize
Theme URI: http://www.socialdynamics.se/
Description: A custom theme just for this website
Version: 1.0
Author: Emil
*/


/* STYLE FOR PURE HTML TAGS */

* { margin: 0; padding: 0; }

p { margin: 0 0 15px 0; }

abbr { border: none; }

ul li { list-style: none; }
.post ul { list-style: disc; }
.post ul, .post ol { margin: 0 0 15px 25px; }
.post ul ul, .post ul ul ul, .post ol ol, .post ol ol ol { margin-bottom: 0; }

blockquote { border-left: 3px solid #C5C4BF; padding-left: 10px; margin: 0 20px 15px 20px; }

pre { overflow: auto; margin: 0 0 15px 0; }
code { font-size: 1.1em; }


html {
	background-color: #999999;
	}

body {
	color: #000000;
	background-color: #999999;
/*	font-size-adjust:none;
	font-stretch:normal;*/
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align: center;
	margin: 0px;
	border: 0px none;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

/* END OF STYLE FOR PURE HTML TAGS */



/************************************************
	Header
************************************************/
#centerme {
	width: 940px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}
#sdslogo {
	height: 150px;
/*	background: url(images/sds-header.jpg) no-repeat 0 0;*/
	background: url(images/sds-header.jpg) 0 0;
	}
#sdslogo .clicktohome {
	display:block;
	width:380px;
	height:50px;
	float:right;
	margin-top:90px;
	margin-right:130px;
}

/* login box */
#loginform {
	padding-left:20px;
	padding-top:20px;
	text-align: left;
	}

/************************************************
	Main menu
************************************************/

#mainmenu {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	text-align: left;
	width: 940px;
	font-size: 11px;
	letter-spacing: 0.5px;
	background: #000000 url(images/menu.gif) repeat-x 0 0;
	}

#nav, #nav ul, #nav ul ul {
	list-style: none;
	margin: 0;
	}
#nav li, #nav li li {
	float: left;
	background-image: url(images/menusep.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	}

#nav li ul li {
	background: #000000 url(images/menu.gif) repeat-x 0 0;
	}

/* Style */
#nav a { color: #ffffff; display: block; padding: 12px 16px; text-decoration: none; text-transform: uppercase; }
#nav a:hover { color: #ffde00; }
#nav li.current_page_item a { color: #666666; }
#nav li li { background: #34bcf2; border-top: 1px solid #dddddd; }
#nav li li a, #nav li.current_page_item li a { color: #ffffff; margin: 0; padding: 10px; }
#nav li.current_page_item li a:hover { color: #ffde00; }

/* Drop-down controls */
#nav ul { float: left; }
#nav li ul { visibility: hidden; position: absolute; width: 15em; left: -999em; }
#nav li:hover ul { left: auto; z-index: 1000; }
#nav li ul li { width: 15em; }
#nav li ul ul { margin: -37px 0 0 15em; }
#nav li:hover ul ul { visibility: hidden; }
#nav li:hover ul, #nav li li:hover ul { left: auto; }
#nav li:hover ul ul { visibility: hidden; }
#nav li:hover ul, #nav li li:hover ul { visibility: visible; left: auto; }


/************************************************
	Search
************************************************/
#mainmenu .searchform {
	float: right;
	width: 185px;
	margin: 10px 0 0 0;
	padding: 0;
	}
.searchform .searchtext {
	color: #999999;
	width: 170px;
	padding: 1px;
	background: #ffffff;
	border: none;
	}
.search-submit {
	border: 0px none;
	background-color: #000000;
	color:#34bcf2;
	cursor: pointer;
	text-transform: uppercase;
	}
.search-submit:hover {
	color: #ff9900;
}

#mainmenu .search-submit { display: none; }



/************************************************
	Main content area, and common styles used in many places
************************************************/

#fadebg {
	background: #ffffff url(images/gwfade.gif) repeat-x 0 0;
	}

.body-container, .body-container-forum  {
	margin: 0px auto 0px auto;
	overflow: hidden;
	background-color:#ffffff;
	text-align: left;
	width: 920px;
	padding: 10px;
	border-color: #dddddd;
	border-style: solid;
	border-width: 0 1px 0 1px;
	font-family:tahoma;
	}

.body-container-forum {
	font-size: 10px;
	}

.body-container {
	background-image: url(images/bwfade.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	}

.body-container a { /* using .body-container instead of #body-container so it can be overridden easier by subsequent styles */
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#34bcf2;
	text-decoration: none;
	}

.body-container a:hover {
	color:#ff9900;
	}

.col610 {
	width:610px;
	float:left;
	}

.col300 {
	width:300px;
	float:right;
	}

.borderbox1 {
	border:1px solid #dddddd;
	background-color:#ffffff;
	}

.borderbox2 {
	border:1px solid #dddddd;
	background-color:#ffffff;
	width:298px;
	}

.borderbox3 {
	border:1px solid #dddddd;
	background-color:#ffffff;
	clear:both;
	margin-top:10px;
	}

.sectionheader {
	background-color:#34bcf2;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	padding:4px;
	margin:0px;
	}
.sectionheader a {
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
	}
.sectionheader a:hover {
	text-decoration: underline;
	}

.breadcrumbs {
	background-color:#34bcf2;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	padding:4px;
	margin:0px;
	text-transform: uppercase;
	}
.breadcrumbs a {
	color:#ffffff;
	font-weight: normal;
	text-decoration: none;
	}
.breadcrumbs a:hover {
	text-decoration: underline;
	}

.breadtext {
	margin:10px;
	font-size:12px;
	line-height:18px;
	overflow:hidden;
	}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight:normal;
	font-size: 26px;
	margin-bottom:3px;
	padding-bottom:0px;
	}

.breadtext h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight:bold;
	font-size:16px;
	margin: 5px 0px 2px 0px;
	}

.breadtext p a img {
	border: 0px none;
	}

/* for the subscribe page */
.breadtext .txtemail {
	border: 1px solid #666666;
	background-color: #e3e3e3;
	width: 276px;
	}
.breadtext .btnsubscribe {
	border: 0px none;
	background-color: #000000;
	color:#34bcf2;
	cursor: pointer;
	text-transform: uppercase;
	padding:3px;
	margin-top:8px;
	}
.breadtext .btnsubscribe:hover {
	color: #ff9900;
	}
/* end of the subscribe page */

.pageflipper {
	margin-top:10px;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

a.more-link, .pageflipper a {
	font-size:10px;
	}

a.more-link {
	float:right;
	}

a.more-link img, .arrow, .pageflipper a img {
	height: 16px;
	vertical-align:middle;
	border: 0 none;
	}


/* Home page */

#startpageboxes #text-4 {
	float: right;
	}
#startpageboxes #text-8 {
	float: right;
	margin-top:10px;
	}
#startpageboxes #text-9 {
	margin-top:10px;
	}


/* Produkter & Program pages */

table.sdsevents {
/*	margin:10px;
	width:590px;*/
	width:610px;
}

table.sdsevents th {
/*	background-color: #999999;*/
	background-color: #34bcf2;
	text-align:left;
	font-weight:normal;
	color:#ffffff;
	padding:5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}

table.sdsevents td.textcell {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #ffffff; /*#e3e3e3;*/
	padding:5px;
	font-weight:bold;
}
/*
table.sdsevents td.blackcell a {
	color: #000000;
}
table.sdsevents td.blackcell a:hover {
	color: #ff9900;
}
*/
table.sdsevents input { /* almost same style as #submit in comments.php */
	/*border: 1px solid #000000;*/
	border: 0px none;
	background-color: #000000;
	color:#34bcf2;
	cursor: pointer;
	text-transform: uppercase;
	padding:3px;
}
table.sdsevents input:hover {
	color: #ff9900;
}
table.sdsevents form {
	margin: 0px;
}



/* pre-bootcamp signup and questionnaire (tmpl_pre_bc_signup.php and tmpl_pre_bc_questionnaire.php) */

form.bcsignup {
	margin-top: 15px;
	}

div.bcsignup {
	margin-bottom: 15px;
	}

.bcsignup label {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	width: 130px;
	float: left;
	margin-top: 5px;
	}

.bcsignup input {
	float: left;
	font-size:14px;
	border: 1px solid #34bcf2;
	width: 200px;
	margin-top: 5px;
	}

.bcsignup textarea {
	float: left;
	font-size:14px;
	border: 1px solid #34bcf2;
	width: 400px;
	margin-top: 5px;
	}

.bcsignup .required {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	}

.bcsignup br {
	clear: both;
	}

form.bcsignup div.btnaligner {
	width: 332px; /* sum of the label and input width */
	}


div.bcquestions label {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	margin-top:8px;
	}

div.bcquestions input {
	display: block;
	border: 1px solid #34bcf2;
	width: 586px;
	margin-bottom: 5px;
	}

div.bcquestions textarea {
	display: block;
	border: 1px solid #34bcf2;
	width: 586px;
	}



/* Page for listing blogs */

.blogstable {
	table-layout: fixed;
	width:100%;
	}
.blogstable .vertspace {
	height: 8px;
	}

td.blogsplash1 {
	border-color: #dddddd;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	background: #ffffff url('images/bwfade2.gif') repeat-x 0 0;
	width:202px;
	padding:8px 8px 0px 8px;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}

td.blogsplash2 {
	border-color: #dddddd;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	background-color: #ffffff;
	padding:0px 7px 0px 7px;
	vertical-align: top;
	}
td.blogsplash3 {
	border-color: #dddddd;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	background-color: #ffffff;
	padding:0px 7px 5px 7px;
	vertical-align: top;
	text-align:center;
	font-size:10px;
	}

td.blogsplash1 img {
	width:182px;
	border:1px solid #dddddd;
	display:block;
	}

.blogstable h1 {
	font-size:20px;
	color: #000000;
	font-family:arial;
	font-weight: bold;
	margin-top:2px;
	margin-bottom:10px;
	}
.blogstable h1 a {
	color: #000000;
	text-decoration: none;
	}

/*.blogstable .avatar { */
.blogstable #authorpic {
	width:41px;
	height:45px;
	float:left;
	margin-left:2px;
	margin-right:5px;
	margin-bottom:13px;
	}

.blogsplashmeta {
	font-size:12px;
	font-family:arial;
	color: #999999;
	margin-top: 15px;
	}

.blogstable p {
	clear:both;
	font-size:12px;
	line-height:18px;
	margin-bottom:2px;
	}



/* Page for viewing one blog post */

.blogheader {
	border-bottom: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow: hidden;
	margin: 10px 10px 15px 10px;
	padding-bottom:5px;
	}

.blogheader img {
	width: 53px;
	height: 53px;
	float: left;
	margin-right:8px;
	border: 0px none;
	}

.feed_and_trackback {
	margin-top:10px;
	font-size:11px;
	}

.comment {
	margin:10px;
	font-size:12px;
	line-height:18px;
	overflow:hidden;
	}

.comment a img {
	width: 53px;
	height: 53px;
	float: left;
	margin-right:20px;
	margin-bottom:5px;
	border:0px none;
	}

.commentavatar {
	width: 53px;
	height: 53px;
	float: left;
	margin-right:20px;
	margin-bottom:5px;
	border:0px none;
	}

#respond {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top: 15px;
	}

#commentform {
	margin: 0px;
	}

#commentform label {
	width: 150px;
	display: inline-block;
	}

#commentform p {
	margin: 0px 0px 4px 0px;
	}

#author, #email, #url  {
	border: 1px solid #34bcf2;
	}

#commentform textarea {
	width: 100%;
	border: 1px solid #34bcf2;
	margin-top: 5px;
	margin-bottom: 5px;
	}

#commentform a img {
	border: 0px none;
	}

#submit { /* almost same style as .sdsevents input */
	float: right;
	border: 1px solid #000000;
	background-color: #000000;
	color: #34bcf2;
	cursor: pointer;
	width:auto;
	}

#submit:hover {
	color: #ff9900;
	}

/* Captions (copied from default wordpress theme) */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* End captions */



/* search / archive pages */

.searchhit {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size:12px;
	line-height:150%;
	}

.searchhit h3 {
	font-family:arial;
	color: #999999;
	}

.searchhit .publishdate {
	color:#ff9900;
	}

.postmetadata {
	font-size:11px;
	clear:both;
	}

.searchhitimg {
	width:100px;
	border:1px solid #dddddd;
	float: left;
	margin-right:5px;
	display:block;
	}

/************************************************
	Right sidebar with widgets
************************************************/

/* see sidebar.php and functions.php */
ul.sidebar_right {
	list-style-type: none;
	}

ul.sidebar_right li.widget {
	border:1px solid #dddddd;
	background-color:#ffffff;
	clear:both;
	margin-bottom:10px;
	}


ul.sidebar_right li.widget_twitter {
	background-color:#e3e3e3;
	}

	
.s2class_widget_subscribe2widget h3 {
	color: #666666;
	}
/*
ul.sidebar_right #subscribe2 .search {
}
*/
.s2class_widget_subscribe2widget .search {
	height:210px;
	padding:40px 10px 0px 10px;
	font-size:12px;
	line-height:18px;
	overflow: hidden;
	background-image: url('images/mailinglist_bg.jpg');
	}

.s2class_widget_subscribe2widget .btnsubscribe {
	border: 0px none;
	background-color: #000000;
	color:#34bcf2;
	cursor: pointer;
	text-transform: uppercase;
	float: right;
	padding:3px;
	}
.s2class_widget_subscribe2widget .btnsubscribe:hover {
	color: #ff9900;
	}
/*
.s2class_widget_subscribe2widget .btnunsubscribe {
	border: 0px none;
	background-color: #000000;
	color:#34bcf2;
	cursor: pointer;
	text-transform: uppercase;
	float: right;
	padding:3px;
	}
.s2class_widget_subscribe2widget .btnunsubscribe:hover {
	color: #ff9900;
	}
*/
.s2class_widget_subscribe2widget .txtemail {
	border: 1px solid #666666;
	background-color: #e3e3e3;
	width: 276px;
	}



ul.sidebar_right .widget_stray_quotes div {
	margin:10px;
	line-height:150%;
	}



#startpageboxes ul.advanced-recent-posts {
	height:240px;
}

ul.advanced-recent-posts {
	margin:5px;
}

ul.advanced-recent-posts {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	/*line-height:18px;*/
	overflow:hidden;
}

ul.advanced-recent-posts img {
	float:left;
	border:1px solid #dddddd;
	margin-right:5px;
}

ul.advanced-recent-posts li {
	margin-bottom: 7px;
	clear:both;
}

ul.advanced-recent-posts a {
	font-weight: bold;
	color: #34bcf2;
	text-decoration: none;
	text-transform: uppercase;
}

ul.advanced-recent-posts a:hover {
	color:#ff9900;
	}

.widget_get_recent_comments li {
	border-bottom:1px dotted #DDDDDD;
	padding:8px;
	}

.quotescollection_randomquote {
	margin:10px;
	line-height:18px;
	}

.quotescollection_randomquote .qmark {
	font-family: Times;
	font-size:24px;
	}

.quotescollection_randomquote cite {
	margin-top:5px;
	}


.widget_tag_cloud div {
	margin:5px;
	font-size:12px;
	line-height:18px;
	}
.widget_tag_cloud a {
	color:#34bcf2;
	text-decoration: none;
	}
.widget_tag_cloud a:hover {
	color:#ff9900;
	}


/* see wp-content/plugins/sds-events.php */
/*
ul.sdsevents {
	margin:0px 7px 0px 7px;
	font-family:arial;
	font-size:14px;
	line-height:18px;
	}

ul.sdsevents li {
	border:1px solid #34bcf2;
	margin:5px 0px 10px 0px;
	padding:0px 3px 0px 3px;
	text-align:right;
	background-color:#e3e3e3;
	}

ul.sdsevents a {
	color:#000000;
	font-weight:bold;
}
*/
ul.sdsevents {
	margin:0px 7px 0px 7px;
	font-family:arial;
	font-size:14px;
	line-height:18px;
	}

ul.sdsevents li {
	margin:5px 0px 10px 0px;
	padding:0px;
	}

ul.sdsevents a {
	border:1px solid #34bcf2;
	color:#000000;
	font-weight:bold;
	text-align:right;
	background-color:#e3e3e3;
	display: block;
	padding:0px 3px 0px 3px;
}

ul.sdsevents a:hover {
	border:1px solid #ff9900;
}


/************************************************
	Footer
************************************************/

.footborder {
border-top: 1px solid #dddddd;
clear:both;
}

#footer {
	width: 940px;
	margin: 0px auto 0px auto;
	text-align: left;
	color: #ffffff;
	padding-top: 22px;
	}

#footer ul {
	margin:10px 0px 0px 3px;
	padding:0px;
	font-family: arial;
	font-size:12px;
	text-transform: uppercase;
	}

#footer li {
	margin:0px;
	padding:0px;
	}

#footer li a {
	color:#ffffff;
	text-decoration: none;
	}

#footer li a:hover {
	color:#ff9900;
	}

.footsection {
	width:298px;
	margin-left:11px;
	margin-right:1px;
	display:inline; /* hack for ie6 double float margin bug */
	float:left;
	}

.footer_rss {
	text-align: center;
	}
.footer_rss img {
	border: 0px none;
	vertical-align:bottom;
	}

.copyright {
	margin-top:7px;
	border-top:1px solid #ffffff;
	padding-top:10px;
	padding-bottom:10px;
	color:#e3e3e3;
	font-family: arial;
	font-size:12px;
	text-align: center;
	}
.copyright a {
	color:#e3e3e3;
	text-decoration: none;
	}
