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

/*General*/
h1, h2, h3, h4, h5, h6 { 
        font-weight:normal;
        text-transform: uppercase;
        font-family:  'Trebuchet MS', Helvetica, sans-serif;
}
h1 { 
        font-size: 40px; 
        margin: 20px 0 15px 0; 
}
h2 { 
        font-size: 24px; 
        margin: 13px 0px 15px 0;
        line-height: 23px;
        letter-spacing: -1px;
}
h3 {    
        font-size: 22px; 
        margin: 20px 0 15px 0; 
}
h4 { 
        font-size: 18px; 
        margin: 5px 0 0 0;
}
h5 { 
        font-size: 16px; 
        margin: 5px 0 0 0; 
}
h6 { 
        font-size: 14px; 
        margin: 0 0 0 0; 
}

a:link, a:visited { 
        color: #900; 
        text-decoration: none; 
}
a:hover { 
        color: #36C; 
}
img {
	border: none;
}

/*Body*/

body,html{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border:0;
	overflow: auto;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

/*Background*/

#bg,#bg *{
	-moz-user-select:-moz-none;
	-webkit-user-select:none;
}													
#bg,#bg b{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	display:block;
}								
#bg i{
	position: fixed;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%;
	display:table;
}								
#bg i i{
	left:0;
	top:50%;
	width:100%;
	display:block;
	height:auto;
	background:url('http://www.terella.no/wp-content/themes/Terella/images/load.gif') 50% 50% no-repeat;
}			
#bg i > i{
	display:table-cell;
	vertical-align:middle;
	height:100%;
	position:static;top:0
}							
#bg img{display:block;
    margin:0 auto;
	width:50%;
	-ms-interpolation-mode:bicubic;
}									
#bg{
	position: fixed;
	left:0;
	bottom:0;
	z-index: -1;
}																			
*+html #bg i i{
	position: fixed;
	top:50%;
	height:auto;
}															
*+html #bg img{
	position:relative;
	top:-50%;
}																		
* html #bg img{
	height:50%;
	position:relative;
	top:-50%;
}	

/*Navigation*/
.navigation {
	display: block;
	margin-top: 83px;
	width: 320px;
	height: auto;
	position: fixed;
	background:url('http://www.terella.no/wp-content/themes/Terella/images/boxback.png');
	float: left;
	clear: both;
	left: 50%;
	margin-left: -500px;
	color: #ccc;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	padding: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.navigation img {
	padding: 1px 5px 5px 22px;
}

/*Oslo BG*/
#oslo ul li{
	padding: 5px;
	list-style: circle;
}

#oslo a{
	text-align:left;
	display: inline;
	font-size: 13px;
	color: #09C;
        font-size: 14px;
}

#oslo a:hover {
	color: #666;
}
/*Categories Drop*/
#cate {
	padding: 5px;
}
/*Search*/
#search {
	padding: 5px;
}
/*Archives Drop*/
#arch {
	padding: 5px;
}
/*Social*/
#social {
	padding: 5px;
}

/*Google Friends*/
#google {
	padding: 5px;
}

/*Associates*/
#associates ul li{
	padding: 5px;
	list-style: circle;
}

#associates a {
	text-align:left;
	display: inline;
	font-size: 13px;
	color: #09C;
}

#associates a:hover {
	color: #666;
}

/*Meta*/

#metal ul li{
	padding: 5px;
	list-style: circle;
}

#metal a {
	text-align:left;
	display: inline;
	font-size: 13px;
	color: #09C;
}

#metal a:hover {
	color: #666;
}

/*Menu*/

#menu ul li {
	    list-style: circle;     
}
#menu a {
        color : #09c;
	display: inline;
	text-align: left;
	font-size: 16px;
        font-weight : bold;
	text-decoration: none;
}

#menu a:hover {
        color : #ffffff;
}

#menu li.current_page_item a {
	color: #ffffff; 
}

/*Accordion*/

.basic {
	margin-top: 10px;
}

.basic h5 {
	border-bottom: 1px #ccc dashed;
}

.basic a {
	color: #fff;
	cursor:pointer;
	display:block;
	text-align:right;
}
.basic a:hover {
	color: #555;
}

.basic a.selectable {
	color: black;
}



/*Content*/

.content {
	left: 50%;
	margin-top: 32px;
	margin-left: -100px;
	width: 600px;
	position:absolute;
	text-align: justify;
}
.box {
	margin-top: 50px;
	background: #fff;
	padding: 15px;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	background:url('http://www.terella.no/wp-content/themes/Terella/images/boxbackwhite.png');
	-moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       border-radius: 10px; /* future proofing */
       -khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.box h2 {
	border-bottom: 1px dashed #333;
	padding: 4px 5px 5px 0px;
}

.box img {
     padding: 5px;
     margin: 5px;
     border: 1px solid #ccc;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px; /* future proofing */
     -khtml-border-radius: 5px; /* for old Konqueror browsers */
     background: #fff;
}

.navi {
        font-size: 15px; 
        height:16px; 
        margin:0 -16px 8px -16px; 
        padding:8px 6px 0px;
}
.navi span {
        margin-top:-4px;
}
.navi .older {
       float:left;
}
.navi .newer {
       float:right;
}
.navi a {
	color: #fff;
	text-transform:uppercase;
}

.meta { 
       font-size: 12px; 
       margin: -13px 0 0 0;
       line-height: 18px;
	   margin-bottom: 20px;
}
#rssicon {
	float: right;
	clear: both;
	top:0;
	margin: -10px -3px 0 0;
	padding: 0;
	border: none;
}

#facebookicon {
	float: right;
	clear: both;
	top:0;
	margin: -49px 50px 0 0;
	padding: 0;
	border: none;
}


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

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

.pinglist {
	font-size: 14px;
        list-style: none;
        text-align: justify;
        width: 550px;
	margin: 0px;
        padding: 7px 0 15px 10px;
        background:url('http://www.terella.no/wp-content/themes/Terella/images/boxbackwhite.png');
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       border-radius: 10px; /* future proofing */
       -khtml-border-radius: 10px; /* for old Konqueror browsers */
}

ol.commentlist { 
   list-style:none; 
   margin:0; 
   padding:0; 
   text-indent:0; 
}
ol.commentlist li { 
       border:0px solid #bebebd; 
       border-radius:5px; 
       height:1%; 
       margin:20px 0 20px 10px; 
       padding:7px 7px 7px 57px; 
       position:relative;
       background:url('http://www.terella.no/wp-content/themes/Terella/images/boxbackwhite.png');
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px; /* future proofing */
      -khtml-border-radius: 10px; /* for old Konqueror browsers */
        
}
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 helvetica,arial,sans-serif; 
}
ol.commentlist li div.vcard cite.fn { 
      font-style:normal;
}
ol.commentlist li div.vcard cite.fn a.url { 
      color:#900; 
      text-decoration:none; 
}
ol.commentlist li div.vcard cite.fn a.url:hover { 
       color:#000; 
}
ol.commentlist li div.vcard img.avatar { 
           border:5px solid #d5d5d5; 
	   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 {}
ol.commentlist li div.comment-meta { 
       font:normal 10px/1.4 helvetica,arial,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/1.4 helvetica,arial,sans-serif; 
	margin:0 0 1em; 
}
ol.commentlist li ul { 
        font:normal 14px/1.4 helvetica,arial,sans-serif; 
	list-style:square; 
	margin:0 0 1em; 
	padding:0; 
	text-indent:0; 
}
ol.commentlist li div.reply { 
        background: #900; 
	border:1px solid #900; 
	color:#fff; 
	font:bold 11px/1 helvetica,arial,sans-serif; 
	padding:5px 5px;  
	text-align:center; 
	width:40px;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         border-radius: 5px; /* future proofing */
         -khtml-border-radius: 5px; /* for old Konqueror browsers */
}
ol.commentlist li div.reply:hover { 
        background:#06c; 
	border:1px solid #06c; 
}
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; 
		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; 
}
ol.commentlist li ul.children li.depth-3 { 
         margin:0 0 .25em; 
}
ol.commentlist li ul.children li.depth-4 { 
         margin:0 0 .25em; 
}
ol.commentlist li ul.children li.depth-5 {}
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 0 0 0;
	margin-left: 10px;
}

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

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

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

#author, #email, #url, #mcspvalue {
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 15px;
	padding: 4px 3px;
	width: 160px;
	margin-right: 4px;
}

#respond textarea {
    width: 97%;
    overflow: auto;
    margin-right: 0;
    border: 1px #B8B8B8 solid;
    font-size: 15px;
    -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px; /* future proofing */
     -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.button { 
   background:#900; 
   border:1px solid #900; 
   color:#fff; 
   font:bold 15px/1 helvetica,arial,sans-serif; 
   padding:5px 10px;  
   text-align:center;
   width: 100px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px; /* future proofing */
   -khtml-border-radius: 5px; /* for old Konqueror browsers */
}
.button:hover
{ 
   background:#06c; 
   border:1px solid #06c; 
}

.log {
	color: #333;
}

/*Footer*/
.footer {
	bottom: 0;
	position: fixed;
	float: left;
	clear: both;
	left: 0;
	color: #ccc;
	font-size: 10px;
}

.footer a{
	color: #ccc;
}

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

.footer img {
        display: none;
}

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

/*Input*/
input {
   border: 1px #B8B8B8 solid;
    border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
}
textarea {
   border: 1px #B8B8B8 solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.form {
      background:url('http://www.terella.no/wp-content/themes/Terella/images/boxbackwhite.png');
      padding: 5px 2px 5px 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px; /* future proofing */
      -khtml-border-radius: 10px; /* for old Konqueror browsers */
}