/*
THEME NAME: Corporate Sandbox
THEME URI: http://www.rubiqube.com/corporate-sandbox/
DESCRIPTION: This theme is based on <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a>. It has minimum styling and graphics, making it ideal for corporate blogs
VERSION: 1.1
AUTHOR: <a href="http://www.rubiqube.com">Adrian Diaconescu</a>
AUTHOR URI: http://www.rubiqube.com
*/

/* Architecture */
html { }

body {
background: repeat-x #fff top left url(http://jimmyoh.com/blogg/wp-content/themes/CorporateSandbox/images/bkg.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #2e2c21; }

:focus { outline: none; }

#wrapper {
width: 960px;
margin: 11px auto 0 auto;
padding: 0; }

#header {
width: 960px;
margin: 0; 
background: #2e2c21;
height: 214px; }

#container {
float: left;
width: 520px; }

#content {
float: left;
width: 520px;
margin: 20px 20px 20px 0; }

#sidebar {
margin: 20px 20px 0 0 ;
width: 180px;
padding: 0 10px 10px 10px;
float: right;
overflow: hidden; }

#sidebar2 {
margin: 20px 0;
width: 200px;
float: right;
overflow: hidden; }

#footer {
clear: both;
width: 960px;
text-align: center;
font-size: 11px; }

/* General */
* {
margin: 0;
padding: 0; }

a {
color: #666666;
text-decoration: none; }

a:hover {
color: #333333;
text-decoration: none; }

img {
border: 0; }

.separator {
color: #CCCCCC;
margin: 0 5px; }

.clear {
clear: both;
font-size: 0;
height: 0; }

.meta-sep {
color: #CCCCCC;
margin: 0 5px; }

.floater-left {
float: left; }

.floater-right {
float: right; }

#access {
background: repeat-x #e6e6da top left url(http://jimmyoh.com/blogg/wp-content/themes/CorporateSandbox/images/bkg.gif);
overflow: hidden;
width: 960px; }

#menu ul {
display: inline; /* Added to fix the double margin in IE6 */
list-style: none; }

#menu ul li {
display: inline; /* Added to fix the double margin in IE6 */
float: left;
margin-left: 10px;
padding: 15px 10px; }

#blog-title {
font-size: 250%;
font-weight: normal;
margin: 0 0 0 20px; }

#blog-title a {
color: #333333; }

#blog-description {
font-size: 120%;
font-weight: normal;
margin: 0 0 0 20px; }

/* Content */
.page-title {
margin-bottom: 15px;
font-weight: normal;
font-size: 160%; }

.post {
margin-bottom: 50px; }

.entry-title {
letter-spacing: -2px;
font-family: rockwell, arial, helvetica, sans-serif;
width: 480px;
font-weight: bold;
font-size: 30px; }

.entry-title a {
color: #3B3C20; }

.entry-title a:hover {
color: #797765; }

.more-link {
display: block;
margin: 10px 0 0 0; }

.entry-comments {
float: right;
margin-top: 11px;
font-size: 14px;
line-height: 16px;
font-weight: bold; }

.entry-comments a {
background: #797765;
-moz-border-radius: 5px;
display: block;
padding: 3px 7px;
color: #fff; }

.entry-comments a:hover {
background: #3B3C20;
-moz-border-radius: 5px;
color: #fff; }

.entry-meta {
color: #898779;
border-top: 5px solid #EDEAD0;
padding-top: 5px;
font-size: 11px;
margin-bottom: 3px;
margin-top: 5px; }

.entry-categ {
color: #898779;
font-size: 11px;
border-bottom: 10px solid #b1d215;
padding-bottom: 6px; }

.entry-footer {
color: #666666;
font-size: 11px;
font-style: italic;
text-align: center;
display: block;
border-bottom: 1px solid #EFEFEF;
border-top: 1px solid #EFEFEF;	
padding: 5px 0; }

.entry-footer span {
color: #CCCCCC;
margin: 0 5px; }

.entry-subscribe {
padding: 5px 5px 5px 26px;
background: #FAFAFA url(images/rss.gif) no-repeat top left;
background-position: 6px 6px; }

.entry-content {
font-size: 14px;
border-top: 5px solid #EDEAD0;
margin-top: 1px;
padding-top: 10px; }

.entry-content p {
line-height: 22px;
margin-bottom: 20px; }

.entry-content h2 {
font-size: 120%;
margin-bottom: 5px;
margin-top: 25px; }

.entry-content a {
text-decoration: underline; }

.entry-content ul, .entry-content ol {
margin-left: 30px;
margin-bottom: 10px; }

.entry-content ul li, .entry-content ol li {
line-height: 1.3;
margin-bottom: 5px; }

/* Sidebar */


/* Start: QBKL Styles - Added to make styling availble even if widgets are not used */

#sidebar h2, #sidebar h3 {
font-family: rockwell, arial, helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #3B3C20;
letter-spacing: -1px;
margin-bottom: 5px;
border-bottom: 3px solid #B1D215;
padding-bottom: 5px;
padding: 0x; }

#sidebar ul {
list-style: none; }

#sidebar ul li {
margin-bottom: 20px; }

#sidebar ul li ul, #sidebar ul li ul li ul {
margin: 0;
padding: 0; }

#sidebar ul li ul li {
padding: 4px 2px 4px 10px;
background: url(images/bullet.gif) no-repeat top left;
background-position: 0 8px;
margin: 0;
font-size: 11px;
line-height: 16px;
border-bottom: 1px solid #d0d0b7; }

#sidebar ul li ul li ul li {
padding: 4px 0 0 10px;
background: url(images/bullet.gif) no-repeat top left;
background-position: 0 7px;
margin: 0;
border-bottom: none;
}

/* End: QBKL Styles */

#rss-links ul li {
background: url(images/rss.gif) no-repeat top left;
padding-left: 22px;
background-position: 1px 4px; }

.textwidget p {
margin-bottom: 10px; }

.textwidget a {
text-decoration: underline; }

.widget_tag_cloud a {
text-transform: lowercase; }

#wp-calendar caption {
padding: 5px 0;
background: #FAFAFA;
margin-bottom: 5px; }

#wp-calendar td {
padding: 4px 6px;
color: #999999; }

#wp-calendar td a {
font-weight: bold; }

#wp-calendar #next {
text-align: right; }

/* Comments */
.comments {
margin-top: 30px; }

.comments h3 {
font-size: 120%;
margin-bottom: 10px;
color: #333333; }

.comments ol {
list-style: none; }

.comments ol li {
padding: 10px;
font-size: 13px; line-height: 22px;
background: #FFFFFF;
margin-top: 2px; }

.comments ol li.alt {
font-size: 13px; line-height: 22px;
-moz-border-radius: 5px;
background: #f1f1f1; }

.comments ol li p {
margin-top: 10px; }

.comment-author {
font-size: 16px;
color: #666;
font-weight: bold; }

.comment-meta {
color: #666666;
font-size: 10px; font-style: italic; }

.unapproved {
font-style: italic; }

#respond {
margin-top: 30px; }

#respond h3 {
color: #333333; }
	
.formcontainer {
margin-top: 10px;
margin-bottom: 10px; }

#comment-notes {
margin-bottom: 10px; }

.form-label {
margin-bottom: 2px; }

.form-input, .form-textarea {
margin-bottom: 10px; }

.form-input input, .form-textarea textarea {
padding: 5px;
background: #FAFAFA;
border: 1px solid #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; }

.form-textarea input {
width: 280px; }

.form-textarea textarea {
width: 350px; }

.form-input input:hover {
background-color: #FFFFFF; }

.form-submit input {
padding: 2px 5px; }

.sociable {
width: 500px;
padding: 10px;
margin-bottom: 10px !important;
-moz-border-radius: 5px;
background: #edead0;
text-align: center; }

.sociable strong {
color: #a3a084; font-size: 18px; display: block; font-weight: bold; letter-spacing: -1px; font-family: rockwell, arial, helvetica, sans-serif; padding: 0 0 10px 0; }

.twitter-timestamp { display: block; color: #666; }

.twitter_title_link { color: #2e2c21; }
a:hover.twitter_title_link { color: #797765; }

ul.twitter abbr {
border-bottom: 0 !important; border-bottom: none !important; font-style: italic; font-size: 10px; }

.columnbanner { margin: 0 0 5px 0; }
.bird { float: right; margin-right: 6px; }

#menu { float: left; background: #ffF; }

#menu ul { background: #fff; }

.darkbrown { color: #2e2c21; }

.post-footer { display: block; }

.post-footer a:link,
.post-footer a:visited,
.post-footer a:active { font-family: rockwell, arial, helvetica, sans-serif; font-size: 25px; font-weight: bold; letter-spacing: -2px; text-align: center; display: block; padding: 10px; -moz-border-radius: 5px; background: #B1D215; color: #fff!important; text-decoration: none; }

.post-footer a:hover { background: #3B3C20; color: #fff !important; text-decoration: none; }

p.wp-caption-text { font-size: 11px; text-align: center; display: block; font-style: italic; }

.jimmy_container { dispaly: block; margin: 0 0 20px 0; }
.jimmy_container .headline { font-family: rockwell, arial, helvetica, sans-serif; display: block; color: #3B3C20; font-size: 18px; font-weight: bold; letter-spacing: -1px; margin-bottom: 5px; border-bottom: 3px solid #B1D215; padding-bottom: 5px; }
.jimmy_container p { text-align: right; }
.jimmy_container i { font-size: 11px; color: #898779; display: block; margin-top: 1px; }

.quote_container { dispaly: block; margin: 0 0 20px 0; }
.quote_container .headline { display: block; color: #3B3C20; font-size: 18px; font-weight: bold; letter-spacing: -1px; margin-bottom: 5px; border-bottom: 3px solid #B1D215; padding-bottom: 5px; }
.quote_container b { font-weight: normal; font-style: italic; font-size: 12px; line-height: 18px; color: #2E2C21; }
.quote_container i { font-size: 11px; color: #898779; display: block; margin-top: 1px; }

.namnvardalankar { dispaly: block; margin: 20px 0; }
.namnvardalankar .headline { display: block; color: #3B3C20; font-size: 18px; font-weight: bold; letter-spacing: -1px; margin-bottom: 5px; border-bottom: 3px solid #B1D215; padding-bottom: 5px; }
.namnvardalankar a:link, .namnvardalankar a:visited, .namnvardalankar a:active, .namnvardalankar a:hover {
display: block; border-bottom: 1px solid #D0D0B7; padding-bottom: 5px; margin-bottom: 5px; }
.namnvardalankar b { font-weight: normal; font-style: italic; font-size: 12px; line-height: 18px; color: #2E2C21; }
.namnvardalankar i { font-size: 11px; color: #898779; display: block; margin-top: 1px; }


#nav-below { background: #EDEAD0; -moz-border-radius: 5px; padding: 10px; margin: 0 0 10px 0; }
#nav-below .floater-left, #nav-below .floater-right { font-size: 20px; font-weight: bold; letter-spacing: -1px; }

.superhover {
opacity: 0.90;
-moz-opacity:0.9;
-khtml-opacity:0.9;
filter:alpha(opacity=90); }

.nothing { opacity: 1; }

#topmenu { background: #e4debf; height: 25px; }
#topmenu .inlinecontainer { width: 960px; margin: 0 auto; }

#topmenu h1 { font-size: 11px; font-weight: bold; display: inline; text-align: right; float: left; padding-top: 5px; margin-right: 40px; }
#topmenu h1 .underrubrik { font-style: italic; font-size: 11px; font-weight: normal; color: #898779; padding-left: 3px; }

#topmenu .link { font-size: 11px; color: #666; margin-right: 20px; float: left; padding-top: 5px; }
#topmenu .rss { font-size: 11px; color: #666; float: right; }
#topmenu .rss img { position: relative; top: 3px; margin-right: 3px; }

#footmenu { padding-top: 20px; margin-top: 30px; height: 40px; border-top: 10px solid #EDEAD0; }
#footmenu .inlinecontainer { width: 960px; margin: 0 auto; }

#footmenu .link { font-size: 11px; color: #666; margin-right: 20px; float: left; padding-top: 5px; }
#footmenu .rss { font-size: 11px; color: #666; float: right; }
#footmenu .rss img { position: relative; top: 3px; margin-right: 3px; }