/******************************************************************************/
/*       <link href="css/styles.css" type="text/css" rel="stylesheet" />      */
/******************************************************************************/
/*                     styles for videoblog         2008                      */
/******************************************************************************/ 
@import url("reset.css");


.basis{
	margin: auto;
	width: 920px;	/* width of basis */
	margin-bottom: -50px;
	display: table;
}

.main{
	height: 100%;
}

.header{
	height: 105px;	/* height of header */
}

.left{
	width: 591px;	/* width of left column */
	float: left;
}
.right{
	width: 295px;	/* width of right column */
	float: right;
}

.footer{
	width: 920px;	/* width of basis */
	margin: auto;
	height: 50px;	/* height of footer */
}


/*needed to make room for footer*/
.clearfooter{
	clear: both;
	height: 50px;	/* height of footer */
}
* > HTML .clearfooter {
	float: left;
	width: 100%;
}/* ie mac styles */


/*** standard classes ***********************************************************************************************/
.separator1{
	height: 1px;
	font-size: 1px;
	display: block;
}
.separator2{
	height: 2px;
	font-size: 1px;
	display: block;
}
.separator3{
	height: 3px;
	font-size: 1px;
	display: block;
}
.separator5{
	height: 5px;
	font-size: 1px;
	display: block;
}
.separator10{
	height: 10px;
	font-size: 1px;
	display: block;
}
.separator20{
	height: 20px;
	font-size: 1px;
	display: block;
}
.separator50{
	height: 50px;
	font-size: 1px;
	display: block;
}

.clear{
	clear:both;
	display: block;
}



/*** follow sections can edit *****************************************************************************/
BODY
{
	background-color: #054671;
	behavior: url("js/csshover.htc");
	background-image: url(../images/body-bg.png);
	background-repeat: repeat-x;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.frontpage .rss IMG
{
	behavior: url(wp-content/themes/videoblog/js/iepngfix.htc);
}
A,
A:visited
{
	color: #3389c2;
	text-decoration: none;
}
A:hover
{
	color: #195f8e;
	text-decoration: underline;
}
INPUT,
TEXTAREA
{
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

H1
{
	font-size: 20px;
	margin: 0px 0px 10px 0px;
}




.basis
{
	background-color: #e1e1e1;
	/*background-image: url(../images/left-white-line-bg.png);*/
	background-repeat: repeat-y;
	background-position: 5px 0px;
}

/*** header **************************************************************/
.header
{
	background-color: #054671;
	background-image: url(../images/body-bg.png);
	background-repeat: repeat-x;
	position: relative;
}
#logo
{
	font-size: 40px;
	color: #ffffff;
	position: absolute;
	top: 5px;
	left: 5px;
}
#logo A,
#logo A:visited,
#logo A:hover
{
	color: #ffffff;
	text-decoration: none;
}
.header .slogan
{
	color: #519bcb;
	font-size: 18px;
	position: absolute;
	top: 45px;
	left: 7px;
}

/*** navigation **************************/
#navigation
{
	position: absolute;
	top: 75px;
	left: 0px;
	background-color: #3389c2;
	background-image: url(../images/menu-bg.png);
	background-repeat: repeat-x;
	width: 920px;
	height: 30px;
}
#navigation UL
{
}
#navigation UL LI
{
	float: left;
	font-size: 16px;
	background-image: url(../images/menu-li-bg.png);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	height: 30px;
	position: relative;
}
#navigation UL LI A,
#navigation UL LI A:visited
{
	color: #cee3f1;
	padding: 5px 10px 0px 10px;
	display: block;
	height: 25px;
	width: 80px;
	text-align: center;
}
#navigation UL LI A:hover
{
	text-decoration: none;
	color: #ffffff;
}





.content
{
	padding-bottom: 10px;
}
/*** left **************************************/
.left
{
	padding: 15px 0px 0px 26px;
}

.left UL
{
	margin-left: 20px;
	list-style-type: disc;
}
.left OL
{
	margin-left: 20px;
	list-style-type: decimal;
}

.frontpage
{
	border-top: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	font-size: 0px;
	margin: 0px 0px 14px 0px;
	position: relative;
	width: 588px;
}
.frontpage .slogan
{
	font-size: 14px;
	text-transform: uppercase;
	color: #ffffff;
	position: absolute;
	top: 197px;
	left: 5px;
	font-weight: bold;
}
.frontpage .gradient
{
	position: absolute;
	top: 163px;
	left: 0px;
	height: 52px;
	width: 588px;
	background-color: #000000;
	filter: alpha(opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.40; opacity:0.40;
}
.frontpage .rss
{
	position: absolute;
	top: 140px;
	left: 512px;
}
.frontpage .rss IMG
{
	width: 90px;
	height: 89px;
	position: relative;
}


/*** fPage ***************************/
.fPage
{
	width: 290px;
	background-image: url(../images/fpage-bg.png);
	background-repeat: repeat-x;
	float: left;
}
.fPage H2
{
	color: #ffffff;
	font-size: 16px;
	background-image: url(../images/fpage-h2-bg.gif);
	background-repeat: no-repeat;
	background-position: 7px 10px;
	height: 24px;
	padding: 2px 0px 0px 23px;
	border-bottom: 2px solid #ffffff;
}
.fPage .cnt
{
	padding: 8px;
}




/*** right **********************************/
.right
{
	padding: 15px 0px 0px 0px;
}
.widget
{
	padding: 3px;
	position: relative;
	margin-bottom: 13px;
}

.widget H3
{
	background-image: url(../images/icon-categories-bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 2px 27px;
	font-size: 17px;
	font-weight: bold;
}

.widget_text H3
{
	display: none;
}


/*** newsletter ****************************/
#newsletter
{
	background-image: url(../images/rightcolumn-white-bg.png);
	background-repeat: repeat-y;
	background-position: 100% 0px;
	height: 141px;
}
#newsletter H3
{
	display: block;
}
#newsletter CENTER
{
	text-align: left;
	position: relative;
}
#newsletter FORM TABLE
{
	width: 100%;
}
#newsletter .mark
{
	width: 67px;
	height: 54px;
	background-image: url(../images/newsletter-mark-bg.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: -30px;
	right: 0px;
}
#newsletter INPUT
{
	background-image: url(../images/input-newsletter-bg.gif);
	background-repeat: no-repeat;
	color: #000000;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 175px;
	height: 20px;
	padding: 3px 7px 0px 8px;
	border: none;
	background-color: transparent;
	line-height: 16px;
}
#newsletter H3
{
	background-image: url(../images/newsletter-top.png);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	padding: 15px 0px 10px 0px;
	font-size: 20px;
	line-height: 20px;
	height: 20px;
}
#newsletter SMALL
{
	font-size: 11px;
	color: #555555;
	display: block;
	padding: 2px 0px 7px 10px;
}

#newsletter .btn
{
	width: 76px;
	height: 26px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-size: 12px;
	background-image: url(../images/btn-subscribe.gif);
	cursor: pointer;
	position: absolute;
	top: 44px;
	left: 202px;
}



/*** widget_search ***********************/
.widget_search
{
	background-image: url(../images/rightcolumn-white-bg.png);
	background-repeat: repeat-y;
	background-position: 100% 0px;
	height: 55px;
}
.widget_search LABEL
{
	display: none;
}
.widget_search #s
{
	background-image: url(../images/input-search-bg.gif);
	background-repeat: no-repeat;
	width: 205px;
	height: 24px;
	padding: 3px 6px 0px 7px;
	font-size: 17px;
	border: none;
	background-color: transparent;
	position: absolute;
	top: 17px;
	left: 5px;
	color: #d33d25;
}
.widget_search #searchsubmit
{
	background-image: url(../images/btn-search-bg.gif);
	background-repeat: no-repeat;
	width: 46px;
	height: 27px;
	padding: 0px 0px 0px 0px;
	border: none;
	background-color: transparent;
	position: absolute;
	top: 17px;
	left: 230px;
	font-size: 0px;
	color: #ff8100;
	cursor: pointer;
}



/*** video ******************************/
#widget_video
{
	width: 280px;
}
#widget_video OBJECT,
#widget_video EMBED
{
	width: 280px;
	height: 170px;
}
#widget_video H3
{
	display: block;
	font-size: 17px;
	font-weight: bold;
	background-image: url(../images/icon-video-bg.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding: 0px 0px 5px 25px;
}



/*** widget_categories **************************/
.widget_categories
{
	width: 135px;
	float: left;
}
.widget_categories H3
{
	background-image: url(../images/icon-categories-bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 2px 27px;
	font-size: 17px;
	font-weight: bold;
}
.widget LI
{
	background-image: url(../images/li-bg.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding: 0px 0px 0px 20px;
	line-height: 14px;
	margin-top: 5px;
}


/*** widget_tag_cloud ***************************/
.widget_tag_cloud H3
{
	background-image: url(../images/icon-tagcloud-bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 7px 27px;
	font-size: 17px;
	font-weight: bold;
}




.widget_meta H3
{
	background-image: url(../images/icon-meta-bg.png);
}
.widget_recent_entries H3
{
	background-image: url(../images/icon-posts-bg.png);
	background-position: 3px 0px;
}
.widget_recent_comments H3
{
	background-image: url(../images/icon-comments-bg.png);
}
.widget_archive H3
{
	background-image: url(../images/icon-archives-bg.png);
}
.widget_links H3
{
	background-image: url(../images/icon-blogroll-bg.png);
}
.widget_calendar H3
{
	display: none;
}
.widget_calendar
{
	clear: both;
}
/*
.widget_recent_comments
.widget_archive,
.widget_recent_entries,
.widget_meta,
*/
.widget_categories,
.widget_tag_cloud
{
	width: 135px;
	float: left;
}

/*** post *********************************************/
.post
{
	position: relative;
	margin: 0px 0px 10px 30px;
	padding: 0px;
}
.post .date
{
	position: absolute;
	top: 0px;
	left: -47px;
	width: 36px;
	height: 36px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #cccccc;
	background-image: url(../images/left-icon-blank-bg.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}
.post .date SMALL
{
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	color: #ffffff;
}
.post .cnt
{
	padding: 5px 10px 5px 10px;
	background-image: url(../images/post-bg.png);
	background-repeat: repeat-x;
}
.post H3,
.comments_section H2
{
	font-size: 18px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}

.post P
{
	padding: 5px 0px 10px 0px;
}
.feedback
{
	text-align: right;
}
.feedback A
{
	background-image: url(../images/comments.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding: 0px 0px 0px 15px;
}
.post .meta
{
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	padding: 3px 5px 3px 5px;
	color: #999999;
	font-size: 11px;
	margin: 5px -10px 0px -10px;
}


/*** comments_section ********************************/
.comments_section
{
	position: relative;
	margin: 0px 0px 10px 40px;
}
.comments_section .rss
{
	display: block;
}
.comments_section .rss A
{
	background-image: url(../images/rss-icon.gif);
	background-repeat: no-repeat;
	padding: 1px 0px 5px 20px;
}
.comments_section .comments_list
{
	position: relative;
	margin: 0px 0px 20px 0px;
}
.comments_section .comments_list .icon,
.comments_section .comments_leave .icon
{
	position: absolute;
	top: 0px;
	left: -57px;
	width: 36px;
	height: 36px;
	background-image: url(../images/left-icon-comments-bg.png);
	background-repeat: no-repeat;
}

.comments_list LI
{
	padding: 0px 0px 10px 20px;
}
.comments_list .meta
{
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	padding: 3px 5px 3px 5px;
	color: #999999;
	font-size: 11px;
	margin: 5px 0px 5px 0px;
	display: block;
}
.comments_list .avatarPart
{
	width: 40px;
	float: left;
	display: block;
}



/*** comments_leave *******************/
.comments_leave
{
	position: relative;
	margin: 20px 0px 0px 0px;
}
.comments_section .comments_leave .icon
{
	background-image: url(../images/left-icon-leave-bg.png);
}
.comments_section LABEL
{
	display: block;
	color: #999999;
}
.comments_section INPUT
{
	width: 300px;
	margin: 7px 0px 0px 0px;
	padding: 2px;
}
.comments_section INPUT#submit
{
	width: 120px;
}
#comment
{
	padding: 2px;
	width: 530px;
	margin-top: 7px;
}


/*** pagecontent **************************/
.pagecontent
{
	padding: 10px 10px 10px 10px;
	background-image: url(../images/post-bg.png);
	background-repeat: repeat-x;
	margin: 0px 0px 0px -10px;
}
.pagecontent P
{
	padding: 5px 0px 10px 0px;
}




/*** footer **************************************************************/
.footer
{
	background-color: #054671;
}
.copyright
{
	padding: 10px 0px 0px 5px;
	color: #ffffff;
}
.copyright A,
.copyright A:visited
{
	color: #ffffff;
	text-decoration: underline;
}
.copyright A:hover
{
	color: #BACBD5;
}








#contactform INPUT
{
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	color: #000000;
	width: 400px !important;
}
#contactform INPUT#contactsubmit
{
	width: 100px !important;
}
#contactform TEXTAREA
{
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	color: #000000;
	width: 400px !important;
}