/*
THEME NAME: Sivilstatus
THEME URI: http://thomas.hemmeligadresse.com/
DESCRIPTION: Sandbox modifisert for Sivilstatus
VERSION: 1.2
AUTHOR: Thomas Misund Hansen
AUTHOR URI: http://thomas.hemmeligadresse.com/
TAGS: sandbox, webcomic
*/

html,body,div,ul {
	padding:0;
	border:0;
	margin:0;
}

a img {border: 0;}

/************
* Typografi *
************/
.sans {font-family: Century Gothic, "Century Gothic", Trebuchet MS, "Trebuchet MS", Verdana, sans-serif;}

p,
.serif {font-family: Palatino Linotype, "palatino linotype", baskerville, serif;}

a {
    text-decoration: none;
    color: #0000ff;
}
a:hover {
    text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,
.entry-date,
.entry-meta,
#respond,
/*#respond p, */
#comments .comment-author.vcard,
#comments .comment-meta,
#commentform #comment-notes,
#commentform .form-label
{font-family: Century Gothic,"Century Gothic", Trebuchet MS, "Trebuchet MS", Verdana, sans-serif;}

h1,h2,h3,h4,h5,h6 {
    margin-bottom:0;
} 
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
    color:#000000;
    text-decoration:none;
}
p {
    text-align:justify;
    line-height: 1.3em;
}
  
#pagemenu {font-size: 22px; }
#nav-header a,#nav-header a:visited {text-decoration: none;}
#pagemenu li a,
#pagemenu li a:visited {
    color: #666666;
}
#pagemenu li.current_page_item a,
#pagemenu li.current_page_item a:visited,
#pagemenu li a:hover {
    color: #111111 !important;
}

.entry-date,
.entry-meta{
    font-size: 12px;
}

#respond p,
#comments .comment-author.vcard,
#comments .comment-meta,
#commentform #comment-notes,
#commentform .form-label {
    font-size:10px;
}

/***********
* Struktur *
***********/

#wrapper {
	width:601px;
	padding:0;
	margin:auto;
}
#header {
	width:601px;
	height:82px;
}

#container { /* Innholdet */
	width:601px;
}

/***********************
* Struktur med sidebar *
************************/
/*
#wrapper {
	width:780px;
	padding-top:20px;
	margin:auto;
}
#header {
	padding-left:179px;
	width:601px;
	height:82px;
}

#container {
	width:601px;
	float:right;
}

.sidebar {
	width:179px;
	float:left;
}
*/

/*********************
* Topp- og bunnlinje *
**********************/
.top-n-bottom {
    width:100%;
}
#nav-header {
    background:#ffffff;
    height: 45px;
    border-bottom: 1px solid #666666;
    position: relative;
}

.social-media {
    margin: 7px 5px 2px;
    float: left;
}

#tittel-liten {
    display:inline;
}
#tittel-liten a {
    display:block;
    margin: 4px 10px 5px;
    width:190px;
    height:35px;
    text-indent:-9999px;
    background: url("img/tittel-liten.jpg") no-repeat;
    /*float: left;*/
    position: absolute;
    right: 50%;
}

#pagemenu {
    position:absolute;
    bottom:0;
    right:10%;
}
#pagemenu li {
    list-style-type:none;
    display:block;
    float:left;
    padding: 2px 4px 0;
    margin: 0 2px;
    border: 1px solid #666666;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;

    position: relative;
    top: 1px;
}

#pagemenu li.current_page_item {
    border-bottom: 1px solid #ffffff;
}

#footer {
    border-top:1px solid #666666;
    clear:both;
    margin-top:191px;
}

#footer #tegner-cred {
    height:30px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:13px;
    overflow-x:hidden;
    overflow-y:hidden;
    position:absolute;
    right:43%;
    width:200px;
}

#footer #design-cred {
    float:right;
}

#misund {
    margin:3px 3px 0 0;
    display:block;
    height:16px;
    width:84px;
    background:url('img/misund.png');
    text-indent:-9999px;
}
#misund:hover {
    background-position:center 16px;
}

/*********
 * Header *
 *********/

#blog-title a {
    display:block;
    margin: 0 78px;
    width:444px;
    height:82px;
    text-indent:-9999px;
    background: url("img/sivilstatus-03.jpg") no-repeat;
}
#blog-description a {
    display:none; /* TODO Rydd opp i HTML og CSS!*/
    float:left;
    width:127px;
    height:82px;
    text-indent:-9999px;
    background: url("img/sivilstatus-04.jpg") no-repeat;
}

/**********
 * Innhold *
 **********/

/***************
 * Kommentarer *
 **************/

#comments-link {
    float:right;
    margin-right:22px;
}

#comments-link a {
    background-attachment:scroll;
    background-color:transparent;
    background-image:url(http://sivilstatus.storrusten.net/wp-content/themes/sivilstatus-sandbox/img/comment.png);
    background-position:0 0;
    background-repeat:repeat;
    display:block;
    height:32px;
    text-indent:-9999px;
    width:32px;
}

.single #comments {
    display:none;
}

#comments-list > ol,
#comments-list > ol > li {
    margin: 0;
    padding: 0;
    list-style-type:none;
}
#comments-list,
#respond {
    width:601px;
    margin:auto;
}

.comment {
    clear: both;
}

.comment-author.vcard {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(img/commentpoint2.png);
    background-position: right 35px;
    background-repeat: no-repeat;
    text-align: center;
    float: left;
    padding: 20px 20px 10px 0;
    width: 80px;
}
.bypostauthor .comment-author.vcard {
    float: right;
    background-position: left 35px;
    padding: 10px 0 10px 20px;
}

.comment-content {
    background-color: #eeeeee;
    background-image: none;
    border-radius: 7px;
    -moz-border-radius:7px;
    float: left;
    margin: 0 0 10px;
    padding: 10px 10px 0;
    width: 481px;
}

.comment-meta {
    border-bottom:1px solid #cccccc;
    color:#cccccc;
    margin-bottom:5px;
    padding-bottom:3px;
}
.comment-meta a,
.comment-meta a:visited {
    color:#95b7d5;
}

#respond {
    clear:both;
}

#commentform .form-input,
#commentform .form-label,
#commentform .form-input input,
#commentform .form-submit input,
#commentform .form-label label {
    width:190px;
    margin:0;
    padding:0;
}
#commentform #form-author {
    width:220px;
}
#commentform .form-submit {
    width:220px;
    background: url(img/commentpoint2.png) right center;
    background-repeat: no-repeat;
}

#commentform input,
#commentform textarea {
    background: #eeeeee;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    margin: 0;
    padding:0;
}
#commentform input {
    border: 1px solid #cccccc;
}
#commentform textarea {
    padding: 3px 2px;
    border: none;
}

#commentform #form-author,
#commentform .form-label,
#commentform .form-input,
#commentform .form-submit {
    float:left;
}

#commentform .form-textarea {
    float:right;
}

/* Aligning things */
#commentform .form-submit input {
    margin-top: 10px;
    padding: 15px;
    background: lightGreen;
}

#commentform .form-label {
    height:14px;
}

#commentform .form-input {
    height:20px;
}
#commentform .form-submit {
    height:50px;

}
#commentform .form-textarea,
#commentform .form-textarea textarea {
    width: 381px;
    height: 135px;
}

#commentform #login {
    margin-right:30px;
}

/**********
 * Sidebar *
 **********/


/****************
 * Forrige/Neste *
 ****************/

.nav-forrige a {
    display:block;
    float:left;
    width:117px;
    height:53px;
    text-indent:-9999px;
    background: url("img/sivilstatus-06.jpg") no-repeat;
}

.nav-neste a {
    display:block;
    float:right;
    margin-right:10px;
    width:85px;
    height:53px;
    text-indent:-9999px;
    background: url("img/sivilstatus-08.jpg") no-repeat;
}

/* Gjemmer WP.com-stats tracker */
img#wpstats {
    width:0px;height:0px;overflow:hidden;
}

/****************
 * Kreditter :) *
 ***************/