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

/*General*/       
h1, h2, h3, h4, h5, h6 { 
        font-weight:normal;
        text-transform: uppercase;
        font-family:  "Helvetica Neue",Arial,Helvetica,sans-serif;
        text-shadow: 0px 2px 3px #E2E2E2;
}
h1 { 
        font-size: 40px; 
        margin: 20px 0 15px 0; 
}
h2 { 
        font-size: 26px; 
        margin: 20px 0 15px 0;
}
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: #703720; 
        text-decoration: none; 
}
a:hover { 
        color: #555555; 
}

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

/*Body and Background*/

body {
       font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
       color:#333333;
       background: url("http://www.charlesravndal.com/wp-content/themes/charlesravndal/images/background.png");
       background-color: #F5F5F5;
}
/*Main Layout*/
.main {
        top: 0px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 190px;
	margin-right: auto;
	padding: 0px 50px 0px 50px;        
}

/*Front Page*/
.frontpage {
	margin-top: 96px;
        margin-left: 50px;
        margin-bottom: 0px;
	font-size: 15px;
	position: absolute;
	width: 630px;
	text-align:justify;
}
.frontpage img {
      border: 1px dotted #B8B8B8;
      background-color: #ffffff;
      padding: 5px 5px 5px 5px;
      border-radius:5px;
      -webkit-box-shadow: 0px 2px 3px #ccc;
      -moz-box-shadow: 0px 2px 3px #ccc;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px; 
}

.blogactivity {
      margin-top: -37px;
      margin-left: 0px;
      margin-bottom: 0px;
      width: 600px;
      padding: 0px 0px 0px 0px;
}

.blogactivity .frontpage-project-box { 
           float: left; 
           padding: 0px 15px 0 10px; 
           margin-top: 10px;
           width: 170px;
           height: 90px;
           display: block;
           font-size: 12px;
           line-height: 15px;
           border-left: 1px dotted #B8B8B8;
}
.blogactivity .frontpage-project-box-1 { 
           float: left;
           margin-top: 10px; 
           padding: 0px 15px 0px 10px; 
           width: 170px;
           height: 90px;
           display: block;
           font-size: 12px;
           line-height: 15px;
           border-right: 0px dotted #B8B8B8;
}

.blogactivity .frontpage-project-box-1 h6{ 
           background: url("http://www.charlesravndal.com/wp-content/themes/charlesravndal/images/star.png");
           background-repeat: no-repeat;
           background-position: left;
           padding-left: 20px;
}

/*Post or Pages*/
.content {
	margin-top: 85px;
        margin-left: 50px;
	font-size: 15px;
	line-height: 30px;
	position: absolute;
	width: 600px;
	text-align:justify;
}

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

.meta { 
       font-size: 12px; 
       margin: -17px 0 0 0;
       line-height: 18px;
}
.post-line { 
       width: 600px; 
       height: 4px; 
       margin: 0 0 90px 0;
       display: block;
       text-align: center;
        
}



/*Navigation or Logo*/
.logo {
        top: 0px;
        float: left;
        display: block;
	margin: 5px 5px 5px 5px;
	position: fixed;
        left: 0px;
        width: 100%;
        height: 100%;
	clear:both;
        overflow: hidden;
}
.logo img {
        border: 0px;
}

.navigation {
	float : left;
	width: 300px;
	position: fixed;
        margin: 0px 0px 0px -50px;
        left: 0px;
	top: 190px;
        clear: both;
        font-family:  "Helvetica Neue",Arial,Helvetica,sans-serif;
}

.menu ul li {
        height : 38px;
	list-style: none;
	text-align: left;
        text-indent: 25px;      
}
.menu a {
	padding : 3px 0px 3px 0px;
        display : block;
        color : #36342e;
        text-shadow: 0px 2px 3px #fff;
	font-size: 20px;
        font-weight : bold;
	text-decoration: none;
}

.menu a:hover {
        color : #ffffff;
	background-color:#36342e;
        text-shadow: 0px 2px 3px #333;
}

.menu li.current_page_item a {
	color: #ffffff; 
	background-color:#36342e;
        text-shadow: 0px 2px 3px #333;
        border: 1px dotted;
        border-color: #848282;
}
	
#linkhome {
	width: 100px;
}

#linkabout {
	width: 107px;	
}

#linkblog {
	width: 94px;	
}

#linkportfolio {
	width: 153px;	
}
#linklr {
	width: 238px;	
}

#linkcontact {
	width: 139px;	
}


/*Portfolio*/
.portfolio {
	margin-top: 85px;
        margin-left: 50px;
	font-size: 15px;
        line-height: 30px;
	position: absolute;
	width: 600px;
	text-align:justify;
}
.portfolio h3 { 
        font-size: 12px; 
        font-weight: bold; 
        margin: 0px 0 2px 0; 
}

ul#portfolio-filter { 
            margin: 0px 0px 0px 0px; 
            height: 20px; 
            padding-left: 5px; 
            line-height: 20px;
}
ul#portfolio-filter li{ 
            display: inline;
}
ul#portfolio-filter a{ 
            margin-right: 5px; 
            padding: 3px 5px 3px 5px; 
}
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ 
            color: #555555; 
}
ul#portfolio-filter a.current{ 
            background-color: #ffffff;
            border: 1px dotted #B8B8B8;
}

ul#portfolio-list { 
               margin: 16px 0 0 0; 
               padding: 0; 
               list-style: none; 
}
ul#portfolio-list li { 
               width: 160px; 
               height: 150px; 
               display: block; 
               float: left; 
               margin: 30px 20px 20px 20px; 
}
ul#portfolio-list a img {
               border: 1px dotted #B8B8B8;
               padding: 5px 5px 5px 5px;
               border-radius: 5px;
               -webkit-box-shadow: 0px 2px 3px #ccc;
               -moz-box-shadow: 0px 2px 3px #ccc;
               -webkit-border-radius: 5px;
               -moz-border-radius: 5px;
}

ul#portfolio-list a:hover img{
               border: 1px dotted #555;
}

/* Single Project Page */
.project-single-content { 
        width: 600px; 
        font-size: 15px;
        margin-top: 130px;
        margin-left: 50px;
        position: absolute;
        line-height: 30px;
	text-align:justify; 
}
#project-image-large {  
        width: 300px; 
        height: 250px; 
        float: left; 
        margin: 0 10px 0 0; 
}
.project-single-content img {
       border: 1px #B8B8B8 dotted;
       padding: 5px 5px 5px 5px;
       border-radius: 5px;
       -webkit-box-shadow: 0px 2px 3px #ccc;
       -moz-box-shadow: 0px 2px 3px #ccc;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px; 
}
.project-single-content .post #project-details h2 { 
        margin-top: 0px; 
        padding: 0px 0 5px 0; 
}

/*404*/
.errorpage {
	width: 600px; 
        font-size: 15px;
        margin-top: 100px;
        margin-left: 50px;
        position: absolute;
        line-height: 30px;
	text-align:justify; 
}
#errorimage { 
        width: 300px; 
        height: auto; 
        float: left; 
        margin: 0 30px 0 0; 
}
.errorpost { 
        margin-top: 0px;
        padding: 10px 0 10px 0; 
}


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

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

.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 { 
          border:1px dotted #bebebd; 
	  border-radius:5px; 
	  height:1%; 
	  margin:20px 0 20px 10px; 
	  padding:7px 7px 7px 57px; 
	  position:relative;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -webkit-box-shadow: 0px 2px 3px #e8e8e7;
          -moz-box-shadow: 0px 2px 3px #e8e8e7; 
}
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:#D18757; 
      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 {
	   display:none;
}
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:#333333; 
		border:1px solid #333333; 
		border-radius: 2px; 
		color:#fff; 
		font:bold 11px/1 helvetica,arial,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:#FDBE68; 
		border:1px solid #FDBE68; 
}
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 0 0 0;
	margin-left: 10px;
}

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

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

#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 dotted;
        font-size: 15px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
}

.button { 
   background:#333333; 
   border:1px solid #333333; 
   border-radius: 2px; 
   color:#fff; 
   font:bold 15px/1 helvetica,arial,sans-serif; 
   padding:5px 10px;  
   text-align:center;
   width: 100px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px; 
}
.button:hover
{ 
   background:#FDBE68; 
   border:1px solid #FDBE68; 
}

/*Sidebar Image*/
.sidebar {
    width: 100%;
    height: 100%;
    z-index: -2;
    float: left;
    clear: both;
    position: fixed;
    overflow: hidden;
}
.red {
    margin-left: 150px;
    margin-top: 120px;
}
.orange {
    margin-left: 160px;
    margin-top: 40px;
}
.yellow {
    margin-left: 140px;
    margin-top: 130px;
}
.blue {
    margin-left: 160px;
    margin-top: 20px;
}
.purple {
    margin-left: 160px;
    margin-top: 50px;
}
.green {
    margin-left: 150px;
    margin-top: 15px;
}
.indigo {
    margin-left: 155px;
    margin-top: 120px;
}

/*Footer*/
.footer {
	position:fixed;
	float:left;
	clear:both;
	top: 463px;
	font-size: 11px;
}
.footer img {
        border: 0px;
}
.footer a img {
        /* for IE */
       filter:alpha(opacity=80);
       /* CSS3 standard */
       opacity:0.8;
}

.footer a:hover img {
       /* for IE */
      filter:alpha(opacity=100);
      /* CSS3 standard */
      opacity:1;
}
/* Drop caps */
span.cap {
        float:left;
        line-height:0.9em;
        padding-right:0.1em;
        margin-bottom:-0.2em;
        color: #B76907;
        font-size:420%;
        font-family: "Copperplate Light", "Copperplate Gothic Light", serif;
}
/*Post or Page Images and Captions */

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

.postcontent img {
        border: 1px #B8B8B8 dotted;
        padding: 5px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -15px;
        border-radius: 5px;
        -webkit-box-shadow: 0px 2px 3px #ccc;
        -moz-box-shadow: 0px 2px 3px #ccc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;  
}

.pagecontent img {
        border: 1px #B8B8B8 dotted;
        margin: 0  0  0  10px;
        padding: 5px;
        display: block;
        float: right;
        border-radius: 5px;
        -webkit-box-shadow: 0px 2px 3px #ccc;
        -moz-box-shadow: 0px 2px 3px #ccc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;    
}

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

/*Blockquote */

blockquote {
        border: 1px dotted #fff;
        margin:1.5em 10px;
        padding: 20px 20px 20px 20px;
        quotes:"\201C""\201D""\2018""\2019";
        width: 500px;
        font: italic normal 16px/16px Georgia;
        color: #555555;
        border-radius: 5px;
        -webkit-box-shadow: 0px 2px 3px #ccc;
        -moz-box-shadow: 0px 2px 3px #ccc;
        -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:#333333; 
   border: 1px #B8B8B8 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:#FDBE68; 
   border: 1px #B8B8B8 solid;
}

/*Input*/
input {
   border: 1px #B8B8B8 dotted;
    border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
}
textarea {
   border: 1px #B8B8B8 dotted;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}