/*
Theme Name: SandaCom
Theme URI: http://tobbesanda.com/wordpress-themes/
Description: A 2 column Wordpress theme that supports tags, gravatars and other stuff that´s new. Rock 'n Roll with it!
Version: 1.0
Author: Tobias Sandelius
Author URI: http://tobbesanda.com/
Tags: 2 columns, widgets, fixed width, 900px, SandaCom, pro, Tobias 
*/

/*** RESET & NORMAL ***/
html, body, ol, ul, li, p, form, input, textarea, select, label, h1, h2, h3, h4 {margin : 0; padding : 0;}
body {font:12px Verdana, Arial, Helvetica, sans-serif; background:#fff; color:#111}

/*** LAYOUT ***/
#wrap {width:900px; margin:0 auto;}

/*** LINKS & TEXTS ***/
a img {border:none;}
a {text-decoration:none; color:#d81717;}
a:hover{text-decoration:underline;}
a:active {outline: none;}
a:focus {-moz-outline-style: none;}
h1 {font:40px Calibri, Arial; font-weight:bold; letter-spacing:-2px;}
h1 a:hover {text-decoration:none;}
h2 {font:26px  Georgia, "Times New Roman", Times, serif; letter-spacing:-1px;}
h2 a {color:#111;}
h3 {font:22px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; font-style:italic; color:#444;}

/*** MENU ***/
#menu {background:#eee; border-top:4px solid #d81717; height:35px;}
#menu ul {list-style:none; width:900px; margin:0 auto;}
#menu li {display:inline;}
#menu a {color:#444; float:left; font:16px Georgia, "Times New Roman", Times, serif; padding:8px 7px 4px 7px; margin:0 8px 0 0; text-transform:lowercase;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-khtml-border-bottom-left-radius:4px;
-khtml-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;}
#menu a:hover {background:#aaaaaa; color:#d81717;}
#menu li.current_page_item a {background:#444; color:#fff;}

/*** HEADER ***/
#header {border-bottom:1px solid #eee; float:left; width:900px; margin:30px 0 0 0; height:80px;}
#header #logo {float:left}
#header #topad {width:468px; height:60px; float:right;}

/*** CONTENT ***/
#content {float:left; width:530px; margin:10px 0 0 0;}
#content .post {margin:0 0 20px 0;}
#content p {margin:0 0 15px 0; line-height:22px;}
#content p.postmeta {padding:1px 4px 1px 4px; background:#f6f6f6; margin:5px 0 10px 0; font-size:10px; color:#999; border:1px solid #eee; line-height:16px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#content ul {list-style:square inside; margin:0 0 15px 20px;}
#content ol {list-style:decimal inside; margin:0 0 15px 20px;}
#content ul ul, #content ol ol {margin:0 0 0 14px;}
#content li, ol {color:#444; margin:5px 0 5px 0;}
#content h3 {clear:left;}

/*** CONTENT-WIDE ***/
#content-wide {width:900px; margin:0 0 10px 0; float:left;}
#content-wide .mainbox {float:left;}
#content-wide .mainsingle {width:200px; height:200px; background:#ccc; float:left; margin:0 0 0 20px;}

/*** SIDEBAR ***/
#sidebar {width:300px; float:right; background:#eee; margin:10px 0 0 0; padding:10px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#sidebar h2 {font-size:16px;}
#sidebar .textwidget {padding:10px; background:#f6f6f6; line-height:18px; color:#444; font-size:11px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#sidebar .textwidget img {float:right; margin:0 0 0 5px;}
#sidebar ul.recentul {list-style:inside square; margin:10px 0 0 2px;}
#sidebar ul.recentul li {margin:10px 0 10px 0;}
#sidebar ul.recentul .sidebardate {font-size:10px; color:#aaa;}
#sidebar ul {list-style:none;}
#sidebar ul li {margin:5px 0 5px 0; color:#444; font-size:11px;}
#sidebar ul li.ulrubrik {margin:0; font:16px Georgia, "Times New Roman", Times, serif; font-style:italic; border-bottom:1px solid #aaa; padding:0 0 2px 0;}
#sidebar .leftside {float:left; width:145px; background:#f6f6f6; padding:10px; margin:10px 0 0 0;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#sidebar .rightside {float:right; width:125px;}
#sidebar .rklm-125 {width:125px; height:125px; margin:10px 0 0 0;}
#sidebar #search { background:#f6f6f6; padding:10px; margin:10px 0 0 0;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#sidebar #search input.searchtext {width:204px; border:1px solid #ccc; padding:2px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#sidebar #search input.searchbutton {border:1px solid #aaa; background:#ccc; font-weight:bold; margin:0 0 0 6px; width:60px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#sidebar #search input.searchbutton:hover {border:1px solid #444;}

/*** CALENDER ***/
table#wp-calendar {text-align:center; margin:0 auto 10px; color:#aaa; width:180px;}
table#wp-calendar a { font-weight:normal; }
td#prev {text-align:left;}
td#next {margin-left:20px;}

/***** COMMENTS STUFF *****/
#comments { margin:20px 0 0 0; float:left; width:530px; }
#comments p { margin:0 0 10px 0; line-height:12px; }
#comments label { margin:0 0 0 10px; font:10px Verdana, Arial, Helvetica, sans-serif; }
form#commentform { border-top:2px dotted #ccc; background:#f6f6f6; padding:20px; }
#comments input.commenttext { padding:4px; width:200px; font:12px Verdana, Arial, Helvetica, sans-serif; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-left:none; border-top:none; }
#comments textarea { padding:4px; width:482px; font:12px Verdana, Arial, Helvetica, sans-serif; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-left:none; border-top:none; height:100px; }
#comments input.commentbutton {padding:4px; width:150px; font:12px Verdana, Arial, Helvetica, sans-serif; border:1px solid #aaa; color:#aaa; font-weight:bold;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#comments input.commentbutton:hover { border:1px solid #444; color:#444; }
#comments ul.commentlist { list-style:none outside; margin:0 0 20px 0; }
#comments ul.commentlist li { border:1px solid #aaa; margin:0 0 10px 0;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-bottom-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#comments ul.commentlist li.alt {border:1px solid #ccc;}
#comments ul.commentlist .top {background:#f6f6f6; height:32px; font-size:10px;}
#comments ul.commentlist li p {padding:10px 10px 0 10px; line-height:20px; font-size:11px;}

/*** FOOTER ***/
#footer {float:left; width:900px; border-top:1px solid #eee; border-bottom:4px solid #d81717; padding:10px 0 20px 0; color:#aaa; text-align:center;}

/*** WP-IMAGES ***/
img {border:none;}
img.alignright {float:right; margin:0 0 5px 8px;}
img.alignleft {float:left; margin:0 8px 5px 0;}
img.aligncenter {display: block; margin:10px auto 10px;}

/*** CLASSES ***/
code {display:block; padding:10px; background:#eee url(img/code-bg.png) top right no-repeat; border:1px solid #ccc; line-height:18px; font-size:11px; color:#333;}
embed {display: block; margin:10px auto 10px; text-align:center;}
blockquote {font-style:italic; color:#666; background: url(img/quote.png) top left no-repeat; padding:0 10px 0 28px; margin:0;}
img#wpstats {display:none}
.red {color:#d81717;}