/*
Theme Name: Rätt&Felkarnevel
Theme URI: http://mossisen.se/
Description: Leve Tjugotio!
Version: FINAL
Author: Nicklas Nygren
Author URI: http://mossisen.se/
Tags: tjugotio, karneval, rätt, fel

	Design: Nicklas Nygren
	Implementation: Niklas Lindblad, Nicklas Nygren

*/

/*Elements

-> Containers
---
*/

#lk_lajv_menupost { display: inline-block !important; *display: inline; float: left; width: 52px; height: 20px; margin-right: 10px; background: url(gfx/lajv-menu.png); }
	#lk_lajv_menupost a { display: block; width: 100%; height: 100%; color: transparent; text-indent: -9999% !important; }

* {margin: 0; padding:0}
body, html {height: 100%;}
body {font: 0.80em "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; background-attachment: fixed !important}
img {border:0 !important}

/*
-> Typography
---
*/
h1,h2,h3,h4,h5 {font-family: Garamond, Georgia, "Times New Roman", Times, serif; margin-bottom: 8px; margin-top: 8px; font-weight: normal}
#header h1 {display: block; text-indent:-9999%; width: 668px; height: 109px; background: transparent url(gfx/branding.png);}
#header h1.lajv { display: block; text-indent:-9999%; width: 668px; height: 78px; background: transparent url(gfx/branding-lajv.png); }
#header h1 a {position: relative; top: -10px; display: block; height: 78px; width: 100%;}
	.widget_description h2, #main_description h2 {margin-top: 0}
h3 {font-weight: bold}
p {line-height: 135%}
p+*, p+*+p {margin-top: 10px}

hr {visibility: hidden;}

h1.lajv { height:78px }

.gallery { margin-bottom: 0; margin-top: 0; padding: 0 }
.gallery+* { margin-top: 0; }

/*
-> Other
---
*/
hr {clear: both; height: 20px; background:transparent; color: transparent; border: 0; padding: 0; margin: 0}
a {color: #921936; text-decoration: none}
img {border: 0}
td+td {padding-left: 20px}

#gubbe { min-height: 270px }

.entry ul {padding-left: 20px; list-style: disc}
.entry ul {padding-left: 20px; list-style: disc}
#gubbe a {color: inherit}

#gubbe ul {list-style: none; padding-left: 10px}

/*ID:s*/
#header {z-index: 5; margin-bottom: -44px;}
#branding {height: 112px; width: 700px}
	#branding.lajv { height: 76px }
	
#lajv_fix { display: block; height: 33px; width: 309px; position:absolute; bottom: -31px; right: -38px; background: transparent url(gfx/branding_bottom.png); }	
	#lajv_fix a { display: block; width:100%; height: 100%; text-indent: -9999% }
	
.main_picture {width: 520px; height: 310px; background-position: top center !important}
#main_content: {min-height: 310px}
	#main_content div {padding-top: 17px}
.main_description {height: 75px; width: 520px; margin-top: -75px; z-index: 3;}
	.main_description h2 {margin-top: 0; margin-bottom: 0}
#tjej_bubbla {width: 300px; height: 96px; margin-top: -96px; background: transparent url(gfx/tjej_bubbla.png)}
#kille_bubbla {width: 300px; height: 110px; margin-bottom: -110px; background: transparent url(gfx/kille_bubbla.png)}

#menu {padding-bottom: 10px}

#menu ul {list-style: none}
#menu ul li {display: inline; padding-left: 5px; padding-right: 5px}
#menu ul li a {font-weight: bold}

#path {position: relative; display: block; z-index: 6 !important; margin-top: -25px; margin-bottom: -10px; width: 250px}
#gubbe {margin-bottom: 0}

#top_menu {float: right}
#sponsors ul li {display: inline; padding: 5px; vertical-align: middle}

.subpages_cell li {display: block !important; margin-bottom: 2px }
.subpages_cell { display: block; float: left; width: 188px; padding: 10px; padding-top: 0}
/*.subpages_cell {display: inline-block; width: 160px}*/
.subpages_cell+.subpages_cell {margin-left: 4px}
#subpages_grid {overflow: visible; margin-top: 20px}
.submenu {display:none}

/*Classes*/
.cell_content {padding: 10px}
.rounded_all {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
	.cell_content.rounded_all, #main_content.rounded_all {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px}
.rounded_bottom {border-bottom-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
.rounded_tl {border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;}
	.cell_content.rounded_bottom, .widget_description.rounded_bottom, #main_description.rounded_bottom	 {border-bottom-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px;}
.right_float {float:right}
.left_float {float:left}
.noheight {height: 0}
.extra_top {padding-top: 20px}
.extra_bottom {padding-bottom: 20px;}

.size-medium {margin-left: -5px}

.nodisplay {display: none}

.wp-caption {text-align: center; font-style: italic; font-size: 82%}
.wp-caption img {margin-bottom: 3px; margin-top: -7px}
.wp-caption.alignnone {margin-left: -5px}

.center {text-align: center}
.alignleft, .alignright, .aligncenter, .alignnone {padding: 5px; margin-bottom: 5px}
.alignleft {float: left; margin-right: 10px; clear: left}
.alignright {float: right; margin-left: 5px;clear: right}
.aligncenter {clear: both; margin: 0 auto; margin-top: 5px; margin-bottom: 5px}

.wp-caption.aligncenter {background-color: inherit; color: inherit; width: 400px !important}

.middle_widget {height: 125px; background-position: center center !important; vertical-align: bottom}
.widget_description {position: absolute; bottom: 10px !important; width: 190px; z-index: 3; padding: 5px; padding-bottom: 2px; margin-left:-10px; margin-bottom: 0;cursor: default}
	.widget_description h2 {margin-bottom: 0}
	
.icon-64 {display: inline-block; width: 64px; height: 64px; text-indent: -9999%; background-repeat: no-repeat}

.main_picture, .middle_widget {cursor:pointer;cursor:hand}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8., grid_9, .grid_10, .grid_11, .grid12 {}
.grid_3 {margin-top: 20px}

.icon {width: 160px; display: inline-block; vertical-align: top; word-wrap: break-word; text-align: center}
.icon img {margin: 0 auto}

.notopmargin {margin-top: 0 !important}
/*
-> Color
---
*/
.soft  {background: url(gfx/pattern_soft.png);}
.hard  {background: url(gfx/pattern_hard.png);}
.diminished  {background: url(gfx/pattern_soft.png);}
.white_bg {background: white}
.white {color: white}
.red_bg {background-color: #921936}
.red {color: #921936}
.green_bg {background-color: #aad5bc}
.green {color: #aad5bc}
.black_bg {background-color: #222}
.black {color: #222}
.yellow_bg {background-color: #fdc94d}
.yellow {color: #fdc94d }

#lk_lajv_container {margin-left: -10px; margin-top: -60px; margin-bottom: -10px}
#lk_lajv_container #tjej {position: relative; margin-left: 660px; top: 0}
/*#carneval_map_zoomcontrol, #carneval_step_buttons { width: 100px !important; margin-top: 30px; margin-left: 10px}
#carneval_step_buttons { position: absolute; width: 100px; top:60px !important; left: -10px !important }
#carneval_step_buttons .carneval_red_button+.carneval_red_button {margin-left: 22px}
.carneval_red_button { float: left !important;}
#carneval_custom_infowindow { z-index: 999999999; }*/
	
.margin_adjust { margin-left: -10px; margin-top: -20px; }

#kradio { height: 168px }
.kradiogrid { clear: none; width: 190px; margin-left: 40px }
.kradiogrid+.kradiogrid { margin-left: 50px }
#studio-mail { width: 190px; height: 90px; margin-bottom: 10px; border: 0 transparent; padding: 5px }

.search_result { cursor:pointer;cursor:hand; display: block; height: 200px; background-position: center center !important; vertical-align: bottom; margin-top: 15px }
.search_result .cell_content h2 { padding: 0; margin: 0; margin-top: -10px }

#nyhetsrotator { border-bottom: 0; margin-bottom: -10px }
#nyhetsrotator h3 { margin-top: 0 }
.rotatornyhet { width: 280px; margin-top: -10px; margin-bottom: -10px }


#gubbe .cell_content {margin-bottom: 0}
#gubbe .cell_content+.cell_content {margin-top: -10px}

.no_header_margin h1, .no_header_margin h2, .no_header_margin h3, .no_header_margin h4 { margin-top: 0; padding-top: 0 }

/* För glas-effekt! (CSS3): */

/*.styledborder { box-shadow: 0 1px 4px rgba(0,0,0,0.4), inset 0 1px rgba(255,255,255,0.3), inset 0 7px rgba(255,255,255,0.2), inset 2px 4px 20px rgba(255,255,255,0.25), inset 0 -2px 2px rgba(0,0,0,0.3);
   -o-box-shadow: 0 1px 4px rgba(0,0,0,0.4), inset 0 1px rgba(255,255,255,0.3), inset 0 7px rgba(255,255,255,0.2), inset 2px 4px 20px rgba(255,255,255,0.25), inset 0 -2px 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4), inset 0 1px rgba(255,255,255,0.3), inset 0 7px rgba(255,255,255,0.2), inset 2px 4px 20px rgba(255,255,255,0.25), inset 0 -2px 2px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.4), inset 0 1px rgba(255,255,255,0.3), inset 0 7px rgba(255,255,255,0.2), inset 2px 4px 20px rgba(255,255,255,0.25), inset 0 -2px 2px rgba(0,0,0,0.3);
 }*/