@charset "UTF-8";

/* **************************************
*Since: 2008-09-29
*Modified: 2008-10-02
************************************** */


/* Reset & Restyle
---------------------------------------------------------------------------------------- */
html{
	overflow-y:scroll;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,select,option,address,pre,strong,em{
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	font-family:Verdana,sans-serif;
	text-decoration:none;
	line-height:1.5;
	color: #333;
	margin:0;
	padding:0;
}

body{
	font-size:75%;
	text-align:center;
	background:#E1E1E1;
}

/* ModernBrowsersOnly(notIE7) */
html>/**/body{
	font-size:12px;
}

img{
	border: 0px;
	vertical-align:bottom;
}

ul, ol{
	list-style-type: none;
}

table {
	border: none;
}

th, td {
	padding: 0px;
}

hr{
	visibility:hidden;
}


/* link color
---------------------------------------------------------------------------------------- */
a {
	text-decoration: underline;
	color:#56A646;
}

a:hover {	
	color:#56A646;
	text-decoration: none;
}


/* clearFix
---------------------------------------------------------------------------------------- */
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearFix{
	display:inline-block;
}

/*\*/ * html .clearFix{
	height:1%;
} /**/

/*\*/ .clearFix{
	display:block;
} /**/


/* wrapper
---------------------------------------------------------------------------------------- */
#wrapper{
	background:url(../images/bg_wrapper.gif) repeat-y top;
	width:900px;
	padding:0px 8px;
	margin:0px auto;
	text-align:left;
}


/* header
---------------------------------------------------------------------------------------- */
#header{
	background:#fff;
	float:left;
	width:900px;
	padding:10px 0px 7px 0px;
}

#header h1{
	float:left;
	padding:0px 0px 0px 15px;
}

#header p{
	float:right;
	width:163px ;
	text-align:right;
	padding:0px 15px 0px 0px;
}

#header p a img{
	margin:10px 0px 0px 0px;
}


/* container
---------------------------------------------------------------------------------------- */
/* read
--------------------------------------- */
#container #read{
	background:url(../images/bg_read.jpg) no-repeat top #fff;
	min-height:160px;
	height:auto !important;
	height:160px;
	width:900px;
	float:left;
}

#container #read h3{
	padding:20px 0px 5px 120px;
}

#container #read p{
	padding:7px 210px 0px 120px;
}

#banner{
	float:right;
	width:180px;
	padding:0px 18px 0px 0px;
	margin-top:-142px;
}

/* archives
--------------------------------------- */
#container #archives{
	background:url(../images/bg_shadow.gif) repeat-x top;
	width:900px;
	padding:25px 0px 0px 0px;
}

/* mainContent
--------------------------------------- */
#container #archives #mainContent{
	width:590px ;
	float:left;
	padding:0px 20px 0px 20px;
}

#container #archives #mainContent div.archive {
	width:590px;
	float:left;
	background:url(../images/bg_video2.gif) no-repeat bottom;
	padding:0px 0px 15px 0px;
	margin:0px 0px 35px 0px;
	position:relative;
}

#container #archives #mainContent div.archive2 {
	width:590px;
	float:left;
	background:url(../images/bg_video.gif) no-repeat bottom;
	padding:0px 0px 15px 0px;
	margin:0px 0px 35px 0px;
	position:relative;
}


#container #archives #mainContent div.archive h4{
	background:url(../images/heading_video20.gif) no-repeat;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	position:relative;
	width:575px;
	height:27px;
	line-height:27px;
	padding:0px 0px 15px 15px;
}

#container #archives #mainContent div.archive h4 small{
	position:absolute;
	font-size:120%;
	font-weight:bold;
	right:15px;
	top:0px;
}

#container #archives #mainContent div.archive2 h4{
	background:url(../images/heading_video.gif) no-repeat;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	position:relative;
	width:575px;
	height:27px;
	line-height:27px;
	padding:0px 0px 15px 15px;
}

#container #archives #mainContent div.archive2 h4 small{
	position:absolute;
	font-size:120%;
	font-weight:bold;
	right:15px;
	top:0px;
}


#container #archives #mainContent div.archive p.linkTop{
	position:absolute;
	bottom:-18px;
	right:0px;
}

#container #archives #mainContent div.archive div.details {
	width:305px;
	float:left;
}

#container #archives #mainContent div.archive div.details ul {
	padding:10px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	background:url(../images/bg_dotted.gif) repeat-x top;
}


#container #archives #mainContent div.archive div.details ul li{
	display:inline;
}

#container #archives #mainContent div.archive p.capture {
	float:left;
	padding:0px 15px;
}

#container #archives #mainContent div.archive2 p.linkTop{
	position:absolute;
	bottom:-18px;
	right:0px;
}

#container #archives #mainContent div.archive2 div.details {
	width:305px;
	float:left;
}

#container #archives #mainContent div.archive2 div.details ul {
	padding:10px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	background:url(../images/bg_dotted.gif) repeat-x top;
}

#container #archives #mainContent div.archive2 div.details ul li{
	display:inline;
}

#container #archives #mainContent div.archive2 p.capture {
	float:left;
	padding:0px 15px;
}

/* sideContent
--------------------------------------- */
#container #archives #sideContent{
	width:248px;
	float:left;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#container #archives #sideContent ul {
	padding:0px 0px 20px 0px;
}

#container #archives #sideContent ul li {
	background:url(../images/bg_archives.gif) repeat-x bottom #fff;
	border-bottom:1px solid #ccc;
	padding:5px 5px;
}

#container #archives #sideContent ul li a {
	background:url(../images/icon_arrow.gif) no-repeat left top;
	padding:0px 0px 3px 22px;
	display:block;
	line-height:1.3;
}

#container #archives #sideContent ul li.lastYear {
	background:none;
	border-bottom:none;
	padding:5px 5px;
	display:inline;
}

#container #archives #sideContent ul li.archive20 {
	padding:15px 5px 5px 5px;
}

#container #archives #sideContent ul li.lastYear a {
	background:none;
	border-bottom:none;
	padding:0px 0px 0px 40px;
	outline:none;
	display:inline;
}

#container #archives #sideContent ul li.lastYear a.banner {
	background:none;
	outline:none;
}

#container #archives #sideContent ul li.lastYear img {
	width:150px;
	margin:5px 0px 0px 0px;
}

/* footer
---------------------------------------------------------------------------------------- */
#footer{
	width:900px;
	float:left;
	background:#fff;
	border-top:5px solid #B9B8B8;
}

*:first-child+html #footer{
	margin:45px 0px 0px 0px;
}

#footer div {
	float:right;
	width:400px;
	padding:15px 20px 10px 0px;
}

#footer p {
	float:left;
	padding:15px 0px 10px 20px;
}

#footer div address {
	font-size:85%;
	color:#555;
	padding:5px 0px 0px 0px;
}

#footer div img {
	float:right;
}

#footer ul {
	border-top:1px solid #ccc;
	padding:10px 0px 10px 20px;
	width:880px;
	float:left;
}

#footer ul li {
	font-size:85%;
	float:left;
	color:#555;
	line-height:1.3;
	margin:0px 5px 0px 0px;
}