/*

	Theme Name:		Dream

	Theme URI:		http://www.dreamtv.com.tr

	Description:	Dream web site main style.

	Version: 		1.0

	Author: 		Ozgur Gunes @ Workattact

	Author URI:		http://www.workattack.com

*/



@import url("layout.css");

@import url("form.css");



/*

	Table of Contents 

	-------------------------

	1	Globals

	2	Structure

	3	Navigation

	4	Headings & Pharagraphs

	5	Forms

	6	Links

	7	Lists

	8	Images



*/



/* 2. GLOBALS //

-------------------------------------------------- */

.actions {

	float: right;

}



.item .actions {

	margin-right: 1em;

}



.index li.4x4 {

	height: auto;

}



.actions li, .item .actions li {

	float: left;

	padding: 0;

	margin: 0;

	border: none;

	margin-left: .5em;

	height: auto;

	clear: none;

	width: auto;

}



.profile h3 {

	font-size: 1.2em;

	margin-bottom: .5em;

}



.detail, .profile {

	margin-bottom: 1em;

}

.detail dt, .profile dt {

	float: left;

	width: 100px;

	padding: 5px 0;

	clear: both;

	color: #ccc;

	border-top: 1px solid #333;

}

.detail dd, .profile dd {

	padding: 5px 0;

	margin-left: 100px;

	color: #fff;

	border-top: 1px solid #333;

}



.dialogue {

	padding: 15px 0;

	margin-bottom: 1em;

}



.reply {

	padding: 15px;

	margin-bottom: 1em;

}





.four_x_four li {

	margin-bottom: 1em;

	padding: 15px;

	font-size: 1.2em;

}



.pager {

	clear: both;

}



.reply-pager {

  clear: both;

  margin-bottom: 1em;

}



.pager a, .reply-pager a {

  margin: 0 3px;

  color: #f90;

}



.dialogue p {

	margin-bottom: .5em;

}



.midrow {

	clear: both;

}

.video {

	margin-bottom: 1em;

}



.search-block {

	clear: both;

	margin-bottom: 1em;

	padding-top: .5em;

}



.search-block .more {

	border-top: 1px solid #222;

	clear: both;

	text-align: right;

	padding-top: .5em;

}



.search-block .more a {

	margin-right: 0;

}





.floating-banner {

	position: absolute;

	z-index: 1000;

	margin-left: 285px;

	*margin-left: 15px;

}



.video-header {

	font-size: 1.2em;

	color: #fff;

	font-weight: normal;

	margin-bottom: .5em;

}



#subscription {

	float: left;

	width: 238px;

	height: 58;

	padding: 8px 15px;

	background: #222;

	border: 1px solid #333;

	margin-bottom: 15px;

}



.468 {

}



.clear-fix {

	clear: both;

}

.center {

	text-align: center;

}



.right {

	text-align: right;

}



#navbar {

	clear: both;

	height: 40px;

	margin-bottom: 5px;

}



#navigation {

	height: 40px;

}



#navigation li {

	list-style: none;

	float: left;

	font-weight: bold;

}



#navigation a {

	text-decoration: none;

	padding: 8px 10px;

	font-size: 11px;

	position: relative;

	display: block;

}



.body {

	text-align: justify;

}



.index li {

	clear: both;

	list-style: none;

	padding: 1em 0;

}



.columned li {

	clear: none;

	float: left;

	width: 300px;

	height: 65px;

}

.columned li.odd {

	padding-right: 15px;

}



.subheading {

	font-size: 1.5em;

	font-family: Arial;

	margin-bottom: .5em;

}





.magazine-subjects {

	margin-bottom: 1em;

}

.magazine-subjects dd {

	margin-bottom: .5em;

}

.magazine-contents .item {

	clear: left;

	padding: 10px 0;

}

.magazine-contents .thumbnail {

	float: left;

	margin-right: 1em;

	margin-bottom: 10px;

}

.content-title {

	margin-bottom: .5em;

	font-weight: normal;

	font-size: 1.3em;

}



.index .title {

	font-size: 1.3em;

	font-weight: normal;

	font-family: Arial;

}



.index .thumbnail {

	float: left;

	margin-right: 1em;

	margin-bottom: 1em;

}





li {

	list-style: none;

}



#subject, .meta, .tools {

	margin-bottom: 1em;

}



#subject {

	font-size: 2em;

	margin-bottom: .5em;

	font-family: Arial;

	line-height: 1.2em;

	font-weight: normal;

}



#body, #video {

	margin-bottom: 1em;

}



.blog .title {

	margin-bottom: .5em;

}



#body p, .body p {

	margin-bottom: 1em;

}

.caption {
	clear: both;

	font-size: 1.4em;

	font-weight: normal;

	margin-bottom: .5em;

}

.excerpt {

	font-weight: normal;

	margin-bottom: 1em;

}



.index .excerpt {

	margin: 0;

}



.video .header {

	color: #fff;

	font-weight: normal;

	font-size: 1em;

	margin-bottom: .5em;

}



.teaser, .banner, .container {

	margin-bottom: 15px;

}



.display-none {

	display: none;

}



#mast a {

	text-indent: -1000px;

	width: 126px;

	height: 33px;

	float: left;

	margin: 0;


}



#mast img {

	display: none;

}



.container .header {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	padding-bottom: 5px;

	font-family: Arial;

	font-size: 12px;

	letter-spacing: .1em;

}



.teaser .header {

	margin-bottom: 10px;

}



.teaser .title {

	margin-top: .5em;

}



.container li {

	border-width: 0 0 1px 0;

	border-style: solid;

	overflow: hidden;

	padding: 7px 0;

}



#sidebar .container li {

	clear: none !important;

	clear: both;

}



.container .hot li {

	border: none;

}



.thumbnail {

	float: left;

	margin-right: 15px;

}



.tabbar a, .more a {

	font-size: .9em;

	margin-right: 10px;

}



#poll .question {

	padding: 10px 0;

}



#poll .option {

	padding: 5px 0;

}



#poll .submit {

	text-align: center;

}



#assets {

	padding-bottom: 15px;

}



#assets .picture {

	margin-bottom: 5px;

}



#assets .thumbnail {

	float: none;

	margin-right: 5px;

	border: none;

}



#assets .item .thumbnail {

	float: left;

}



div.tools {

	clear: left;

	padding-top: 5px;

	margin-bottom: 1em;

}



.tools a {

	font-size: .9em;

	padding: 1px 0 1px 15px;

	margin-right: 10px;

}



.meta {

	clear: both;

}



.content .meta {

	clear: none;

}

.meta p {

	font-size: .9em;

	padding: 1px 15px;

}



p.account-info {

	margin-bottom: 1em;

}



.schedule {

	margin-bottom: 1em;

}

.schedule li {

	font-size: 1.2em;

	line-height: 1.5em;

}

.schedule dt {

	clear: left;

	float: left;

	font-size: 1.2em;

	width: 110px;

	padding: .5em 0;

}



.schedule dd {

	padding: .5em 0;

	margin-left: 110px;

}



.program-schedule {

	margin-bottom: 1em;

}



.program-schedule dt {

	clear: left;

	float: left;

	width: 100px;

	font-size: 1.2em;

}



.program-schedule dd {

	margin-left: 100px;

	font-size: 1.2em;

}



#sidebar .navigation a {

	position: relative;

	display: block;

	font-weight: bold;

	padding: 7px 20px 7px 35px !important;

	padding: 0 20px 0 35px;

	text-decoration: none;

}



#sidebar .navigation .heading {

	padding: 7px 15px;

	font-size: 1.2em;

}



h3.date {

	margin-bottom: .5em;

	font-weight: normal;

}

.hot-pager span {

	padding: 1px 3px;

	font-size: .9em;

}

.hot-pager a {

	padding: 1px 3px;

	font-size: .9em;

}



.hot-pager {

	clear: right;

	margin-left: 319px;

	padding-bottom: 5px;

	margin-bottom: .5em;

}



#hot_featured {

	height: 228px !important;

}



#program_featured {

	height: 96px;

}



.featured .caption {

	padding-bottom: 5px;

	margin-left: 143px;

	font-size: 1em;

	font-weight: normal;

}



.featured {

	border: 1px solid #333;

	padding: 10px;

	margin-bottom: 1em;

}



.featured .picture {

	float: left;

	margin-right: 15px;

	margin-top: -30px;

	margin-bottom: 0 !important;

	margin-bottom: -12px;

}



.featured .title {

	font-size: 1.6em;

	font-weight: normal;

	line-height: 1.2em;

	margin-bottom: .5em;

}



#sidebar .navigation .heading a {

	padding: 0;

	position: relative;

	display: inline;

}



#sidebar .navigation ul, #sidebar .navigation ol {

	padding-bottom: 5px;

}



#avatar {

	margin-bottom: 1em;

}



.user_pictures .picture {

	float: left;

	margin-right: 15px;

	margin-bottom: 15px;

}



.user_pictures .picture p {

	float: left;

}



.user_pictures .actions {

	float: left;

	margin: 0 5px;

}



.community-actions ul {

	text-align: right;

	margin-bottom: 1em;

	float: right;

}



.community-actions li {

	float: left;

	margin-right: 20px;

}

.community-actions a {

	color: #F90;

	padding-left: 20px;

}

.community-actions .create a {

	background: url(../images/add.png) no-repeat;

}

.community-actions .index a {

	background: url(../images/my.png) no-repeat;

}



ol.index {

	clear: both;

}



form h3 {

	margin-top: 1em 0;

}



#replys, #replys h3 {

	margin-bottom: 1em;

}


.column {
	width: 46%;
	margin-right: 2%;
	float: left;
}

.column .select {
	width: 80%;
}


.column dd {
	margin-bottom: 1em;
}