/*
Theme Name: .| MUSICA |.
Theme URI: http://www.aanvik.net/
Description: .| MUSICA |. - et lettdrevet tema med fokus p&aring; dine innlegg, i tillegg til at det er lagt vekt p&aring; &aring; skaffe abonnenter til bloggen. Temaet kommer klargjort for innstikkene "Popular Posts" og "Similar Posts" av <a href="http://rmarsh.com">rmarsh.com</a>. Design av <a href="http://www.aanvik.net/">Marius Olsen</a>.
Author: Marius Olsen
Author URI: http://www.aanvik.net/
Version: 1.0
Tags: fixed width, two columns, right sidebar, white, black, photo, plugin

	.| MUSICA |. (v1.0)
	http://www.aanvik.net/

	The CSS, XHTML and PHP is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/



* {
margin: 0;
padding: 0;
}

body {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #333;
background: #fff;
text-align: center;
}

#page {
width: 996px;
margin: 0 auto;
text-align: left;

background: url('images/content-bg.png');
}

h1,h2,h3,h4,h5,h6 {
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
font-weight: normal;
}

a {
outline: none;
text-decoration: none;
}

a.downloadlink {
line-height: 25px;
padding-left: 20px;
background: url(images/attach.png) 0 50% no-repeat;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .05em;
}

.navigation a {
font-size: .9em;
color: #999;
text-transform: uppercase;
}
.navigation a:hover {
color: #000;
}

.alignleft {
float: left;
}
.alignright {
float: right;
}
.center,
.centered,
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

hr,
.hidden {
display: none;
}

p.nocomments {
padding: 50px 0 0 20px;
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
font-size: 2em;
color: #e1e1e1;
}


/*
	HEADER AREA
*/

#header {
width: 996px;
height: 185px;
padding: 0 23px;

}

#menu {
width: 950px;
height: 38px;
margin: 0 23px 0 0;
background: #ccc;
}
#menu ul {
line-height: 38px;
margin-left: 10px;
text-transform: uppercase;
}
#menu li {
display: inline;
margin: 0 10px;
}
#menu a {
color: #555;
}
#menu a:hover {
color: #fff;
}

#headerimg {
width: 950px;
height: 150px;
padding: 25px 0 0;
background: url(images/banner.png) 0 0 no-repeat;
font-family: Georgia, serif;
text-transform: lowercase;
}
#headerimg h1 {
margin: 0 0 0 25px;
font-size: 4.5em;
}
#headerimg a {
color: #333;
}
#headerimg .description {
margin: -10px 0 10px 40px;
font-size: 1.25em;
font-style: italic;
}



/*
	MAIN CONTENT AREA
*/

#content_wrap {
padding: 5px 25px 0;

}

#content {
font-size: 1.1em;
}

#content h2 {
margin: 0 0 5px;
padding: 0 0 2px;
clear: both;
border-bottom: 1px solid #333;
}
#content h2.pagetitle {
margin: 25px 0 5px;
padding: 0 0 2px;
}
#content h2 a,
#content h3 a {
color: #444;
}
#content h2 a:hover,
#content h3 a:hover {
color: #000;
}

#content h3 {
margin: 15px 0 5px;
padding: 0 0 2px;
clear: both;
border-bottom: 1px solid #333;
}

#content p {
margin: 0 0 10px;
line-height: 1.4em;
text-align: justify;
}

#content .post h1 {
margin: 15px 0 5px;
font-size: 1.7em;
}
#content .post h2 {
margin: 15px 0 5px;
font-size: 1.6em;
}
#content .post h3 {
margin: 15px 0 5px;
font-size: 1.5em;
}
#content .post h4 {
margin: 15px 0 5px;
font-size: 1.4em;
}
#content .post h5 {
margin: 15px 0 5px;
font-size: 1.3em;
}
#content .post h6 {
margin: 15px 0 5px;
font-size: 1.2em;
}

#content .entry h1 {
margin: 15px 0 5px;
font-size: 1.6em;
}
#content .entry h2 {
margin: 15px 0 5px;
font-size: 1.5em;
}
#content .entry h3 {
margin: 15px 0 5px;
font-size: 1.4em;
}
#content .entry h4 {
margin: 15px 0 5px;
font-size: 1.3em;
}
#content .entry h5 {
margin: 15px 0 5px;
font-size: 1.2em;
}
#content .entry h6 {
margin: 15px 0 5px;
font-size: 1.1em;
}

#content .entry a {
color: #4b4b9b;
}
#content .entry a:hover {
color: #9b4b4b;
}

#content .entry ul {
margin: 0 0 10px 10px;
list-style: inside square;
line-height: 1.3em;
}
#content .entry ul ul {
margin: 0 0 0 10px;
list-style-type: disc;
}
#content .entry ul ul ul {
margin: 0 0 0 10px;
list-style-type: circle;
}

#content .entry ol {
margin: 0 0 10px 10px;
list-style: inside decimal;
line-height: 1.3em;
}
#content .entry ol ol {
margin: 0 0 0 10px;
list-style-type: lower-alpha;
}
#content .entry ol ol ol {
margin: 0 0 0 10px;
list-style-type: decimal;
}

#content .entry dl {
margin: 0 0 10px;
}
#content .entry dt {
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}
#content .entry dd {
margin: 0 0 10px 15px;
font-size: .9em;
font-style: italic;
}

#content .entry table {
border: none;
border-collapse: collapse;
empty-cells: show;
}
#content .entry th {
padding: 4px 10px 4px 3px;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
background: #e1e1e1;
}
#content .entry tr.alternate {
background: #f1f1f1;
}
#content .entry td {
padding: 4px 10px 4px 3px;
font-size: .9em;
}
#content .entry td a {
color: #666;
}
#content .entry td a:hover {
color: #9b4b4b;
}

#content .entry form {
margin: 10px 35px;
padding: 5px;
border: 1px solid #ccc;
background: #f9f9f9;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#content .entry form label {
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
font-size: .9em;
font-weight: bold;
}
#content .entry form input {
margin: 2px 10px 0;
padding: 5px;
border: 1px solid #999;
background: #f1f1f1;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#content .entry form label input {
margin: 0 10px;
padding: 5px;
border: 1px solid #ccc;
background: #f6f6f6;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#content p.editlink {
text-align: right;
}
#content p.editlink a {
font-size: .9em;
color: #9b4b4b;
text-transform: uppercase;
}
#content p.editlink a:hover {
color: #333;
}

#content a.more-link {
margin: 10px; 0 0;
display: block;
font-size: .9em;
text-transform: uppercase;
text-align: right;
color: #9b4b4b;
letter-spacing: -.05em;
}
#content a.more-link:hover {
color: #333;
}

#content img {
max-width: 100%;
}

#content .post {
margin: 25px 0 0;
}

#content .searchquery {
margin: 5px 15px;
display: block;
clear: both;
font-weight: bold;
letter-spacing: .05em;
}

#content #s {
width: 530px;
margin: 15px 0 0;
padding: 10px;
border: 1px solid #ccc;
background: #f6f6f6;
font: 14px Verdana;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#content #searchsubmit {
margin: 5px 0 30px;
padding: 5px;
border: 1px solid #999;
background: #f1f1f1;
cursor: pointer;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#content ol.commentlist {
list-style: none;
}
#content ol.commentlist .vcard {
margin: 0 0 15px;
height: 35px;
line-height: 35px;
}
#content ol.commentlist .avatar {
margin: 0 5px 0 0;
float: left;
}
#content ol.commentlist .vcard cite {
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
font-size: .9em;
font-style: normal;
letter-spacing: -.05em;
}
#content ol.commentlist .vcard a {
color: #666;
border-bottom: 1px dotted #666;
letter-spacing: 0;
}
#content ol.commentlist .vcard a:hover {
color: #000;
border-bottom: 1px solid #000;
font-weight: bold;
}
#content ol.commentlist .vcard span.says {
display: none;
}
#content ol.commentlist li em {
position: relative;
top: 60%;
left: 15%;
margin: 5px 0;
color: #900;
border: 1px solid #900;
background: #eee1e1;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#content ol.commentlist .commentmetadata {
margin: -50px 0 30px;
text-align: right;
}
#content ol.commentlist .even {
margin: 5px;
padding: 5px 5px 10px;
background: #fff;
border: 1px solid #ddd;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#content ol.commentlist .even .commentmetadata a {
font-size: .9em;
color: #ccc;
}
#content ol.commentlist .odd {
margin: 5px;
padding: 5px 5px 10px;
background: #eee;
border: 1px solid #ccc;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#content ol.commentlist .odd .commentmetadata a {
font-size: .9em;
color: #bbb;
}
#content ol.commentlist .bypostauthor {
margin: 10px 5px;
padding: 5px 5px 10px;
background: #fbe7c3;
border: 2px solid #d9c5a1;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#content ol.commentlist .bypostauthor .commentmetadata a {
color: #c8b490;
}



/*
	.narrowcolumn is used on pages where the sidebar is active (front page/static pages)
*/

.narrowcolumn {
width: 550px;
padding: 0 15px;
float: left;
}

.narrowcolumn .navigation {
display: block;
clear: both;
}
.narrowcolumn .navigation div {
margin: 25px 0;
}

.narrowcolumn .postmetadata {
margin: 10px 0 0;
padding: 2px 0 0;
clear: both;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
font-size: .8em;
color: #999;
text-transform: uppercase;
border-top: 1px dotted #bbb;
}
.narrowcolumn .postmetadata a {
color: #666;
}
.narrowcolumn .postmetadata a:hover {
color: #333;
}

.narrowcolumn .post small,
.narrowcolumn .page small {
display: block;
text-align: right;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
font-size: .8em;
color: #999;
}

.narrowcolumn .sticky {
padding: 5px;
border: 1px solid #666;
background: #f6f6f6;
color: #000;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.narrowcolumn .sticky .postmetadata {
display: none;
}

.narrowcolumn .entry form label input {
width: 435px;
}

.narrowcolumn #author,
.narrowcolumn #email,
.narrowcolumn #url,
.narrowcolumn textarea {
width: 544px;
}

.narrowcolumn #subpages {
width: 535px;
margin: 25px 10px 10px 5px;
padding: 15px 0;
border: 1px solid #999;
background: #f9f9f9;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.narrowcolumn #subpages ul {
margin: 0 10px;
list-style: none;
}
.narrowcolumn #subpages li {
margin: 0 10px;
line-height: 18px;
font-size: 11px;
text-transform: uppercase;
}
.narrowcolumn #subpages li ul {
margin-bottom: 5px;
}
.narrowcolumn #subpages li.pagenav {
width: 100%;
margin: 0;
display: block;
}
.narrowcolumn #subpages li.pagenav .pagetitle {
font-family: Georgia, serif;
color: #900;
}
.narrowcolumn #subpages a {
padding: 0 0 0 16px;
color: #999;
background: url(images/liste.gif ) 0 50% no-repeat;
}
.narrowcolumn #subpages a:hover {
color: #000;
}



/*
	.widecolumn is used on pages where the sidebar is inactive (single post view)
*/

.widecolumn {
width: 750px;
margin: 0 75px;
padding: 0 25px;
}

.widecolumn .navigation {
clear: both;
}
.widecolumn .navigation div {
padding: 0 0 25px;
}

.widecolumn .entry form label input {
width: 635px;
}

.widecolumn #postmeta {
margin: 25px 0 0;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
font-size: .9em;
color: #4b4b9b;
text-transform: uppercase;
}
.widecolumn #postmeta strong {
color: #999;
}
.widecolumn #postmeta a {
color: #666;
}
.widecolumn #postmeta a:hover {
color: #000;
}

.widecolumn #postinfo {
margin: 25px;
padding: 5px 10px;
clear: both;
border-left: 3px solid #ccc;
border-right: 3px solid #ccc;
color: #ccc;
font-size: .9em;
text-transform: uppercase;
}
.widecolumn #postinfo a {
color: #999;
}
.widecolumn #postinfo a:hover {
color: #333;
}

.widecolumn #similar {
margin: 10px;
padding: 10px;
}
.widecolumn #similar li {
list-style: none;
line-height: 25px;
padding: 0 0 0 15px;
background: url(images/liste.gif) 0 50% no-repeat;
}
.widecolumn #similar a {
color: #666;
}
.widecolumn #similar a:hover {
color: #000;
}

.widecolumn #author,
.widecolumn #email,
.widecolumn #url,
.widecolumn textarea {
width: 744px;
}



/*
	SIDEBAR AREA
*/

#sidebar {
width: 356px;
margin: 0 0 0 580px;
}

#sidebar h2 {
margin: 15px 0 5px;
padding: 0 0 2px;
border-bottom: 1px solid #666;
}

#sidebar a {
color: #666;
}
#sidebar a:hover {
color: #000;
}

#sidebar ul {
list-style: none;
}

#sidebar #subscription {
width: 350px;
padding: 5px 0 20px;
background: url(images/orangerss.png) 100% 100% no-repeat;
}
#sidebar #subscription p {
margin: 0 0 6px;
}
#sidebar #subscription li {
line-height: 25px;
}
#sidebar #subscription .rss {
padding-left: 20px;
background: url(images/feed.png) 0 50% no-repeat;
}
#sidebar #subscription .what {
padding-left: 20px;
background: url(images/help.png) 0 50% no-repeat;
cursor: help;
}
#sidebar #subscription .email {
padding-left: 20px;
background: url(images/email.png) 0 50% no-repeat;
}

#sidebar #search,
#sidebar #popular,
#sidebar #archiveview {
width: 350px;
padding: 5px 0 30px;
}

#sidebar #searchform #s {
width: 338px;
}

#sidebar #sidebar_left {
width: 172px;
float: left;
}
#sidebar #sidebar_right {
width: 172px;
margin: 0 0 0 177px;
}

#sidebar #popular li,
#sidebar #sidebar_left li,
#sidebar #sidebar_right li {
line-height: 30px;
}

#sidebar #popular a,
#sidebar #archive a,
#sidebar #category a {
padding-left: 15px;
background: url(images/liste.gif) 0 50% no-repeat;
}

#sidebar #link a {
padding-left: 15px;
background: url(images/link.png) 0 50% no-repeat;
}

#sidebar #tag {
text-align: center;
}
#sidebar #tag h2 {
text-align: left;
}



/*
	FOOTER AREA
*/

#footer {
width: 950px;
margin: 0 auto;
padding: 75px 0 10px;
display: block;
clear: both;
color: #999;
}

#footer p {
margin: 0 10px;
}

#footer a {
color: #666;
}
#footer a:hover {
color: #333;
}

#footer #footer_credits {
width: 950px;
border-top: 1px solid #999;
text-transform: uppercase;
}

#footer #footer_credits_left {
width: 400px;
padding: 10px;
float: left;
}

#footer #footer_credits_right {
width: 500px;
margin: 0 0 0 420px;
padding: 10px;
text-align: right;
}


/*
	SEARCH FORM
*/

#searchform #s {
padding: 5px;
border: 1px solid #ccc;
background: #f6f6f6;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#searchform #searchsubmit {
margin: 2px 0 0;
padding: 5px;
border: 1px solid #999;
background: #f1f1f1;
cursor: pointer;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}



/*
	COMMENT FORM
*/

#commentform p {
letter-spacing: -.05em;
}
#commentform p a {
color: #666;
font-style: italic;
}
#commentform p a:hover {
color: #000;
}
#commentform #author,
#commentform #email,
#commentform #url {
height: 25px;
line-height: 25px;
padding: 4px 2px 0;
border: 1px solid #ccc;
background: #f9f9f9;
font-family: Georgia, serif;
font-size: 14px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#commentform textarea {
height: 200px;
line-height: 20px;
padding: 4px 2px 0;
border: 1px solid #ccc;
background: #f9f9f9;
font-family: Georgia, serif;
font-size: 14px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#commentform #submit {
padding: 5px;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
border: 1px solid #999;
background: #f1f1f1;
cursor: pointer;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}



/*
	IMAGES
*/

a img {
border: none;
}

.wp-caption {
margin: 10px;
padding: 4px 0 0;
border: 1px solid #ccc;
background: #f1f1f1;
text-align: center;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: none;
}

.wp-caption p {
margin: 0;
padding: 5px 5px 0;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
font-size: .9em;
font-style: italic;
color: #999;
text-align: center;
}



/*
	TAGS USED IN POSTS and ON PAGES
*/

blockquote {
margin: 5px 25px;
padding: 5px 5px 0;
border: 1px solid #666;
border-left-width: 5px;
background: #f1f1f1;
font-family: Georgia, serif;
font-size: 1em;
font-style: italic;
color: #666;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
blockquote blockquote {
margin: 5px 0 5px 10px;
padding: 5px;
border-color: #999;
background: f6f6f6;
font-size: .9em;
color: #999;
}
blockquote blockquote blockquote {
margin: 5px 0 5px 10px;
padding: 5px;
border-color: #ccc;
background: #fbfbfb;
font-size: .8em;
color: #ccc;
}
blockquote cite {
margin-top: 10px;
display: block;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
font-style: normal;
}
blockquote cite:before {
content: "\00BB \0020";
}

del,
s {
color: #999;
}

code {
margin: 10px 20px;
padding: 5px;
display: block;
border: 1px solid #999;
border-top-width: 3px;
background: #f6f6f6;
font-family: 'Courier New', monospace;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

pre {
width: 100%;
margin: 10px auto;
padding: 5px;
display: block;
overflow: auto;
font-family: monospace;
border: 1px solid #999;
background: #f9f9f9;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

abbr,
acronym {
cursor: help;
}