/*
Theme Name: Gleerups Kalendarium
Theme URI: http://www.linusbohman.se/
Description: Gleerups Kalendarium, to be iframed
Version: 0.9
Author: Linus Bohman
*/

/*
	Stylesheet:
	-----------

	Reset
	General formatting
	index.php
	sidebar
	archive.php
	single.php
*/


/* RESET ------------------*/

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/* line-height: 1; */
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;}

a img, :link img, :visited img {
	border: 0;}

table {
	border-collapse: collapse;
	border-spacing: 0;}

ol, ul {
	list-style: none;}

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



/* GENERAL FORMATTING -------------------*/

body {
	color: #000000;
	font: 10pt Georgia, Times, serif;
	background: #FFF;}

#wrap {
	width: 880px;
	padding: 5px 0px 5px 5px;}

#header {
	height: 0;}
	
#left-middle {
	float: left;
	height: auto;
	width: 600px;}	
	
#right {
	width: 260px;
	height: auto;
	float: right;}
	
#footer {
	clear: both;
	height: 0;}

.clear {
	clear: both;
	height: 0px;}
	
h2,
h3,
h4 {
	font-size: 13pt !important;
	font-weight: bold !important;}
	
/* category colours on text */
.category-4 .sistaanmalan,
.category-4 .anmalan h3,
.category-4 .content h1,
.category-4 .content h2,
#archive .postcat-4 .day,
#archive .postcat-4 h4 a,
#index .topevents .left h4 a {
	color: #fb0404;}
.category-5 .sistaanmalan,
.category-5 .anmalan h3,
.category-5 .content h1,
.category-5 .content h2,
#archive .postcat-5 .day,
#archive .postcat-5 h4 a,
#index .topevents .middle h4 a {
	color: #e87812;}
.category-6 .sistaanmalan,
.category-6 .anmalan h3,
.category-6 .content h1,
.category-6 .content h2,
#archive .postcat-6 .day,
#archive .postcat-6 h4 a,
#index .bottomevents .left h4 a {
	color: #e6899b;}
.category-26 .sistaanmalan,
.category-26 .anmalan h3,
.category-26 .content h1,
.category-26 .content h2,
#archive .postcat-26 .day,
#archive .postcat-26 h4 a,
#index .bottomevents .middle h4 a {
	color: #81ccdd;}
	

/* INDEX.PHP -------------------*/

#index .topevents {
	margin-bottom: 20px;}

#index .bottomevents { }
	
#index .left {
	float: left;
	width: 290px;}

#index .middle {
	float: right;
	width: 290px;}
	
#index .post {
	margin-bottom: 10px;}

#archive h4 a,
#index h4 a {
	text-decoration: none;}
#archive h4 a:hover,
#index h4 a:hover {
	text-decoration: underline;}
	
#archive .to-top,
#archive h2.rubrik,
#index .topevents .show-all,
#index .topevents h3,
#index .bottomevents .show-all,
#index .bottomevents h3  {
	color: #FFF;
	display: block;
	line-height: 44px;
	padding: 0 10px 0 10px;}

#archive .to-top a,	
#index .show-all a {
	text-decoration: none;
	color: #FFF;}

#archive .to-top a:hover,	
#index .show-all a:hover {
	text-decoration: underline;}

#archive .to-top,	
#index .show-all {
	text-align: right;}
	
#index .eventmeta {
	font-weight: bold;}
	
#index .eventmeta a {
	color: #000;
	text-decoration: none;}

/* rounded block corners */
#index .topevents h3,
#index .bottomevents h3,
#index .topevents .show-all,
#index .bottomevents .show-all{
	width: 270px;
	height: 44px;
	background-repeat: no-repeat;
	background-position: top left;}
#index .topevents .left h3 {
	background: url(bilder/indexrodtopp.gif);}
#index .topevents .middle h3 {
	background: url(bilder/indexorangetopp.gif);}
#index .bottomevents .left h3 {
	background: url(bilder/indexpinktopp.gif);}
#index .bottomevents .middle h3 {
	background: url(bilder/indexblatopp.gif);}
#index .topevents .left .show-all {
	background: url(bilder/indexrodbottom.gif);}
#index .topevents .middle .show-all {
	background: url(bilder/indexorangebottom.gif);}
#index .bottomevents .left .show-all {
	background: url(bilder/indexpinkbottom.gif);}
#index .bottomevents .middle .show-all {
	background: url(bilder/indexblabottom.gif);}

/* block borders */
#index #left-middle .content {
	border-width: 0 1px 0 1px;
	border-style: solid;
	padding: 10px;}
#index .topevents .left .content {
	border-color: #fb0404;}
#index .topevents .middle .content {
	border-color: #e87812;}
#index .bottomevents .left .content {
	border-color: #e6899b;}
#index .bottomevents .middle .content {
	border-color: #81ccdd;}
	

/* SIDEBAR.PHP ----------------------*/
#right ul {
	padding-bottom: 10px;
	margin: 10px;
	list-style-position: inside;}
	
#right h2.arrangemangstyp {
	margin: 0 10px 5px 10px;}

#right .snabblankar,
#right .geografi {
	border-bottom: 1px solid #e0e0e0;}

#right h3,	
#right h2 {
	font-weight: normal;
	margin-bottom: 5px;}

#right .current-cat {
	font-weight: bold;}

#archive .ort a,		
#right a {
	text-decoration: none;
	color: #000;}

#archive .ort a:hover,		
#right a:hover {
	text-decoration: underline;}

#right .snabblankar li {
	list-style-image: none !important;
	margin-bottom: 1px;
	height: 26px;}
	
#right .snabblankar a {
	color: #FFF;
	font-weight: bold;
	padding: 4px;}

.category-4 .eventmeta h3,
#right li.cat-item-4 a {
	background-color: #fb0404;}
.category-5 .eventmeta h3,
#right li.cat-item-5 a {
	background-color: #e87812;}
.category-6 .eventmeta h3,
#right li.cat-item-6 a {
	background-color: #e6899b;}
.category-26 .eventmeta h3,
#right li.cat-item-26 a {
	background-color: #81ccdd;}
#right li.allaevenemang a {
	background-color: #d1d1d1;}


/* Rounded corners on index.php */
#index #sidebartop,
#index #sidebarbottom {
	background-position: top left;
	background-repeat: no-repeat;
	width: 260px;
	height: 10px;}
#index #sidebartop {
	background: url(bilder/righttop.gif);}
#index #sidebarbottom {
	background: url(bilder/rightbottom.gif);}

/* Grey on index and archive */	
#archive #right {
	background-color: #f9f9f9;}
#index #right {
	background-color: #f0f0f0;}

#index #right li,
#archive #right li {
	list-style-image: url(bilder/rightbullet.gif);}
	

/* ARCHIVE.PHP ----------------------*/
#archive #left-middle {
	margin: 10px;
	width: 598px;}
	
#archive .post {
	margin-bottom: 10px;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 10px;}

/* dates positioned correctly and with category corresponding backgrounds */
#archive .eventmeta {
	float: left;
	height: 117px;
	width: 97px;
	background-position: bottom left;
	background-repeat: no-repeat;
	position: relative;}
#archive .postcat-4 .eventmeta {
	background-image: url(bilder/archiveredblock.jpg);}
#archive .postcat-5 .eventmeta {
	background-image: url(bilder/archiveorangeblock.jpg);}
#archive .postcat-6 .eventmeta {
	background-image: url(bilder/archivepinkblock.jpg);}
#archive .postcat-26 .eventmeta {
	background-image: url(bilder/archiveblablock.jpg);}
	
#archive .day,
#archive .month,
#archive .year,
#archive .ort {
	display: block;
	width: 93px;
	text-align: center;
	position: relative;
	font-weight: bold;}
	
#archive .day {
	font-size: 34pt;
	top: 13px;}
	
#archive .month {
	font-size: 9pt;
	top: 14px;
	text-transform: uppercase;}
	
#archive .ort {
	font-size: 10pt;
	top: 30px;}

/* left and right borders in neutral or category color */
#archive .content {
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #d1d1d1;}
.category-26 .content {
	border-color: #81ccdd !important;}
.category-4 .content {
	border-color: #fb0404 !important;}
.category-5 .content {
	border-color: #e87812 !important;}
.category-6 .content {
	border-color: #e6899b !important;}

/* top and bottom rounded corners in neutral or category colour */
#archive h2.rubrik,
#archive .to-top {
	width: 860px;
	height: 44px;
	background-repeat: no-repeat;
	background-position: top left;}
	
#archive h2.rubrik {
	background: url(bilder/archivegreytop.gif);}
#archive .to-top {
	background: url(bilder/archivegreybottom.gif);}

.category-26 h2.rubrik {
	background: url(bilder/archivebluetop.gif) !important;}
.category-26 .to-top {
	background: url(bilder/archivebluebottom.gif) !important;}
	
.category-4 h2.rubrik {
	background: url(bilder/archiveredtop.gif) !important;}
.category-4 .to-top {
	background: url(bilder/archiveredbottom.gif) !important;}
	
.category-5 h2.rubrik {
	background: url(bilder/archiveorangetop.gif) !important;}
.category-5 .to-top {
	background: url(bilder/archiveorangebottom.gif) !important;}
	
.category-6 h2.rubrik {
	background: url(bilder/archivepinktop.gif) !important;}
.category-6 .to-top {
	background: url(bilder/archivepinkbottom.gif) !important;}
	

/* SINGLE.PHP ----------------------*/
#single .tags a {
	color: #999;
	font-style: italic;}
	
#single .excerpt {
	margin: 1em 0 1em 0;}

#single .eventmeta h3 {
	text-align: center;
	color: #FFF;
	font-size: 10pt !important;
	font-weight: bold;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;}

#single .eventmeta p {
	margin: 0.5em 0 1em 0;}

#single .content{
	margin: 30px 0 30px 0;}
	
#single .content	p {
	line-height: 1.3em;
	margin-bottom: 1em;}

#single .anmalan h3,	
#single .content h1 {
	font-weight: normal !important;
	font-size: 15pt !important;}

#single .content img {
  border: 0;
}
	
#single .content h2{
	font-weight: bold;
	font-size: 13pt !important;}
	
#single .content h3 {
	font-weight: bold !important;
	font-size: 11pt !important;}
	
#single .content h1,
#single .content h2,
#single .content h3 {
	margin-bottom: 0.65em;}
	
#single .content blockquote {
	margin-left: 30px;}
	
#single .content div {
  overflow: hidden;
  margin: 1em 0;
}
	
#single .content ul,
#single .content ol {
	margin-left: 30px;
	margin-bottom: 1em;
	list-style-position: inside;
	padding: 10px;}
#single .content ul {
	list-style-type: disc;}
#single .content ol {
	list-style-type: decimal;}
	
#single .content strong {
	font-weight: bold;}
	
#single .content em {
	font-style: italic;}
	
#single .content img {
	border: 1px solid #CCC;}
	
#single .anmalan ul {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 5px;}
	
#single .anmalan a {
	color: #999;
	text-decoration: underline;}
	
#single .sistaanmalan {
	display: block;
	font-weight: bold;
	margin-top: 1em;}
	
#single .externallinks {
	overflow: hidden;
	border-left: 1px solid #CCC;
	margin-left: 3px;
	padding: 0 0 5px 10px;
	width: 240px;}
	
#single .externallinks a {
	color: #999;
	border-bottom: 1px solid #CCC;
	padding-bottom: 2px;
	text-decoration: none;
	width: 240px;
	overflow: hidden;}

#single .externallinks li {
	overflow: visible;
	margin-bottom: 8px;
	width: 240px;}
	
#single #right img {
	width: 260px;
	margin: 10px 0 10px 0;}
	
#single .map {
	border: 1px solid #CCC;}

#single .anmalanlink a {
	color: #FFF;
	font-weight: bold;
	font-size: 16pt !important;
	text-decoration: none;}
#single .anmalanlink {
	width: 222px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	text-align: center;
	line-height: 48px;
	margin: 15px 0 0 0;}
.category-4 .anmalanlink {
	background: url(bilder/anmalanbuttonred.gif);}
.category-5 .anmalanlink {
	background: url(bilder/anmalanbuttonorange.gif);}
.category-6 .anmalanlink {
	background: url(bilder/anmalanbuttonpink.gif);}
.category-26 .anmalanlink {
	background: url(bilder/anmalanbuttonblue.gif);}
	
/*20090210: henrik.persson [allows for image floating]*/
.alignleft {float: left; margin: 0 7px 7px 0;}
.alignright {float: right; margin: 0 0 7px 7px;}

/* top blurb */
.top-blurb {
	padding: 20px;}