/*
Theme Name: RikaTillsammans
Theme URI: http://colorlabsproject.com/
Description: Based on <a href="http://michaelhutagalung.com">Michael Jubel Hutagalung</a> of <a href="http://colorlabsproject.com">Colorlabs Project</a>.
Version: 2.0
Author: Jan Bolmeson
*/

@media screen{

    /* CSS Reset */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, /*ol, ul, li,*/
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead /*, tr, th, td*/ {
	    margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;
	    font-family: inherit; vertical-align: baseline;

    }
    /* remember to define focus styles! */
    :focus { outline: 0; }
    body {line-height: 1;	color: black; background: white; }
    ul { list-style: none;}
    ol{margin-left:25px;}


    /* tables still need 'cellspacing="0"' in the markup */
    table {	border-collapse: separate; border-spacing: 0; }
    caption, th, td { text-align: left; font-weight: normal; }
    blockquote:before, blockquote:after, q:before, q:after { content: ""; }
    blockquote, q {	quotes: "" "";}

    /* HTML Elements */

    * { margin:0; padding:0; }

    body {
	    font: 100% "Lucida Grande", Arial, Helvetica, sans-serif;
	    background: #505050;
	    color: #505050;
	    }

    h1,h2,h3,h4,h5 {
        font-family: Helvetica, sans-serif;

    }


    p { margin: 15px 0; }
    a:hover, a:active { color: #C0C0C0; text-decoration:underline; }
    a.grey:hover, a.grey:active { text-decoration:underline; }
    a img {border:0; }

    blockquote {
	    padding: 10px 10px 0 10px;
	    border-top: 1px solid #ddd;
	    border-bottom: 1px solid #ddd;
	    background: #ececec;
	    font:1.0em Arial;
	    line-height:1.65em;
	    margin:10px 0px;
	    }
    /* Structure */


    #head {
	    width:930px;
	    margin:0px auto;
	    margin-top:0px;
	    padding:10px 5px 15px 5px;
	    font-size:0.7em;
	    background:#fff;
	    border-left:5px solid #fff;
	    border-right:5px solid #fff;
	    }

    #page {
	    width:920px;
	    margin:0px auto;
	    padding:10px;
	    background:#eeeeee /*url(images/diag_stripe.gif)*/;
	    font-size:12px;
	    border-left:5px solid #fff;
	    border-right:5px solid #fff;
	    }

    #inner {
        margin:0;
        padding:0;
        background:url(images/left_stripe.gif) left repeat-y;
    }

    .left {float:left;}
    .right {float:right;}
    td.right{text-align:right;}

    /* Navigation Bar*/
    .rt_navbar {
	    margin:0 auto;
	    padding:0px 10px 0px 0px;
	    background:#144881 url(images/header/menu_bg.gif);
	    width:930px;
	    font-size:11px;
	    border-left:5px solid #fff;
	    border-right:5px solid #fff;
	    }

    .page-bar {padding:0px;}

    #searchform {
	    width:184px;
	    float:right;
	    text-align:right;
	    padding-top:3px;
	    margin-right:10px;
	    }

    /* Dropdown Menus */
    .page-bar li {
	    float: left;
	    margin: 0px;
	    padding: 0px;
	    }

    .page-bar li li {
	    float: left;
	    margin: 0px;
	    padding: 0px;
	    width: 132px;
	    text-transform:none;
	    }

    .page-bar li li a, .page-bar li li a:link, .page-bar li li a:visited {
	    width: 122px;
	    float: none;
	    margin: 0px;
	    padding: 4px 10px 4px 10px;
	    background: #5b5b5b url(images/dots_nav.gif) repeat-x top;
	    }

    .page-bar li li a:hover, .page-bar li li a:active {
	    background: #909090;
	    padding: 4px 10px 4px 10px;
	    }

    .page-bar li ul {
	    position: absolute;
	    width: 10em;
	    left: -999em;
	    }

    .page-bar li:hover ul {
	    left: auto;
	    display: block;
	    }

    .page-bar li:hover ul, .page-bar li.sfhover ul {
	    left: auto;
	    }



    /* Text*/

    h1 {
	    font-size:28px;
	    font-weight:bold;
	    letter-spacing:-0.08em;
	    }

    h2 {
	    font-size:22px ;
	    font-weight:bold;
	    }


    h3 {
	    font-size:12px;
	    margin-bottom:3px;
	    color:#303030;
	    font-weight:bold;
	    }

    h4 {
	    font-size:12px;
	    }

    h3.cat_title, h3.cat_title a {
	    color:#333333;
	    letter-spacing:-0.05em;
	    }

    h3#respond {
	    margin-top:0px;
	    padding-top:20px;
	    }

    h3#comments {
	    margin-top:32px;
	    padding-left:0px;
	    margin-bottom:15px;
	    }

    h3.authors {
	    margin-top:15px;
	    }

    /* Index Page*/

    #logo {
	    width:400px;
	    height:60px;
	    }

    #tagline {
	    margin-top:10px;
	    color:#1d3566;
	    font-weight:bold;
	    }

    #top {
	    margin:0 auto;
	    padding:0px 10px 0px 0px;
	    background:#dedede;
	    width:930px;
	    border-left:5px solid #fff;
	    border-right:5px solid #fff;
	    }

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

    .category a {
	    color:#333333;
	    display:block;
	    background:none;
	    }

    .category a:hover {
	    background:none;
	    color:#fff;
	    text-decoration:none;
	    }

    #bottom {
	    width: 920px;
	    }

    #bottom-left {
	    float:left;
	    }

    #bottom-left .meta, .content.archive .meta {
	    font-size:10px;
	    }

    #front-list {
	    width:570px;
	    padding:10px;
	    background:#fff;
	    font-size:12px;
	    line-height:1.75em;
	    margin-bottom:10px;
	    border-top:1px solid #ececec;
        }

    #front-list blockquote {
	    padding: 0px 10px 0 10px;
	    }

    #front-list .title {
	    font:18px Arial;
	    font-weight:bold;
	    letter-spacing:-0.05em;
        line-height:1.0em;
	    }

    #front-list .divider {
	    margin-left:216px;
	    margin-top:0px;
	    margin-bottom:0px;
	    }

    .author {
	    font-size:11px;
	    font-weight:bold;
	    }

    .meta {
	    color:#333333;
	    font-weight:bold;
        font-size:11px;
	    }

    #headline p, #featured p {
	    margin:0;
	    }


    #paged-list {
	    background:#fff;
	    font-size:12px;
	    line-height:1.75em;
	    }

    #paged-list .clearfloat {
	    background:url(images/dots_content.gif) repeat-x bottom;
        padding-bottom:1px;
	    }

    .onecolumn {
	    line-height:1.5em;
	    padding:10px 0px;
	    margin:0;
	    }

    .onecolumn img {
	    float:left;
	    margin:8px 10px 7px 0px;
	    border:1px solid #ccc;
	    padding:2px;
	    }

    .tanbox {
	    width:265px;
	    line-height:1.5em;
	    padding:10px 0px;
	    margin:0;
	    }

    .archive .tanbox {
	    width:570px;
	    background:url(images/dots_content.gif) repeat-x bottom;
        padding-bottom:1px;
	    }

    .tanbox img {
	    float:left;
	    margin:8px 10px 7px 0px;
	    border:1px solid #ccc;
	    padding:2px;
	    }

    .tanbox span.title a, .onecolumn span.title a {
	    font:14px Arial;
	    font-weight:bold;
	    }

    .tanbox p, .onecolumn p {
	    margin:5px 0px;
	    }

    #navigation {
	    padding:15px 10px;
	    background:#fff;
	    font-size:12px;
	    text-align:center;
	    width:550px;
	    }


    /* Content Page*/
    .contentWrapper{
        width:590px;
    }
    .content {
	    width:550px;
	    background:#fff;
	    padding:20px;
	    font-size:12px;
	    line-height:1.75em;
	    float:left;
	    border-top:1px solid #ececec;
	    }

    .post {
	    line-height:1.75em;
	    }

    .post p {
	    margin-top:0px;
	    }

    .post .clearfloat {
	    }

    .post ul, .post ol, #front-list ul, #front-list ol {
	    margin-bottom:15px;
	    }

    .content ul{ list-style:square;margin-left:15px; }

    h1.title {
	    letter-spacing:-0.05em;
	    border-bottom:1px solid #e2e2e2;
	    border-top:3px solid #e2e2e2;
	    margin-bottom:0px;
	    padding:5px 0px 7px 0px;
	    color:#000000;
        font-size: 25px;
	    }

    .content h2.subtitle {
        border-bottom:1px solid #e2e2e2;
        letter-spacing:-0.05em;
        color:#000000;
        margin-top:0px;padding-top:0px;padding-bottom:8px;
        }

    .content h3 {
        letter-spacing:-0.05em;
        color:#303030;
        font-size: 15px;
        }

    .entry ul li, #front-list ul li {
	    list-style:square;
	    margin-left:30px;
	    }

    .entry ol li, #front-list ol li {
	    list-style:decimal;
	    margin-left:30px;
	    }

    .entry ol li ul li, #front-list ol li ul li {
	    list-style:square;
	    margin-left:20px;
	    }

    .entry img, .post a img, #front-list img {
	    border:1px solid #ccc;
	    margin:0 10px 5px 0;
	    padding:2px;
	    }
    .noborder{border:0;}

    p.first{margin-top:0;padding-top:0;}
    /* hrefs */
    a{
        color:#137dff;
        text-decoration:none;
    }
    a:hover{
        color:#C0C0C0;
    }
    .post a, a.sidebarCategoryLink{
        text-decoration:none;
    }
    .post a:hover, a.sidebarCategoryLink:hover{
        text-decoration:underline;
    }
    .entry a, .entry a:visited{
	    color:#0067d2;
	    }
    .entry a:hover, .entry a:visited:hover{
        color:#31b1f4;
        text-decoration:none;
    }
    a.orange{color:#f45c00;}

    .post .ads {
	    margin-top:10px;
	    }

    #stats {
	    margin-bottom:15px;
	    padding:0px 0px 0px 0px;
	    font-size:11px;
	    display:block;
	    border-bottom:1px solid #e2e2e2;
	    }

    span#map {
	    font-size:11px;
	    }

    img.centered, a img.centered, img.aligncenter, a img.aligncenter {
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
    }

    img.alignright, a img.alignright {
	    padding: 4px;
	    margin: 0 0 2px 7px;
	    display: inline;
    }

    img.alignleft, a img.alignleft {
	    padding: 4px;
	    margin: 0 7px 2px 0;
	    display: inline;
    }

    .alignright {
	    float: right;
    }

    .alignleft {
	    float: left
    }


    #bio {
        padding:10px;
        background:#efefef;
        margin:20px 0px;
    }
    #bio p {
        margin:0;
        padding:0;
    }

    #bio .avatar {
	    border:1px solid #ccc;
	    margin:0px 10px 5px 0;
	    float:left;
	    padding:2px;
	    width:80px;
	    height:80px;
	    }

    /* Sidebar*/
    #sidebar {
	    width:320px;
	    float:right;
	    margin:0px 0px 0px 0px;
	    overflow:hidden;
	    }

    #sidebar .spoiler{
        padding: 10px;
        color: black;
    }

    #sidebar .spoiler h3{
        width:100%;border-bottom:1px solid #C0C0C0;margin-top:12px;font-weight:900;font-size:16px;
    }

    /* Form Elements */

    select {
	    width:100%
	    }

    .submitbutton {
	    padding: 2px 5px;
	    border:1px solid #aaa;
	    background:#66cc00;
	    font-size:11px;
	    color:#fff;
	    cursor: pointer;
	    }

    .submitbutton:hover {
        background:#197b0c;
        }

    .field {
	    padding: 1px;
	    border-top:1px solid #bbbbbb;
	    border-left:1px solid #bbbbbb;
	    border-right:1px solid #eeeeee;
	    border-bottom:1px solid #eeeeee;
	    background:#fff;
	    font-size:11px;
	    }

    #search .searchbutton {
	    padding: 1px;
	    border:1px solid #333333;
	    background:#fff;
	    font-size:11px;
	    }

    #commentform input {
	    width: 140px;
	    margin: 5px 5px 0px 0;
	    }

    #commentform textarea {
	    width: 99%;
	    margin-top:5px;
	    border-top:1px solid #bbbbbb;
	    border-left:1px solid #bbbbbb;
	    border-right:1px solid #eeeeee;
	    border-bottom:1px solid #eeeeee;
	    }



    /* Comments*/

    #comment { width:590px;	background:#fff; }

    div#cancel-comment-reply { font-weight:bold; }

    #comments ul.commentlist { margin-top:20px; list-style:none; }

    #comments ul.commentlist blockquote { background:#ededed; }

    #comments .clearfloat { background:none; }

    #comments div.navigation { padding:5px 0px 20px 0px; font-weight:bold; }

    ul.commentlist li.pingback, ul.commentlist li.trackback { display:none; }
    ul.commentlist li.comment { color:#4d4d4d; padding: 11px 14px 11px 14px; background:#f2f2f2; list-style:none; margin-bottom:10px; font-size:11px; line-height:18px; border-bottom: 1px solid #dcdbd7; }
    ul.commentlist li.comment h3#respond { background:#fff; margin-top:15px; }
    ul.commentlist li.comment img.avatar { border:1px solid #ccc; margin:0px 0px 13px 13px; float:right; padding:2px; width:45px; height:45px; }
    ul.commentlist li.comment cite { color:#313228; font-weight:bold; font-size:14px; }
    ul.commentlist li.comment div.comment-meta { font-size:10px; margin-top:0px; }
    ul.commentlist li.comment div.comment-meta a { color:#4d4d4d; text-decoration:none; }
    ul.commentlist li.comment a { text-decoration:underline; }
    ul.commentlist li.comment cite a { text-decoration:none; }
    ul.commentlist li.comment div.reply { clear:both; display:block; }
    ul.commentlist li.comment div.reply a { text-decoration:none; font-weight:bold; }
    ul.commentlist li.comment p { margin:15px 0px; padding:0;  }
    ul.commentlist li.comment blockquote { width:380px; }

    ul.children li.comment { margin-top:15px; color:#4d4d4d; padding: 12px 12px 12px 12px; background:#fff; border:none; list-style:none; margin-bottom:0px; font-size:11px; }

    ul.commentlist li.depth-1, ul.children li.depth-3, ul.children li.depth-5, ul.children li.depth-7, ul.children li.depth-9 { background:#f2f2f2; }
    ul.children li.depth-2, ul.children li.depth-4, ul.children li.depth-6, ul.children li.depth-8, ul.children li.depth-10 { background:#fff; }

    #respond textarea { width:99%; font-size:13px; }
    #respond label { font-weight:bold; }
    #respond a {text-decoration:none; }
    #respond h3 {margin-top:15px; }

    li.comment div#respond h3 { display:none; }
    #respond a{color:#0067d2!important;}
    #respond a:hover{text-decoration:underline!important;}
    /* Footer*/

    #gallery {
	    font-size:11px;
	    color:#333;
	    width: 925px;
	    background:#dedede;
	    margin: 0 auto;
	    padding:15px 0px 15px 15px;
	    border-left:5px solid #fff;
	    border-right:5px solid #fff;
	    }

    #gallery #random {
        float:right;
        width:613px;
    }

    #gallery #random img {
        padding:2px;
        border:1px solid #ccc;
        margin-right:16px;
        margin-bottom:15px;
        background:#fff;
    }
    #gallery #video {
        float:left;
        width:281px;
        padding-right:15px;
        border-right:1px solid #b0b0b0;
    }

    #gallery h3 {
        display:block;
        padding-bottom:5px;
    }
    #front-popular {
	    font-size:11px;
	    color:#fff;
	    width: 910px;
	    background:#303030;
	    margin: 0 auto;
	    padding:15px;
	    border-left:5px solid #fff;
	    border-right:5px solid #fff;
	    }

    #recentpost, #mostcommented {
	    width:276px;
	    float:left;
	    padding:0px 20px 0px 0px;
	    border-right:1px solid #808080;
	    }

    #mostcommented {
	    margin-left:20px;
	    }

    #recent_comments {
	    width:276px;
	    float:right;
	    padding:0px;
	    }

    #recentpost a, #mostcommented a, #recent_comments a {
	    color:#fff;
	    }

    #recentpost ul, #mostcommented ul, #recent_comments ul {
	    margin-top:5px;
	    }

    #recentpost li, #mostcommented li, #recent_comments li {
	    list-style:none;
	    background:url(images/dots_footer.gif) repeat-x top;
        padding-top:1px;
	    }

    #recentpost ul li a, #mostcommented ul li a, #recent_comments ul li a {
	    padding:5px;
	    display:block;
	    text-decoration:none;
	    }

    #recentpost ul li a:hover, #mostcommented ul li a:hover, #recent_comments ul li a:hover {
	    background:#000000;
	    color:#fff;
	    }

    #recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
	    background:none;
	    }


    #footer {
	    margin: 0 auto;
	    width: 920px;
	    font-size:10px;
	    background:#dedede;
	    color:#333333;
	    padding:5px 10px;
	    border-left:5px solid #fff;
	    border-right:5px solid #fff;
	    }

    #footer a:hover {
	    color:#808080;
	    }

    /* Float Properties*/

    .clearfloat:after {
	    content:".";
	    display:block;
	    height:0;
	    clear:both;
	    visibility:hidden;
	    }

    .clearfloat {
	    display: inline-block;
	    }


    /* Hides from IE-mac \*/
    * html .clearfloat {
	    height:1%;
	    }

    *+html .clearfloat {
	    height:1%;
	    }

    .clearfloat {
	    display:block;
	    }

    .gray, .gray a{color:#656565;}
    .gray a:hover{color:#000000;}
    .wp_quotes_author{text-align:right;}



    .tabWrapper{ height:18px;border-style:solid;border-width:0px;border-bottom-width:1px;border-color:black; }
    .tabWrapper ul{ list-style:none;margin:0px;padding:0px 10px 0px 5px;}
    .tabWrapper ul li{display:inline;position:relative;top:1px;margin:0px;padding:0;}
    .tabWrapper ul li a{ padding:2px 10px 2px 10px;background:#F5E9D9;border: 1px solid #000;color:#6E6E6E; text-decoration:none;}
    .tabWrapper ul li a.selected{background:#FFFFFF;border-bottom-color:#FFFFFF;font-weight:900;color:#000000;}
    .tabWrapper ul li a.selected:hover{color:#000000;}
    .tabWrapper ul li a:hover{color:#000000;}
    .qf_label_error{color:red;text-align:right;}
    .qf_element_error{color:red;text-align:right;}
    .qf_error{color:red;text-align:right;}
    .center{text-align:center;}

    .bluelink{
        color:#0067d2!important;
    }
    .onlyinprint{display:none;}
    .wp-smiley{border:0!important;padding:0;margin:0;}
    strong.search-excerpt { background: yellow; }
    .post_update_box{
        width:544px;
        border: 1px dashed #8a8a8a;
        background: #ddf1ff;
        padding:12px;
        margin-bottom:10px;
        margin-top:10px;
    }
    .ngg-gallery-thumbnail a img{border:1px solid #C0C0C0;}


        /* FOR PEAR::VAR_DUMP */
    /* style for XHTML_Text */
    table.var_dump          { border-collapse:separate; border:1px solid black; border-spacing:0;background:white; }
    table.var_dump tr       { color:#006600; background:#F8F8F8; vertical-align:top; }
    table.var_dump tr.alt   { color:#006600; background:#E8E8E8; }
    table.var_dump th       { padding:4px; color:black; background:#CCCCCC; text-align:left; }
    table.var_dump td       { padding:4px; }
    table.var_dump caption  { caption-side:top; color:white; background:#339900; }
    table.var_dump i        { color: #000000; background: transparent; font-style: normal; }

    /* style for XHTML_Text */
    pre.var_dump            { line-height:1.8em; }
    pre.var_dump span.type  { color:#006600; background:white; }
    pre.var_dump span.value { padding:2px; color:#339900; background:#F0F0F0; border: 1px dashed #CCCCCC; }

    .logoh4{visibility:hidden;}

    a.rss { padding: 0px 0 1px 20px; background: url("images/rss_icon.gif") 0 0px no-repeat; margin-right: 20px; }
    a.whatrss { padding: 0 0 0 20px; background: url("images/rsswhat_icon.gif") 0 -1px no-repeat; }
    a.twtr { padding: 0 0 0 20px; background: url("images/twitter-icon.gif") 0 -1px no-repeat; }


    /* blog archive */
    .archive_category{ width:270px; }
    .archive_category p{ line-height:normal; }
    .archive_category h4{font-weight:900;font-size:110%;}
    .arrow_list{list-style:none!important;}
    .archive_category ul li, ul.arrow_list li{background: url("images/li_bullet.gif") 0 0 no-repeat !important; line-height: normal; padding: 0 0 5px 16px !important;}
    #archive_tag_cloud a{color:black;}
    .black{color:black;}

    .nomargin{padding:0;margin:0!important;}

    /* forum and forum comments*/
    div.comment table{width:90%;}
    ul.commentlist{margin:0;padding:0;}
    td.alt2{}
    #posts td{ }
    #posts ul{list-style:square!important;width:80%;margin-left:40px;}
    #posts ul li{}
}

@media print
{
    /* CSS Reset */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, /*ol, ul, li,*/
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead /*, tr, th, td*/ {
        margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;
        font-family: inherit; vertical-align: baseline;

    }

    body {
        background: white;
        font-size: 12pt;
        margin: 0px 5% 0px 5%;
        font-family:helvetica;
        line-height:14pt;
    }

    #postPrintHeaderWrapper{margin-bottom:5mm;display:block;clear:both;}

    h1.title{font-size:25pt;display:block;margin:0;clear:both;margin-top:65px;;padding:10px 0px 10px 0px;}
    h2.subtitle{font-size:16pt;display:block;margin:0;clear:both;;padding:10px 0px 10px 0px;}
    #logo{margin-bottom:2cm;}
    .noprint, .navbar, #sidebar, #footer, #gallery, #front-popular, #mostcommented ,
    #recent_comments, #comments, #stats{display:none!important;}
    .noborder{border:0;}

    blockquote{font-style:italic;padding:10px;margin:10px;display:block;}
    p{line-height:1.75em;font-family:garamond;font-size:12pt;}
    .left{float:left;}
    .right{float:right;}
    .clearfloat{display:block;}

    li{margin-bottom:5px;}
    a:link, a:visited {
        color: #520;
        background: transparent;
        text-decoration: underline;
    }

   .entry a:link:after, .entry a:visited:after {
    content: " (" attr(href) ") ";
    font-size: 90%;
   }

   .content a[href^="/"]:after {
    content: " (http://www.rikatillsammans.se" attr(href) ") ";
   }
   .content{width:100%;}

   #printFooter{border-top:1px solid #666; border-bottom:1px solid #666;padding:5mm 0 5mm 0;}
   #postPrintHeaderWrapper a, .gray{color:#656565!important;}

   h1 span{font-weight:100;font-size:50%;letter-spacing:normal;}

}