/*
Theme Name: Daleri Sweet
Theme URI: http://andreasviklund.com/wordpress-themes/
Description: An original WordPress theme in the Daleri design series, created by Andreas Viklund and Johanna Fält. This theme is public domain, free to use and free to modify without any limitations or obligations. It has four widget areas, support for tags and gravatars and it validates as XHTML 1.0 Strict.
Version: 1.2
Tags: fixed width, two columns, three columns, widgets, blue, 1024px, andreas, valid CSS, valid XHTML
Author: Andreas Viklund & Johanna Fält
Author URI: http://andreasviklund.com/
*/
/* Body */
#bodyinner {background: url(img/inner-bg.jpg) top center no-repeat;}
* {margin:0; padding:0;}
body {background:#748b94 url(img/body-bg.gif) top center repeat-y; color:#475b66; font:76% Tahoma,Verdana,Arial,sans-serif; line-height:1.3em; text-align:center;}
#sitewidth {width:900px; margin:0 auto;}
#top {height:80px; margin:0 auto 0px 0; overflow:visible;}
#top a {color:#eee; font-weight:700;}
#top a:hover {color:#fff}
#topleft {margin:6px 0 0 -165px; overflow:visible; width:1075px; padding:0; text-align:left; height:60px; float:left;}
#topleft img {overflow:visible; margin-top:8px;}
#topleft h1 {padding:0; text-transform:uppercase; margin:0 0 0px 0; font-size: 2.1em; letter-spacing:1px; font-weight:200;}
#topleft h1 a {font-weight:200;}
#topleft h1 a:hover {text-decoration:none;}
#topleft p { font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:100; color:#eee; float:right; margin:-110px 0 0 5px; line-height:1.9em;}
#topleft p img {margin-bottom:0px;}
#topleft .blog a { height:20px; margin-top:-103px;margin-right:18px; width:257px; background:url(img/blog.jpg); text-indent:-9999px; float:right;}
#topleft .blog a:hover {background:url(img/blog-hover.jpg);}
#topleft .nudge {height:20px; width:21px; margin-top:-109px; margin-right:120px; float:right;}
#topleft .portfolio a { margin-top:-103px; height:20px; width:120px; background:url(img/portfolio.jpg); text-indent:-9999px; float:right;}
#topleft .portfolio a:hover {background:url(img/portfolio-hover.jpg);}
#topright {width:500px; padding:0px; float:right; margin:-10px 0 0 0; font-size:.9em;}
#topright strong {display:none;}
/* Searchbox */
.searchbox {margin:15px 10px 5px 0; padding:0;}
.searchbox label {color:#fff; font-size:0.9em;}
.searchbox input {background:#eaeaea; padding:3px 0 3px 5px; margin:0; width:120px; color:#666; border:1px solid #bbb;}
/* Main wrap */
#wrap {clear:both; text-align:center; padding:0; margin:0;}
/* Main menu */
/* Headers */
h2, h3, h4 {margin:0 0 4px; color:#555; font-weight:normal;}
h2 {word-spacing:8px;}
/* Sidebar */
#sidebar {text-align:left; margin:55px 0 0 600px; width:290px; padding:0;}
#sidebar .left {float:left; width:140px;}
#sidebar .right {float:right; width:140px;}
#sidebar h2, #sidebar h3 {font-size:1.3em; font-weight:200; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #bbb;}
#sidebar p, #sidebar ul ,#sidebar .textwidget,#sidebar form,#sidebar table {margin:0 0 20px 0; padding:0}
#sidebar p {padding:0 10px 0 10px;}
#sidebar table {width:160px;}
#sidebar caption {font-size:1.2em; font-weight:200; color:#555; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #bbb; text-align:left;}
#sidebar ul li {list-style: none; padding:0; margin:0 0 3px 0;}
#sidebar ul li a {font-size:1em; font-weight:200; border:0;}
#sidebar ul li a:hover, #sidebar ul li.current_page_item a {color:#748b94;}
#sidebar ul li.current_page_item li a {}
#sidebar ul ul {margin:0; padding:2px 0 0 10px;}
#sidebar ul ul li {margin:0 0 2px 0;}
#sidebar ul ul li a {font-size:0.9em; font-weight:400;}
/* Content */
#content {float:left; clear:left; text-align: left; width:560px; margin:-45px 0 0 0;}
#content h2 {font-size:1.6em; clear:left;}
#content h3 {font-size:1.3em; clear:left;}
#content h2.archiveheader {margin:0 0 20px 0; padding:4px 0; border-bottom:2px solid #bbb;}
#content h2, #content h3, #content h2 a, #content h3 a {font-weight:200;}
#content p {margin:0 0 16px;}
#content p.thumbs {margin-left:30px;}
#content p.timestamp {margin: 0 0 4px;}
#content p.sharethis-drop {margin:0 0 0 0; text-align:right; padding-right:80px; font-size:.9em;}
#content a {font-weight:200;}
#content div.postnav {padding:10px 0; margin-bottom:15px;}
#content div.postnavleft {width:48%;}
#content div.postnavright {width:48%; text-align:right;}
#content ul, #content ol {margin:0 0 15px 10px; padding:0 0 0 10px;}
#content ul li, #content ol li {margin:0 0 10px 10px;}
#content ul ul, #content ol ol {margin:5px 0 5px 10px;}
#content img {margin:0; padding:0; border:2px solid #748b94;}
#content a img {margin:0; padding:0; border:2px solid #748b94 ;}
#content img.left {float:left; margin:0 10px 10px 0;}
#content img.right {float:right; margin:0 0 10px 10px;}
#content img.center {margin:2px auto 10px auto; display:block;}
#content img.framed {padding:5px; background:#222; border:1px solid #555;}
#content .post {margin:0 0 16px;}
#content .timestamp strong {font-size:.9em; color:#555; font-weight:400;}
#content .timestamp a {font-weight:200;}
#content .postmeta {padding:5px 0; margin-top:-24px; font-size:0.9em; text-align:right; font-weight:400; color:#555; display:block; border-top:2px solid #bbb;}
#content .postmeta a {font-weight:400;}
#content .postpagesnav {margin:15px 0 20px 0; padding:0; font-size:1.0em;}
#content .postpagesnav a {font-weight:400;}
#content .postpagesnav .older {width:48%; float:left;}
#content .postpagesnav .newer {width:48%; float:right; text-align:right;}
#content .prettylist {margin:0 0 20px 0; padding:0;}
#content .prettylist li {list-style:none; margin:0 0 2px 10px; padding:0;}
#content #sidebox {float:right; margin:0 0 5px 10px; text-align:center; padding:5px; width:220px; border:1px solid #ddd;}
a.stbutton {padding:0 5px 5px 22px;}
/* Footer */
#footer {clear:both; color:#777; height:160px; width:900px; text-align:center; border-top:2px solid #bbb; position: absolute; /* Needed for Safari */ background:url(img/footer-bg.jpg);}
#footer p {margin:0; padding:10px 0; line-height: 1.5em;}
#footer .credits {font-size:1.2em;}
#footer a {color:#777;}
#footer a:hover {color:#555; text-decoration:underline;}
/* Comments */
#comments {margin:20px 0 16px 0;}
.comment {margin-bottom:0; padding:8px 5px 5px 10px; font-size:1em; border-bottom:1px solid #bbb;}
#content div.comment p.commenticon {margin:1px 0 9px; line-height:1.4em;}
#content div.comment p {margin:4px 0 4px;}
.gravatarside {background-color:#fff; border:1px solid #ccc; padding:2px; height:32px; width:32px; float:left; margin:2px 8px 5px 0; display:none;}
.admin {background-color:#f0f0f0; border-left:1px solid #bbb; border-right:1px solid #bbb;}
#respond {margin:20px 0 0 0; padding:15px 0 0 0;}
#respond p {margin:0 0 10px 0;}
#respond input,#respond textarea {padding:4px; width:250px; background-color:#f4f4f4; color:#666;}
#respond textarea#comment {width:400px;}
#respond input#submit {width:65px;}
#respond input, #respond textarea {font: 100% "Trebuchet MS",Verdana,sans-serif; border: 1px solid #ccc;}
fieldset {border:0;}
/* Tags */
blockquote {padding:5px 15px 2px 15px; margin:10px; border-left:4px solid #eee; color:#777;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
code {padding:5px; font-size:1.2em; display:block; margin: 5px 0 16px 0; background-color:#f4f4f4; border:1px solid #ccc;}
/* Links */
a {color:#415A68; font-weight:400; text-decoration:none;}
a:hover {color:#657c85; text-decoration:underline;}
a img {border:0;}
/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}
/* WP image align and caption classes */
img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
#content img.alignleft {padding:4px; margin:3px 7px 2px 0; display:inline;}
#content a img.size-thumbnail {margin-left:5px; margin-bottom:5px;}
.alignright {float:right;}
.alignleft {float:left;}
.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; border-radius: 3px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption-dd {font-size: 0.9em; line-height:1.5em; padding:0 4px 5px; margin:0;}
/* Various classes */
.feedlink {padding:20px 0 20px 52px; margin:15px 0 10px 0; background: url(img/feed.jpg) center left no-repeat;}
.splitleft {float:left; padding-top:10px; width:49%; text-align:left;}
.splitright {float:right; width:49%; text-align:right; margin-top:115px; font-size:10px;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.clear {visibility:hidden; clear:both;}
.hide {display:none;}
/*menu */
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1.2;
text-transform:uppercase;
text-align:left;
font-size:1.2em;
letter-spacing:.9px;
position:relative;
z-index:5;
}
#nav {
float:right;
}
#nav a {
display: block;
width: 5em;
color:#5F6D75;
}
#nav a:hover {
color:#29343D;
text-decoration:none;
}
#nav li { /* all list items */
float: left;
width: 5em; /* width needed or else Opera goes nuts */
}
#nav li.big {width:7em;}
#nav li.bigger {width:10em;}
#nav a.bts {
width:10em;
}
#nav a.smalls {width:3.5em;}
#nav li.smaller {width:3.5em;}
#nav li ul { /* second-level lists */
position: absolute;
background: #fff;
padding-left:6px;
padding-bottom:6px;
font-size:1em;
width: 7em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/* Social Icons */
ul#social {margin-left:5px; margin-top:5px;}
ul#social li {width:62px; height:78px; display:inline-block; margin-left:20px;}
ul#social li a {background-image:url(img/social-apps.png); width:62px; height:78px; display:block; text-indent:-99999px;}
ul#social li a.fb {background-position:0px 0px;}
ul#social li a.rs {background-position:62px 0px;}
ul#social li a.ms {background-position:124px 0;}
ul#social li a:hover.rs {background-position:62px -78px;}
ul#social li a:hover.fb {background-position:0px -78px;}
ul#social li a:hover.ms {background-position:124px -78px;}
.widget_stray_quotes {
margin-bottom:8px;
}
#sidebar .widget_stray_quotes ul li {
padding:6px 20px 6px 20px;
font-size:1.1em;
}