
/*-----------------------------------------------------------------------------

version:   1.0
date:       2-5-2010
author:    marc duisenberg
email:     stylehelp@mouseworksconsulting.com
website:   http://www.mouseworksconsulting.com


NOTES:

-----------------------------------------------------------------------------*/


/* =Normalizing - overriding default browser styles
-----------------------------------------------------------------------------*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ 
margin:0; padding:0;
}

p,h1,h2,h3,h4,h5,h6,pre,code { 
font-size: 14px;                       /*  was 100%  */
}

ul,ol { 
list-style:none 
}

fieldset, img {
border:0;
}

.clear {
 clear:both;
}

img {
 border: none;
margin: 0 0 0 0;
}

/*
Layout 2
*/


/* =Typography
-----------------------------------------------------------------------------*/

body{
font-size:14px;                 /*  was small */
font-family: Helvetica, "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
color: #333; 

}



.BlogContainer2 {
 width:655px;
margin:0px 0 0 10px;
 padding:10px;
background: #fff url(../images/bkg_blog.gif) no-repeat 100% 0%;
}

.BlogPostTitle2 {
margin:15px 0 0 0;
 font-size:110%;
 font-weight:bold;
 color:#666;
}

.BlogPostDate2 {
 color:#666;
 font-size:75%;
line-height:24px;
}

.BlogPostBody2 {
width:530px;
color: #545454;
font-size:100%;
margin: 10px 0;
line-height:20px;

}

a.BlogLinks2 {
 color: #81aa22;
 font-size:95%;
 font-style: normal;
font-weight: normal; }

.BlogCommentFormTitles2 {
 
 font-size:90%;
color: #676767;
 float:left;
display:inline;
 width:150px;
 888vertical-align:middle;
text-align:right;
 margin: 3px 0 0 0;
color: #676767; }

.BlogSysMessages2 {
 
 font-size:95%;
 color:#F00;
 padding-bottom:10px;
 font-weight:bold;
}

.BlogCommentFormFields2 {
 
 font-size:95%;
color: #545454;
 width:200px;
 vertical-align:middle;
 margin-bottom:5px;
}

textarea#Form_Comment {
 
 font-size:95%;
color: #545454;
 width:400px;
 vertical-align:middle;
 margin-bottom:5px;
}

.BlogCommentFormFieldsContainer2 {
 width:300px;
}

.BlogCommentContainer2 {
width:530px;
 margin: 15px 0; 
 padding:5px 5px 8px 5px; 
 border: 1px #9b9b9b solid;
}

.BlogCommentsTitle2 {
 333background-color:#e7e7e7;
 padding:5px;
 float:none;
}

.BlogCommentName2 {
  color: #5f5f5f;
 font-size:95%;
 font-weight:bold;
 float:left;
display:inline;

}

.BlogCommentsPost2 {
 width:530px;
 font-size:95%;
 font-weight:normal;
 color:#fff;
 background-color: #888888;
margin: 10px 0;
 padding:6px;
}

.BlogCommentDate2 {

 float:right;
display:inline;
color:#666;
 font-size:75%;
}

.BlogCommentBody2 {
width:530px;
 font-size:95%;
 margin:5px ;
}


.SearchFrom2 {
 float:right; 
display:inline;
margin-top:15px;
 background-color:#fff;
 margin-bottom:10px;
}

.BlogPostContainer2 {
width:620px;
 333border:1px solid #CCC;
 margin-bottom:15px;
border-bottom: 1px solid #ccc;
}

.BlogPagesContainer2 {
 width:100%; 
 text-align:center;
}

.BlogPagesNumbers2 {
 padding:5px;
 font-size:18px;
 color:#000;
 text-decoration:none;
 border:1px solid #e7e7e7;
 float:left;
display:inline;
 margin-right:5px;
}

