/*
Theme Name: Myrna
Author: Charles
Author URL: http://www.charlesravndal.com
*/

/*Fonts*/

@font-face {
    font-family: 'QuicksandLightRegular';
    src: url('http://www.myrnabraza.no/wp-content/themes/myrna/fonts/quicksand_light-webfont.eot');
    src: url('http://www.myrnabraza.no/wp-content/themes/myrna/fonts/quicksand_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.myrnabraza.no/wp-content/themes/myrna/fonts/quicksand_light-webfont.woff') format('woff'),
         url('http://www.myrnabraza.no/wp-content/themes/myrna/fonts/quicksand_light-webfont.ttf') format('truetype'),
         url('http://www.myrnabraza.no/wp-content/themes/myrna/fonts/quicksand_light-webfont.svg#QuicksandLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBookRegular';
    src: url('http://www.myrnabraza.no/wp-content/themes/myrna/fonts/quicksand_book-webfont.eot');
    src: url('http://www.myrnabraza.no/wp-content/themes/myrna/fonts/quicksand_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.myrnabraza.no/wp-content/themes/myrna/fonts/quicksand_book-webfont.woff') format('woff'),
         url('http://www.myrnabraza.no/wp-content/themes/myrna/fonts/quicksand_book-webfont.ttf') format('truetype'),
         url('http://www.myrnabraza.no/wp-content/themes/myrna/fonts/quicksand_book-webfont.svg#QuicksandBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*General*/

h1, h2, h3, h4, h5, h6 { 
        text-transform: uppercase;
        font-family: "QuicksandBookRegular", "Helvetica Neue", Arial, Helvetica, sans-serif;
        text-shadow: 0px 1px 0px #fff;
}
h1 { 
        font-size: 40px; 
        margin: 20px 0 15px 0;
        font-family:  "QuicksandBookRegular", "Helvetica Neue", Arial, Helvetica, sans-serif; 
}
h2 { 
        font-size: 30px; 
        margin: 20px 0 15px 0;
        font-family:  "QuicksandBookRegular", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
h3 {    
        font-size: 22px; 
        margin: 20px 0 15px 0; 
}
h4 { 
        font-size: 18px; 
        margin: 20px 0 10px 0; 
}
h5 { 
        font-size: 16px; 
        margin: 20px 0 5px 0;
}
h6 { 
        font-size: 14px; 
        margin: 0 0 0 0;
}
a:link, a:visited { 
        color: #333; 
        text-decoration: none; 
}
a:hover { 
        color: #e54a4a; 
}

em { 
        font-family: "QuicksandLightRegular", Georgia, "Times New Roman", serif;
        font-style: italic;
        font-weight: 300; 
}

img{ 
	border:none; 
}

/*Body*/

* {
    margin: 0;
}

body { 
   background: #000;
   font-family: "QuicksandBookRegular", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/*Front*/
.frontcontent{ 
    position: fixed; 
	top: 25px; 
	left: 25px; 
    width:230px;
	text-align:left;
	margin:0 0 0 0;
	color: #ebebeb;
	background:#000;
	padding: 10px;
	text-transform:uppercase;
	float: left;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
    font-family:  "TeXGyreAdventorBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 25px;
    font-weight: 500; 
}

#slidecaption {
	color: #09C;
}

/*Main Layout*/
.main {
        top: 0px;
	margin: 0 0 0 0;
	float: right;
	padding: 0px 35px 120px 50px; 
	position: relative;
        width: 725px;     
}

/*Post or Pages*/

.content {
	margin-top: 69px;
	font-size: 14px;
	line-height: 25px;
	width: 650px;
	text-align:left;
}

.content article {
        background: #eeeeee;
	padding: 10px 10px 10px 10px;
	border:0px solid #ccd2c8; 
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
}

.content p{
	padding:10px 10px 10px 10px;
}

.content a {
      text-decoration: underline;
}

.post-title a{
      text-decoration: none;
}

#extra-pages {
        color: #eee;
}

.navi {
        font-size: 13px; 
        height:16px; 
        margin:0 -16px 20px -16px; 
        padding:8px 6px 10px 0px;
}
.navi span {
        margin-top:-4px;
}
.navi .older {
       float:left;
       margin-top: 1px;
}
.navi .newer {
       float:right;
       margin-top: 1px;
}

.navi a {
   color:#fff; 
   font:normal 13px/1 "QuicksandLightRegular", "Helvetica Neue", Arial, Helvetica, sans-serif;
   padding:5px 5px 5px 5px;  
   text-align:center; 
}

.navi a:hover { 
   color:#e54a4a; 
}


.meta { 
       font-size: 11px; 
       margin: -25px 0 0 0;
       line-height: 18px;    
}

.meta em {
       font-family: Georgia, "Times New Roman", serif;
       font-style: italic;
       font-weight: lighter;
}

.post-line { 
       display: block;
       position: relative;
       padding: 0;
       margin: 40px auto;
       width: 200px;
       border-top: 1px solid #333;
       border-bottom: 1px solid #000;
       line-height: 0;    
}


/*Sidebar*/

.sidebar {
	float: left;
	left: 0px;
	position: fixed;
	bottom: -80px;
	z-index: -1;
    width: 100%;
}

/*Footer*/

.footer{
	position:fixed;
	bottom: 0px;
	width: 100%;
	height: 60px;
	padding: 10px;
	font-size:15px;
	z-index: 999;
        font-family: "QuicksandLightRegular", "Helvetica Neue", Arial, Helvetica, sans-serif;
	background: #000;
}

.footer figure {
	left: 0;
	float: left;
	margin: 0 5px 0 0;
}

.logo {
    display: block;
	width: 250px;
	height: 51px;
	background: url(img/myrnalogo.png) bottom;
	text-indent: -99999px;
	background-position: 0 0;
        position: fixed;	
}

.logo:hover {
	background-position: 100% 100%;
} 

.meny {	
	width: 70%;
	float: left;
        position: relative;
        margin: 13px 50px 0 250px;
    
}

.meny ul {
	list-style:none;
	padding: 0 0 0 0;
	margin: 15px 0 0 5px;
}

.meny li {
    margin: 0 0 0 0;
	display: inline;
}

.meny li a {
    height: 1.2em;
    width: 60px;
    color: #ccc;
    text-decoration: none;
    text-align: left;
    margin: 0 0 10px 15px;
}

.meny li a:hover {
	color: #e54a4a;
}

.meny li.current_page_item a {
        color: #e54a4a;
}

/*404*/
.errorpage {
	width: 650px; 
        font-size: 14px;
        margin-top: 100px;
	margin-right: 20px;
        line-height: 30px;
	text-align:left; 
}

.errorpage h2 {
        color: #eee;
}

.errorpage ul li{
        color: #eee;
}

.errorpost { 
        margin-top: 0px;
        padding: 10px 0 10px 0; 
}

/*Comments*/
#comments, #comments-form {
	width: 600px;
}
#comments h3 {
	clear: both;
	font-size: 18px;
        color: #eeeeee;
        font-weight: normal;
	margin: 20px 0 20px 0px;
}

#pings h3{
	clear: both;
	font-size: 18px;
        font-weight: normal;
	margin: 20px 0 20px 0px;
}

.pinglist {
	font-size: 14px;
	margin: 0;
        padding: 7px 0 15px 10px;
}
ol.commentlist { 
   list-style:none; 
   margin:0; 
   padding:0; 
   text-indent:0; 
}
ol.commentlist li { 
          background: #eeeeee;
          border:1px solid #ccc; 
	     height:1%; 
	     margin:20px 0 20px 10px; 
	     padding:7px 10px 10px 57px; 
	     position:relative;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
	      border-radius: 5px;
}
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }

ol.commentlist li div.comment-author { 
      padding:0 170px 0 0; 
}
ol.commentlist li div.vcard { 
      font:normal 15px/1.4 "QuicksandBookRegular", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
ol.commentlist li div.vcard cite.fn { 
      text-transform: uppercase; 
      font: normal 15px/1.4 "QuicksandBookRegular","Helvetica Neue", Arial, Helvetica, sans-serif;
}
ol.commentlist li div.vcard cite.fn a.url { 
      color:#333; 
      text-decoration:none;
}
ol.commentlist li div.vcard cite.fn a.url:hover { 
       color:#e54a4a; 
}
ol.commentlist li div.vcard img.avatar { 
       border:5px solid #ccc; 
	   left:7px; 
	   position:absolute; 
	   top:7px; 
}
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}

ol.commentlist li div.commentmetadata {
	   display:none;
}
ol.commentlist li div.comment-meta { 
           font:normal 10px/1.4 "QuicksandBookRegular", "Helvetica Neue", Arial, Helvetica, sans-serif; 
	   position:absolute; 
	   right:10px; 
	   text-align:right; 
	   top:5px; 
}
ol.commentlist li div.comment-meta a { 
       color:#333; 
	   text-decoration:none; 
 }
ol.commentlist li div.comment-meta a:hover { 
        color:#000; 
}
ol.commentlist li p { 
         font:normal 14px "QuicksandBookRegular", "Helvetica Neue", Arial, Helvetica, sans-serif;
         padding:10px 0 10px 0;
         line-height: 25px;
         padding: 10px 0 10px 0; 
}
ol.commentlist li ul { 
        font:normal 14px "QuicksandBookRegular", "Helvetica Neue", Arial, Helvetica, sans-serif;
	list-style:square; 
	margin:0 0 1em; 
	padding:0; 
	text-indent:0; 
}
ol.commentlist li div.reply { 
                background:#333; 
		border:1px solid #333; 
		border-radius: 2px; 
		color:#fff; 
		font:bold 12px/1 "QuicksandBookRegular", "Helvetica Neue", Arial, Helvetica, sans-serif; 
		padding:5px 5px;  
		text-align:center; 
		width:40px;
               -webkit-border-radius: 2px;
               -moz-border-radius: 2px; 
}
ol.commentlist li div.reply:hover { 
                background:#e54a4a; 
		border:1px solid #e54a4a; 
}
ol.commentlist li div.reply a {
	    color:#fff; 
		text-decoration:none; 
		text-transform:uppercase; 
}
ol.commentlist li ul.children { 
        list-style:none; 
		margin:1em 0 0 0; 
		text-indent:0;
}
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}

ol.commentlist li ul.children li.depth-2 { 
         margin:0 0 .25em 0; 
}
ol.commentlist li ul.children li.depth-3 { 
         margin:0 0 .25em 0; 
}
ol.commentlist li ul.children li.depth-4 { 
         margin:0 0 .25em 0; 
}
ol.commentlist li ul.children li.depth-5 {
         margin:0 0 .25em 0; 
}
ol.commentlist li ul.children li.odd {}


ol.commentlist li.even { 
         
}
ol.commentlist li.odd { 
          
}
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }

ol.commentlist li.pingback div.vcard { 
         padding:0 170px 0 0; 
}
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

#respond {
	padding: 10px 10px 10px 10px;
	margin-left: 10px;
	margin-top: 10px;
        background: #eeeeee;
        -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
	 border-radius: 5px;
}

li.comment #respond {
	margin-left: 0;
}

#respond h3 {
	clear: both;
	font-size: 18px;
        color: #333;
        font-weight: normal;
	margin: 20px 0 20px 0px;
}

#respond p {
	margin: 1em 0;
    font-size: 15px;
}

#author, #email, #url, #mcspvalue {
	font-family: "QuicksandBookRegular", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 4px 3px;
	width: 160px;
	margin-right: 4px;
}

#respond textarea {
	width: 97%;
	overflow: auto;
	margin-right: 0;
        border: 1px solid #ccc;
        font-size: 15px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
	background: none;
	 -webkit-box-shadow: 1px 1px 1px #e4f0dc;
         -moz-box-shadow: 1px 1px 1px #e4f0dc;
	  box-shadow: 1px 1px 1px #e4f0dc;
}

.button { 
   background:#333; 
   border:1px solid #333; 
   border-radius: 2px; 
   color:#fff; 
   font:bold 15px/1 "QuicksandBookRegular", "Helvetica Neue", Arial, Helvetica, sans-serif; 
   padding:5px 10px;  
   text-align:center;
   width: 100px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px; 
}
.button:hover
{ 
   background:#e54a4a; 
   border:1px solid #e54a4a; 
}

/* Drop caps */
span.cap {
        float:left;
        line-height:0.9em;
        padding-right:0.1em;
        margin-bottom:-0.2em;
        color: #333;
        font-size:420%;
        font-family: Georgia, "QuicksandBookRegular", "Copperplate Light", "Copperplate Gothic Light", serif;
        text-shadow: 0px 1px 1px #fff;
}
/*Post or Page Images and Captions */

.postcontent {
        text-align: center;
        font-size: 13px;
        line-height: 20px;
        margin: 25px 0px 25px 0px;
        padding: 5px;
}

.postcontent img {
        border: 1px solid #899b92;
        padding: 5px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -15px;
        border-radius: 5px;
         -webkit-box-shadow: 1px 1px 1px #e4f0dc;
         -moz-box-shadow: 1px 1px 1px #e4f0dc;
	  box-shadow: 1px 1px 1px #e4f0dc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;  
}

.pagecontent img {
        border: 1px solid #899b92;
        margin: 20px  0 0  10px;
        padding: 5px;
        display: block;
        float: right;
        border-radius: 5px;
         -webkit-box-shadow: 1px 1px 1px #e4f0dc;
         -moz-box-shadow: 1px 1px 1px #e4f0dc;
	  box-shadow: 1px 1px 1px #e4f0dc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;    
}

.postcontentpng img {
        padding: 5px;
        display: block;
        margin-left: auto;
        margin-right: auto;      
}

/*Blockquote */

blockquote {
        border: 1px solid #8d9886;
        margin:1.5em 10px;
        padding: 20px 20px 20px 20px;
        quotes:"\201C""\201D""\2018""\2019";
        width: 560px;
        font: italic normal 14px/14px "QuicksandBookRegular", Georgia;
        color: #555555;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 1px #e4f0dc;
         -moz-box-shadow: 1px 1px 1px #e4f0dc;
	  box-shadow: 1px 1px 1px #e4f0dc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px; 
}
blockquote:before {
        color:#333;
        content:open-quote;
        font-size:4em;
        line-height:.1em;
        margin-right:.25em;
        vertical-align:-.4em;
}

blockquote p {
        display:inline;
        line-height: 30px;
        text-align: justify;
}

/* Safari Blockquote */
blockquote:before {
        content:'\201C';
}

/*Search Button */
.searchbutton { 
   background:#1d718f; 
   border:1px solid #1d718f; 
   border-radius:2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px; 
   color:#fff; 
   font:bold 13px/1 "QuicksandBookRegular", helvetica,arial,sans-serif; 
   padding:5px 5px 5px 5px;  
   text-align:center;
   width: 60px; 
}
.searchbutton:hover { 
   background:#e54a4a; 
   border:1px solid #e54a4a; 
}

/*Input*/
input {
   border: 1px solid #899b92;
   background: none;
    border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
	 -webkit-box-shadow: 1px 1px 1px #e4f0dc;
      -moz-box-shadow: 1px 1px 1px #e4f0dc;
	  box-shadow: 1px 1px 1px #e4f0dc;
}
textarea {
   border: 1px solid #899b92;
   background: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	 -webkit-box-shadow: 1px 1px 1px #e4f0dc;
      -moz-box-shadow: 1px 1px 1px #e4f0dc;
	  box-shadow: 1px 1px 1px #e4f0dc;
}

/*Comment Button */
.cbutton a { 
   background:#1d718f; 
   border:1px solid #1d718f; 
   border-radius:3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px; 
   color:#fff; 
   font:normal 13px/1 "QuicksandBookRegular", helvetica,arial,sans-serif; 
   padding:5px 5px 5px 5px;  
   text-align:center;
   width: 60px; 
}
.cbutton a:hover { 
   background:#e54a4a; 
   border:1px solid #e54a4a; 
}

/*Tomtom */
.tomtom {
	text-align: center;	
}

/*Social */

.socialicons {
	bottom: 100px;
	left: 10px;
	float: left;
	clear: both;
	z-index: 999;
	position: fixed;
	width: 100px;
	padding: 10px;
}

.socialicons img {
        border: 0px;
}
.socialicons a img {
        /* for IE */
       filter:alpha(opacity=50);
       /* CSS3 standard */
       opacity:0.5;
}

.socialicons a:hover img {
       /* for IE */
      filter:alpha(opacity=100);
      /* CSS3 standard */
      opacity:1;
}
/*Top*/
#toTop {
	width:30px;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:6px; /* together with this to put the div at the bottom*/
        right:55px;
        cursor:pointer;
        display:none;
}