/*
Theme Name: Sweden Water Export
Description: Landing page, video page
Author: Martin Jonsson @ SAPP.se
Author URI: www.sapp.se
Version: 1
.
http://www.swedenwaterexport.com/
.
*/

@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

a,a:hover,a:visited,a:active, a img {
	text-decoration: none;
	border-style:none;
	border: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 0;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* End of reset */

body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: .90em;
	margin: 0 0 -1.5em;
	color: #003333;
}

a,a:visited,a:active {color: #006699;}
a:hover {color: #336699;}

h1 { color: #006699; font-size: 1.45em; } h2 { color: #006699; font-size: 1.4em; } h3 { color: #006699; font-size: 1.3em;  } h4 { color: #006699; font-size: 1.2em; } h5 { color: #006699; font-size: 1.1em; } h6 { color: #006699; font-size:.9em; }
h1,h2,h3,h4,h5,h6 { margin-bottom: 3px; }
p {
font-size: .9em;
line-height: 1.3em;
margin: 1.1em 0;
text-align: justify; 
letter-spacing: 0.1ex; 
}

.alignright { text-align:right; float: right; width: 400px; }
#containerHolder {
	width: 1190px;
	height: auto !important;
	float: none;
	margin: auto;
	
	overflow: hidden;
}
#leftside {
	width: 228px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px;
	float: left;
 }

#topimg {
	height: 280px;
	width: 227px;
	background: url(images/water_top.png) no-repeat;
	background-position: 99px 100px;
	float: right;
}
				
#wrapper, #holewrapper {
	width: 962px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px; 
	margin: 0;   
	float: left;
	clear: none;
	line-height: 100%;
}
#waterflow {
	width: 200px;
	background: url(images/water_repeat.png) repeat-y;
	position: relative;
       min-height: 1200px;
	top: 280px;
	left: 100px;
	z-index: -1;
}
#holewrapper {
	width: 100%;
	margin: 0px;
	background: url(images/botten.png) no-repeat center bottom;
}
#backgroundHolder {
	width: 100%;
	height: 100%;
	background: url(images/water_repeat-x.png) repeat-x left bottom;
	float: left;
	z-index: 9999;
}

#top_bar {
	width: 930px;
	height: 70px;
	margin:auto;
}

#tophold{
	width:910px;
	margin-top:6px;
}

nav.top-menu {
	width: 280px;
	float:right;
	font-size: .80em;
	color: #424242;
}

aside.black a, a:visited, a:active {
	color: #003333;
	text-shadow:none;
	filter:none;
}

aside.black a:hover {
	color: #336699;
	text-shadow:none;
	filter:none;
}

nav.top-menu a, a:visited, a:active {
	color: #333;
	/*text-shadow: 0px 1px 0px #6699CC;
	filter: dropshadow(color=#6699CC,offX=0,offY=1);*/
}
nav.top-menu a:hover { 
	color: #333; 
	/*text-shadow: 0px 1px 0px #6699CC;
	filter: dropshadow(color=#6699CC,offX=0,offY=1);*/
 }

#logo {
	width: 600px;
	height: 60px;
	margin-left: 80px;
	overflow: hidden;
	float: left;
	}

section.video_container {
	width: 962px;
	overflow:hidden;
}

aside.video_player {
	width: 720px;
	height: 405px;
	overflow: hidden;
	float: left;
	
	background-color: #DCE7EA;
	border-top: 6px #DCE7EA solid;
	border-left: 6px #DCE7EA solid;
	border-right: 6px #DCE7EA solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	color: #fff;
}
aside.videotop {
	height: 140px;
	width: 227px;
	float: left;
	margin-left: -2px;
	margin-bottom: 10px;
}
aside li.listthumb {
	width: 180px;
	padding: 2px;
	margin: 14px 25px;
	font-size: .7em;
}
#thumbholder {
	float: right;
	width: 230px;
}
article.video_info {
	width: 720px;
	height: 120px;
	padding: 5px 0;
	font-size: .80em;
	float: left;
	
	background-color: #DCE7EA;
	border-left: 6px #DCE7EA solid;
	border-right: 6px #DCE7EA solid;
	color: #fff;
}

#infocontainer {
	width: 962px;
	min-height: 100px;
	margin-top: 15px;
}

.infoblock {
	width: 683px;
	min-height: 90px;
	padding: 25px;
	background-color: #DCE7EA;
	float: left;
}
#infomenu {
	width: 186px;
	padding: 20px;
	float: left;
	font-weight: bold;
	font-size: 1em;
}

#scrollbar1 { width: 720px; clear: both; margin: 2px; }
#scrollbar1 .viewport { width: 700px; height: 117px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; padding: 10px 20px; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #47616e; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 10px; }
#scrollbar1 .track { background-color: #DDD; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 8px; }
#scrollbar1 .disable{ display: none; }

#scrollbar2 { width: 223px; clear: both; margin: 2px; }
#scrollbar2 .viewport { width: 200px; height: 374px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; padding: 4px 10px 4px 0px; left: 0; top: 0; }
#scrollbar2 .thumb .end,
#scrollbar2 .thumb { background-color: #47616e; }
#scrollbar2 .scrollbar { position: relative; float: right; width: 10px; }
#scrollbar2 .track { background-color: #DCE7EA; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { height: 10px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar2 .thumb .end { overflow: hidden; height: 5px; width: 8px; }
#scrollbar2 .disable{ display: none; }

aside.video_slider {
	width: 227px;
	height: 379px;
	float: right;
	padding: 0;
	overflow:hidden;
	margin: 0;
	background-color: #fff;
	border-radius: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border: 3px #DCE7EA solid;
	border-left: 0;
}

#scrollbar1 p { padding: 0px; margin: 0px; }

#slider1 { height: 100%; overflow:hidden; margin: auto; }
#slider1 .viewport { float: left; width: 190px; height: 374px; overflow: hidden; position: relative; }
#slider1 .buttons { background: url(images/video_arrow_left.png) no-repeat 50% 50%; text-indent: 999em; overflow: hidden; display: block; width: 15px; height: 97px; margin: 0px 0px 0 0px; float: left; }
#slider1 .next { background: url(images/video_arrow_right.png) no-repeat 50% 50%; margin: 0px 0px 0 0px; }
#slider1 .disable { visibility:hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: auto; left: 0; top: 0; }
#scrollbar2 .overview li { float: left; margin: 0 0 0 24px; padding: 2px 0px; width: 180px;}

#slider1 .buttons:hover {background: url(images/video_arrow_left_over.png) no-repeat 50% 50%;}
#slider1 .next:hover {background: url(images/video_arrow_right_over.png) no-repeat 50% 50%;}

#scrollbar2 a { font-size: .70em; }

#scrollbar2 ul {
margin:auto;
	width: 100%;
}
aside.video_slider li:last-child { margin-right:0; }
aside.video_slider img, aside img.thumbnailposter {
	width: 170px;
	height: 100px;
}

aside.video_slider p {
	padding: 4px;
}

section.video_container h1,h2,h3,h4,h5,h6 {color: #006699; letter-spacing: 0.1ex; }
section.video_container p { color: #333; padding: 4px 10px;}


section.content_container {
	margin:auto;
	padding-top: 15px;
	width: 962px;
	min-height: 600px;
	overflow: hidden;
}
aside.black { color: #333; }

section.content_feed {
	width: 685px;
	min-height: 940px;
	background-color: #DCE7EA;
	color: #111; 
	line-height: 160%;
	padding: 25px;
	float: left;
	overflow: hidden;
}

#content_wrapper {

}

div#sidewrapper {
	overflow: hidden;
}

section.content_feed a, a:visited, a:active {
	color: #336699;
	text-shadow:none;
	filter:none;
}
section.content_feed a:hover {
	color: #555;
	text-shadow:none;
	filter:none;
}

section.content_feed li { list-style:inside; margin-left: 30px; margin: 5px; }
section.content_feed li:last-child { margin-bottom: 30px; }

.content_side_feed {
	width: 205px;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	-moz-border-radius-topright: 2px;
	border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	border-bottom-right-radius: 2px;
}

.social_feed {
	width: 205px;
	min-height: 200px;
	padding: 10px 10px;
	float: left;
	margin-bottom: 20px;
}

section.black h1,h2,h3,h4,h5,h6 {
	margin-top: 2px;
}

aside.socialFeedList li { line-height: 140%; padding: 2px; }

aside.title {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	font-weight:200;
	color: #336699;
	border-bottom: 2px solid #fff;
	padding-bottom: 6px;
}

aside #sidebar {
	margin-bottom: 3px; }
	
aside #sidebar label {
	font-size: .7em;
	color: #67787D;
}
aside.black {
	border-radius: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border: 3px #DCE7EA solid;
	border-left: 0;
}
.execphpwidget li { 
	padding: 3px;
	border: 0;
	list-style:none; 
	display:block;
	line-height: 140%; 
	font-size:0.85em; 
	border-top: solid 1px #DCE7EA;
	border-bottom: solid 1px #fff;
	color: #333;
}
.execphpwidget li a { display: block; }
.execphpwidget li:nth-child(even) {
	color: #67787D;
}
.execphpwidget li:last-child {

}

div.execphpwidget li:hover, div.execphpwidget li:hover a {
	color: #67787D;
	background-color: #DCE7EA;
}
.widgettitle {
	margin-bottom: 4px;
}
.rsssub {
	color: #67787D;
	font-size: 0.9em;
	float: left;
	clear: both;
	vertical-align:sub;
	margin-bottom: 10px;
	width: 155px;
}
.rsssub em {
	color: #333;
	font-size:.80em;
}
.rsssub img {
	margin-top: -10px; margin-left: -5px; margin-right: 5px;
}

article.page > h6 { color: #424242; margin: 10px; }

article.post header, article.page header {
	width: 100%;
	border-bottom: 2px #fff dotted;
	padding-bottom: 5px;
	color: #67787D;
}

img.alignleft { float: left; margin-right: 6px; margin-bottom: 6px; }
img.alignright { float: right; margin-left: 6px; margin-bottom: 6px; }

article.post footer {
	margin-bottom: 10px;
	margin-top: 5px;
	font-size:.80em;
}

article.post, h1.title {
	letter-spacing: 0.1ex; 
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 2px #fff dotted;
}


p.postmetadata {
	margin-top: 3px;
	font-size: .80em;
	margin-bottom: 0;
}

.footerclear {
	clear: both; 
}

footer.push {
	width: 725px;
	height: 40px;;
	padding: 5px;
	float: left;
	background-color: #DCE7EA;
	text-shadow: 1px 0 0 #D3EFFF;
	color: #333;
	margin: auto;
	font-size: smaller;
}

footer.push a, a:active, a:visited {
	color: #333;
}
footer.push a:hover {
	color: #336699;
}

input {
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}

textarea {
	width: 100%;
	color: #67787D;
	
	}

input[type=text] {
	background: #fff;
	height: 14px;
	margin: 5px;
	padding: 4px;
	width: 150px;
	color: #67787D;
	border: 1px solid #333;
}

aside.social_feed li#plugin_cbnet_twitter_widget-3.widget div#twtr-widget-1.twtr-widget div.twtr-doc div.twtr-ft div { display: none; }
aside.social_feed li#plugin_cbnet_twitter_widget-3.widget div#twtr-widget-1.twtr-widget div.twtr-doc div.twtr-ft div a { color: #000; }

input[type=submit] {
	background: #006699; /* for non-css3 browsers */

	background-color: #67787D;

	margin-left: 5px;
	padding: 2px;
	color: #fff;
	border: 1px solid #67787D;
}
/*
@media only screen and (max-width: 333px) {
#ipad_margin {
		margin: auto;
		padding: 0 50px;
	}

 #wrapper {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -1.5em;
	background:url(images/bg.jpg) no-repeat top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	overflow:auto;
	line-height: 100%;
 
}
}

@media only screen and (device-width: 768px) and (orientation: landscape) {

	#ipad_margin {
		margin: auto;
		padding:sa 0 50px;
	}

   #wrapper {
	width: 120%;
	min-height: 120%;
	height: auto !important;
	height: 120%;
	margin: 0 auto -1.5em;
	background:url(images/bg.jpg) no-repeat top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	overflow:auto;
	line-height: 100%;
 
}}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #ipad_margin {
		margin: auto;
		padding: 0 50px;
	}
  
  #wrapper {
	width: 110%;
	min-height: 110%;
	height: auto !important;
	height: 110%;
	margin: 0 auto -1.5em;
	background:url(images/bg.jpg) no-repeat top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	overflow:auto;
	line-height: 100%;
 
}
}
*/
.a2a_menu { margin-bottom: 5em; }