/*  
Theme Name: Ocean Mist
Theme URI: http://www.edmerritt.com/
Description: A smooth and subtle theme based on a strict grid.
Version: 1.0
Author: Ed Merritt
Author URI: http://www.edmerritt.com/
*/


/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {position: relative; z-order:999; background: url(../../uploads/full-bkg.jpg) top left repeat #a5a599; font: 70% "Lucida Grande", Helvetica, Arial, sans-serif; color: #25291C; text-align: center;}
#page {display: block; width: 750px; background: url(../../uploads/page-bkg.jpg) top repeat-y; text-align: left; margin: 0 auto;}
#header {float: left; display: block; width: 750px; background: url(../../uploads/new-bkg-blob.jpg) top no-repeat; min-height: 355px; padding: 0;}
* html #header {height: 355px;}
#content {float: left; display: block; width: 543px; padding-left: 0px; padding-right: 0px; margin: -24px 2px 0 9px; border-top: 2px solid #697450; border-right: 0px dotted #FFFFFF; border-left: 0px dotted #FFFFFF;} /* was -27 */
#sidebar {float: left; display: block; width: 187px; height: 100%; margin: -24px 0 0 0; background: #e8eae4; border-top: 2px solid #697450;}
* html #content, * html #sidebar {margin-top: -25px;} /* was 193 bred */
.post {float: left; display: block; width: 525px; margin: 0 0 0 18px;}
.page {float: left; display: block; width: 507px; margin: 0 0 0 18px;}
.archive {float: left; display: block; width: 507px; margin: 0 0 18px 18px; border-bottom: 1px solid #ccc;}
#sidebar .post {display: block; width: 177px; margin: 0 0 0 0px; padding: 0 0 20px 10px; border-bottom: 0px solid #727c57;} /*used to be width157 margin 0 0 0 10 noopadding*/
/* .title {float: left; display: block; width: 543px; background: url(images/bg_h2.jpg) bottom repeat-x #FFC23F; margin: 0 0 18px 0;} */
.title {float: left; display: block; width: 543px; background: #ffc23f; margin: 0 0 18px 0;} 
/*#sidebar .title {float: left; display: block; width: 187px; background: url(images/bg_h3.jpg) bottom left repeat-x #9BAB76;}*/
#sidebar .title {float: left; display: block; width: 187px; background: #8d9c6c; border-top: 0px solid #454c35; border-bottom: 2px solid #8d9c6c; margin-top: -16px; padding-top: 1px;} /*ICI -- bottom was 727c57*/
.entry {float: right; display: block; width: 350px; margin: 0;}
.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}
.archive .postinfo {margin-left: 0;}
.archive .entry {margin-right: -24px;}
* html .post, * html #sidebar .post, * html .archive  {margin-left: 0; position: relative; left: 18px;}
p img {float: left; margin: 0 18px 12px 0;}

/* typography */
h1 {font: 2.6em "Lucida Grande", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; letter-spacing: 1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
h1 a:hover {color: #ffc23f; text-decoration:none;}
.title h1 a:hover {color: #ffc23f; text-decoration:none;}
.description {font: 1.25em "Lucida Grande", Helvetica, Arial, sans-serif; color: #fff; margin: 2px 37px 25px 37px;}
.title h2 {font: 1.05em "Lucida Grande", Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
h2 a:hover {color: #444B34;}
#content .postwrapper .title h2 {font: 1.4em "Lucida Grande", Helvetica, Arial, sans-serif; text-transform: uppercase; background: url(../../uploads/blob.png) 24px 8px no-repeat; padding: 8px 100px 9px 52px;} /*24px 50% */
#sidebar .title h2 {font: 1.05em "Lucida Grande", Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #424933;}
.title small {float: right; text-align:bottom; padding: 14px 24px 0 0; color: #444B34;}
h2 a, h2 a:visited {}, h2 a:hover {color: #000000;}
h3 {font: bold 1.2em "Lucida Grande",Helvetica, Arial, sans-serif;}
p {margin: 0 0 18px 0; padding: 0; font-size:1em;}
.entry p {padding-right: 24px;}
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: #CC0000;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}

/* lists */
ul {margin: 0 0 24px 6px;}
ol {margin: 0 0 24px 6px;}
ul li {margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 14px;}
.buttons {float: left; list-style: none; margin-left: 0;}
.buttons li {float: left; margin: 0 18px 0 0; padding: 0;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.jpg) bottom left no-repeat; border-top: 1px solid #D1E0F0;}
.buttons a:hover {background-position: bottom right;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CEE49E;}
.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
.catlist a:hover {background: #F2F2F2;}
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}
#sidelist {list-style: none;}
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 24px 0 8px;}
#sidelist ul {list-style-type: disc; }



/* DE HÄR HANDLAR OM TWITTER */
ul.twitter {list-style-type:none; text-decoration:none; margin:0px -14px 0px -14px;}
li.twitter-item {padding:4px; font-size:10px; text-decoration:none; text-indent:0px;}
p.twitter-message {text-decoration:none; text-align:justify;}
.twitter-timestamp {font-size:0.8em; color: #777777; padding:2px; text-decoration: none; border-bottom:2px solid #e8eae4; display:block; text-align:right;}
a.twitter-link {}
a.twitter-user {}



/* links */
a, a:visited {color: #9A1010; text-decoration: none;}
p a:hover, ul a:hover {color: #9A1010; text-decoration: underline;}
div a:hover {color: none; background-color: none; text-decoration:none;}
#content p a:hover, #content ul a:hover {background-color: #bbb; text-decoration:none;}


/* main image */
/* old version #mainpic {float: left; background: url(../../uploads/ftolsson-justblack.jpg) no-repeat; display: block; width: 736px; height: 229px; margin: 0 7px; border-top: 3px solid #8D9C6C; border-bottom: 4px solid #8D9C6C;} */
#mainpic {float: left; background:#000000; display: block; width: 736px; height: 229px; margin: 0 7px; border-top: 3px solid #8D9C6C; border-bottom: 4px solid #8D9C6C;} */


/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em "Lucida Grande", Helvetica, Arial, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}

/* page tabs */
#pagetabs {position: relative; bottom: 45px; left: 1px; display: block; float: left; padding: 0px 0 0 10px; margin: 0 0 2px 6px; list-style: none; background: url(../../uploads/greentransp.png) top repeat; width: 726px; height:23px; }
#pagetabs ul {display: none;}
#pagetabs li {float: left; border-bottom: 0px solid #454C35; margin: 0 0px 0 0; padding: 0 5px 0 0; }
#pagetabs li:hover {border-bottom: 0px solid #727C57; }
#pagetabs a {float: left; display: block; margin: 0 0 2px 7px; padding: 3px 7px 0px 7px; background: #none; color: #fff; font-weight: bold; text-transform: uppercase; border-bottom: 0px solid #454c35; border-top: 0px solid #454c35; height:17px; }
#pagetabs a:hover {background: #ffc23f; border-bottom: 0px solid #454c35; border-top: 0px solid #454c35; color: #454c35; text-decoration:none; height:20px;}
.pagetabstitle {border-bottom: none !important; color: #fff; font-weight: bold; position: relative; top: 4px; height:17px}

/* footer */
#footer {clear: both; display: block; width: 750px; background: url(../../uploads/fot-bkg.jpg) bottom no-repeat; border-bottom: 0px solid #C5DA97; text-align: center;}
* html #footer {margin-top: 18px; position: relative; left: 7px;}
#footer-top {display: block; width: 750px; height: 15px; background: url(../../uploads/page-bkg.jpg) top no-repeat;}
#footer p {color: #798892; padding: 0 37px 7px 37px;}
#footer a, #footer a:visited {color: #B05255;}

/* REMOVING THE STATS SMILEY FTO 20081007 */
img#wpstats{width:0px;height:0px;overflow:hidden;}

/* ICAL-EVENTS */

/* Table */
table {
		border-collapse:collapse;
		background: #eeeeee;
		border:0px solid #FFF;
		font-size: 0.85em;
}
table{
	margin: 1px 5px 1px 5px;
	padding: 0;
	}
td, th { padding: 2px 5px 2px 5px;
		padding-right:10px;
}
thead th, tfoot th, tfoot td {
		background:#333;
		color:#fff
}
tfoot td {
		text-align:right
}
/* =body----------------------------------------------- */
tbody th, tbody td {
		border-bottom: solid 2px #FFF;
}
tbody th {
		white-space: nowrap;
}
table#icaldates tr.month {
		background: #bbb;
		font-size: 1.0em;
}
a.icaldates:hover{text-decoration:underline;}
a.pasticaldates{color:#B88;}
a.pasticaldates:hover{text-decoration:underline;}




/* DE sista handlar om roterande bilder */

.pics {  
    height:  229px;  
    width:   736px;  
    padding: 0;  
    margin:  0;  
    z-index: 0;
} 
 
.pics img {  
    padding: 0px;  
    border:  0px solid #000;  
    background-color: #000;  
    width:  736px; 
    height: 229px; 
    top:  0; 
    left: 0 
}