/*
Theme Name: sortere.no
Theme URI: http://sortere.no
Description: Tema for sortere.no bygget på Sandbox
Author: Thomas Misund
Author URI: http://thomas.hemmeligadresse.com
Template: sandbox
Version: 0.1

This work is released under the GNU General Public License 2:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

*/

/* Reset default browser styles */
@import url('css/reset.css');
/*@import 'meyerreset.css';*/

/* Rebuild default browser styles */
@import url('css/rebuild.css');

/* Basic WordPress Styles */
@import url('css/wp.css');

body, input, textarea {
    font: 12px Arial,sans-serif;
    line-height:1.5;
}
p, ul, ol, dd, pre {
    margin-bottom:1em;
}
pre, code {
	font:14px Trebuchet,Verdana,Tahoma,Arial,sans-serif;
	line-height:1.3;
}


html {
    background-image: url('img/site_background.jpg');
}

body {
    background: #ffffff;
    width:945px;
    margin:20px auto;
    padding: 20px 30px;

    font-family:Arial,Helvetica,Verdana,sans-serif;
}

/**
 * Menu
 */

#header {
    position:relative;
}

#header #search {
    position:absolute;
    right:10px;
    top:5px;
}

#header #search input {
    background-color:#FFFFFF;
    font-size:12px;
    margin:0;
    padding:3px 0;
    -x-system-font:none;
    background-image:url('img/input_shadow.png');
    background-repeat:no-repeat;
    border-color:#BFBFBF #DEDEDE #DEDEDE #BFBFBF;
    border-style:solid;
    border-width:1px;
    font-family:Arial,Helvetica,Verdana,sans-serif;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
}

#header #search #submit {
    background: url('img/search.png');
    border:none;
    height:21px;
    width:50px;
    font-size:0;
    text-indent:-9999px;
    position:relative;
    top:-4px;
}

#header h1 a,
#header h2 a {
    background:transparent url('img/layout_set_logo.png') no-repeat;
    display:block;
    font-size:0;
    height:48px;
    text-indent:-9999em;
    width:124px;
}

.skip-link {
    display:none;
}

/**
 * Menu
 */

div#menu {
    margin:1.45em 0 10px;
    width:100%;
}

div#menu ul,div#menu ul ul {
    line-height:1;
    list-style:none;
    margin:0;
    padding:0;
}

div#menu ul a {
    display:block;
    padding:0.2em 0.5em;
    text-decoration:none;
}

div#menu ul ul ul a {
    font-style:italic;
}

div#menu ul li ul {
    left:-999em;
    position:absolute;
}

div#menu ul li:hover ul {
    left:auto;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
    float:left;
}

div#menu > ul {
    background-image:url('img/site_header_menu_background.png');
    background-position:center top;
    background-repeat:repeat-x;
    height:30px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
}

div#menu ul ul {
    background: #e3eaea;
}

div#menu > ul li {
    background-image:url('img/site_header_menu_divider.png');
    background-position:right center;
    background-repeat:no-repeat;
    float:left;
    height:30px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

div#menu ul li a {
    color:#677264;
    font-size:14px;
    padding:5px 26px 0;
}

div#menu > ul > li.current_page_item,
div#menu > ul > li.current_page_parent,
div#menu > ul > li.current_page_ancestor,
div#menu > ul > li:hover {
    background-image:url('img/site_header_menu_background_selected.png');
    background-repeat:repeat-x;
}

div#menu > ul > li.current_page_item > a,
div#menu > ul > li.current_page_parent > a,
div#menu > ul > li.current_page_ancestor > a,
div#menu > ul > li:hover > a {
    color:#ffffff;
}
div#menu > ul > li.current_page_item:hover > a,
div#menu > ul > li.current_page_parent:hover > a,
div#menu > ul > li.current_page_ancestor:hover > a {
    background-image:url('img/site_header_menu_background_selected.png')
}

/**
 * Layout with 3 sidebars
 */

div#container {
    float:left;
    width:100%;
    margin-top:12px;
		margin-bottom: 15px;
}

div#content {
    margin:4px 238px 20px 228px;
}

div.sidebar {
    float:left;
    overflow:hidden;
    width:208px;
}

div#primary {
    margin:0 0 0 -100%;
}

* html div#primary {
    left:20px;
    position:relative;
}

div#secondary {
    margin:0 0 0 -208px;
}

div#footer {
    clear:left;
    width:100%;
}

div.navigation {
    width: 100%;
}

div.navigation .nav-previous {
    float: left;
}

div.navigation .nav-next {
    float: right;
}

div.post {
    clear:both;
    margin-bottom: 3.5em;
}

/**
 * Typography
 */

body {
    color:#677164;
}

strong {
    font-weight: bold;
}

a {
    color:#5C8D45;
    text-decoration:none;
}
a:hover {
    color:#97B066;
    text-decoration:underline;
}

h1,h2,h3,h4,h5,h6 {
    margin-bottom:0.8em;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}


/**
 * Typography main column
 */

#content h1,
#content h2.entry-title {
    border-bottom:1px dotted #D6E0C2;
    font-size:18px;
    font-weight:normal;
    margin-bottom:10px;
    padding-bottom:9px;
}

#content h1 a,
#content h2.entry-title a {
    text-decoration:none;
    color:#677164;
}

#content .entry-content h2,
#comments h2 {
    font-size: 16px;
    font-weight: bold;
}

#content .entry-content h3 {
    font-size: 15px;
    font-weight: bold;
}
#content .entry-content h4 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom:0;
}
#content .entry-content h5 {
    font-size: 13px;
    font-style: italic;
    margin-bottom:0;
}
#content .entry-content h6 {
    font-size: 13px;
    text-decoration: underline;
    margin-bottom:0;
}

/* Let sub-headlines respect floated images */
#content h3,
#content h4,
#content h5,
#content h6 {
    clear:none;
}

#content p,
#content ul {
    font-size:12px;
    line-height:1.5;
    margin-bottom: 1em;
}
#content div {
    font-size:12px;
}

#content .byline,
#content .edit-link {
    color:#C5C5C5;
    display:block;
    font-size:12px;
    line-height:1;
    margin:0 0 11px;
}

#content #comments .comment-meta {
    font-size:12px;
}

#content #comments #commentform .form-label {
    font-size:13px;
}

/* Lists */
.entry-content ul,
.entry-content ol {
    padding:0;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
    padding-left:20px;
}

.entry-content ul {
    list-style: circle inside;
}
.entry-content ul ul {
    list-style: disc inside;
}
.entry-content ul ul ul {
    list-style: square inside;
}
.entry-content ul ul ul ul {
    list-style: circle inside;
}
.entry-content ul ul ul ul ul {
    list-style: disc inside;
}
.entry-content ul ul ul ul ul ul {
    list-style: square inside;
}

.entry-content ol {
    list-style: decimal inside;
}
.entry-content ol ol {
    list-style: upper-roman inside;
}
.entry-content ol ol ol {
    list-style: lower-roman inside;
}
.entry-content ol ol ol ol {
    list-style: decimal inside;
}
.entry-content ol ol ol ol ol {
    list-style: upper-roman inside;
}
.entry-content ol ol ol ol ol ol {
    list-style: lower-roman inside;
}

.entry-content dt {
    font-weight: bold;
}
.entry-content dd {
    padding-left:15px;
}

/* Quotes */
.entry-content blockquote {
    margin: 1em 2em;
    font-style:italic;
    background:#eeeeee;
    margin:1em 2em;
    padding:1px 19px;
}
.entry-content blockquote blockquote {
    border:1px solid #000000;
}
.entry-content cite {
    font-style:italic;
}
#content q {
    font-style:italic;
}

/* Tables */
.entry-content thead,
.entry-content th {
    font-weight:bold;
}


.entry-content img {
    margin: 0 0 10px;
    max-width:100%;
}
.entry-content img.alignright {
    margin: 0 0 10px 10px;
}
.entry-content img.alignleft {
    margin: 0 10px 10px 0;
}
.entry-content,
.comment-content {
    font-family: Trebuchet, Verdana, Tahoma, Arial, sans-serif;
}
code,pre,tt {
    font-family: "Courier New",monospace;
}

abbr {
    border-bottom: 1px dotted;
}


/**
 * Footer
 */

#footer {
    background-image:url('img/site_footer_border.png');
    background-position:center top;
    background-repeat:repeat-x;
    margin-top:12px;
    color:#D5D6D7;
    font-size:12px;
    padding-top:15px;
    text-align:center;
}

/**
 * Sidebar
 */

.sidebar ul {
    margin:0;
    list-style-type:none;
}

.sidebar > ul > li {
    border-bottom:1px solid #B0C4C3;
    border-top:2px solid #D7E1E1;
    font-size:15px;
    margin-bottom:10px;
}

.sidebar ul li ul li {
    font-weight:normal;
    list-style-type:none;
    list-style-image:none;
    list-style-position:outside;
}

.sidebar ul li ul li a {
    border-top:1px solid #C5C5C5;
    color:#808080;
    display:block;
    padding-bottom:5px;
    padding-left:25px;
    padding-top:5px;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    text-decoration:none;
}

.sidebar ul li ul li ul {
    padding-left: 10px;
    font-weight: normal;
    font-size:0.9em;
}

/**
 * Kommentarer
 */

#comments-list > ol,
#comments-list > ol > li {
    margin: 0;
    padding: 0;
    list-style-type:none;
}
#comments-list,
#respond {
    width:481px;
    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: 361px;
}

.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/commentpoint.png') right center;
    background-repeat: no-repeat;
}

#commentform input,
#commentform textarea {
    background: #eeeeee;
    -moz-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: #5C8D45;
    color: #ffffff;
}

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

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

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

/******************
 * Search results *
 *****************/
.search #search-info {
    background:transparent url(img/lupe.png) no-repeat scroll 0 10px;
    border-bottom:1px dotted #97B066;
    border-top:1px solid #D8E2E1;
    margin-bottom:15px;
    min-height:66px;
    padding:15px 0 5px 76px;
}

.search #content #search-info h1.page-title {
    font-size:16px;
    font-weight:bold;
    margin-bottom:5px;
    margin-top:0;
    border:none;
}

/*****************
 * Archives page *
 ****************/
#archives-page.xoxo {
    list-style-type:none;
}