/*
Theme Name: Vineyard Blue
Description: Blue, elegant, and advanced WordPress Theme.
Author: Darren Pangan
Author URI: http://www.darrenpangan.com/
*/

* {
    margin: 0; padding: 0;
}
body {
    text-align: center;
    font: 12px Arial;
    color: #ffffff;
    background-color: #004566;
}
a {
    color: #458AB3;
    text-decoration: none;
}
a:hover {
    color: #ff0000;
}
img {
    border: 0;
}


.break {
    clear: both;
}

.wrapper {
    width: 980px;
    margin: auto auto;
    text-align: left;
}

#body { 
    background: #ffffff url(images/body.gif) repeat-x 0 0;
    color: #000105;
    padding-top: 25px;
}

/** BEGIN content **/
#content {
    width: 465px;
    float: left;
    padding-right: 15px;
}
    #content h1 {
        font-size: 0;
        border-bottom: 1px dotted #458AB3;
        padding: 12px 0 10px;
    }
        #content h1 a {
            text-indent: -9999px;
            outline: none;
            display: block;
            width: 465px; height: 140px;
            background: url(/grafik/ganerivikt-logo.png) no-repeat 0 0;
        }
         #content .singletitle{
            text-indent: -9999px;
            outline: none;
            display: block;
            width: 465px; height: 140px;
            background: url(/grafik/ganerivikt-logo.png) no-repeat 0 0;
            border-bottom:1px dotted #C9DDA8;
            padding:10px 0 0px;
            font-size: 0px;
            margin-top: 10px;
            margin-bottom: 0px;
        }
        #content .posttitle   {
            font-size: 28px;
            color: #111619;
            font-family: georgia, times new roman, sans-serif;
            margin: 0;
            margin-bottom: 10px;
            font-weight: normal;
            padding-top: 0;
        }
        
    #content .post {
        clear: both;
        border-bottom: 1px dotted #C6CFD4;
        padding: 20px 0 5px;
    }
    
    
     #content .single {
        clear: both;
        border-bottom: 1px dotted #C6CFD4;
        padding: 0px 0 5px;
    }
    
        #content .post img {
            border: 1px solid #C1C9CB;
            padding: 4px;
            background-color: #ffffff;
            float: right;
        }
        #content .post img.thumbnail {
            float: left;
            margin: 5px 10px 5px 0;
            width: 80px;
        }
        #content .latest img.thumbnail {
            width: 150px;
        }
        #content .post h2{
            font-family: Georgia;
            font-weight: normal;
            margin-bottom: 10px;
            font-size: 1.9em;
        }
        #content .latest h2 {
            font-size: 2.7em;
        }
            #content .post h2 a {
                color: #111619;
            }
        #content .post .description {
            font-size: 0.9em;
            font-family: Georgia;
            color: #6599B1;
            margin-bottom: 8px;
        }
        #content .post p {
            line-height: 1.6em;
            margin-bottom: 20px;
        }
        #content .post p.links a {
            font-size: 0.9em;
            font-weight: bold;
            margin-left: 10px;
        }
        #content .post .bookmarks {
            margin-bottom: 0;
        }
            #content .post .bookmarks a {
                margin: 0;
                text-indent: -9999px;
                width: 18px; height: 16px;
                outline: none;
                display: block;
                background-repeat: no-repeat;
                background-image: url(images/bookmarks.gif);
                float: left;
                margin-right: 2px;
            }
            #content .post .bookmarks .b1 { background-position: 0 0; }
            #content .post .bookmarks .b2 { background-position: -18px 0; }
            #content .post .bookmarks .b3 { background-position: -36px 0; }
            #content .post .bookmarks .b4 { background-position: -54px 0; }
            #content .post .bookmarks .b5 { background-position: -72px 0; }
            #content .post .bookmarks .b6 { background-position: -90px 0; }
            #content .post .bookmarks .b7 { background-position: -112px 0; }
            #content .post .bookmarks .b8 { background-position: -132px 0; }
            #content .post .bookmarks .b9 { background-position: -152px 0; }
        #content .post .details {
            float: right;
            font-size: 0.9em;
            margin-bottom: 0;
        }
            #content .post .details a {
                font-size: 1em;
                margin: 0;
            }
    #content .postnav {
        padding: 20px 0;
        font-size: 0.9em;
        font-weight: bold;
        text-align: center;
    }
        #content .postnav a {
            margin: 0 10px;
        }
/** END content **/

/** BEGIN sidebar **/
#sidebar {
    width: 480px;
    float: right;
}
    #sidebar ul {
        list-style-type: none;
    }
    #sidebar .about {
/*        background: url(images/about.jpg) no-repeat 0 0; */
	-moz-border-radius:8px 8px 8px 8px;
	background-color:#E0EEF4;
	border:1px solid #AAB2B5;
	height:185px;
	margin-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:0;
	position:relative;
    }
        #sidebar .about h2 {
		font-family:Georgia;
		font-size:1.8em;
		font-weight:normal;
		margin-bottom:5px;
		padding-top:14px;
        }
        #sidebar .about p {
            line-height: 1.7em;
            padding-right: 80px;
        }
        #sidebar .about form {
            padding: 20px 0 20px 130px;
            position: absolute;
            top: 167px; left: 20px;
        }
            #sidebar .about input {
                font-family: Verdana;
                font-size: 0.9em;
                color: #90908E;
                border: 1px solid #ffffff;
                float: left;
                margin: 5px 13px 0 0;
                width: 236px;
            }
            #sidebar .about button {
                width: 60px; height: 24px;
                text-indent: -9999px;
                border: 0;
                background-color: transparent;
            }
        #sidebar .left { float: left; }
        #sidebar .right { float: right; }
        #sidebar .sidebar {
            width: 47%;
            margin: 15px 0;
        }
            #sidebar .sidebar h2 {
                font-size: 1.5em;
                font-weight: normal;
                font-family: Georgia;
                margin: 10px 0;
            }
            #sidebar .sidebar ul {
                padding: 10px 0;
            }
                #sidebar .sidebar ul li {
                    line-height: 1.6em;
                    padding: 2px 0 2px 16px;
                    background: url(images/bullet1.gif) no-repeat 0 9px;
                    border-top: 1px dotted #AAB2B5;
                }
                #sidebar .sidebar ul li a {
                    color: #2B3335;
                }
                #sidebar .sidebar ul li ul { padding: 0; }
            #sidebar .sidebar .post {}
                #sidebar .sidebar .post li, #sidebar .sidebar .rc li {
                    background: none;
                    padding: 10px 0;
                    color: #4D4D4F;
                }
                #sidebar .sidebar .post li img, #sidebar .sidebar .rc li img {
                    padding: 4px;
                    border: 1px solid #DFE1E0;
                    margin-top: 5px;
                    width: 200px;
                }
                #sidebar .sidebar .rc li img {
                    float: left;
                    margin: 4px 10px 5px 0;
                    width: 50px;
                }
                #sidebar .sidebar .post li a, #sidebar .sidebar .rc li a {
                    color: #2F749B;
                    font-weight: bold;
                    font-family: Verdana;
                    font-size: 0.8em;
                }
                #sidebar .sidebar .rc li a {
                    font-size: 1em !important;
                }
                #sidebar .sidebar .title {
                    font-size: 1.2em !important;
                }
/** END sidebar **/

/** BEGIN  **/
#footer { 
    background: url(images/footer.gif) repeat-x 0 0;
}
#footer .buffer {
  /*   background: url(images/buffer.gif) repeat-y center 0; */
}
    #footer .wrapper div {
        width: 239px;
        float: left;
        padding-bottom: 10px;
    }
    #footer .wrapper .last {
        width: 236px;
        float: right;
    }
    #footer h2 {
        font-family: Georgia;
        font-size: 1.6em;
        font-weight: normal;
        padding: 10px;
    }
    #footer ul {
        list-style-type: none;
        margin: 5px 10px 20px;
        border-top: 1px dotted #0C7799;
    }
        #footer ul li {
            border-bottom: 1px dotted #106C9F;
            line-height: 1.6em;
            padding: 3px 0 3px 12px;
            background: url(images/bullet2.gif) no-repeat 0 8px;
        }
        #footer ul li a {
            color: #ffffff;
        }
        #footer ul li a:hover { }
    #footer .rss {
        padding: 0 20px 0 64px;
        line-height: 1.6em;
        background: url(images/rss.gif) no-repeat 10px 6px;
    }
        #footer .rss a {
            color: #ffffff;
        }
    #footer .copy {
        text-align: center;
        color: #00749D;
        line-height: 1.6em;
        padding-top: 20px;
    }
/** END footer **/

/** BEGIN wordpress **/
#wp-calendar {
    width: 100%;
}
    #wp-calendar td {
        text-align: right;
        padding: 2px;
    }
    #wp-calendar th {
        text-align: right;
        padding: 2px;
    }
    #wp-calendar caption {
        padding-bottom: 10px;
    }
    #wp-calendar a {
        font-weight: bold;
        font-size: 0.9em;
    }
/** END wordpress **/

/** BEGIN miscellaneous **/
.notfound {
    padding: 20px 0;
}
    .notfound h2 {
        font-size: 1.6em;
        font-weight: normal;
        margin-bottom: 10px;
    }
.single {
    
}
    .single h2 {
/*        font-size: 2.0em !important; */
	font-size: 1.7em !important;
        margin-bottom: 5px;
    }
    .single p {
        margin-bottom: 10px !important;
    }
    .single h3 {
        font-size: 1.6em;
        font-weight: normal;
        font-family: Georgia;
        margin-bottom: 7px;
    }
    .single ul {
        margin: 0 0 10px 16px;
    }
    .single ol {
        margin: 0 0 10px 20px;
    }
    .single li {
        line-height: 1.6em;
        padding: 1px 0;
    }
    .single blockquote {
        padding: 10px 10px 0;
        margin-bottom: 10px;
        line-height: 1.6em;
        background-color: #eeeeee;
        border-width: 1px 0;
        border-style: dotted;
        border-color: #e0e0e0;
    }
    .single .tags {
        padding: 10px 0;
    }
/** END miscellaneous **/

/** BEGIN comments **/
#comments {
    clear: both;
}
    #comments h2 {
        margin: 10px 0;
        font-size: 1.7em;
        font-weight: normal;
        font-family: Georgia;
    }
    #comments p {
        margin-bottom: 10px;
        line-height: 1.5em;
    }
    #comments form {
        padding: 10px;
    }
        #comments form input, textarea {
            border: 1px solid #cccccc;
            font-size: 0.9em;
            font-family: Verdana;
            padding: 4px 4px 4px 20px;
            background-position: 4px 4px;
            background-repeat: no-repeat;
        }
        #comments form input {
            width: 260px;
            border: 1px solid #cccccc;
        }
        #comments form textarea {
            width: 350px;
            padding: 4px 4px !important;
            border: 1px solid #cccccc;
        }
        #comments form button {
            border: 1px solid #909090;
            background-color: #cccccc;
            font-size: 0.9em;
            font-family: Verdana;
            width: 120px; height: 23px;
        }
        #comments form input.user {
            background-image: url(images/user.gif);
        }
        #comments form input.email {
            background-image: url(images/email.gif);
        }
        #comments form input.world {
            background-image: url(images/world.gif);
        }
    #comments form p {
        margin-bottom: 5px;
        font-size: 0.9em;
        font-family: Verdana;
    }
    #comments .author {
        margin-bottom: 5px !important;
        font-weight: bold;
    }
    #comments .date {
        font-size: 0.8em;
        margin-bottom: 5px;
    }
    #comments .required {
        color: #ff0000;
    }
    #respond {
        padding-top: 20px;
    }
    #comments .thread-odd {
        border-width: 1px 0;
        border-style: dotted;
        border-color: #cccccc;
        background-color: #eeeeee;
        padding: 10px;
        margin-bottom: 10px;
    }
    #comments .thread-even {
        padding: 10px;    
    }
    #comments .details {
        float: left;
    }
    #comments .gravatar {
        float: right;
    }
    #comments .commentlist {
        list-style-type: none;
    }
        #comments .commentlist li ul {
            list-style-type: none;
            padding-left: 10px;
            border-left: 2px solid #cccccc;
            margin: 10px 0;
        }
    #comments .reply {
        font-size: 0.8em;
        text-transform: uppercase;
    }
/** END comments **/

#sidebar .right{
    width: 250px;
}
#sidebar .left{
    width: 210px;
}

/** BMI **/

#dhtmlgoodies_bmi_calculator{
		width:480px;	/* Width of entire calculator */
		height:390px;	/* Height of entire calculator */
		font-family: arial, verdana, sans-serif;	/* Fonts to use */
	}
	#dhtmlgoodies_bmi_calculator .calculator_form{	/* Form */
		width:160px;	/* Width of form div */
		float:left;	/* Position the form at the left of the graph */
		padding-left:5px;
		padding-right:5px;
	}
	#dhtmlgoodies_bmi_calculator input{
		width:130px;
	}
	#dhtmlgoodies_bmi_calculator .calculator_form .textInput{
		width:45px;	/* Width of small text inputs */
                padding-right: 5px;
                padding-top: 1px;
                padding-bottom: 1px;
		text-align:right;	/* Right align input text */
	}
	#dhtmlgoodies_bmi_calculator .calculator_graph{
		width:280px;	/* Width of graph div */
		float:left;	/* Position bar graph at the left */		
		background-color:#F0FAFF;	/* Light gray background color */
		border:1px solid #2F749B;	/* Gray border around graph */
		
		height:100%;
		position:relative;
	}
	
	.calculator_graph .graphLabels{	/* Help labels at the top of the graph */
		background-color:#fff;	/* White bg */
		padding:4px;	/* Some air */
		margin:2px;	/* Around around help div */
		border:1px dotted #2F749B;	/* Gray border */

	}
	.graphLabels .square{	/* Small square showing BMI, e.g.: Below 18.5: Underweight */
		height:12px;	/* Width of square */
		width:12px;	/* Height of square */
		border:1px solid #000;	/* Black border */
		margin:1px; 	/* "Air" */
		float:left;		
	}
	.graphLabels .label{	/* Help text, , e.g.: Below 18.5: Underweight */		
		width:170px;	/* Width */
		height:16px;	/* Height */
		font-size:11px;	/* Font size */
		padding-left:2px;	/* Space at the left of label */
                padding-top: 1px;
		float:left;
	}

	.barContainer{	/* DIV for both the multicolor bar and users weight bar */
		position:absolute;
		bottom:0px;
		border:1px solid #000;
		border-bottom:0px;
		text-align:center;
		vertical-align:middle;
	}
	.barContainer div{	/* colored div inside "barContainer */
		border-bottom:1px solid #000;
	}
	.barContainer .labelSpan{	/* Label indicating users BMI */
		background-color:#FFF;	/* White BG */
		border:1px solid #000;	/* Black border */
		padding:2px;	/* "Air" inside the box */
		font-size:14px;	/* Font size */
            font-weight: bold;
	}
	
	.clear{	/* Clearing div - you shouldn't do anything with this one */
		clear:both;
	}


#content .post img.noborderad{
    padding: 0;
    margin-bottom: 10px;
}


#content .post .forfattarikon{
    float: left;
    background-color: transparent;
    border: none;
    
}

#content .post h1 .forfattare{
    font-size: 18px;
    margin-top: 6px;
}



#sidebar .sidebar .post li img.forfattaremini 
{
    width: 16px;
    height: 16px;
    border: none;
    float: left;   
    margin: 0;
    padding: 0;
    margin-right: 6px;
   
}

#content .post img.noborder{
    border: none;
    padding: 0;
    margin: 0;
}