﻿/*****************************************************************************
*	BLOG																	 *
*	Agnieszka Rorot 
*	copied from template 2009-07-22											 *
*****************************************************************************/

/* blog MENU: categories, archivies, etc. */
.blog-navigation
{
	background: #F8F8F8 none repeat scroll 0 0;
	border: 3px solid #D2D2D2;
	float: right;

	width: 211px;
}
.blog-navigation h2
{
	color: #979797;
	float: left;
	font-size: 15px;
	margin-left: 10px;
	margin-top: 10px;
}
/* ~/UserControls/Blog/BlogCategories.ascx */
#category-list
{
	float: left;
	width: 180px;
	padding-bottom: 20px;
}
#category-list ul
{
}
#category-list li
{
	padding: 2px;
	list-style-type: none;
}
#category-list .category-name
{
	float: left;
	width: 160px;
	font-size: 12px;
}

/* ~/UserControls/Blog/BlogArchives.ascx */
#archives-list
{
}
#archives-list ul.years
{
}
#archives-list ul.years li
{
	padding: 5px;
	list-style-type: none;
}
#archives-list .archives-year
{
	color:#979797;
float:left;
font-size:12px;
font-weight:bold;
margin-left:5px;
margin-top:8px;
width:180px;
}
#archives-list ul.months
{
	float:left;
margin-bottom:10px;
}
#archives-list ul.months li
{
	padding: 1px 5px;
	list-style-type: none;
	width: 120px;
 color:#FD0000;
}
#archives-list ul.months li a
{
	color:#FD0000; line-height:15px;
}
#archives-list .archives-month
{
	float: left;
	width: 160px;
	font-size: 12px;
}

/* ~/UserControls/Blog/SearchBlog.ascx */
#blog-search
{
background:#F8F8F8 none repeat scroll 0 0;
border:3px solid #D2D2D2;
clear:both;
float:right;

margin-top:10px;
padding-top:15px;
width:211px;
}
#blog-search .inputA
{
	 float:left; margin-left:8px; width:168px;
}
#blog-search .btn
{
background-position:center center;
height:25px;
margin-top:2px;
padding:0;
}
.bl_right
{
	float: right;
	width:211px;margin-right:0px;
}
.bl_right .blog-search *
{
	float:left;
}
.bl_right span
{
	float:left;
font-size:12px;
margin-bottom:2px;
margin-left:3px;
margin-top:1px;
width:100%;
}
#blog-search .imput
{
}
#blog-search .btn
{
}


/* blog CONTENT: blog entry, blog enties list */
.blog-content
{
	float:left;
margin-left:0;

padding:0;
width:700px;
}

/* ~/UserControls/Blog/BlogList.ascx */
#blog-list
{
	float: left;
	width: 700px;
	margin-left:0px;
}
#blog-list .blog-entry
{
border:3px solid #D2D2D2;
float:left;
margin-bottom:20px;
padding:12px;
width:650px;
}
#blog-list .blog-entry .date
{
	color:Gray;
float:left;
font-size:12px;
font-weight:normal;
margin-left:2px;
width:680px;
}
#blog-list .blog-entry .title
{
color:#FD0000;
float:left;
font-size:18px;
font-weight:bold;
width:680px;
}
#blog-list .blog-entry .short-info
{
color:#979797;
float:left;
font-size:14px;
line-height:21px;
margin-top:9px;
padding:5px 0;
width:650px;
}
#blog-list .blog-entry .more
{
color:#084970;
float:right;
font-size:11px;
font-weight:bold;
text-align:right;
width:100px
}
#blog-list .separator
{
	margin: 10px;
	width: 680px;
	height: 1px;
	background: silver;
	display:none;
}

/* ~/UserControls/Blog/BlogEntry.ascx */
#blog-content
{
	border:3px solid #D2D2D2;
float:left;
margin-bottom:20px;
margin-left:0;
padding:12px;
width:648px;
}
#blog-content .date
{
		color:Gray;
float:left;
font-size:12px;
font-weight:normal;
margin-left:2px;
width:680px;
}
#blog-content .title
{
color:#FD0000;
float:left;
font-size:18px;
font-weight:bold;
width:680px;
}
#blog-content .short-info
{
	color:#979797;

float:left;
font-size:17px;
margin-top:9px;
padding:5px 0;
width:680px;
display:none;
}
#blog-content .content
{
	color:#979797;

float:left;
font-size:16px;
line-height:20px;
margin-top:9px;
padding:5px 0;
width:640px;
}
#blog-content .author
{
float:right;
margin-top:10px;
padding:0;
text-align:right;
width:141px;font-size:13px;
}

#blog-content .author a
{
	 color:#084970;
}
#blog-content .see-categories
{
	float: left;
	width: 680px;
	padding: 20px 5px;
	text-align: right;
}
#blog-content .see-categories .category-name
{
	padding: 0px 3px;
}


/* last entry (on index, etc) ~/UserControls/Blog/LastEntry.ascx */
#last-entry
{
	float: left;
	width: 300px;
	padding: 10px;
}
#last-entry .date
{
	float: left;
	width: 280px;
	font-size: 11px;
	color: Gray;
}
#last-entry .title
{
	float: left;
	width: 280px;
	font-size: 18px;
}
#last-entry .short-info
{
	float: left;
	width: 280px;
	font-size: 12px;
	padding: 5px 0px;
}
#last-entry .more
{
	float: left;
	width: 280px;
	text-align: right;
}


/* ~/UserControls/Blog/BlogList.ascx */
#last-list
{
	float: left;
	width: 400px;
}
#last-list .blog-entry
{
	float: left;
	width: 380px;
	padding: 5px;
}
#last-list .blog-entry .date
{
	float: left;
	width: 380px;
	font-size: 11px;
	color: Gray;
}
#last-list .blog-entry .title
{
	float: left;
	width: 380px;
	font-size: 18px;
}
#last-list .blog-entry .short-info
{
	float: left;
	width: 380px;
	font-size: 12px;
	padding: 5px 0px;
}
#last-list .blog-entry .more
{
	float: left;
	width: 380px;
	text-align: right;
}
#last-list .separator
{
	margin: 10px;
	width: 380px;
	height: 1px;
	background: silver;
}

