/*
Default Style Sheet
Dhamma-TV.com
*/


body {
	background: #FFFFFF url('../images/bg.gif') repeat-x top left;
	color: #171717;
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	font-size: 0.8em;
	line-height: 1.5em
	}

/* Reset margins and paddings */

h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, form, ul {
	margin: 0;
	padding: 0
	}

/* List-item */

ul, ol {
	list-style: none;
	}

/* Typography */
/* Titles */

h1 {
	font-size: 1.2em
	}
h2 {
	font-size: 0.9em
	}
	
/* Link */

a:link, a:visited {
	color: #e2e2e2;
	text-decoration: none
	}
a:active, a:hover {
	text-decoration: underline
	}

/* clearfix */

.clearfix {
	display: inline-block
	}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	margin-bottom: -1px;
	visibility: hidden
	}
	
/* Structure for Document 
All Layers */

/* parent layer */

#wrapper {
	margin: 0 auto;
	position: relative;
	width: 948px
	}
	
/* inner layer holders */

#container {
	background: url('../images/bottom_wrap.png') no-repeat bottom left
	}
#sub_container {
	background: url('../images/top_wrap.png') no-repeat top left;
	padding: 1.9em 0
	}
#col_wrapper {
	background: #034b6c;
	display: block
	}
	
/* left side
include media player */

#mediaholder {
	background: url('../images/divider.gif') no-repeat 100% 50%;
	float: left;
	margin-left: 0.7em;
	width: 583px
	}
#mediaplace {
	margin: 0 auto;
	min-height: 438px;
	position: relative;
	width: 562px
	}
h1#media_title {
	background: #025c83;
	border-bottom: 1px solid #023953;
	border-top: 1px solid #023953;
	color: #FFFFFF;
	margin: 0.4em auto 0.8em;
	padding: 0.6em;
	text-align: center;
	width: 376px
	}
/* right side
include buttons */

#triggersbox {
	float: left;
	margin-left: 1.3em;
	padding-top: 4.2em;
	width: 307px
	}
.channelbox {
	background: #025c83;
	border-bottom: 1px solid #023953;
	border-top: 1px solid #023953;
	margin: 1.3em 0 2.2em;
	padding: 0.8em;
	position: relative
	}
.channelbox h2 {
	color: #FFFFFF;
	margin-bottom: 0.8em;
	text-align: center
	}
.channelbox span.more {
	background: transparent url('../images/more.gif') no-repeat top left;
	clear: both;
	display: block;
	font-size: 0.8em;
	height: 24px;
	line-height: 24px;
	margin: 0.9em auto 0;
	text-indent: -20000em;
	width: 70px
	}
.channelbox span.more a {
	display: block;
	float: left;
	width: 100%
	}
.channelbox span.more a:active, .channelbox span.more a:focus {
	border: none ! important;
	outline: none ! important
	}

/* Triggers */

ul.triggersholder {
	display: inline-block;
	width: auto
	}
ul.triggersholder li {
	display: inline;
	float: left;
	line-height: 2.8em;
	margin-right: 2px
	}

/* Buttons control TV */

.trigger {
	background: url('../images/button.gif') no-repeat top left;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	height: 21px;
	outline: none ! important;
	text-align: center;
	width: 55px
	}