/*
Theme Name: BlueHeaven
Theme URI: http://www.successwebmasters.net
Description: The BlueHeaven theme from the Open Source people at <a href="http://www.successwebmasters.net">Success Webmasters</a>.
Version: 1.1
Author: Tommy Pettersson, Success Webmasters Pte. Ltd.
Author URI: http://www.successwebmasters.com.sg

        This theme was designed and built by Tommy Pettersson,
        whose blog you will find at http://www.successwebmasters.net/blog/

        The CSS, XHTML and design is released under GPL:
        http://www.opensource.org/licenses/gpl-license.php

*/

body               {FONT-SIZE: 62.5%; /* Resets 1em to 10px */
                    FONT-FAMILY: 'Lucida Grande', Verdana, Geneva, Arial, Helvetica, sans-serif;
                    TEXT-ALIGN: center;
                    COLOR: 333333;
                    BACKGROUND: #DDDDDD url("images/bgs/brushed-wide.png") repeat fixed center;
                    MARGIN: 0px;
                    PADDING-TOP: 10px;
                    PADDING-RIGHT: 0px;
                    PADDING-BOTTOM: 10px;
                    PADDING-LEFT: 0px;
                    SCROLLBAR-BASE-COLOR: #CCCCD3;
                    SCROLLBAR-FACE-COLOR: #CCCCD3;
                    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
                    SCROLLBAR-SHADOW-COLOR: #AAAAB4;
                    SCROLLBAR-3DLIGHT-COLOR: #AAAAB4;
                    SCROLLBAR-ARROW-COLOR: #FFFFFF;
                    SCROLLBAR-TRACK-COLOR: #CCCCD3;
                    SCROLLBAR-DARKSHADOW-COLOR: #AAAAB4;
}


/* THIS PART IS THE BOX IN WHICH ALL PAGES ARE CREATED */
#pagebox           {POSITION: relative;
                    WIDTH: 90%;
                    MIN-WIDTH: 740px;
                    MAX-WIDTH: 960px;
                    HEIGHT: auto;
                    TEXT-ALIGN: left;
                    BACKGROUND-COLOR: #FFFFFF;
                    BORDER: 2px solid #000000;
                    MARGIN: 0px auto;
                    PADDING: 0px;

                    /* CSS3 och Mozillas motsvarigheter. */
                    -moz-border-radius: 4px; -moz-background-clip: padding;
                    border-radius: 4px; background-clip: padding;
}

#footerbox         {POSITION: relative;
                    WIDTH: 90%;
                    MIN-WIDTH: 740px;
                    MAX-WIDTH: 960px;
                    HEIGHT: auto;
                    TEXT-ALIGN: left;
                    BACKGROUND-COLOR: #FFFFFF;
                    BORDER: 2px solid #000000;
                    MARGIN: 10px auto;
                    PADDING-TOP: 5px;
                    PADDING-RIGHT: 0px;
                    PADDING-BOTTOM: 10px;
                    PADDING-LEFT: 0px;
}


 /* THIS CODE CONTROLS THE LOOK OF THE NICE TITLE FUNCTION IN LINKS */
div.nicetitle      {POSITION: absolute;
                    FONT-WEIGHT: bold;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Tahoma, Geneva, Helvetica, sans-serif;
                    COLOR: #300;
                    TEXT-ALIGN: left;
                    TOP: 0px;
                    LEFT: 0px;
                    WIDTH: 25em;
                    PADDING: 4px;
                    BORDER: 2px solid #000080;
                    BACKGROUND-COLOR: #DDDDDD;
                    z-index: 20;

                    /* Mozilla proprietary */
                   -moz-border-radius: 12px;
                   -moz-opacity: 80%;
}
div.nicetitle p    {MARGIN: 0;
                    PADDING: 0 3px;
}

div.nicetitle p.destination {
                    FONT-SIZE: 9px;
                    TEXT-ALIGN: left;
                    PADDING-TOP: 3px;
}


 /* THIS CODE CONTROLS THE QUOTES IN THE TEXT */
.pull              {COLOR: #090;
}

.pullquote         {FLOAT: right;
                    COLOR: #DD3300;
                    BACKGROUND: #F0F0F0 url("images/bgs/pullquote.gif");
                    BACKGROUND-POSITION: left top;
                    BORDER: #808080 1px solid;
                    MARGIN-LEFT: 1.3em;
                    MARGIN-TOP: 0.1em;
                    MARGIN-RIGHT: 0.1em;
                    MARGIN-BOTTOM: 1.0em;
                    PADDING: 0px;
                    WIDTH: 15em;
}

.pullquote p       {FONT: 1.3em/1.4em Georgia, "Times New Roman", Times, serif;
                    PADDING-TOP: 1em;
                    PADDING-BOTTOM: 1.2em;
                    PADDING-RIGHT: 1.2em;
                    PADDING-LEFT: 2em;
                    MARGIN: 0px;
}


 /* THIS CODE CONTROLS THE DHTML TOOL TIP */
#dhtmltooltip      {POSITION: absolute;
                    WIDTH: 300px;
                    FONT-WEIGHT: bold;
                    FONT-SIZE: 12px;
                    FONT-FAMILY: Verdana, Arial, Geneva, sans-serif;
                    COLOR: #002d62;
                    TEXT-ALIGN: left;
                    BACKGROUND: #FFFFFF  url("images/bgs/dhtmltooltip.gif") repeat;
                    BORDER: 2px solid #1355c2;
                    padding: 15px;
                    visibility: hidden;
                    z-index: 100;

                    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
                    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


 /* THIS CODE CONTROLS THE TOP MENU */
#clock             {FONT-WEIGHT: normal;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Arial, sans-serif;
                    COLOR: #FFFFFF;
}

.topmenu-bg        {BACKGROUND-COLOR:#6699FF;
                    COLOR: #000000;
                    FONT-SIZE: 10px;
                    FONT-FAMILY: Verdana, Arial, sans-serif;
}

.topmenu-split     {COLOR: #FFFFFF;
}

.topmenu           {CURSOR:hand;
                    FONT-WEIGHT: normal;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Arial, sans-serif;
                    TEXT-ALIGN: left;
                    COLOR: #edf4ff;
                    DISPLAY: block;
                    BORDER-LEFT: #6fa3f9 1px solid;
                    BORDER-RIGHT: #6fa3f9 1px solid;
                    BORDER-TOP: #6fa3f9 1px solid;
                    BORDER-BOTTOM: #6fa3f9 1px solid;
                    PADDING-TOP: 2px;
                    PADDING-RIGHT: 3px;
                    PADDING-BOTTOM: 2px;
                    PADDING-LEFT: 3px;
                    MARGIN-LEFT: 4px;
                    TEXT-DECORATION: none;
}

a.topmenu:link     {COLOR: #FFFFFF;
                    PADDING-TOP: 2px;
                    PADDING-RIGHT: 3px;
                    PADDING-BOTTOM: 2px;
                    PADDING-LEFT: 3px;
                    MARGIN-LEFT: 4px;
}

a.topmenu:visited  {COLOR: #FFFFFF;
                    PADDING-TOP: 2px;
                    PADDING-RIGHT: 3px;
                    PADDING-BOTTOM: 2px;
                    PADDING-LEFT: 3px;
                    MARGIN-LEFT: 4px;
}

a.topmenu:hover    {COLOR: #000080;
                    BACKGROUND-COLOR: #d6dbe7;
                    BORDER-LEFT: #000000 1px solid;
                    BORDER-RIGHT: #000000 1px solid;
                    BORDER-TOP: #000000 1px solid;
                    BORDER-BOTTOM: #000000 1px solid;
                    PADDING-TOP: 2px;
                    PADDING-RIGHT: 3px;
                    PADDING-BOTTOM: 2px;
                    PADDING-LEFT: 3px;
                    MARGIN-LEFT: 4px;
                    TEXT-DECORATION: none
}

a.topmenu:active   {COLOR: #FFFFFF;
                    PADDING-TOP: 2px;
                    PADDING-RIGHT: 3px;
                    PADDING-BOTTOM: 2px;
                    PADDING-LEFT: 3px;
                    MARGIN-LEFT: 4px;
}


 /* THIS CODE CONTROLS THE TAB MENU */
.tabmenu           {FONT-WEIGHT: bold;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Arial, Geneva, sans-serif;
                    COLOR: #FFFFFF;
                    TEXT-ALIGN: center;
                    PADDING-TOP: 2px;
                    PADDING-RIGHT: 4px;
                    PADDING-BOTTOM: 2px;
                    PADDING-LEFT: 4px;
}

a.tabmenu:link     {FONT-WEIGHT: bold;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Arial, Geneva, sans-serif;
                    COLOR: #FFFFFF;
                    TEXT-ALIGN: center;
                    PADDING-TOP: 2px;
                    PADDING-RIGHT: 4px;
                    PADDING-BOTTOM: 2px;
                    PADDING-LEFT: 4px;
}

a.tabmenu:visited  {COLOR: #FFFFFF;
                    PADDING-TOP: 2px;
                    PADDING-RIGHT: 4px;
                    PADDING-BOTTOM: 2px;
                    PADDING-LEFT: 4px;
}

a.tabmenu:hover    {FONT-WEIGHT: bold;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Arial, Geneva, sans-serif;
                    COLOR: #0000FF;
                    BACKGROUND-COLOR: #d6dbe7;
                    TEXT-DECORATION: none;
                    PADDING-TOP: 2px;
                    PADDING-RIGHT: 4px;
                    PADDING-BOTTOM: 2px;
                    PADDING-LEFT: 4px;
                    DISPLAY: block;
                    BORDER-TOP: #ff9a00 1px solid;
                    BORDER-BOTTOM: #ff9a00 1px solid;
}

a.tabmenu:active   {FONT-WEIGHT: bold;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Arial, Geneva, sans-serif;
                    COLOR: #0000FF;
                    PADDING-TOP: 2px;
                    PADDING-RIGHT: 4px;
                    PADDING-BOTTOM: 2px;
                    PADDING-LEFT: 4px;
}

a.tabmenu:pressed  {FONT-WEIGHT: bold;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Arial, Geneva, sans-serif;
                    COLOR: #0000FF;
                    TEXT-DECORATION: none;
                    PADDING-TOP: 2px;
                    PADDING-RIGHT: 4px;
                    PADDING-BOTTOM: 2px;
                    PADDING-LEFT: 4px;
}


 /* THIS CODE CONTROLS THE LEFT SIDE MENU */
.menuleft-bg       {BACKGROUND: #F0F0F0 url("images/bgs/bgmenuleft.jpg");
}

.menuline          {BACKGROUND: #D7DFF2 url("images/menuleft-dots.gif");
                    MARGIN-TOP: 15px;
                    MARGIN-LEFT: 6px;
                    MARGIN-RIGHT: 6px;
                    MARGIN-BOTTOM: 10px;
                    PADDING: 0px;
}

.menutitle         {FONT-WEIGHT: bold;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Arial;
                    COLOR: #000000;
                    TEXT-ALIGN: left;
                    HEIGHT: 19px;
                    MARGIN-LEFT: 5px;
                    MARGIN-TOP: 5px;
                    MARGIN-BOTTOM: 5px;
                    PADDING-TOP: 6px;
                    PADDING-RIGHT: 0px;
                    PADDING-BOTTOM: 0px;
                    PADDING-LEFT: 5px;
}

a.leftmenu         {WIDTH: 170px;
                    CURSOR:hand;
                    FONT-WEIGHT: bold;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Arial;
                    COLOR: #333333;
                    TEXT-ALIGN: left;
                    TEXT-INDENT: 2px;
                    DISPLAY: block;
                    BORDER-LEFT: #CCCCCC 1px solid;
                    BORDER-RIGHT: #CCCCCC 1px solid;
                    BORDER-TOP: #CCCCCC 1px solid;
                    BORDER-BOTTOM: #CCCCCC 1px solid;
                    MARGIN-LEFT: 5px;
                    MARGIN-RIGHT: 5px;
                    MARGIN-TOP: 5px;
                    PADDING: 3px;
                    TEXT-DECORATION: none;
}

a.leftmenu:link    {COLOR: #000000;
                    MARGIN-TOP: 5px;
                    MARGIN-LEFT: 5px;
                    MARGIN-RIGHT: 5px;
                    PADDING: 3px;
}

a.leftmenu:visited {COLOR: #000000;
                    MARGIN-TOP: 5px;
                    MARGIN-LEFT: 5px;
                    MARGIN-RIGHT: 5px;
                    PADDING: 3px;
}

a.leftmenu:hover   {BACKGROUND-COLOR: #F0F0F0;
                    DISPLAY: block;
                    FONT-WEIGHT: bold;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Arial;
                    COLOR: #0000FF;
                    BORDER-LEFT: #000000 1px dotted;
                    BORDER-RIGHT: #000000 1px dotted;
                    BORDER-TOP: #000000 1px dotted;
                    BORDER-BOTTOM: #000000 1px dotted;
                    MARGIN-TOP: 5px;
                    MARGIN-LEFT: 5px;
                    MARGIN-RIGHT: 5px;
                    PADDING: 3px;
                    TEXT-DECORATION: none;
}

a.leftmenu:active  {BACKGROUND-COLOR: #FEFEFF;
                    COLOR: #333333;
                    MARGIN-TOP: 5px;
                    MARGIN-LEFT: 5px;
                    MARGIN-RIGHT: 5px;
                    PADDING: 3px;
}

a.leftmenu:pressed {BACKGROUND-COLOR: #FEFEFF;
                    COLOR: #333333;
                    DISPLAY: block;
                    FONT-WEIGHT: bold;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Arial;
                    BORDER-LEFT: #CCCCCC 1px solid;
                    BORDER-RIGHT: #CCCCCC 1px solid;
                    BORDER-TOP: #CCCCCC 1px solid;
                    BORDER-BOTTOM: #CCCCCC 1px solid;
                    MARGIN-TOP: 5px;
                    MARGIN-LEFT: 5px;
                    MARGIN-RIGHT: 5px;
                    PADDING: 3px;
                    TEXT-DECORATION: none;
}

a.leftmenu2        {WIDTH: 160px;
                    FONT-WEIGHT: normal;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Arial;
                    COLOR: #333333;
                    TEXT-ALIGN: left;
                    TEXT-INDENT: 2px;
                    DISPLAY: block;
                    BORDER-LEFT: #CCCCCC 1px solid;
                    BORDER-RIGHT: #CCCCCC 1px solid;
                    BORDER-TOP: #CCCCCC 1px solid;
                    BORDER-BOTTOM: #CCCCCC 1px solid;
                    MARGIN-LEFT: 15px;
                    MARGIN-RIGHT: 5px;
                    MARGIN-TOP: 5px;
                    PADDING: 3px;
                    TEXT-DECORATION: none;
}

a.leftmenu2:link   {COLOR: #000000;
                    MARGIN-TOP: 5px;
                    MARGIN-LEFT: 15px;
                    MARGIN-RIGHT: 5px;
                    PADDING: 2px;
}

a.leftmenu2:visited {COLOR: #000000;
                    MARGIN-TOP: 5px;
                    MARGIN-LEFT: 15px;
                    MARGIN-RIGHT: 5px;
                    PADDING: 2px;
}

a.leftmenu2:hover   {BACKGROUND-COLOR: #F0F0F0;
                    DISPLAY: block;
                    FONT-WEIGHT: normal;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Arial;
                    COLOR: #0000FF;
                    BORDER-LEFT: #000000 1px dotted;
                    BORDER-RIGHT: #000000 1px dotted;
                    BORDER-TOP: #000000 1px dotted;
                    BORDER-BOTTOM: #000000 1px dotted;
                    MARGIN-TOP: 5px;
                    MARGIN-LEFT: 15px;
                    MARGIN-RIGHT: 5px;
                    PADDING: 2px;
                    TEXT-DECORATION: none;
}

a.leftmenu2:active {BACKGROUND-COLOR: #FEFEFF;
                    COLOR: #333333;
                    MARGIN-TOP: 5px;
                    MARGIN-LEFT: 15px;
                    MARGIN-RIGHT: 5px;
                    PADDING: 2px;
}

a.leftmenu2:pressed {BACKGROUND-COLOR: #FEFEFF;
                    COLOR: #333333;
                    DISPLAY: block;
                    FONT-WEIGHT: normal;
                    FONT-SIZE: 11px;
                    FONT-FAMILY: Verdana, Arial;
                    BORDER-LEFT: #CCCCCC 1px solid;
                    BORDER-RIGHT: #CCCCCC 1px solid;
                    BORDER-TOP: #CCCCCC 1px solid;
                    BORDER-BOTTOM: #CCCCCC 1px solid;
                    MARGIN-TOP: 5px;
                    MARGIN-LEFT: 15px;
                    MARGIN-RIGHT: 5px;
                    PADDING: 2px;
                    TEXT-DECORATION: none;
}


 /* THIS CODE CONTROLS LINKS IN FOOTER */
.footertext        {FONT-WEIGHT: normal;
                    FONT-SIZE: 10px;
                    FONT-FAMILY: Verdana, Tahoma, Geneva, Helvetica;
                    TEXT-ALIGN: center;
                    LINE-HEIGHT: 1.5em;
}

a.footer           {FONT-WEIGHT: normal;
                    COLOR: #0000FF;
                    TEXT-ALIGN: left;
                    TEXT-DECORATION: none;
}

a.footer:link      {FONT-WEIGHT: normal;
                    COLOR: #000080;
                    TEXT-DECORATION: none;
}

a.footer:visited   {FONT-WEIGHT: normal;
                    COLOR: #000080;
                    TEXT-DECORATION: none;
}

a.footer:hover     {FONT-WEIGHT: normal;
                    COLOR: #333333;
                    BACKGROUND-COLOR: #d6dbe7;
                    TEXT-DECORATION: none;
                    BORDER-BOTTOM: #ff9a00 1px solid;
}

a.footer:active    {FONT-WEIGHT: normal;
                    COLOR: #FF0000;
                    BACKGROUND-COLOR: #FEFEFF;
                    TEXT-DECORATION: none;
}

a.footer:pressed   {FONT-WEIGHT: normal;
                    COLOR: #333333;
                    BACKGROUND-COLOR: #FEFEFF;
                    TEXT-DECORATION: none;
}


 /* THIS CODE IS UNDERLINED LINKS WITH BACKGROUND IN TEXTS IN THE MIDDLE OF PAGES */
a.tlink            {TEXT-DECORATION: none;
                    COLOR: #0000FF;
}

a.tlink:link       {COLOR: #000080;
                    TEXT-DECORATION: none;
}

a.tlink:visited    {COLOR: #000080;
                    TEXT-DECORATION: none;
}

a.tlink:hover      {COLOR: #333333;
                    BACKGROUND-COLOR: #D6DBE7;
                    TEXT-DECORATION: none;
                    BORDER-BOTTOM: #FF9A00 1px solid;
}

a.tlink:active     {COLOR: #FF0000;
                    TEXT-DECORATION: none;
                    BACKGROUND-COLOR: #FEFEFF;
}

a.tlink:pressed    {COLOR: #333333;
                    BACKGROUND-COLOR: #FEFEFF;
                    TEXT-DECORATION: none;
}


 /* THIS CODE CONTROLS THE TITLE TEXT */
.blogtitle         {FONT-WEIGHT: bold;
                    FONT-SIZE: 24px;
                    FONT-FAMILY: Verdana, Tahoma, Geneva, Arial, Helvetica, Sans-Serif;
                    TEXT-ALIGN: center;
                    COLOR: #555555;
                    PADDING-TOP: 15px;
                    PADDING-RIGHT: 0px;
                    PADDING-BOTTOM: 5px;
                    PADDING-LEFT: 0px;
}

.blogdesc          {FONT-WEIGHT: bold;
                    FONT-SIZE: 15px;
                    FONT-FAMILY: Verdana, Arial, Tahoma, Geneva, Helvetica, Sans-Serif;
                    TEXT-ALIGN: center;
                    COLOR: #555555;
}

.slogan            {FONT-WEIGHT: bold;
                    FONT-SIZE: 14px;
                    FONT-FAMILY: Verdana, Tahoma, Geneva, Arial, Helvetica, Sans-Serif;
                    COLOR: #000080;
                    TEXT-ALIGN: center;
}


/* THIS CODE CONTROLS THE SIZE OF THE RIGHT SIDEBAR */
#sidebar           {FONT: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
                    PADDING-TOP: 20px;
                    PADDING-RIGHT: 0px;
                    PADDING-BOTTOM: 10px;
                    PADDING-LEFT: 10px;
                    MARGIN-LEFT: 0px;
                    WIDTH: 190px;
}

#sidebar form      {MARGIN: 0;
}


/* THIS CODE CONTROLS THE SIZE OF THE MIDDLE CONTENT WITH A RIGHT COLUMN */
.narrowcolumn      {FLOAT: left;
                    WIDTH: auto;
                    PADDING-TOP: 0px;
                    PADDING-RIGHT: 20px;
                    PADDING-BOTTOM: 20px;
                    PADDING-LEFT: 20px;
                    MARGIN-TOP: 0px;
                    MARGIN-RIGHT: 0px;
                    MARGIN-BOTTOM: 0px;
                    MARGIN-LEFT: 0px;
}

#content           {FONT-SIZE: 1.2em;
}


/* THIS CODE CONTROLS THE SIZE OF THE MIDDLE CONTENT WITH A A SINGLE (ONE) COLUMN */
.widecolumn {
                    WIDTH: 450px;
                    PADDING-TOP: 10px;
                    PADDING-RIGHT: 0px;
                    PADDING-BOTTOM: 20px;
                    PADDING-LEFT: 20px;
                    MARGIN-TOP: 0px;
                    MARGIN-RIGHT: 0px;
                    MARGIN-BOTTOM: 0px;
                    MARGIN-LEFT: 0px;
}


/* Det här är för att kompensera för MSIE:s oförmåga att förstå */
/* att fontstorleken i tabeller skall ärvas från body. */
table, table table {FONT-SIZE: 1.0em;}



 /* THIS CODE CONTROLS THE STRUCTURE */


 /* THIS CODE CONTROLS THE CONTENT */


 /* BEGIN TYPOGRAPHY & COLORS */
.widecolumn .entry p {
                    FONT-SIZE: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry {
                    LINE-HEIGHT: 1.4em;
}

.widecolumn {
                    LINE-HEIGHT: 1.6em;
}

.narrowcolumn .postmetadata {
                    TEXT-ALIGN: center;
}

.alt {
                    BACKGROUND-COLOR: #f8f8f8;
                    BORDER-TOP: 1px solid #ddd;
                    BORDER-BOTTOM: 1px solid #ddd;
}

small {
                    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
                    FONT-SIZE: 0.9em;
                    LINE-HEIGHT: 1.5em;
}

h1, h2, h3 {
                    FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
                    FONT-WEIGHT: bold;
}

h1 {
                    FONT-SIZE: 4em;
                    TEXT-ALIGN: center;
}

h2 {
                    FONT-SIZE: 1.6em;
}

h2.pagetitle {
                    FONT-SIZE: 1.6em;
}

#sidebar h2 {
                    FONT-FAMILY: 'Lucida Grande', Verdana, Sans-Serif;
                    FONT-SIZE: 1.2em;
}

h3 {
                    FONT-SIZE: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
                    TEXT-DECORATION: none;
                    COLOR: white;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
                    COLOR: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
                    TEXT-DECORATION: none;
}

.entry p a:visited {
                    COLOR: #000080;
                    TEXT-DECORATION: none;
}

.commentlist li, #commentform input, #commentform textarea {
                    FONT: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
                    FONT-WEIGHT: bold;
}

.commentlist cite, .commentlist cite a {
                    FONT-WEIGHT: bold;
                    FONT-STYLE: normal;
                    FONT-SIZE: 1.1em;
}

.commentlist p {
                    FONT-WEIGHT: normal;
                    LINE-HEIGHT: 1.5em;
                    text-transform: none;
}

#commentform p {
                    FONT-FAMILY: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
                    FONT-WEIGHT: normal;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
                    COLOR: #777;
}

code {
                    FONT: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
                    FONT-SIZE: 0.9em;
                    letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
                    COLOR: #06c;
                    TEXT-DECORATION: none;
}

a:hover {
                    COLOR: #147;
                    TEXT-DECORATION: underline;
}

#wp-calendar #prev a {
                    FONT-SIZE: 9pt;
}

#wp-calendar a {
                    TEXT-DECORATION: none;
}

#wp-calendar caption {
                    FONT: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
                    TEXT-ALIGN: center;
}

#wp-calendar th {
                    FONT-STYLE: normal;
                    text-transform: capitalize;
}
/* End Typography & Colors */



/* Begin Structure */

#page {  /* KOLLA OM PAGE VERKLIGEN BEHÖVS */
                    BACKGROUND-COLOR: white;
                    MARGIN: 20px auto;
                    PADDING: 0;
                    WIDTH: 760px;
                    BORDER: 1px solid #959596;
}

.post {
                    MARGIN: 0 0 40px;
                    TEXT-ALIGN: justify;
}

.widecolumn .post {
                    MARGIN: 0;
}

.narrowcolumn .postmetadata {
                    PADDING-TOP: 5px;
}

.widecolumn .postmetadata {
                    MARGIN: 30px 0;
}

.widecolumn .smallattachment {
                    TEXT-ALIGN: center;
                    FLOAT: left;
                    WIDTH: 128px;
                    MARGIN: 5px 5px 5px 0px;
}

.widecolumn .attachment {
                    TEXT-ALIGN: center;
                    MARGIN: 5px 0px;
}

.postmetadata {
                    CLEAR: left;
}
/* End Structure */



/*        Begin Headers */
h1 {
                    PADDING-TOP: 70px;
                    MARGIN: 0;
}

h2 {
                    MARGIN: 30px 0 0;
}

h2.pagetitle {
                    MARGIN-TOP: 30px;
                    TEXT-ALIGN: center;
}

#sidebar h2 {
                    MARGIN: 5px 0 0;
                    PADDING: 0;
}

h3 {
                    PADDING: 0;
                    MARGIN: 30px 0 0;
}

h3.comments {
                    PADDING: 0;
                    MARGIN: 40px auto 20px ;
}
/* End Headers */



/* Begin Images */
p img {
                    PADDING: 0;
                    MAX-WIDTH: 100%;
}

/*      Using 'class="alignright"' on an image will (who would've
        thought?!) align the image to the right. And using 'class="centered',
        will of course center the image. This is much better than using
        align="center", being much more futureproof (and valid) */

img.centered {
                    DISPLAY: block;
                    MARGIN-LEFT: auto;
                    MARGIN-RIGHT: auto;
}

img.alignright {
                    PADDING: 4px;
                    MARGIN: 0 0 2px 7px;
                    DISPLAY: inline;
}

img.alignleft {
                    PADDING: 4px;
                    MARGIN: 0 7px 2px 0;
                    DISPLAY: inline;
}

.alignright {
                    FLOAT: right;
}

.alignleft {
                    FLOAT: left
}
/* End Images */



/* Begin Lists

        Special stylized non-IE bullets
        Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
                    MARGIN-LEFT: 0px;
                    PADDING: 0 0 0 30px;
                    LIST-STYLE: none;
                    PADDING-LEFT: 10px;
                    TEXT-INDENT: -10px;
}

html>body .entry li {
                    MARGIN: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
                    CONTENT: "\00BB \0020";
}

.entry ol {
                    PADDING: 0 0 0 35px;
                    MARGIN: 0;
}

.entry ol li {
                    MARGIN: 0;
                    PADDING: 0;
}

.postmetadata ul, .postmetadata li {
                    DISPLAY: inline;
                    LIST-STYLE-TYPE: none;
                    LIST-STYLE-IMAGE: none;
}

#sidebar ul, #sidebar ul ol {
                    MARGIN: 0;
                    PADDING: 0;
}

#sidebar ul li {
                    LIST-STYLE-TYPE: none;
                    LIST-STYLE-IMAGE: none;
                    MARGIN-BOTTOM: 15px;
}

#sidebar ul p, #sidebar ul select {
                    MARGIN: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
                    MARGIN: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
                    MARGIN: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
                    LIST-STYLE: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
                    MARGIN: 3px 0 0;
                    PADDING: 0;
}
/* END ENTRY LISTS */



/* Begin Form Elements */
#searchform {
                    MARGIN: 10px auto;
                    PADDING: 5px 3px;
                    TEXT-ALIGN: center;
}

#sidebar #searchform #s {
                    WIDTH: 108px;
                    PADDING: 2px;
}

#sidebar #searchsubmit {
                    PADDING: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
                    TEXT-ALIGN:center;
}

select {
                    WIDTH: 130px;
}

#commentform input {
                    WIDTH: 170px;
                    PADDING: 2px;
                    MARGIN: 5px 5px 1px 0;
}

#commentform textarea {
                    WIDTH: 100%;
                    PADDING: 2px;
}

#commentform #submit {
                    MARGIN: 0;
                    FLOAT: right;
}
/* End Form Elements */



/* THIS IS THE CODE THAT CONTROLS THE COMMENTS */
.alt {
                    MARGIN: 0;
                    PADDING: 10px;
}

.commentlist {
                    PADDING: 0;
                    TEXT-ALIGN: justify;
}

.commentlist li {
                    MARGIN: 15px 0 3px;
                    PADDING: 5px 10px 3px;
                    LIST-STYLE: none;
}

.commentlist p {
                    MARGIN: 10px 5px 10px 0;
}

#commentform p {
                    MARGIN: 5px 0;
}

.nocomments {
                    TEXT-ALIGN: center;
                    MARGIN: 0;
                    PADDING: 0;
}

.commentmetadata {
                    MARGIN: 0;
                    DISPLAY: block;
}
/* End Comments */




/* Begin Calendar */
#wp-calendar {
        empty-cells: show;
        MARGIN: 10px auto 0;
        WIDTH: 155px;
        }

#wp-calendar #next a {
        PADDING-RIGHT: 10px;
        TEXT-ALIGN: right;
        }

#wp-calendar #prev a {
        PADDING-LEFT: 10px;
        TEXT-ALIGN: left;
        }

#wp-calendar a {
        DISPLAY: block;
        }

#wp-calendar caption {
        TEXT-ALIGN: center;
        WIDTH: 100%;
        }

#wp-calendar td {
        PADDING: 3px 0;
        TEXT-ALIGN: center;
        }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
        BACKGROUND-COLOR: #fff;
}
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
                    cursor: help;
}

acronym, abbr {
                    BORDER-BOTTOM: 1px dashed #999;
}

blockquote {
                    MARGIN: 15px 30px 0 10px;
                    PADDING-LEFT: 20px;
                    BORDER-LEFT: 5px solid #ddd;
}

blockquote cite {
                    MARGIN: 5px 0 0;
                    DISPLAY: block;
}

.center {
                    TEXT-ALIGN: center;
}

hr {
                    DISPLAY: none;
}

a img {
                    BORDER: none;
}

.navigation {
                    DISPLAY: block;
                    TEXT-ALIGN: center;
                    MARGIN-TOP: 10px;
                    MARGIN-BOTTOM: 60px;
}
/* End Various Tags & Classes*/