/*
Blog Style Overrides
*/

#Common
{
}
/*
Blog Styles
*/

UL.BlogPostList
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.BlogPostArea
{
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #ffffff;
	position:relative;	
	width:423px;
}

.BlogPostHeader
{	
	font-family: arial,helvetica,serif;
	color: #00001a;
	font-size: 1.5em;
	font-weight: normal;
	padding: 4px;
	padding-top: 0px;
	padding-left: 0px;
	margin: 0px;
	padding-bottom:0px;	
}

h4.BlogPostHeader
{
	font-family: arial,helvetica,serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	width:310px;
	
}

div#ContentCenter h2.BlogPostHeader a
{	
	font-family: arial,helvetica,serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #00001a;	
	text-decoration:none;	
}

div#ContentCenter h4.BlogPostHeader a
{		
	color: #00001a;	
	text-decoration:none;	
}

div#ContentCenter h4.BlogPostHeader a:hover
{		
	color:#cc3333;	
}

div#ContentCenter h2.BlogPostHeader a:hover
{	
	color:#cc3333;
}

div#ContentCenter h3 
{
	color: #00001a;	
}

.BlogRating
{
	width: 80px;
	height: 80px;
	margin: 5px 10px 0px 0px;
	background-color: #cccccc;
	vertical-align: top;
	text-align: center;
	padding: 8px 2px 2px 2px; 
	background-image: url(../images/Common/blog_comment_background.gif);
	line-height: 20px;
	color: #666666;
}

.BlogRating a:link, .BlogRating a:visited, .BlogRating a:active, .BlogRating a:hover
{
	color: #666666;
	text-decoration: none;
}

.BlogExternal
{
	width: 80px;
	height: 80px;
	margin: 5px 10px 0px 0px;
	background-color: #cccccc;
	vertical-align: top;
	text-align: center;
	padding: 8px 2px 2px 2px; 
	background-image: url(../images/Common/blog_comment_background.gif);
	line-height: 20px;
	color: #666666;
}

.BlogExternal a
{
    margin-top: 6px;
    display: block;
	width: 80px;
	height: 50px;
	background-image: url(../images/forum/weblog.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
	white-space: normal;
}

.BlogExternal a:link, .BlogExternal a:visited, .BlogExternal a:active, .BlogExternal a:hover
{
	color: #666666;
	text-decoration: none;
}

.BlogCommentCount
{
	font-size: 22px;
	font-weight: bold;
}

.BlogPostContent
{
	color: #000000;
	margin-left: 1px;	
	font-size: 1em;
	line-height: 15px;
	text-align: justify;
}

.BlogPostFooter
{
	margin: 5px 0px 0px 1px;
	font-family:Arial,helvetica,serif;
	font-weight:normal;	
	font-size:11px;
	color: #666;
	text-decoration:none;
}
/*
Blog List Columns
*/

.BlogBlogNameColumn
{
	width: 25%;
}

.BlogAuthorColumn
{
	width: 14%;
}

.BlogLastPostColumn
{
	width: 25%;
}

.BlogPostsColumn
{
	text-align: center;
	width: 9%;
}

.BlogArticlesColumn
{
	text-align: center;
	width: 9%;
}

.BlogCommentsColumn
{
	text-align: center;
	width: 9%;
}

.BlogTrackbacksColumn
{
	text-align: center;
	width: 9%;
}

/*
Calendar styles
*/

.BlogCalendar
{
	font-size: 90%;
	width: 100%;
}

.BlogCalendarTitle
{
	text-align: center;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
}

.BlogCalendarNextPrev
{
}

.BlogCalendarNextPrev A:LINK, .BlogCalendarNextPrev A:ACTIVE, .BlogCalendarNextPrev A:VISITED
{
	text-decoration: none;
}

.BlogCalendarNextPrev A:HOVER
{
	text-decoration: underline;
}

.BlogCalendarDays
{
	font-weight: bold;
	padding: 2px;
}

.BlogCalendarDay A:LINK, .BlogCalendarDay A:ACTIVE, .BlogCalendarDay A:VISITED, .BlogCalendarDay A:HOVER
{
	font-weight: bold;
	font-size: .8em;
}

.BlogSubNotification
{
	color: #FF0000;
}

.SubscriptionButton
{
	margin-left: 0px;
}

/* Comment Form */
#commentform {padding: 0;font-size: 0.95em;}
#commentform h2{margin-bottom:0;}
#commentform h3{
    font-size: 1.3em;margin: 0px 10px 0px 0px;padding: 10px 0px 5px;
	font-weight: 600;letter-spacing: 0px;}

#commentform p{	padding: 0em; font-size: 0.95em;}

#commentform dl {margin: 0;	padding: 0;}

#commentform dt {	padding: 5px 0 5px 0; font-size: 1.0em;	margin: 0px;}
	
#commentform dd { color: #777777;margin-left:0;}

#commentform dt em {font-size: 0.95em;}
 
#commentform .smallbox {
	width: 350px;
	padding: 2px;
	border-top: 1px solid #7F8D3E;
	border-right: 1px solid #E2E3D1;
	border-bottom: 1px solid #E2E3D1;
	border-left: 1px solid #E2E3D1;
}

#commentform textarea {
	width: 500px;
	height: 150px;
	padding: 2px;
	border-top: 1px solid #7F8D3E;
	border-right: 1px solid #E2E3D1;
	border-bottom: 1px solid #E2E3D1;
	border-left: 1px solid #E2E3D1;
	font-size: 1em;
	}
/* End Comment */

div#comments h4
{
	/*color: #666666;*/
	color:#000000;
	font-size:1em;
}
div#comments h5
{
	
	font-family: arial,helvetica,serif;
	font-size: 12px;
	font-weight: bold;	
	letter-spacing: 1px;
	color:#00001a;	
	padding-top:1em;
}
div#comments a
{
	color:#000000;
	text-decoration:none;	
}

.CommentOwner
{
	padding: 8px;
	background-color: #f4f4f4;
	border-bottom: solid 12px #fff;
}

.Comment
{
	padding: 8px;
}

.CommentAvatar
{
	white-space: nowrap;
	border-right-width: 0px;
	padding-right: 0px;
}

.CommentAvatar img
{
	margin-right: 8px;
}

.CommentContent
{
	border-left-width: 0px;
}

.CommentTitle
{
	font-size: 110%;
	margin: 0px;
	padding: 0px;
}

.CommentText
{
	padding-top: 2px;
	padding-bottom: 2px;
	overflow: hidden;
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.CommentFooter
{
	font-family:Arial,helvetica,serif;
	font-size:11px;
	font-weight:normal;	
	color:#666;
	text-decoration:none;	
}
div#comments .CommentFooter a
{	
	color:#cc3333;
}

/* 
Post ToolBar
*/

#postToolbar
{
	width:400px;
	border:solid 1px #cccccc;
	padding:6px;
	background-color: #eeeeee;
}

#postToolbar .CommonSubTitle
{
	margin-bottom:0;
	padding-bottom:0;
}
/* END Post ToolBar */

UL.BlogLinkCategoryLinkList
{
	padding: 0px;
	margin: 0px;
	list-style-type: square;
	margin-left: 24px;
	padding-left: 0px;
}

UL.BlogLinkCategoryLinkList li
{
	padding-top: 4px;
}

UL.BlogLinkCategoryLinkList li a
{
	font-weight: bold;
}

.BlogLinkCategoryArea
{
	padding: 4px;
}

.BlogSubscriptionItem
{
	margin-bottom: 3px;
}
/* canon EOS specific theme */

div.ContentBox
{
	background:url(../images/bgCurvedBottom.jpg) no-repeat left bottom;	
	background-color:#00001a;
}
div.ContentBox table {
	border-collapse:collapse;
}
div.ContentBox h2
{
	background:url(../images/bgCurvedHead.jpg) no-repeat left top;
	background-color:#00001a;
	font-family:arial,helvetica,serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	letter-spacing:1px;	
}
div.ContentBox h2 a
{	
	font-size:.9em;	
}
div.ContentBox a
{	
	color:#ffffff;				
}
div.ContentBox a:Visited,div.ContentBox a:Active
{
	color:#ffffff;		
}

div.ContentBox h2 span
{
	/*display:block; */	
}
div.ContentBox h4
{
	font-size:1em;
}
div.ContentBox  h4 a
{
	color:#fff;
}
div.ContentBox p
{
	font-family:arial,helvetica,serif;
	font-size:11px;
	font-weight:normal;
	color:#fff;	
}
div.ContentBox h3 /*This is for Recent Posts items in the post page*/
{
	font-family:arial,helvetica,serif;
	font-size:12px;
	font-weight:normal;	
	padding:15px 15px 0em;
	width:150px;
	color:#fff;	
}
div.Paging
{
	/*padding:0 19px 1em;
	font-size:.9em;*/
}
div.Paging a
{
	color:#fff;	
}

div.ContentList
{
	padding-top:10px;
	padding-bottom:0em;
	
}
div.ContentList h2
{
	color:#00001a;
	padding-bottom:5px;
	padding-top:3px;
	vertical-align:top;	
}
div.ContentList h2 span
{
	/*display:block;*/
}
div.ContentList li, div.ContentList ul
{
	/*color:#00001a;*/
}
/*{
	padding-bottom:50px;	
}*/
div.ContentList li
{
	padding-bottom:.5em;
}
div.ContentList li a
{
	background:url(../images/linksarrow.png) no-repeat left 2px;	
	display:inline;	
}
div.ContentList li a:hover
{	
	/*color:#cc3333;*/	
}
div#CommonHeader
{
	background:url(../images/common/bgCommonHeader.jpg) no-repeat left top;
}
div#CommonHeaderBG
{
	background:url(../images/common/bgHeader.jpg) no-repeat right top;	
}
div#CommonHeaderBG h1
{
	color:#ffffff;
}
div#ContentCenter h2
{
	color:#00001a;
	width:310px;
}

h2#BackToBlogInTagList 
{
		padding-top:0px;
}
h2#BackToBlogInTagList a
{
	background:url(../images/backtoblog.png) no-repeat left top;
}

h2#BackToBlog a
{
	background:url(../images/backtoblog.png) no-repeat left top;
}
div.Comment h4
{
    color: #00001a;
}
div#CommonCommentForm h3
{
	font-family:Arial,helvetica,serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	color:#00001a;	
}
div#CommonNav
{
	width:950px;	
	background:url(../images/common/bgHeaderUl.jpg) repeat-x left bottom;
}
/*Tag Cloud*/

div.TagCloud 
{
	width:180px;
	background:url(../images/tagclouds_middle.gif) repeat-y left top;
	margin-bottom:5px;
}
div.TagCloud  div.TagCloudTop 
{
	width:180px;
	background:url(../images/tagclouds_top.gif) no-repeat left top;
	padding-top:15px;
}

div.TagCloud ul.CommonTagBlogCloud
{
	width:120px;
	padding: 2px 30px 0px 30px;
	text-align:center;
	margin:0;
}
div.TagCloud div.TagCloudBottom 
{
	width:180px;
	background:url(../images/tagclouds_bottom.gif) no-repeat left bottom;
	padding-bottom:15px;
}
div.TagCloud div.TagCloudTop div.TagCloudBottom div
{
	text-align:center;
	color:#00001a;
}

div.TagCloud ul.CommonTagBlogCloud  li
{
	display:inline;
	padding:0 5px 0 0;
	margin:0;
	line-height:1.8em;
}
div.TagCloud ul.CommonTagBlogCloud  li a
{
	color:#00001a;	
	text-decoration:none;
}
div.TagCloud ul.CommonTagBlogCloud  li a:visited
{
	/*font-weight:bold;*/
}

.CommonTagBlog1 a:link, .CommonTagBlog1 a:visited, .CommonTagBlog1 a:active
{	
	font-size: 225%;
	font-weight: 900;
}

.CommonTagBlog2 a:link, .CommonTagBlog2 a:visited, .CommonTagBlog2 a:active
{
	font-size: 175%;
	font-weight: 800;
}

.CommonTagBlog3 a:link, .CommonTagBlog3 a:visited, .CommonTagBlog3 a:active
{
	font-size: 150%;
	font-weight: 600;
}

.CommonTagBlog4 a:link, .CommonTagBlog4 a:visited, .CommonTagBlog4 a:active
{
	font-size: 120%;
	font-weight: 500;
}

.CommonTagBlog5 a:link, .CommonTagBlog5 a:visited, .CommonTagBlog5 a:active
{
	font-size: 100%;
	font-weight: 300;
}

.CommonTagBlog6 a:link, .CommonTagBlog6 a:visited, .CommonTagBlog6 a:active
{
	font-size: 80%;
	font-weight: 200;
}

/* End Tag Styles */

div.TagCloudLinks 
{
	width:310px;
}
div.TagCloudLinks ul  li
{
	display:inline;
	padding:0 5px 0 0;
	margin:0;
}
div.TagCloudLinks ul  li a
{
	color:#cc3333;
}
div.TagCloudLinks ul  li a:visited
{
	font-weight:bold;
}
/*number of posts comments*/
div.PostComments
{
	background:url(../images/post_comments.png) no-repeat left top;	
	padding-left:27px;
	padding-top:2px;		
	position:absolute;
	right:52px;
	/*right:0;*/
	top:5px;
}
div.NoPostComments
{
	background:url(../images/post_nocomments.png) no-repeat left top;				
	padding-left:27px;	
	padding-top:2px;			
	position:absolute;
	right:52px;
	/*right:0;*/
	top:5px;	
	
}
/*number of post views*/
div.PostViews
{
	background:url(../images/post_views.png) no-repeat left top;		
	padding-left:27px;	
	padding-top:2px;		
	position:absolute;
	right:0;
	/*right:52px;*/
	top:5px;
}
div.NoPostViews
{
	background:url(../images/post_noviews.png) no-repeat left top;	
	padding-left:27px;	
	padding-top:2px;		
	position:absolute;
	right:0;
	/*right:52px;*/
	top:5px;
}
div.PostViewed div
{
	font-family: arial,helvetica,serif;
	font-size: 12px;
	font-weight: normal;
	color:#474d53;	
	letter-spacing: 1px;
	width:25px;
	padding-bottom:5px;	
	padding-right:0px;
	
}
div.EditTagLinks span 
{	
	color:#000000 !important;	
	padding-bottom:1.5em;	
	font-size:1em;
}
div#PostListContentEditor
{	
	display:block;
}
div#PostListContentEditor h1
{
	color:#00001a;
	width:423px;
	font-size:18px;	
	font-weight:normal;
	letter-spacing:1px;
	padding:0px 0px 0px 0px;
	position:relative;	
	top:0px;
	left:0px;
	
}
div#ContentCenter p
{
	padding-bottom:10px;
}
div#SgareThis
{
	margin-bottom:5px;
	margin-top:5px;
}






