/*
Theme Name: Transecure
Theme URI: http://osynlig.se
Description: Temat för Transecure
Author: Osynlig
Version: 1.0
*/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
}

ol, ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

img {
	border: none;
}

strong {
	font-weight: bold;
}

.right, .alignright {
	float: right;
	margin-left: 10px;
}

.left, .alignleft {
	float: left;
	margin-right: 10px;
}

.clear {
	clear: both;
	display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.hidden {
	display: none;
}

/******************************/

body							{ color: #6e6e6e; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 150%;   }	
body.home						{ color: #6e6e6e; background: url(images/backgrounds/bg-start.png) no-repeat top center; }

h1, h2, h3, h4					{ color: #484848; font-weight: normal; margin: 3px 0 10px; }

h1								{ font-size: 24px; line-height: 120%; margin-bottom: 15px; }
h2								{ font-size: 24px; line-height: 120%; margin: 0 0 15px; }
h3								{ color: #6e6e6e; font-size: 16px; line-height: 140%; margin-bottom: 10px; }
h4								{ color: #6c6c6c; font-size: 12px; text-transform: uppercase; }

a								{ color: #0283a4; text-decoration:none; }
a:active,
a:focus,						
a:hover 						{ text-decoration: underline; }

p								{ margin-bottom: 15px; }

#content ul li					{ background: url(images/icons.gif) no-repeat; color: #515151; font-size: 13px; line-height: 180%; padding-left: 23px; margin-bottom: 5px; text-transform: uppercase; }

fieldset						{ padding: 0; margin: 0; position: relative; min-height: 35px; }
input							{ border:1px solid #e6e6e6; color: #333; -moz-border-radius: 5px; -webkit-border-radius:5px; padding: 3px 6px; }

#container,
#header-content,
#footer-content,
#content						{ margin: 0 auto; padding: 0 20px; position: relative; width: 940px; }



/*------------[ Header ]-------------*/


.home #header					{ background: none; }
#header							{ position: relative; padding-top: 30px; height: 105px; background: url(images/backgrounds/bg-subpage-top.png) repeat-x bottom center;  }

#header h1						{ display: none; }
#header img						{ float: left; margin:-5px 0 0 -5px; }

#top-menu						{ position: absolute; top: -50px; right: 0; background: #f3f3f3; padding: 22px 10px 2px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#top-menu ul li					{ display:block; float:left; padding:0 7px; }
#top-menu ul li	a				{ font-size: 10px; text-transform: uppercase; color: #6d6d6d; }


#main-navigation				{ margin: 15px 0 5px 55px; float: left; }
	#main-navigation ul li 			{ display:block; float:left; padding: 8px 20px 40px 0; margin-right: 15px; background: url(images/line-top.png) no-repeat right; }
	#main-navigation ul li a 		{ display: block; font-size: 12px; text-transform: uppercase; color: #6d6d6d; }
	#main-navigation ul li.active a,
	#main-navigation ul li a:hover,
	#main-navigation ul li a:active,
	#main-navigation ul li.has-active a 	{ text-decoration: none; color: #038fb2; }	

	
	#main-navigation ul.dropdown                { position: relative; }
	#main-navigation ul.dropdown li             { zoom: 1; }
	#main-navigation ul.dropdown li.hover,
	#main-navigation ul.dropdown li:hover       { position: relative; }
	#main-navigation ul.dropdown ul 			{ width: 220px; visibility: hidden; position: absolute; top: 55%; left: 0; z-index: 100;
											 	-moz-border-radius: 15px; -webkit-border-radius: 15px; display: block; background: #fff; padding: 10px 0; border: 3px solid #e3f3f7; }						 		 
	#main-navigation ul.dropdown ul li 			{ float: none; margin-right: 0; background: none; padding: 0 0;  } 
	#main-navigation ul.dropdown ul li:hover	{ background: #f2f2f2; }                                 				
	#main-navigation ul.dropdown ul li a		{ width: 190px; display: inline-block; padding: 5px 15px; font-size: 10px; } /* IE 6 & 7 Needs Inline Block */


	#main-navigation ul.dropdown ul li.header a	{ font-size:12px; color: #666666; cursor:default; border-bottom: 1px solid #e2e2e2; }
	#main-navigation ul.dropdown ul li.header:hover		{ background: none; }
	#main-navigation ul.dropdown ul li.header a:hover	{ color: #666; }




#sub-navigation 				{ float: left; width: 190px; margin-right: 40px; }
	#sub-navigation h4				{ margin-left: 10px; }
	#sub-navigation ul li			{ margin:5px 0px 0px; background: url(images/bottom-line.png) no-repeat bottom; padding:0 0 5px 10px; }
	#sub-navigation ul li.header a	{ font-size:12px; color: #666666; cursor:default; }
	#sub-navigation ul li.header a:hover	{ color: #666; }	
	#sub-navigation ul li a			{ font-size:10px; color: #6e6e6e; }
	#sub-navigation ul li.active > a,								
	#sub-navigation ul li a:hover	{ color: #0283a4; text-decoration: none; }



/*------------[ Content ]-------------*/


.home #content-wrapper			{ background: none; }
#content-wrapper				{ background: #fff; }

.home #content					{ margin-bottom: 0; padding-top: 18px; }
#content						{ padding-top: 33px; margin-bottom: 40px; }
	.post-picture					{ margin: 5px 0 20px; }
	#demo-flash						{ float: left; }
	.start-picture					{ float: left; }
	#content-right					{ background: url(images/backgrounds/content-white-bg.png) no-repeat; float: right; width: 240px; height: 256px; padding: 20px; }
	#content-right p				{ font-size: 12px; color: #515151; clear: both; }
	#content-right h4				{ font-size: 18px; color: #ffaa20; text-transform: uppercase; margin-top: 5px; }
	#content-right ul li a			{ color: #515151; font-size: 13px; }
	#content-right ul li a:hover	{ color: #f09f1b; text-decoration: none; }

	.post-meta						{ margin-bottom: 10px; }
	.post-meta h2					{ margin-bottom: 0px; }	

	.entry h1						{ margin-bottom: 6px; }
	.entry h2						{ margin-bottom: 6px; }
	
#subcontent							{ float: left; }
	.newsbox						{ float: left; width: 300px; margin-right: 30px; margin-bottom: 30px; background: #fff; height: 165px; -moz-border-radius:23px 23px 20px 20px; -webkit-border-radius:23px 23px 20px 20px; border-radius: 23px 23px 20px 20px;
										position: relative; }
	.newsbox:hover					{ background: #000; }
	.newsbox:hover h4 a				{ color: #fff; }									 
	.newsbox h4						{ text-transform: uppercase; color: #515151; font-size: 17px; margin: 9px 20px 10px 15px; font-weight: normal; }
	.newsbox h4 a					{ color: #515151; }
	.newsbox h4 a:hover				{ color: #fff; text-decoration: none; }
	.newsbox a.read					{ background: url(images/icons.gif) no-repeat; width: 15px; height: 20px; text-indent: -9999px; display: block; position: absolute; right: 10px;
										bottom: 10px; }
	.newsletter						{ background: url(images/newsletter-bg.png) repeat-x #ffa920; height: 95px; float: right; width: 240px; 
										padding: 20px; position: relative; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
	.newsletter h4					{ color: #7c4d00; font-size: 17px; margin-bottom: 7px; }
	.newsletter p					{ color: #7c4d00; font-size: 14px; margin-bottom: 5px; }
	.newsletter label				{ color: #7c4d00; }
	.newsletter input				{ background: url(images/backgrounds/submit-bg.png) no-repeat; width: 160px; height: 19px; border: none; padding: 4px 80px 1px 5px;  }
	.newsletter input[type="submit"]{ background: none; color: #fff; border: none; width: 83px; height: 21px;
										padding: 3px 6px 3px 8px; position: absolute; top:19px; left: 164px; cursor: pointer; }
	.newsletter a					{ color: #7c4d00; font-size: 10px;  }
	.newsletter-bottom				{ background: url(images/backgrounds/newsletter-bg-bottom.png) no-repeat; width: 240px; height: 22px; margin-left: -20px; padding: 0 20px;  }
	
div#puff-wrapper					{ float: left; width: 660px; }

	
#main-content						{ float: left; width: 480px; }
	#main-content .breadcrumbs li 	{ float: left; background: none; padding-left: 0; margin-right: 10px; font-size: 11px; text-transform: none; }
	#main-content .breadcrumbs li a	{ float: left;  }
		.spacer						{ background: url(images/spacer.gif) no-repeat right bottom; width: 16px; height: 13px; display: block; float: left; }
	.print							{ float: right; font-size: 11px; color: #8a8a8a; margin-right: 10px; }

/*------------[ Page ]-------------*/


.post-wrapper					{ margin-bottom: 35px; }


/*------------[ Sidepanel ]-------------*/


#sidepanel						{ width: 200px; float: right; color: #585858; margin-top: 30px; }
	.proposal-button,
	.contact-button				{ background: url(images/proposal-button.png) no-repeat; width: 200px; height: 82px; text-indent: -9999px; display: block; }
	.contact-button				{ background: url(images/contact-button.png) no-repeat; margin: 1px 0 20px; }
	#sidepanel h4				{ color: #585858; font-size: 15px; background: url(images/arrow-bottom.gif) no-repeat top right; border-bottom: 1px solid #ccc; padding-bottom: 5px; }
	#sidepanel p				{ font-size: 11px; margin-bottom: 10px; }
	.puff						{ background: #efefef; -moz-border-radius: 20px; -webkit-border-radius:20px; padding: 10px; margin-bottom: 20px; }
	
/*------------[ Newsfeed ]-----------*/
div#news-feed					{ float: left; width: 240px; min-height: 166px; padding: 20px; background: url('images/news-feed-bg.png') no-repeat top center #ffa920; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin-bottom: 20px; color: #7c4d00; }
div#news-feed p					{ margin-bottom: 0; }
div#news-feed h4				{ font-size: 18px; }
div#news-feed h3 a, div#news-feed h3 { font-weight: bold; margin-bottom: 2px; }
div#news-feed h4, 
div#news-feed h3 a, div#news-feed h3 { color: #7c4d00; }


/*------------[ Footer ]-------------*/


.home #footer					{ background: none; margin: 0 0 30px; }
#footer							{ background: url(images/backgrounds/bg-subpage-bottom.png) repeat-x; margin: 20px 0 30px; font-size: 11px; }
	.home #footer-content			{ padding-top: 0px; margin-top: 6px; }
	#footer-content					{ padding-top: 0px; }
	.home #footer-content div				{ width: 180px; background: url(images/line.png) no-repeat right; padding: 30px 20px 0; margin-top: 0; }
	#footer-content div				{ width: 180px; background: url(images/line.png) no-repeat right; padding: 30px 20px 0; margin-top: -20px; }
	#footer img						{ margin-bottom: 50px; }
	#footer p						{ margin-bottom: 6px; }
	#footer ul						{ font-size: 11px; }
	#footer-content > p				{ font-size: 11px; margin: -30px 0 20px; }
	#footer #spotlight				{ width: 440px; background: none; padding: 30px 0 0 20px; margin-top: -10px; }
	#footer img.arrow				{ margin-bottom: 0; }

/*------------[ Registration ]-----------*/
body.page-id-20 div#content			{  }


/*------------[ Classes ]-------------*/


.space-links					{ display: block; margin-right: 20px; float: left; }
div.mce_inline_error			{ display: block !important; margin: 0px 0 0 !important; clear: both; color: #7c4d00; }
.response					{ color: #7c4d00; margin: 8px 0; background: #fff; position: absolute; top:-88px; left: -2px;
								border: 1px solid #ccc; padding: 8px; -moz-border-radius: 10px; -webkit-border-radius:10px; }
								


/* sIFR */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}