/* Reset
--------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
   margin:0; 
    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
    border-spacing:0; 
	} 
	fieldset,img {  
	} 
	address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	}

/* General Elements
--------------------------------------------- */

body, html {
	font-family: Lucida Grande, Arial, Verdana, sans-serif;
	font-size: 62.5%;
	background: #f5f5f5;
	color: #000;
	margin:0;padding:0;
    	/*background-image: url(images/bg2.gif);*/
    	background-position: top left;
    	/*background-repeat: no-repeat;*/
}

a {color: #476178;text-decoration: none;}
a:hover {color: #7d91a3; text-decoration: underline;}
strong {font-weight: bold;}
em {font-style: italic}
hr {border:0; border-top: 1px dotted #dadada; margin: 40px 0 10px 0}
blockquote {color: #bebebe; border-left: 2px solid #bebebe; margin: 0 0 0 20px; padding: 0 0 0 10px;}
blockquote  p{color: #bebebe; }

.clearfix {clear:both;}
.alignleft {float: left;}
.alignright {float: right;}

#skip-to-content{position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
#wrapper {width: 999px; margin:0 auto}

/* Header
--------------------------------------------- */

#header a.logo{float: left; display: block; background: url(images/sprite-main.png) no-repeat -93px 0px; width: 264px; height: 32px; text-indent: -9000px; position: relative; top : 75px; left: 140px;}
#header {margin-left:210px;}

/* Navigation
--------------------------------------------- */

.nav {position: relative; top: 20px; float: left; height: 34px; width: 480px; padding: 15px; margin: 10px 0;overflow: hidden;}
.nav li {float: left;list-style: none;}
.nav li.back {background: url("images/nav-sliding.png") no-repeat right -34px;width: 9px; height: 34px; z-index: 8; position: absolute;}
.nav li.back .left {background: url("images/nav-sliding.png") no-repeat top left; height: 34px; margin-right: 9px; /* 7px is the width of the rounded shape */}
.nav li a {font-weight: bold; font-size: 2.3em; text-decoration: none; color: #8d8d8d; outline: none; text-align: center; top: 8px; text-transform: uppercase; letter-spacing: 0; z-index: 10; display: block; float: left; height: 34px; position: relative; overflow: hidden; margin: auto 10px;}
.nav li a:hover, .nav li a:active, .nav li a:visited {border: none;}
.nav li a:hover {color: #4b4b4b;}

/* Content
--------------------------------------------- */

#content {float: left; background: #fff url(images/sprite-main.png) no-repeat -454px 0px; border: 1px solid #dadada; width: 647px; min-height: 200px; padding: 10px 20px 25px 20px; margin: 0 10px 0 0;}

#content .title{padding: 0 0 5px 0; clear: both; height: 55px; margin: 0 0 15px 0; }
#content .title h1{font-size: 4em; letter-spacing: -0.4px; margin: 8px  0 12px 0}
#content .title span.author{font-size: 2.1em; color: #9f9f9f; float: left; padding: 0 0 0 0px; }
#content .title span.comments{font-size: 2.1em; color: #9f9f9f; float: right; padding: 0 0 0 0px; }

#content .section-header{border-bottom: 1px dotted #dadada; margin: 0 0 20px 0}
#content .section-header h3{font-size: 2em; font-weight: bold; padding: 0 0 8px 0px; text-transform: uppercase; color: #d54e21;}

#content  h1{font-size: 4.6em; letter-spacing: -0.4px; margin: 8px 0 12px 0; line-height: 120%;}
#content .entry{; padding: 20px 0 0px 0; clear: both; }
#content .page{border-bottom: 0px dotted #dadada !important}
#content .entry p{font-size: 2.15em; line-height: 160%; margin: 0 0 20px 0; color: #222222;}
#content .entry h2{font-size: 2.8em;   color: #222222; margin-top: 30px; margin-bottom: 10px; border-bottom: 1px dotted #dadada ; padding-bottom: 6px;}
#content .entry ul{font-size: 2.15em; line-height: 160%; margin: 0 0 20px 0; color: #222222; list-style-type: square; padding: 0 0 0 20px;}
#content .entry li{margin: 0 0 6px 0; padding: 0 0 0 10px;}
#content .front{border-bottom: 1px dotted #dadada !important; margin: 0 0 25px 0; padding: 15px 0 30px 0;}

#content .entry .newsimage-right{float: right; margin: 0 20px 30px 30px;}
#content .entry .image-right{float: right;  border: 1px solid #ededed; background: #fcfcfc; padding: 5px; margin: 0 0 15px 30px;}
#content .entry .image{border: 1px solid #ededed; background: #fcfcfc; padding: 5px; margin: 10px 0 5px 0;}

#content a.read-more{font-size: 1.8em; letter-spacing: -0.4px; margin: 8px 0 12px 0; line-height: 120%;}
#content .meta {border-bottom: 1px dotted #dadada; min-height: 155px; margin: 6px 0 0 0;}

#content .tags {overflow: hidden;}
#content .tags p{font-size: 1.8em; background: url(images/tag.png) no-repeat; padding: 0 0 0 25px; color: #9f9f9f; float: right;}
#content .tags a{text-transform: uppercase;}

/* Subscribe Box */

#content .subscribe-box {background: #fffde4 url(images/subscribe-box.png) no-repeat; border: 1px solid #ffeac5; padding: 20px 120px 6px 22px; position: relative; margin: 40px 0 30px 0;}
#content .subscribe-box p{font-size: 2.4em; line-height: 200%;}
#content .subscribe-box a{color: #d54e21}
#content .subscribe-box a:hover{color: #ff8200}
#content .subscribe-box img{position: absolute; top: 18px; right: 22px; border: 0;}

/* Related Posts */

#content .related{border: 1px solid #ececec; padding: 15px 0 5px 0; min-height: 50px; background: #fff url(images/sprite-main.png) no-repeat -454px 0px; }
#content .related h3{font-size: 2.6em; margin: 5px 0 14px 25px; }
#content .related ul{padding: 0 0 0 40px;}

/* Comments */

#content #comments { padding: 0 0 10px 0;}
#content #comments h3{font-size: 2.8em;  margin: 30px 0 20px 0; font-weight: bold;}
#content .comment {margin: 0 0 10px 0;}
#content .comment p{font-size: 1.9em; line-height: 160%; margin:9px 20px 9px 95px;}
#content .commentauthor img{float: left; margin: 0 20px 0 15px; border: 1px solid #ededed; background: #fcfcfc; padding: 5px;}

#content .commentlist {list-style-type: none; padding: 0;}
#content .commentlist li{border: 1px solid #ececec; padding: 15px 0; min-height: 70px; background: #fff url(images/sprite-main.png) no-repeat -454px 0px; }
#content .commentauthor {font-size: 2em; font-weight: bold; margin: 4px 0 0 5px;}
#content .commentauthor a{margin: 0 0 0 0; font-size: 1.1em; }
#content .commentmetadata {float: right; font-size: 1.7em; margin: -14px 15px 0 0;}

#content .pingbacks {list-style-type: square; padding: 0 0 0 20px; font-size: 1.8em; margin: 0 0 25px 0;}

#reply{margin: 0 0 0 0;}
#reply h3{font-size: 2.8em;  margin: 0px 0 25px 0; font-weight: bold;}
#reply label{font-size: 2em; display: block; color: #434343;margin: 0 0 6px 0;}
#reply label span{ color: #cf3131}
#reply input{background: #fdfdfd; margin: 0 0 15px 0; padding: 6px; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
#reply textarea{width: 460px; background: #fdfdfd; font-size: 1.8em; padding: 6px; font-family: Lucida Grande, Arial;   border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
#reply button{font-size: 1.9em; margin: 20px 0 0 0;}
#reply button img{padding-right: 10px; }

#edToolbar {overflow: hidden; }
#edToolbar a{display: block; float: left; height: 24px; width: 24px; text-indent: -9000px; background: #fdfdfd; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0;  margin: 0 4px 0 0;}
#edToolbar a{background-color: #fafafa !important;}
#edToolbar #button-bold{background: #fdfdfd url(images/editor-bold.png) no-repeat center center;}
#edToolbar #button-italic{background: #fdfdfd url(images/editor-italic.png) no-repeat center center;}
#edToolbar #button-link{background: #fdfdfd url(images/editor-link.png) no-repeat center center;}
#edToolbar #button-code{background: #fdfdfd url(images/editor-code.png) no-repeat center center;}

#smart-archives-block {padding:0 !important; margin: 0 !important; margin-bottom: 20px !important;}
#smart-archives-block li{list-style-type: none; text-transform: capitalize;}
#smart-archives-list h2{text-transform: capitalize;}
#smart-archives-list ul{ list-style-type: none; padding-left: 0px !important;}
#smart-archives-list li{ list-style-type: none;}

.contactform label{font-size: 2em; display: block; margin-bottom: 6px; margin-left: 8px;}
.contactform input:hover, .contactform textarea:hover {border: 1px solid #d2d2d2;}
.contactform input{color: #757575; border: 1px solid #e1e1e1; font-size: 2em;  background: url(images/form.png) repeat-x; margin-bottom: 10px; padding: 8px; padding-top: 8px; padding-bottom: 8px;}
.contactform textarea{color: #757575; border: 1px solid #e1e1e1; font-size: 1.4em; background: url(images/form.png) repeat-x #fdfdfd; font-family: Lucida Grande, Arial; margin-bottom: 10px; padding: 8px; padding-top: 8px; padding-bottom: 8px;}

#content .tutorial a.download{display: block; width: 210px; height: 34px; text-indent: -9000px; background: url(images/tutorial-download.png) no-repeat;}
#content .tutorial a.download:hover{ background: url(images/tutorial-download.png) no-repeat 0 -34px;}

#content .tutorial a.preview{display: block; width: 210px; height: 34px; text-indent: -9000px; background: url(images/tutorial-preview.png) no-repeat;}
#content .tutorial a.preview:hover{ background: url(images/tutorial-preview.png) no-repeat 0 -34px;}

.navigation{font-size: 2.3em  }


/* Sidebar
--------------------------------------------- */

#sidebar {float: left; width: 200px; padding-right: 10px;}
#sidebar .sidebox{min-height: 100px; border: 1px solid #d9d9d9; padding: 20px; background: #fcfcfc url(images/sprite-main.png) no-repeat -1221px 0; margin: 0 0 10px 0;}
#sidebar h3{font-size: 2.7em; font-weight: bold; margin: 0 0 20px 0; color: #303030;}

#sidebar .about h3{margin: 0 0 10px 0;}
#sidebar .about p{font-size: 1.9em; line-height: 170%; margin: 0 0 16px 0;}
#sidebar .about li{font-size: 1.9em; list-style-type: none; margin: 0 0 6px 0;}
#sidebar .about li a{display: block; height: 18px; padding: 0 0 0 25px; }

#sidebar .featured div {padding: 2px 0; min-height: 60px;}
#sidebar .featured div img{float: left; border: 1px solid #ededed; background: #fcfcfc; padding: 5px; margin: 0 15px 0 0;}
#sidebar .featured div a{line-height: 170%; font-weight: bold; font-size: 2.0em; margin: 10px 0 0 0;}

#sidebar .comments ul{font-size: 2em;}
#sidebar .comments li{margin: 0 0 15px 0; min-height: 60px; line-height: 160%;}
#sidebar .comments li span.black{color: #000;}
#sidebar .comments img{float: left; border: 1px solid #ededed; background: #fcfcfc; padding: 5px; margin: 0 15px 0 0;}

#sidebar .blogroll ul{font-size: 2em;}
#sidebar .blogroll li{margin: 0 0 6px 0;}

#sidebar .flickr{overflow: hidden;}
#sidebar .flickr h3{background: url(images/icon-flickr.png) no-repeat center right;}
#sidebar .flickr a{float: left; margin: 0 12px 35px 0; border: 1px solid #ededed; background: #fcfcfc; padding: 5px;}
#sidebar .flickr a:hover{ background: #f5f5f5; }
#sidebar .flickr img{border:0;}

/* Footer
--------------------------------------------- */

#footer {clear: both; }
#footer p{font-size: 2em; padding: 10px 0; color: #696969; margin-left:210px;}
#footer p a{font-weight: bold; }


/* Icons
--------------------------------------------- */
.icon-date, .icon-comments, .icon-arrow, .icon-feed, .icon-bloggy, .icon-flickr, .icon-lastfm{background: url(images/sprite-icons.png) no-repeat}
.icon-date{background-position: 0px -105px ;}
.icon-comments{background-position: 0px -82px ;}
.icon-arrow{background-position: 0px -23px ;}
.icon-feed{background-position: 0px -165px ;}
.icon-bloggy{background-position: 0px -50px ;}
.icon-flickr{background-position: 0px -132px ;}
.icon-lastfm{background-position: 0px -193px ;}

/* Buttons
--------------------------------------------- */

.buttons a,  button.submit{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 1.9em;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#000;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
 button.submit{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
 button.submit[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html  button.submit[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
 button.submit img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

 button.submit:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* CEMENTARY */

#content .after-box {overflow: hidden;}
#content .after-box .related{float: left;}
#content .after-box .subscribe{background: #fffdde; border: 1px solid #dddddd; width: 308px; float: right; padding: 10px; min-height: 110px;}

#content .after-box .related h3, #content .after-box .subscribe h3{font-size: 2.3em; font-weight: bold; color: #000; margin: 0 0 5px 0;}
#content .after-box .related h3{padding: 10px 0 0 0;}
#content .after-box .related li{font-size: 1.8em; line-height: 170%;}

#content .news{overflow: hidden; width: 747px; margin: 10px 0 0 0;}
#content .news div{float: left; width: 625px; border: 1px solid #ededed; background: #fcfcfc; padding: 10px; margin: 0 22px 0 0; }
#content .news div:hover{border: 1px solid #e2e2e2; }
#content .news div:hover img{border: 1px solid #e2e2e2; }
#content .news a {color: #476178;text-decoration: underline;}
#content .news h1 {color: #476178;text-decoration: none;}
#content .news a:hover {color: #7d91a3; text-decoration: underline;}
#content .featured-posts div img{border: 1px solid #ededed;}
#content .featured-posts h1{font-size: 4.6em; letter-spacing: -0.4px; margin: 8px 0 12px 0; line-height: 120%;}
#content .featured-posts span{display: block; font-size: 1.8em; color: #222222; margin: 10px 0 6px 0;}
#content .featured-posts a{font-size: 2.4em; font-weight: bold;}

/* #content .featured-posts {height: 290px; margin: 10px 0 0 0;  }
#content .featured-posts .featured-left{ float:left; width: 300px; margin: 0 32px 0 0 }
#content .featured-posts .featured-right{ float: left; width: 300px; }
#content .featured-posts img{border: 1px solid #ededed; background: #fcfcfc; padding: 5px; margin: 0 0 8px 0;}
#content .featured-posts a{font-size: 2.7em; }
#content .featured-posts p{font-size: 1.8em; line-height: 160%; color: #222222; margin: 10px 0 0 0; } */

#content .meta .related{float: left; width: 300px; margin-top: 14px;}
#content .meta .related h3{font-size: 2.4em; margin-bottom: 6px; }
#content .meta .related ul{margin:0; padding: 0; margin-left:0px; list-style-type: none; margin-bottom: 10px;}
#content .meta .related li{font-size: 1.9em; line-height: 1.6em}
#content .meta .related p{font-size: 1.9em;}

#content .meta .subscribe{float: right; width: 300px; margin: 14px 10px 0 0; }
#content .meta .subscribe h3{font-size: 2.4em; margin: 0 0 6px 0; background: url(images/icon-feed.png) top right no-repeat;}
#content .meta .subscribe p{font-size: 1.9em; line-height: 160%; color: #434343;  margin: 4px 0 0 0;}