/* FOR BLOG */ 

table.blogMainTable {
width:100%;
}
table.blogMainTable tr td {
vertical-align:top;
padding:0;
}
table.blogMainTable tr td:first-child {
	padding-right:10px;
}

table.blogMainTable tr td.betweenBorderRight {
	width:4px;
	border-right:1px dashed #dddddd;
}
table.blogMainTable tr td.between {
	width:5px;
}

.blogBodyImageDiv { /* keep the same in admin.css */  
	margin:0 5px 8px 0;
	width:285px;
	height:160px;
	overflow:hidden;
	border:8px solid #f7f7f7; 
	background:#ffffff;
	border-radius:10px;
	-moz-border-radius:10px; 
    -moz-box-shadow: 1px 1px 2px #bbb;
    -webkit-box-shadow: 1px 1px 2px #bbb;
    box-shadow: 1px 1px 2px #bbb;
} 
.blogBodyImageDivOver {  
	margin:0 5px 8px 0;
	width:285px;
	height:160px;
	overflow:hidden;
	border:8px solid #eeeeee;
	background:#ffffff;
	border-radius:10px;
	-moz-border-radius:10px; 
    -moz-box-shadow: 1px 1px 2px #bbb;
    -webkit-box-shadow: 1px 1px 2px #bbb;
    box-shadow: 1px 1px 2px #bbb;
} 
#blogMoreButton {  
	margin:15px 4px 4px 15px;
	padding:8px;
	width:120px; 
	overflow-x:hidden;
	background:#eeeeee; 
	border-radius:10px;
	-moz-border-radius:10px; 
	-moz-box-shadow: 1px 1px 2px #bbb;
	-webkit-box-shadow: 1px 1px 2px #bbb;
	box-shadow: 1px 1px 2px #bbb;
	cursor:pointer;
	text-align:center; 
} 
#blogMoreButton p {
	color:#000000;
	font-weight:bold;
	font-size:15px;		
	text-align:center;
}
#blogMoreButtonOver {   
	margin:15px 4px 4px 15px;
	padding:8px;
	width:120px;  
	background:#404040; 
	border-radius:10px;
	-moz-border-radius:10px; 
	-moz-box-shadow: 1px 1px 2px #bbb;
	-webkit-box-shadow: 1px 1px 2px #bbb;
	box-shadow: 1px 1px 2px #bbb;
	cursor:pointer; 
	text-align:center;
}
#blogMoreButtonOver p {   
	 color:#FFFFFF;
	 font-weight:bold;
	 font-size:15px;
} 
H2.blogArticleTitle {
	font-size:21px;
	text-align:left;
	margin-bottom:8px;
	margin-top:20px;
	font-weight:bold;
}
H2.blogArticleTitle a {
	font-size:21px; 
} 

/* page container for list of articles */
#blog-page  { 
	margin-bottom:30px;
}
#blog-page  .backToBlogArticles { /* in the case we are doing a category on the articles, to go back to ALL the articles  */
	margin: 15px 0 30px 10px;
}
#blog-page  .backToBlogArticles img {
	margin-right:3px;
	border:0px;
}
#blog-page  h2.blogCategoryTitle { /* in the case we are doing a category, category title  */
	margin:0px 10px 3px 10px;
}
#blog-page  div.topPart {
	margin:0px 10px 0px 10px;
	padding-top:10px;
}
#blog-page  div.dashed {
	border-top:1px dashed #dddddd;
}
#blog-page  div.topPad {
	padding-top:15px;
}


#blog-page  table.exerptTable { 
	margin:0 auto 20px auto; 
	width:97%;
}
#blog-page  table.exerptTable tr td { 
	vertical-align:top;
	padding:0;
}
#blog-page  table.exerptTable tr td p#exerpt  { /* like SmText (one px smaller than usual) */
	font-size: 14px; /* like SmTxt */
	line-height:normal;
	margin-left:15px;
} 
#blog-page td#facebook { 
	text-align:right;
	vertical-align:bottom;
	height:40px;
} 
table.exerptTableInside {
width:100% !important;
}
#blog-page .post-info { /* like TinyTxt */
	font-size: 13px; /* like TinyTxt */
	line-height:normal;
	margin-bottom:10px;
} 
#blog-page .post-info span {
	margin-right:10px;
}
#blog-page .post-info .post-info-date {
white-space:nowrap;
}

#blog-page .post-info div {
	margin:10px 0 0px 0;
}
#blog-page .post-info a, 
#blog-page .post-info a:link, 
#blog-page .post-info a:visited, 
#blog-page .post-info a:active {text-decoration:underline;} 
#blog-page .post-info a:hover {text-decoration:none;}

#blog-page .tagsDiv {
	margin-left:10px;
	margin-bottom:20px; 
	font-size: 13px; /* like TinyTxt */
	line-height:normal;
}
#blog-page .tagsDiv a, 
#blog-page .tagsDiv a:link, 
#blog-page .tagsDiv a:visited, 
#blog-page .tagsDiv a:active {text-decoration:underline;} 
#blog-page .tagsDiv a:hover {text-decoration:none;}

 
#blog-page div.divCommentForm {
	display:none;
	margin:5px auto 0 auto;
	width:90%;
}
#blog-page div.divCommentFormBox {
	border:1px solid #dddddd;
	background-color:#eeeeee;
	padding:10px; 
	border-radius:10px;
	-moz-border-radius:10px;
}
table.commentTable {
margin-left:auto;
margin-right:auto;
width:75%;
}
H2.commentTitle {
	font-size:18px; 
	margin-bottom:8px;
}
#blog-page .fieldTitle { /* for comment forms */
margin:15px 0px 5px 0px;
white-space:nowrap;
}
#blog-page .field { /* for comment forms */
width:100%;
border-radius:5px;
-moz-border-radius:5px;
padding:5px;
}
#blog-page textarea.field { /* for comment forms */
height:100px;
border-radius:5px;
-moz-border-radius:5px;
padding:4px;
}
#blog-page span.fieldErr { /* for comment forms */
	margin-left:5px;
	width:15%;
	visibility:visible;
	color:red;
	font-size: 13px; /* like TinyTxt */
}
#blog-page div.formButtonDiv {
	width:75%;
	text-align:right;
	margin:15px 0px 5px 0px;
}
#blog-page div.formSaying {
	font-size: 13px; /* like TinyTxt */
	margin:15px 0px 5px 0px;
}
#blog-page input.formButton {
	font-weight:bold;
}


#blog-page .divComments {
	margin:5px 10px 0px 10px;
	display:none;
}

#blog-page .pageBottomNav {
	margin-top:25px;
	text-align:center;
	border:1px solid #cccccc;
	padding:10px;
}
 
#blog-page div.comments {  
	font-size: 14px; /* like TinyTxt */
	line-height:normal;
	margin-bottom:20px;
	margin-left:10px;
}
#blog-page div.comments span { 
	margin-left:10px;
	margin-right:10px;
	white-space:nowrap;
}
#blog-page div.comments span a, 
#blog-page div.comments span a:link, 
#blog-page div.comments span a:visited, 
#blog-page div.comments span a:active {text-decoration:underline;} 
#blog-page div.comments span a:hover {text-decoration:none;}
 

/* page container for single article */
#blog-article { }   
#blog-article div.backToAllArticles {
margin:0px 10px 0px 10px;
}
#blog-article div.backToAllArticles img { /* back arrow image */
vertical-align:middle;
margin-right:3px;
}
#blog-article div.titleImgAndPost {
margin:40px 0 40px 15px;
}
#blog-article div.mainImgAndPostInfo {
width:100%;
overflow-x:hidden;
}


#blog-article div.blogBodyImageDiv,
#blog-article div.blogBodyImageDivOver {
	float:left; 
	margin-right:25px;
}  
#blog-article #post-info {
	margin-bottom:20px;
} 
#blog-article #post-info div {
	margin-top:15px;
	font-size: 13px; /* like TinyTxt */
	line-height: normal;
	text-align:left;
}  
#blog-article #post-info #post-info-tags {
	margin:25px 0 10px 0; 
} 
#blog-article #facebook {
	height:40px;
	margin: 20px 0 20px 0;
}

#blog-article div#articleComments {
 margin-left:10px;
}
#blog-article div#articleComments span {
margin-left:10px;
margin-right:10px;
white-space:nowrap;
font-size: 13px;
}
#blog-article div#articleComments span a, 
#blog-article div#articleComments span a:link, 
#blog-article div#articleComments span a:visited, 
#blog-article div#articleComments span a:active {text-decoration:underline;} 
#blog-article div#articleComments span a:hover {text-decoration:none;}




#BlogRightDiv { /* on td */
	position:relative; 
    width:0px;   
	overflow:hidden; 
	padding:0 10px 0 10px;  
	background:#FFFFFF;  
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;   
	font-weight:normal; 
	line-height:normal;
}
#BlogRightDiv P, 
#BlogRightDiv DIV, 
#BlogRightDiv TABLE TD { /* this should cover the BlogRightTable  */
	font-family: arial,helvetica,sans-serif; 
	color: #000000; 
	font-weight:normal;
}  
#BlogRightDiv a,
#BlogRightDiv a:link, 
#BlogRightDiv a:visited, 
#BlogRightDiv a:active { 
	color: #0000FF; 
	text-decoration:underline; 
	font-weight:normal;
}
#BlogRightDiv a:hover { 
	color: #800080; 
	text-decoration:underline; 
	font-weight:normal;
}
#BlogRightInside {
	width:-20px;
	overflow-x:hidden;
}

#rssIconRight {
float:right;
width:53px;
height:53px;
margin-bottom:10px;
margin-right:10px;
}
#rssIconCenter {
margin-left:auto;
margin-right:auto;
width:53px;
height:53px;
}
