/*  

Theme Name: Adam och Johan

Theme URI: http://www.thelamp.se/

Description: Theme by <a href="http://www.thelamp.se">The Lamp</a>. Based on <a href="http://www.powertheme.com/themes/elegance/">Elegance</a>. 

Version: 0.1b

Author: The Lamp

Author URI: http://www.thelamp.se/

Tags: Lampa, Johan, Adam

*/



* {
	margin: 0;
	padding: 0;
	outline: none;
}
a:link, a:visited, a:active {
	color: #88c712;
	text-decoration:none;
}
a:hover {
	color: #b6d95b;
	text-decoration:underline;
}
body {
	background: #f8f2e3;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666;
}
h1, h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
abbr {
	cursor:help;
}
#wrapper {
	width: 900px;
	margin: 0 auto;
}
#lamp_info {
	width: 900px;
	margin: 0 auto;
	padding:35px 0px 20px 0px;
	height:98px;
	background:left top url(img/lamp_icon_top_head.jpg) no-repeat;
}
#lamp_info_box {
	float:left;
	width:400px;
	padding:0px 35px 0px 0px;
	font-size:12px;
	line-height:19px;
}
#lamp_info_box img {
	float:left;
	margin:4px 10px 0px 0px;
}
#lamp_info_box_contact {
	background:left url(img/adam_och_johan.gif) no-repeat;
	margin-top:5px;
	height:55px;
	max-width:275px;
	padding:3px 0px 0px 38px;
	line-height:27px;
}
#lamp_info_box a:link, #lamp_info_box a:visited, #lamp_info_box a:active {
	color:#88c712;
}
#lamp_info_box a:hover {
	color: #fff;
}
#head {
	background:top url(img/top_shadow.jpg) repeat-x;
	height:284px;
}
#head_content {
	width: 900px;
	margin: 0 auto;
	background: url(img/header_bg.jpg) no-repeat left;
	height:284px;
}
#head_content_lamp_icon {
	float:right;
	cursor:pointer;
	margin-top:6px;
}
#header {
	width: 800px;
	height: 260px;
}
#header_homelink {
	cursor:pointer;
	float:left;
	width:250px;
	height:200px;
}
#header_nummer {
	float:left;
	margin:33px 0px 0px 55px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-size:8px;
	line-height:8px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#header_nummer span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:25px;
}
#header_pratbubbla {
	float:left;
	margin:15px 0px 0px 372px;
	color:#fff;
	width:175px;
	height:135px;
	font-style:italic;
	font-size:16px;
	line-height:22px;
}
#header_animation {
	float:right;
	margin:120px 10px 0px 0px;
}
#header_bottom {
	width:600px;
	float:left;
	margin-top:30px;
}
#header_bottom_menu {
	float:left;
	text-transform:uppercase;
}
#header_bottom_signature {
	color:#FFFFFF;
	float:right;
	width:250px;
	margin-top:23px;
}
#header_bottom_signature em {
	font-size:11px;
	color:#FFFFFF;
	float:right;
}
#header_bottom span {
	cursor:pointer;
}
#header_bottom a:link, #header_bottom a:visited, #header_bottom a:active, #header_bottom_signature a:link, #header_bottom_signature a:visited, #header_bottom_signature a:active {
	color:#FFFFFF;
	font-weight:bold;
}
#header_bottom a:hover, #header_bottom_signature a:hover {
	background-color:#FFFFFF;
	color:#88c712;
	text-decoration:none;
}
#header_twitter {
	font-size:9px;
	color:#b8f154;
	margin:0px 0px 12px 33px;
}
#header_twitter a {
	color:#b8f154;
}
a.logo {
	width: 192px;
	height: 52px;
	float: left;
	background: url(img/logo.png);
	margin-top: 45px;
}
a.logo span {
	display: none;
}
.search {
	float: right;
	margin-top: 35px;
}
.search img {
	margin-bottom: 10px;
}
.search .search-text {
	background: url(img/search-bg.png) no-repeat;
	width: 157px;
	padding: 6px 30px 8px 10px;
	border: none;
}
#subheader {
	background: url(img/subheader-bg.png) no-repeat;
	width: 800px;
	height: 170px;
	float: left;
}
#subheader p {
	font-size: 10px;
	margin: 58px 0 0 0px;
	width: 460px;
}
#subheader div {
	margin-top: 7px;
}
/*
	script stuff 
*/
#submit_button {
	 float:right;
	 width:110px;
	 height:22px;
	 background:url(img/button.jpg);
	 text-align:center;
	 font:12px;
	 font-weight:bold;
	 padding-top:3px;
}
#submit_button a {
	 color:#fff;
}
#content {
	width: 600px;
	float: left;
	padding-top:12px;
	margin-left:12px;
}
#start_content {
	width: 900px;
	margin: 0 auto;
}
#content_left {
	width:580px;
	padding:14px 13px 0px 13px;
	line-height:21px;
	float:left;
}
#big_blue_h3 {
	font-size:18px;
	line-height:26px;
	color:#245155;
	margin-bottom:25px;
}
#big_brown_h4 {
	font-size:15px;
	line-height:21px;
	color:#452705;
}
#content_bottom_heading {
	border-bottom:1px solid #a28a7f;
	padding-left:5px;
	padding-right:12px;
	color:#674d2f;
	height:25px;
	font-size:16px;
}
#content_heading h3 {
	text-transform:uppercase;
	float:left;
	font-size:16px;
}
#content_heading h5 {
	margin-bottom:0px;
}
#content_portfolio {
	margin-top:10px;
	text-align:center;
	height:175px;
	background:url(img/portfolio_shadow.jpg) bottom no-repeat;
}
#content_portfolio img {
	float:left;
	border:6px solid #88c712;
	margin-right:8px;
}
#content_portfolio img:hover {
	border-color:#abf61c;
	cursor:pointer;
}
#avdelare {
	float:left;
	margin:-15px 0px 40px 0px;
	width:100%;
	text-align:center;
}
#content_bottom_small {
	float:left;
	width:280px;
	line-height:21px;
}
#content_bottom_small h5 {
	font-size:12px;
	color:#245155;
	text-transform:uppercase;
	margin:5px 0px 10px 0px;
}
#content_bottom_heading {
	padding-left:0px;
}
#content_bottom_heading h3 {
	text-transform:uppercase;
	font-size:16px;
	color:#452705;
	margin:0px;
}
#content_navbar {
	width:900px;
	height:38px;
	background-image:url(img/content_navbar_bg.jpg);
	margin:15px 0px 15px 0px;
	float:left;
}
#content_navbar div {
	margin:6px 0px 7px 3px;
	float:left;
	width:220px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#c1e283;
	text-align:center;
	cursor:pointer;
}
#content_navbar img {
	float:right;
}
#content_navbar p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8px;
}
#content_navbar div:hover {
	color:#ffffff;
}
#content_blogfeed {
	float:left;
	width:100%;
}
#content_blogfeed_span {
	color:#245155;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
}
#content_blogfeed_top {
	font-size:9px;
	margin: 0px 15px 0px 0px;
	text-align:right;
	color:#cac5b9;
}
#content_right_wrapper {
	float:left;
	width:280px;
}
#content_right_flickr, #content_right_delicious, #content_right_lastfm, #content_right_top, #content_right_blogg {
	width:278px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	background:url(img/container_right_shadow.jpg) bottom no-repeat #e2eff0;
	padding-bottom:5px;
}
#content_right_flickr {
	width:256px;
	padding:11px;
	padding-bottom:18px;
}
#content_right_flickr img {
	float:left;
	margin:2px;
	border:3px solid #cbe3e5;
}
#content_right_flickr img:hover {
	border:3px solid #fff;
}
#content_right_blogg {
	padding:0px 12px 12px 22px;
	width:244px;
}
#content_right_blogg h3 {
	font-weight:bold;
	text-transform:uppercase;
	color:#452705;
	font-size:12px;
	margin-bottom:7px;
}
#content_right_top {
	background:url(img/content_right_top_bk.jpg) no-repeat #cbe3e5;
	margin-top:15px;
	padding:10px 0px 10px 0px;
	text-align:center;
	color:#245155;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#content_right_top span {
	font-size:10px;
	font-weight:normal;
}
#content_right_flickr a, #content_right_delicious a, #content_right_lastfm a {
	font-weight:bold;
}
#content_right_flickr p, #content_right_delicious p, #content_right_lastfm p {
	font-size:10px;
	font-style:italic;
	color:#bbafb7;
	display:inline;
}
#content_right_item {
	margin:15px;
}
#ajax_loader_top {
	margin: 80px 15px 15px 70px;
}
#ajax_loader_main {
	margin: 20px 15px 15px 20px;
}
#ajax_loader_side {
	margin: 10px 15px 15px 10px;
}
#ajax_loader_bottom {
	margin: 5px 0px 0px 5px;
}
/* OM MIG */
#ommig_wrapper {
	color:#1c1c1c;
	font-family:Georgia, 'Times New Roman', Times, serif;
	margin-top:12px;
}
#ommig_wrapper p {
	margin-bottom:20px;
	line-height:20px;
}
#ommig_vem {
	width:280px;
	margin-left:5px;
	float:left;
}
#ommig_kunskaper_top {
	background:url(img/ommig_kunskaper_top.jpg);
	width:293px;
	height:28px;
	float:left;
}
#ommig_kunskaper_bottom {
	background:url(img/ommig_kunskaper_bottom.jpg);
	width:293px;
	height:17px;
	float:left;
}
#ommig_kunskaper {
	background:url(img/ommig_kunskaper_bg.jpg) top repeat-y;
	width:263px;
	float:left;
	padding:0px 15px 0px 15px;
	line-height:20px;
}
#ommig_kunskaper h4 {
	font-weight:bold;
	text-transform:uppercase;
	color:#452705;
	font-size:12px;
}
#ommig_kunskaper img {
	float:right;
	margin-right:20px;
	margin-top:10px;
}
#program_container {
	float:left;
	border-top:1px dotted #295c60;
	padding-bottom:1px;
	width:225px;
	margin-bottom:20px;
	margin-left:12px;
}
#program_listing {
	border-bottom:dotted #295c60 1px;
	float:left;
	width:100%;
	padding: 4px 0px 2px 1px;
}
#program_listing_img {
	margin-right:5px;
	float:left;
}
#program_listing_header {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
	color:#295c60;
	display:inline;
	margin-top:3px;
	float:left;
}
#kortfattat_top {
	width:278px;
	margin-left:15px;
	margin-top:6px;
	float:left;
	background:url(img/content_right_top_bk.jpg) no-repeat;
	color:#245155;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0px 10px 0px;
	text-align:center;
}
#kortfattat_content {
	width:255px;
	margin-left:15px;
	float:left;
	background-color:#e2eff0;
	padding:12px;
	padding-bottom:0px;
}
#kortfattat_bild {
	width:187px;
	padding:20px;
	margin:15px 0px 20px 10px;
	border:2px solid #d2dedf;
	float:left;
	background-color:#fff;
}
#portfolio_wrapper {
	margin-top:12px;
}
#portfolio_item {
	float:left;
	width:100%;
	padding-bottom:30px;
	border-bottom:1px dotted #666;
	margin-bottom:30px;
}
#portfolio_item img {
	float:left;
	margin-right:17px;
}
#portfolio_item h3 {
	font-weight:bold;
	text-transform:uppercase;
	color:#452705;
	font-size:12px;
	display:inline;
}
#portfolio_item_info {
	float:left;
	width:280px;
}
#portfolio_item_info_short {
	padding:0px 0px 5px 5px;
	border-bottom:1px dotted #452705;
	margin-bottom:10px;
}
#portfolio_item_info_text {
	padding:5px 7px 10px 5px;
	line-height:19px;
	border-top:1px dotted #452705;
	margin-top:10px;
}
#portfolio_item_info ul li {
	padding: 0px 0px 5px 25px;
	display: block;
	background: url(img/check.jpg) no-repeat 0px 6px;
	font-size: 18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #245155;
}
#logo_main {
	float:left;
}
#logo_container {	
	margin-bottom:0px;
	float:left;
}
#logo_container img {
	float:left;
	margin-left:0px;
	border:#dfddd0 1px solid;
	margin:2px;
}
.post {
	width: 568px;
	background:url(img/post_bg.jpg);
	float:left;
}
.post ol {
	margin-left:20px;
}
.post_border {
	width:517px;
	border-top:1px dotted #cac5b9;
	margin:15px 0px 20px 30px;
	float:left;
}
.post_item_header h2 {
	font-size:18px;
	color: #88c712;
	font-weight: bold;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}
.post_info {
	color: #666666;
	font-size: 11px;
	padding-bottom: 10px;
	float: left;
	font-style:italic;
}
.post p {
	line-height: 22px;
	margin-bottom: 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.post div.cats {
	border-top: 1px solid #ececec;
	padding-top: 10px;
}
.post_item {
	float:left;
}
.post_item_date {
	width:89px;
	height:47px;
	float:left;
	color:#fff;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	margin-top:15px;
}
.post_item_date span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	font-weight:bold;
	display:block;
}
.post_item_top_top {
	width:568px;
	float:left;
	height:17px;
	background:url(img/post_top_bg1.jpg);
}
.post_item_top {
	width:568px;
	float:left;
	background:url(img/post_top_bg2.jpg);
}
.post_item_header {
	float:left;
	width:455px;
	padding:11px 0px 0px 10px;
}
.post_item_body {
	margin:5px 17px 0px 25px;
	float:left;
}
.post_item_bottom {
	width:568px;
	height:17px;
	background:url(img/post_bott_bg.jpg);
	margin-bottom: 25px;
	float:left;
}
#sidebar {
	width: 275px;
	float: right;
	padding-top:12px;
	margin-right:12px;
}
#sidebar ul {
	list-style-type: none;
}
#sidebar ul li {
	padding-bottom: 5px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 15px;
}
#sidebar ul li ul li {
	margin: 0;
	border: none;
	padding: 0;
}
#sidebar ul li ul li /* a */ {
	padding: 0px 0px 5px 15px;
	display: block;
	background: url(img/sidebar-bullet.gif) no-repeat 0px 3px;
}
#sidebar ul li h2 {
	font-size: 18px;
	color: #474747;
	padding-bottom: 9px;
	font-weight: normal;
}
.navigation .previous {
	float:left;
}
.navigation .next {
	float:right;
}
#footer {
	clear: both;
	width: 100%;
	float: left;
	background:url(img/bott_bkg.jpg) repeat-x #FFFFFF bottom;
	padding:80px 0px 55px 0px;
}
#footer img {
	float: left;
	margin-right:10px;
	padding-top:0px;
}
#footer_wrapper {
	width: 900px;
	margin: 0 auto;
}
#footer_top {
	width:100%;
	float:left;
	margin-bottom:170px;
}
#footer_bottom {
	float:left;
	color:#fff;
	font-size:11px;
}
#footer_bottom div {
	float:left;
}
#footer_bottom p {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:10px;
	text-transform:uppercase;
}
#footer_bottom a:link, #footer_bottom a:visited, #footer_bottom a:active {
	color: #fff;
	text-decoration:none;
}
#footer_bottom a:hover {
	background-color:#FFFFFF;
	color:#000000;
}
/*
	.comments template styles
*/

#comments_text  {
	float: left;
	width:558px;
	margin-left:9px;
}
.comments {
	float: left;
	padding: 20px;
	padding-bottom:10px;
	background:#e2eff0;
	border:1px solid #cbe3e5;
	margin-top:15px;
	margin-left:9px;
	width:518px;
}
.comments label {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666;
	margin-bottom:3px;
}
.comments input[type=text], textarea {
	width: 350px;
	border:1px solid #91cb28;
	padding:5px;
}
.comments input[type=submit] {
	background-image:url(http://www.johanjansson.se/wp-content/themes/johan/img/button_post.jpg);
	width:112px;
	height:26px;
	border:none;
	color:#fff;
	cursor:pointer;
	float:right;
	font-weight:bold;
	font-size:11px;
	font-family:Georgia, 'Times New Roman', Times, serif;
}
textarea {
	width: 505px;
}
.comments fieldset {
	padding: 20px;
	border: 1px solid #CCC;
	margin: 10px 0 20px 0;
}
.comments p {
	padding: 5px 0 10px 0;
	font-size:11px;
}
.comments h2 {
	padding: 0 0 15px 0;
}
#cdisplay {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float:left;
}
#cdisplay li {
	padding: 10px;
	width: 538px;
}
#cdisplay li.first {
	background: #f9f9f9;
	border: #cbe3e5 1px solid;
}
#cdisplay li.second {
	background: #f6f6f6;
	border-bottom: #dedede 1px solid;
}
#cdisplay p {
	padding: 5px 0 10px 0;
	font-size:11px;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
img.avatar {
	float:right;
}
/* Externa parsningar */

#flickr_bottom_container {
	margin: 15px 0px 0px 22px;
	width:863px;
	float:left;
	background:url(img/flikr_bottom_shadow.jpg) bottom no-repeat #e2eff0;
}
#flickr_bottom {
	float:left;
	padding:10px 0px 20px 13px;
}
#flickr_bottom_top {
	width:100%;
	float:left;
	background:url(img/flikr_top_bk.jpg) no-repeat #cbe3e5;
	padding:10px 0px 10px 0px;
	text-align:center;
	color:#245155;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}
#flickr_bottom_top span {
	font-size:10px;
	font-weight:normal;
}
#flickr_bottom img {
	float:left;
	margin-right:13px;
	border:3px solid #cbe3e5;
}
#flickr_bottom img:hover {
	border:3px solid #fff;
}
#flickr {
	float:left;
}
/* Panelen i toppen */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
}
.CollapsiblePanelTab {
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
.CollapsiblePanelContent {
	margin: 0px;
	padding-top:1px;
	background:#29595d url(img/lamp_bk.jpg) top center repeat-x;
	color:#fff;
}
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}