/*
Theme Name: Hangups.se
Theme URI: 
Description: 
Version: 1.0
Author: Ludvig af Klinteberg
Author URI: 
Tags: 

*/

/*
------------------------------
MAIN ELEMENTS
------------------------------
*/

* {margin: 0; padding: 0;}
body {margin: 10px 0; padding: 0; background:#5F6C02; color: #333; font:12px Verdana, Arial, Tahoma, "Trebuchet MS"; text-align:center; background-image:url(images/greenbackground.jpg); background-position:top left;}
img { border: 0; }
		
a {text-decoration:none; outline: none; /* removes dotted line around imagelinks in Firefox */}

	#flikarna a:link, #flikarna a:visited {color:#385A16; text-decoration:none;}
	#flikarna a:hover {color:#538620; text-decoration:none;}
		
	#wrapper .right a:link, #wrapper .right a:visited {color:#538620;}
	#wrapper .right a:hover {color:#385A16; text-decoration:underline;}
	
	#wrapper .left a:link, #wrapper .left a:visited {color:#538620;}
	#wrapper .left a:hover {color:#385A16; text-decoration:underline;}

p {margin:0; padding:5px 0; line-height:19px;}
p strong {
	color:#000;
	font-weight:bold;
}
#wrapper .right p, #wrapper .right ul, #wrapper .right h1, #wrapper .right h2, #wrapper .right h3, #wrapper .right h5, #wrapper .right form {margin:6px 25px 7px 20px;}

.mindre {font-size:10px; line-height:14px;}

/*
------------------------------
HEADINGS
------------------------------
*/

h1 {font-size:11px; text-transform:uppercase; background-color:#B8C9A5; border-top:1px solid #769357; border-bottom:1px solid #769357; padding:5px 15px 5px 11px; margin:0px;}
h2 {margin:0; padding:5px 0; font:600 18px Arial, Helvetica, sans-serif; color: #385A16;} /* storsta rubriken i hogra kolumnen */
h3 {margin:0; padding:8px 0 1px 0; font:bold 15px Arial, Helvetica, sans-serif; color:#538620;} /* naststorsta rubriken i hogra kolumnen */
h4 {margin:0; padding:12px 0 1px 0; font:bold 15px Arial, Helvetica, sans-serif; color:#538620;} /* pop-ups rubriker */
h5 {margin-top:0; padding:10px 0 2px 0; font: bold 13px Arial, Helvetica, sans-serif; color:#FF6600;}
h6 {margin:0; font: bold 13px Arial, Helvetica, sans-serif; color:#333;}
h7 {margin:0; font: bold 13px Arial, Helvetica, sans-serif; font-weight: bold; padding-top:10px;}

/*
------------------------------
HEADER
------------------------------
*/

#flikarna {width:232px; float:right; padding:30px 10px 0 0;}
#logo {width:305px; float:left; padding:10px 0 10px 57px;}
#inforad {width:670px; float:left; height:25px; clear:left; padding:0 0 15px 60px;}

/*
------------------------------
LAYOUT ELEMENTS
------------------------------
*/
 
#content {width:100%; padding:0px 0px;}
#wrapper {width:795px; margin:0px auto 0 auto; padding-top:40px; overflow: hidden; text-align: left; background-image:url(images/oldpaper.png); background-repeat:no-repeat; background-position:top left; min-height:1065px; height:expression(this.scrollHeight > 1065 ? "auto":"1065px");}
#colorwrapper {width:790px; float:left;}
#wrapper .right {width:470px; float: right; padding-right:30px;}
#wrapper .left {width:215px; float:left; padding-right:0px; padding-left:60px; font-size:11px;}

/*
------------------------------
BOTTOM ELEMENTS
------------------------------
*/
#footer2 {width:700px; margin:0 auto; padding-top:5px; overflow:hidden; text-align:center; color:#333; clear:both;}


/*
------------------------------
MENU
------------------------------
*/

#ddblueblockmenu{border:1px solid black; border-bottom-width:0; width:185px;}
#ddblueblockmenu ul{margin:0; padding:0; list-style-type:none; font:13px 'Trebuchet MS', 'Verdana', Arial, sans-serif;}
#ddblueblockmenu li a{
background:transparent url(images/arrow_right.gif) no-repeat;
background-position:2px 4px;
display: block;
padding: 5px 0;
padding-left: 22px;
width: 156px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #333C02;
border-bottom: 1px solid #424D02;
border-left: 7px solid #222701;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 183px; /*IE 5*/
w\idth: 156px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {background-color:#3A4402; border-left-color:#2C3201;}

#wrapper .left #ddblueblockmenu a:link, #wrapper .left #ddblueblockmenu a:visited {color:#8CA86F;}
#wrapper .left #ddblueblockmenu a:hover {color:#8CA86F; text-decoration:none;}


/* Body taggens class for att aktiv sida ska ha annan fargs pil*/
#hem .hem, #samtalsterapi .samtalsterapi, #psykosyntes .psykosyntes, #e-samtal .esamtal, #rensa .rensa, #om .om, #lastips .lastips, #arvode .arvode, #aktuellt .aktuellt, #kontakt .kontakt
{
background:transparent url(images/arrow_right_active.gif) no-repeat;
background-position:2px 4px;
display: block;
padding: 5px 0;
padding-left: 22px;
width: 156px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #333C02;
border-bottom: 1px solid #424D02;
border-left: 7px solid #222701;
}

/*MENYRUBRIK SOM KAN ANVANDAS VID BEHOV*/
#ddblueblockmenu div.menutitle{color:white; border-bottom:1px solid black; padding:1px 0; padding-left:5px; background-color:black; font:13px 'Trebuchet MS', 'Verdana', Arial, sans-serif;}


/*
------------------------------
LIST ELEMENTS
------------------------------
*/

/* DUBBLA KOLUMNER */
.right ul {margin:10px; padding-left:35px; list-style:none;}
.right li {background-image:url(images/pil.gif); background-repeat:no-repeat; background-position:0 5px; margin:0 5px 0 0;	padding-left:18px; line-height:190%;}

  /* allow room for 2 columns */
  .right ul {width:30em;}

  /* float & allow room for the widest item */
  .right li {float:left; width:12em;}

  /* stop the float */
  br {clear:left;}

  /* separate the list from subsequent markup */
  div.listcolumn {margin-bottom:1em;}


/* ENKLA KOLUMNER */
.right .bullet ul{margin:10px; padding:0; list-style: none; width:30em}
.right .bullet li{background-image: url(images/pil.gif); background-repeat:no-repeat; background-position:0 5px; margin:5px 25px 0px 0px;padding-left:19px;	line-height:19px; list-style:none; width:25em}

/*
------------------------------
FORM ELEMENTS
------------------------------
*/

label{width:100px; font-weight:bold; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;}
label.nonbold {font-weight:normal;}
form .textruta, textarea{width:200px; margin:6px 0 5px 0; padding:2px; background-color:#FBFAF9; border:1px solid #AABE95; color:#333333; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
textarea{width:340px; height:115px;}
input.radio, input.checkbox {margin: 6px 10px 0 10px; padding: 0px 0px 0px 0px; width: 15px; display: inline;}
#submitbutton{margin-top:5px; padding:2px; width:54px; background:#EFEFEF; border:1px solid #AABE95;}
.error {color:#CC0000; font:11px Verdana, Arial, Helvetica, sans-serif;}

/* Error Notification  */
#alertMessagePlaceHolder {
	background-color: #FFCCCC;
	border: 1px solid #F00;
	padding: 5px;
	display: none;
	margin: 2em 5px;
}

.errMsg { color: #CC0000; } 

/*
------------------------------
IMAGES
------------------------------
*/
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.imageright {float:right; margin:5px 5px 10px 15px; padding:3px; border:solid 1px #333;}
.imagewide {float:left; margin:5px 0 10px 10px; padding:3px; border:solid 1px #333;}
.imagerowcase {float:left; margin:5px 0 10px 0; padding:3px; border:solid 1px #CFCFCF; padding-right:5px;}
.smallcaseimage {padding:6px 0 0 22px;}

.line {padding:10px 0 10px 0;}  /* avskiljare i vanstra kolumnen */
.line_long {padding:0;} /* avskiljare i hogra kolumnen */
.line_footer {padding:10px 0 10px 0;}  /* avskiljare i vanstra kolumnen */

/*
------------------------------
POP UPS
------------------------------
*/

	#container a:link, #container a:visited {color:#538620;}
	#container a:hover {color:#385A16; text-decoration:underline;}