@charset "utf-8";
/* CSS Document */

/* reset a with no underline. */
a{text-decoration:none;}
/*margin:top25px right50px bottom75px left100px;*/
.ditto_content{
	float:left;
	border:0px solid #F00;
	display:inline;
	width:645px;
	padding:10px 100px 30px 45px;
	margin:0px 0px 25px 0px;
}
/*.ditto_content h3{padding:8px 10px; font-size:18px; margin-top:10px; margin-bottom:10px; float:left; width:710px;} 
.ditto_content h4{padding:4px 0px; font-size:16px; margin-bottom:10px; float:left; width:730px;}
.ditto_content h3 code{padding-left:15px;}
.ditto_content h3 code a{color:#fff;} */
/* .ditto_content div{padding-bottom:20px; clear:both; width:730px; float:left;} 
.ditto_content .bullets{width:700px; padding:15px; padding-bottom:20px; float:left; text-align:center; font-size:15px; line-height:20px; margin:30px 0;}
.ditto_content .bullets ul{padding:0px;}
.ditto_content .bullets ul li{background:url(../images/bullet_li1.gif) 5px 8px no-repeat; padding:3px 0 3px 20px;}
.ditto_content .bullets p{padding:5px;}
.ditto_content .bullets a{font-size:11px; display:block;} 
.ditto_content span{float:left; width:275px; font-size:15px; line-height:20px;} */

/*Main Content*/
/*margin:top25px right50px bottom75px left100px;
.ditto_content{border:1px solid #0F0; margin:0px 0px 0px 0px; width:720px !important;}*/
/*margin:top25px right50px bottom75px left100px;*/
.singlePost_content{float:left; border:0px solid #F00; display:inline; font-size: medium; line-height:21px; width:645px; padding:10px 100px 30px 45px; margin:0px 0px 25px 0px; background:#fff; background-color:#FFF; }
.single_post_text{border:0px solid #F00; line-height:21px;}
.singlePost_content h2 {border:0px solid #F00; padding:5px 0 5px 0; font-size: 25px; line-height:25px; margin:10px 0px 10px 0px; width:720px; background:#fff; color:#000;}
.singlePost_content img{ border:solid 2px #093}

/*.ditto_content h3{background:#4f9937; color:#000;} */
.ditto_content h3 code a{color:#000;}
.ditto_content span a{color:#efdddd;}
.ditto_content p{}
.ditto_content img{ border:solid 2px #093}

/*Notes between Entries*/
.ditto_content .bullets{background:#f3faf0; border:1px solid #e1efdb; border-left:8px solid #e1efdb; border-right:8px solid #e1efdb; width:684px;}
#content{padding-bottom:0px;}

.ditto_blog_border{border:4px solid #838282; float:left; width:793px; background-color:#FFF; background:#fff;}

/* .ditto_content p{width:725px; padding-bottom:15px;} 
h1 {
 font-size: xx-large;
 }
h2 {
 font-size: x-large;
 }
h3 {
 font-size: large;
 }
h4 {
 font-size: medium;
 }
h5 {
 font-size: small;
 }
h6 {
 font-size: xx-small;
 }
 */
.ditto_h2 {border:0px solid #FF0; padding:5px 5px; font-size: 23px; line-height:25px; margin-top:0px; margin-bottom:0px; background:#fff; color:#000;}

.ditto_h3 {border:0px solid #00F; padding:5px 5px; font-size: 20px; margin-top:10px; margin-bottom:10px; background:#fff; color:#000;}
.ditto_h4{border:0px solid #0F0; padding:4px 0px; font-size: medium; line-height:21px; margin-bottom:10px;}
.ditto_div{padding-bottom:20px; clear:both; width:720px;}
.ditto_span{float:left; width:275px; font-size:15px; line-height:21px;}
.ditto_p{width:720px; padding-bottom:15px;}

/* .recent_posts{border:1px solid #00F; width:730px; padding:0 30px; clear:both; float:left;}
margin-right:50px;
margin-left:50px;

margin:25px 50px;
top and bottom margins are 25px
right and left margins are 50px

margin:top25px right50px bottom75px left100px;
top margin is 25px
right margin is 50px
bottom margin is 75px
left margin is 100px

<div class="ditto_recent_posts">
<h2>Recent Posts</h2>
<div class="ditto_recent_post_box "> 
<div class="ditto_recent_post_box_h3"><a href="[~[+id+]~]" title="[+title+]">[+title+]</a></div>
  <div class="ditto_recent_post_box_small" >Published on [+date+]. <a  href="[~[+id+]~]"></a></div>
 
  <div class="ditto_recent_post_summaryPost">[+summary+]</div>
  <p>[+link+]</p>
</div>
*/
.ditto_recent_posts{border:0px solid #F00; width:774px; padding:0 10px; clear:both; float:left;}
.ditto_recent_post_box{width:170px; height:240px; border:1px solid #ddd; float:left; margin:0 10px 0 10px; word-wrap: break-word; overflow:hidden;}
.ditto_inner_recent_post_box{width:170px; border:0px solid #ddd; float:none; margin:0; word-wrap: break-word; overflow:hidden;}
.ditto_recent_post_summaryPost {border:0px solid #00F; font-size:12px; word-wrap: break-word; padding:1px 1px 0 1px; margin:0 2px 2px;}
.ditto_recent_posts_h2{border:0px solid #00F; font-size:20px; padding:10px 10px 10px 10px; color:#888; width:250px;}
.ditto_recent_post_box_h3{font-size:18px; border:0px solid #F0F; padding:1px 1px 0 1px; font-weight:bold; color:#888; border-top:1px solid #ececec;}
.ditto_recent_post_box_small{border:0px solid #0f0; font-size:10px; padding:1px 1px 0 1px; color:#888;}
.ditto_recent_post_box p{border:0px solid #ff0; padding:1px; font-size:12px; margin:0 1px 1px;}
.ditto_recent_post_box p a.readmore{font-size:11px;}
.ditto_blog_post_spacer{height:70px; clear:both; border:0px solid #ff0; margin:0; padding:0;}
.ditto_blog_10px_spacer{height:10px; clear:both; border:0px solid #ff0; margin:0; padding:0;}
.ditto_blog_15px_spacer{height:15px; clear:both; border:0px solid #ff0; margin:0; padding:0;}
.ditto_blog_25px_spacer{height:25px; clear:both; border:0px solid #ff0; margin:0; padding:0;}
.ditto_blog_30px_spacer{height:30px; clear:both; border:0px solid #ff0; margin:0; padding:0;}
.ditto_blog_35px_spacer{height:35px; clear:both; border:0px solid #ff0; margin:0; padding:0;}
.ditto_blog_40px_spacer{height:40px; clear:both; border:0px solid #ff0; margin:0; padding:0;}
.ditto_blog_50px_spacer{height:50px; clear:both; border:0px solid #ff0; margin:0; padding:0;}
.ditto_blog_70px_spacer{height:70px; clear:both; border:0px solid #f00; margin:0; padding:0;}
.ditto_blog_100px_spacer{height:100px; clear:both; border:0px solid #f00; margin:0; padding:0;}

/* ditto default built in class names 
class="ditto_item"

id="ditto_item_[+id+]"

class="ditto_pageTitle"

class="ditto_documentInfo

class="ditto_introText"

Class names used in template:

  <div class="ditto_h3"><a href="[~[+id+]~]" title="[+title+]">[+title+]</a></div>
  <div class="ditto_info" >Published on [+date+]. <a  href="[~[+id+]~]"></a></div>
 
  <div class="ditto_summaryPost">[+summary+]</div>
  <p class="ditto_link">[+link+]</p>
</div>

template for horizontal:
<div class="recent_post_box "> 
<div class="ditto_h3"><a href="[~[+id+]~]" title="[+title+]">[+title+]</a></div>
  <div class="ditto_info" >Published on [+date+]. <a  href="[~[+id+]~]"></a></div>
 
  <div class="ditto_h4">[+summary+]</div>
  <p class="ditto_link">[+link+]</p>
</div>
*/
.ditto_summaryPost {}
.ditto_info {}
.ditto_link {font-size:16px; border:0px solid #ff0; float:right;}
.jot-form{ }
.jot-form input{border:solid thin #999;}
.jot-form textarea{border:solid thin #999;}

#commentsAnchor {font-size: small}
#commentsAnchor h2{ font-size:20px;}