.post .sub{color:#9d9d9d;font-size:12px;}
li{margin-left:20px;text-align:left;position:relative;}
ol{padding:0 0 0 5px;list-style:decimal;}
ul{list-style:disc;}
a img{border:none;outline:0;}
a span{font-size:90%;}
p,li,dl{line-height:18px;}
ul li ul,ol li ol{margin-bottom:0px;}
.author_name{float:left;font-size:15px;font-style:normal;font-weight:bold;}
.comment_content{float:left;width:569px;}
.comment_text{clear:both;margin-top:10px;}
.commentlist{float:left;margin:0;margin-bottom:20px;padding:0;width:100%;}
.comment-reply-link{font-size:10px;text-decoration:none;}
.comment-reply-link{display:block;text-align:center;}
.gravatar{float:left;padding:0px 10px 0 0;width:60px;text-align:center;}
.quicknavhr{margin-bottom:0;}
.roundabout-holder{margin:0px auto;width:500px;list-style:none;height:300px;}
.roundabout-in-focus{cursor:auto;}
.roundabout-moveable-item{
border:1px solid #aaaaaa;
padding:5px;
width:600px;
background:#f9f9f9;
font-size:12px !important;
cursor:pointer;
height:300px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
a:focus{outline:1px dotted;}
dl.history{margin:10px 10px;}
dl.history{margin:0 0 10px 0;zoom:1;}
p.error,.zemError{margin-left:120px;margin-top:10px;}
.gravatar img{margin-bottom:0px;padding:5px;padding-left:none;display:block;}
.roundabout-holder span{display:none;font-size:12px;}
.roundabout-moveable-item img{margin:0;width:100%;background:#FFFFFF;height:100%;}
dl.history dd{float:left;margin-bottom:20px;padding:0;width:250px;}
dl.history dt{float:left;width:50px;font-weight:bold;}
.post .title{color:#393939;font-size:30px;}
.post .title a{color:#393939;text-decoration:none;}
.roundabout-in-focus:hover span{
border-left:1px solid #aaaaaa;
border-top:1px solid #aaaaaa;
padding:8px 20px;
display:inline;
background:#f9f9f9;
color:#000000;
font-size:12px;
bottom:5px;
position:absolute;
right:5px;
z-index:999;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
}
a .title,.author_name a{color:#000000;}
.commentlist li{
clear:both;
float:left;
margin:0;
padding:0;
width:100%;
list-style-type:none;
position:relative;
}
a:hover,.post a.button:hover{text-decoration:none;}
.roundabout a:active,
.roundabout a:focus,
.roundabout a:visited{text-decoration:none;outline:none;}
#featured{margin:10px 0 40px 0;}
#folio_scroller_container{margin-bottom:40px;margin-top:35px;height:auto;}
#folio_scroller_container .roundabout-holder{margin:0px auto 20px auto;list-style:none;height:400px;}
.post a:hover{text-decoration:underline;}
/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/
img.left{float:left;margin:10px 20px 10px 0;}
img.right{float:right;margin:10px 0 10px 20px;}
a{color:#ff6600;text-decoration:none;}

h2{font-size:34px;}
h3{font-size:21px;}
h4{font-size:21px;}
h5{font-size:13px;}
h6{font-size:13px;}

h2,h3,h4,h5,h6{
    color: #ff6600;
    font-family:'MisoRegular',Arial,sans-serif;
    }
    
h3.title{margin-bottom:5px;font-weight:normal;}
/** useful classes */

.textright{text-align:right !important;}

.footer a:hover{color:#ff6600;}
.footer,.footer a{color:#666666;}
.sidebar{margin-bottom:40px;}
.sidebar ul{list-style:none;}
.sidebar li{margin-left:0; margin-bottom:5px;}
.float{float:left;}
.floatright{float:right;}
/**
FORMS
**/
input.button, form .zemSubmit{float:right;}
label{
float:left;
margin-right:10px;
width:100px;
line-height:35px;
text-align:right;
}
input[disabled='disabled']{color:#444;cursor:default;}
textarea{width:470px;height:150px;resize:none;}
form ul li{clear:both;margin:10px 0;list-style:none;position:relative;}
form ul{float:left;}
input.text,input.zemText{width:470px;}
input,textarea{
border:1px solid #CCCCCC;
float:left;
margin-left:10px;
padding:8px;
background:#fcfcfc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.button,input.button:hover,.zemSubmit:hover{color:#fff;background:#111;text-decoration:none;}
.button,.button:active,.zemSubmit:active{top:1px;}
.button,.button:visited,.zemSubmit,.zemSubmit:visited{
border:0;
border-bottom:1px solid rgba(0,0,0,0.25);
padding:10px 20px 12px;
display:inline-block;
color:#fff;
font-size:13px;
font-weight:bold;
line-height:1;
text-decoration:none;
cursor:pointer;
position:relative;
-moz-border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-webkit-border-radius:5px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
/**
portfolio 
**/
.portfolio_item img{
border:1px solid #aaaaaa;
margin-bottom:20px;
padding:5px;
width:210px;
background:#f9f9f9;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.portfolio_item:hover span{
padding:2px 0 2px 4px;
display:inline;
background-color:#f0f0d8;
color:#000000;
bottom:20px;
position:absolute;
right:4px;
z-index:999;
}
.portfolio_item span{display:none;}
.portfolio_item:hover img,.roundabout-in-focus:hover{
background:#f9f9f9;
-moz-box-shadow:0px 0px 20px #787878;
-webkit-box-shadow:0px 0px 20px #787878;
}


.text p, .text ul, .text pre {
   margin: 0 0 1.5em 0;
}
.text {
    margin-bottom:150px;
}
/**
sidebar links
*/



/**
BLOG
**/
img.article {
border:5px solid #cccccc;
width:610px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
margin-bottom:20px;
}

/*******************************************************************************
 * global setup
 ******************************************************************************/
body {
border-top:8px solid #ff6600;
padding-bottom:50px;
color:#d9d9d9;
background-color:#222222;
font:13px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
}

/*******************************************************************************
 * header text logo
 ******************************************************************************/
h1 {
margin:30px 0 45px;
color:#ff6600;
font:52px/27px  'MisoRegular',Arial,sans-serif;
font-weight:normal;
}
h1 span{font-size:30px;}
h1 span span{font-size:20px;}



/*******************************************************************************
 * sidebar
 ******************************************************************************/
#side ul {
margin:0 0 30px 0;
padding:0;
list-style:none;
}
#side li {
padding:0;
margin:0;
}
#side ul a {
border-bottom:1px solid #ff6600;
padding:10px 0 10px 5px;
width:100%;
display:inline-block;
color:#666666;
text-decoration:none;
}
#side ul a:hover {
padding:10px 0 10px 5px;
background:#ff6600;
color:#222222
}
