/*
Theme Name: Din
Theme URI: 
Description: Developed for Dynamic Media Network.
Version: 1.0
Author: Krishan Rodrigo
Tags: orange, three column

*/

html {
 background: #fff;
 font-family:verdana;
 font-size: 11px;
 color: #000;
 margin: 0;
 padding: 0 0 15px 0;
}

#page {
	width: 960px;
	margin: 28px auto 10px auto;
	border: 1px solid #666666;
	padding: 0 0 12px 0;
}

img {
	border: 0;
}

#header {
	/*padding: 220px 0 0 0;*/
	padding: 0;
}

#banner {
	height: 220px;
}



#headerimg {
	background: #D5671E;
	height: 90px;
}

#headerimg h1 {
	margin: 0;
	padding: 20px 0 0 42px;
	width: 538px;
	color: #000;
	font-size: 42px;
	float: left;
	font-weight: normal;
}

#headerimg h1#title {
	margin: 0;
	padding: 20px 0 0 42px;
	width: 538px;
	color: #000;
	font-size: 42px;
	float: left;
	font-weight: normal;
}

#headerimg h1 a {
	color: #000;
	text-decoration: none;
}

#headerimg h1#title a {
	color: #000;
	text-decoration: none;
}

#headerimg .description {
	color: #fff;
	/*font-weight: bold;*/
	padding: 11px 21px 0 0;
}

.banner-item {
	height: 220px;
	width : 960px;
	background-repeat : no-repeat;
	background-position : top left;
	display: none;
	background-color: #fff;
	position : absolute;
	z-index : 200;
}

.banner-item:first-child {
	display:block;
}

#banner .active-item {
	z-index : 202;
}

#banner .previous-item {
	z-index : 201;
}

.banner-content {
	z-index:10;
	width: 220px;
	height: 110px;
	padding: 10px 10px 10px 10px;
	position: absolute;
	background-color: #ffffff;
	margin-left: 709px;
	top: 10px;
}

.banner-content h2 {
	color: #CF9622;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.default .banner-content {
	background : none;
	height : 20px;
	top : 185px;
	text-align : right;	
	color : #666666;
}

.default .banner-content a {
	color : #666666;
}

.default .banner-content a:hover {
	text-decoration : underline;
	color : #000000;
}

.pages h2 {
	color: #CF9622;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.banner-content a {
	color: #CF9622;
	text-decoration: none;
	font-weight: bold;
}

.banner-content .note {
	/**/
	max-height: 78px;
	overflow: hidden;
}

.banner-content .note a {
	color: #CF9622;
	text-decoration: none;
	font-weight: bold;
}

hr {
	display: none;
	}
	
#menu {
	background: #59585A;
	height: 28px;
	max-height: 28px;
	min-height: 28px;
	/*width: 905px;*/
	color: #CCCCCC;
	font-size: 15px; /* it should be 18px according to design*/
	text-transform: lowercase;
	line-height: 28px;
}

#mainmenu {
	margin: 0;
	padding: 0 0 0 44px;	
/*	font-weight: bold;*/
	
	
}

ul#mainmenu ul {
	display : none;
	position : absolute;	
	margin : 0;
	padding : 0;
	z-index : 100;
}

ul#mainmenu ul li {
	float : none;
	background-color : #59585A;
	margin : 0;
	padding : 0;
	font-size : 0.9em;
	font-weight : normal;
	width : 160px;
	padding-left : 1em;
}



ul#mainmenu ul li:hover {
	background-color : #D5671E;
	color : white;
}

ul#mainmenu ul li:hover a {
	color : white;
}

ul#mainmenu > li:after {
	content:url(/wp-content/themes/din/images/menu-link.gif);
}


a.linked:after {
	content:url(/wp-content/themes/din/images/link.gif);
}



#footermenu {
	margin: 0 0 0 0 !important;
	padding: 10px 0 0 0 !important;	
	font-weight: bold;
	text-align: right;
	width: 960px;
	float: left;
}

#mainmenu li {
	float: left;
	list-style-type:none;
	padding: 0 32px 0 0;
}

#mainmenu li a {
	
	color: #CCCCCC;
	text-decoration: none;
}

#footermenu li {
	float: right;
	list-style-type:none;
	color: #59585A;
	font-size: 12px;
	text-transform: lowercase;
}

#footermenu li a {
	padding: 0 21px 0 0;
	color: #59585A;
	text-decoration: none;
}

#search {
	color: #fff;
	font-size: 14px;
	float: right;
	padding: 0 21px 0 0;
}

form {
	margin: 0;
	padding: 0;
	line-height: 28px;
}

#search input[type=submit] {
	background-image : url(/wp-content/themes/din/images/menu-link.gif);
	background-repeat : no-repeat;
	background-position : 0px -5px;
	background-color: #59585A;
	color: #fff;
	border: 0;
	font-family:verdana;

}

#search input[type=text] {
	background: #CCCCCC;
	border: 0;
	color: #000;
	padding: 1px 0 1px 2px;
	font-family:verdana;
}

#content {
	
	margin: 0;
	float: left;
}

#home {
	padding: 28px 0 20px 16px;
	margin: 0 0 0 0;
	float: left;
	background: #DEDCE1;
	clear: both;
	width: 944px;
}

#home ul {
	margin: 0;
	padding: 0;
}

#home ul li.widget {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

.post {
	
}

/*
.home-post {
	width: 220px;
	height: 240px;
	float: left;
	background: #fff;
	margin: 0 15px 15px 0;
	overflow: hidden;
}
*/

body.home .widget, body.page-template-template-like-us-php .widget {
	width: 220px;
	height: 240px;
	float: left;
	background: #fff;
	margin: 0 15px 15px 0 ! important;
	overflow: hidden;
}

.meta {
	z-index:20;
	width: 215px;
	height: 17px;
	
	line-height: 17px;
	background: #fff;
	margin-left: 0;
	
	background: #000;
	opacity : 0.65;
	color: #fff;
	padding: 0 0 0 5px;
	filter: alpha(opacity=65);
	overflow: hidden;
	/*position: relative;top: 84px;*/
}

.meta a {
	color: #fff !important;
	text-decoration: none;
}

.postImg {
	height: 83px;
	max-height: 83px;	
}

.posthead {
	max-height: 100px;
	max-width: 220px;
	height: 100px;
	overflow: hidden;
}

.home-post .entry {
	padding: 6px 6px 0 6px;
	min-height: 111px;
	max-height: 111px;
	overflow: hidden;
}

.home-post .entry h2 {
	font-size: 14px;
	color: #D5671E;
	font-weight: bold;
	line-height: 17px;
	margin: 0;
	padding: 0;
}

.home-post .entry h2 a {
	color: #D5671E;
	text-decoration: none;
}

.home-post .footer {
	height: 22px;
	line-height: 20px;
	color: #989799;
	padding: 0 14px 0 6px;
}

.home-post .footer  .date {
	float: left;
}

.home-post .footer  .comments {
	float: right;
	background: url("images/comments.gif") no-repeat top;
	
	
}

.home-post .footer  .comments  a{
	color: #D5671E !important;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 0 0 0 25px;
}

.post .entry-home p {
	margin: 0;
	padding: 5px 0 0 0;
	line-height: 15px;
	min-height: 114px;
	max-height: 114px;
	overflow: hidden;
}

.post .entry-home {

}

/*
.tagcloud, #wp-cumulus {
	width: 235px;
	height: 240px;
	float: left;
	margin: 0 0 15px 0;
}
*/

.is_juitter h2 {
	display : none;
}

body.single .is_juitter h2 {
	display : block;
}

.is_juitter li {
	height : 204px;
	display : block;
}

.is_juitter .time {
	display : none;
}

.is_juitter {
	/*width: 184px;
	height: 213px;*/
	width: 220px;
	height: 240px;
	float: left;
	margin: 0 15px 15px 0;
	font-size: 1.3em;
	line-height: 16px;
	
	background: url("images/twitter-logo.gif") #fff no-repeat bottom 160px;
}

.is_juitter a.extLink, .is_juitter a.hashLink, .is_juitter a.profileLink {
	color: #994a16 ! important;
}


.juitterAvatar {
	display:none;
}

.is_juitter a {
	color: #D5671E;
	text-decoration: none ! important;
}

#juitterContainer {
	padding: 27px 18px 0 18px;
	height : 240px;
}

body.single .is_juitter {
	background : none;
	width : 180px;
	height : auto;
}

body.single #juitterContainer {
	padding : 0;
	height : auto;
}

body.single .is_juitter li {
	height : auto;
	border-bottom : 1px solid gray;
}

#footer {
	width: 960px;
	float: left;
}

/* inner page */



#sidebar {
	width: 177px;
	float: left;
	padding: 0 29px 0 50px;
	margin: 79px 10px 0 0;
	color: #626263;
	font-size: 12px;
}

#sidebar2 {

	padding: 0 29px 0 41px;
	margin: 100px 0 0 120px;
	color: #626263;
	font-size: 12px;
}

#sidebar h2 {
	text-transform: uppercase;
	color: #626263;
	font-weight: bold;
	font-size: 12px;
	margin: 4px 0 0 0;
	padding: 0;
	
}


#sidebar h2 a, #sidebar2 h2 a {
	color: #626263;
}



#sidebar .sideSection, #sidebar .widget, #sidebar2 .sideSection, #sidebar2 .widget {
	margin: 24px 0 0 0;
	line-height: 22px;
}

#sidebar .sideSection p, #sidebar .widget p,#sidebar2 .sideSection p, #sidebar2 .widget p {
	margin: 0;
	padding: 0;
}

#sidebar ul li, #sidebar2 ul li {
	/*text-transform: uppercase;*/
	color: #626263;
/*	font-weight: bold;*/
	font-size: 12px;
	margin: 4px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#sidebar ul, #sidebar2 ul {
	margin: 15px 0 0 0;
	padding: 0;
}



/*#sidebar ul ul li {
	background: url(images/arrow-orange.gif) no-repeat top left;	
	list-style-type: none;
	padding: 0 0 0 19px;
	color: #CF8C22;
	text-transform: normal;
	font-weight: normal;
}*/


.widget_is_attachments {
	float: left;
	width: 305px;
	display:block;
}

.widget_is_attachments li {
color: #626263;
	font-weight: bold;
	font-size: 12px;
	margin: 4px 0 0 0;
	padding: 0;
	list-style-type: none;
}

.gallery-node {
	float: left;
	width: 90px !important;
	height: 90px !important;
	margin: 0 8px 8px 0 !important;
	max-width: 90px !important;
	max-height: 90px !important;
	min-width: 90px !important;
	min-height: 90px !important;
	overflow: hidden !important;
}

.gallery-node a {
	width: 90px;
	height: 90px;
	max-width: 90px;
	min-width: 90px;
	max-height: 90px;
	min-height: 90px;
	overflow: hidden !important;
	color: #fff;
	display:block;
	text-decoration:none;
	font-size: 11px;
	font-weight: normal;
}

.gallery-node a img {
	/*max-width: 90px;
	max-height: 90px;*/
	height: 90px;
	overflow:hidden;
}



ul.attachments .title, ul.attachments .caption, ul.attachments .description{
	display: none;
}

ul.video li {
	background: #D5671E;
	text-align:center;
}

ul.audio li {
	background: #D5671E;
	text-align:center;
}



#is_xrefs li ul li {
	background: url(images/arrow-orange.gif) no-repeat top left;
	
	list-style-type: none;
	padding: 0 0 0 19px;
	color: #CF8C22;
	margin: 0 0 0 600px; 
	text-transform: normal;
	font-weight: normal;
}

#sidebar a, #sidebar2 a {
	text-decoration: none;
	color: #CF8C22;
}

#content_box {
	width: 420px;
}

.widecolumn, body.search #content_box {
	width: 600px;
}

.narrowcolumn {
	width: 420px;
}

.narrowcolumn, .widecolumn, #content_box {
	overflow:hidden;
	padding: 35px 29px 0 0;
	float: left;
	font-size: 1.1em;
}

.widecolumn img {
	/*max-width: 379px;
	overflow: hidden;*/
}

#image-target, .narrowcolumn img {
	max-width: 379px;
	overflow: hidden;
}

.hentry {
line-height: 22px;
}

.hentry p {
padding: 0;
margin: 0;
}

.hentry p[rel=tag] {
	color: #CC9900;
	font-weight: bold;
	text-transform:lowercase;
	font-size: 14px;
	padding: 2px 0 0 0;
}

.hentry p a[rel=tag] {
	color: #CC9900;
	font-weight: bold;
	text-decoration: none;
}

.hentry p[rel=tag] a {
	color: #CC9900;
	font-weight: bold;
	text-decoration: none;
}

.hentry h2, .post h2 {
	color: #D5671E;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 0;
}

.post h2 a {
	color: #D5671E;
	text-decoration : none;
}

.entry p {
	padding: 0;
	margin: 0 0 20px 0;
	color: #000;
	line-height: 22px;
	
}

.entry {
	padding: 0;
	margin: 0 0 0 0;
	color: #000;
	line-height: 22px;
	
}

.entry ul {
	margin: 4px 0 25px 0;
	padding: 0;
}

.entry ul li {
	background: url(images/arrow-orange.gif) no-repeat top left;
	/*list-style-position: bottom left;*/
	list-style-type: none;
	padding: 0 0 0 19px;
	color: #CF8C22;
}

.entry a {
	text-decoration: none;
	color: #CF8C22;
}

h3#comments {
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	padding: 10px 0 15px 0;
}

#respond h3 {
	background: #D78D18;
	font-size: 16px;
	line-height: 25px;
	color: #fff;
	font-weight: normal;
	padding: 0 0 0 12px;
}

#commentform {
	color: #B3B1AF;
	font-size: 11px;
	margin: 0 0 20px 0;
}

#commentform input[type=text] {
	border: 1px solid #B3B1AF;
	margin: auto 5px auto auto;
	font-family: verdana;
	font-size: 11px;
	padding: 2px;
}

#commentform input[type=submit] {
	border: 1px solid #B3B1AF;
	margin: auto 5px auto auto;
	font-family: verdana;
	text-transform: uppercase;
	font-size: 11px;
	font-family: verdana;
	background: #fff;
	padding: 2px;
}

#commentform textarea {
	border: 1px solid #B3B1AF;
	margin: auto 5px auto auto;
	width: 100%;
	height: 147px;
	font-family: verdana;
	font-size: 11px;
}

.comment-body p {
	color: #626263;
}

body.single #sidebar h2.widgettitle a, body.single #sidebar2 h2.widgettitle a {
	color : 
}


body.single #sidebar .widget_deliciousplus .deliciousplus-post,body.single #sidebar2 .widget_deliciousplus .deliciousplus-post {
	font-weight : normal;
	font-size : 12px;
}

body.single #sidebar .widget_deliciousplus li, body.single #sidebar2 .widget_deliciousplus li {
	height : auto;
	border-bottom : 1px solid gray;
}

body.single #sidebar .widget_deliciousplus .deliciousplus-tags a,body.single #sidebar2 .widget_deliciousplus .deliciousplus-tags a {
	font-size : 10px;
	color : gray;
}




deliciousplus-6 {
	width:180px; height: 200px;
	margin: 0 600px 0 0;
}



body.single #sidebar .widget {
	margin-bottom : 2em;
}

#rightSideBar {
	margin: 106px 0 0 0;
	float: left;
	width: 305px;
}

.imageset {	
	margin: 0 0 41px 0;
}

.imageset img {
	margin: 0 8px 8px 0;
	border: 0;
}

#vimeo {	
	margin: 0 0 12px 0;
}

#rightSideBar h2 {
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	padding: 0 0 5px 6px;
	color: #666666;
	margin: 0;
}



.podcasts {
	margin: 0 0 23px 0;
}

.commentlist {
	margin: 0;
	padding: 0;
}

.commentlist li {
	list-style-type: none;
	border-top: 1px solid #D78D18;
	padding: 7px 0 0 0;
	margin: 0;
}

#commentform p {
	color: #000;
	font-size: 10px;
}

.commentmetadata a, #commentform p a {
	font-size: 10px;
	color: #D78D18;
	text-decoration: none;
}

.comment-author {
	font-size: 11px;
}

.fn, .fn a {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #000;
}

.comment p {
	padding: 0 0 0 11px;
} 

.comment-author img {
	float: left;
	margin: 0 5px 5px 0;
}

.is_juitter {
	max-width: 220px;
	overflow: hidden;
}

.result  {
	border-top: 1px solid #59585A;
	line-height: 25px;
	margin-bottom : 3.5em;
}

.result .title {
	max-width: 279px;
	line-height: 25px;
	max-height: 25px;
	font-weight : bold;
}

.result .term {
	float: right;
	font-size: 11px;
}

.result a.more {
	text-transform : lowercase;
	font-weight : bold;
	float : right;
	clear : both;
}

a.more:after {
	content:url(/wp-content/themes/din/images/link.gif);
}

.result p {
	margin : 0;
	font-size : 0.9em;
}


#content a {
	color: #D5671E;
	text-decoration : none;
}

.navigation {
	width : 100%;
	clear : both;
	height : 2em;
}

.navigation .alignleft {
	float : left;
}
.navigation .alignright {
	float : right;
}

span.deliciousplus-tags a + a:before {
       content: " \0020 \002F \002F \0020";
}

.widget_deliciousplus > a:first-child {
	display: none;
}

body.single .widget_deliciousplus > a:first-child {
	display: block;
}

.widget_deliciousplus {
	width: 180px;
}

#deliciousplus-box-2 ul {
	padding: 10px 0 0 0;
}

#deliciousplus-box-2 ul li {
	padding: 0 10px 5px 10px;
}

#deliciousplus-box-5 ul {
	padding: 10px 0 0 0;
}

#deliciousplus-box-5 ul li {
	padding: 0 10px 5px 10px;
}

#deliciousplus-box-6 ul {
	padding: 10px 0 0 0;
}

#deliciousplus-box-6 ul li {
	padding: 0 10px 5px 10px;
}

.deliciousplus-post {
	width: 180px;
	max-width: 180px;
	display: block;
	font-size: 14px;
	color: #D5671E;
	font-weight: bold;
	line-height: 17px;
	max-height: 20px;
	height: 20px;
	overflow: hidden;
}



.widget_deliciousplus img {
	display: none;
}

h2.main-title {
	height: 70px;
	min-height: 70px;
	max-height: 70px;
}

.widget_is_attachments {
	margin-top: 17px !important;
}

#mediaplayer, .play-container {
	width: 286px;
	height: 219px;
	margin: 0 0 10px 0;
}

.audio-player {
	width: 286px;
	height: 20px;
	margin: 0 0 10px 0;
}

#image-target {
		
}

#advanced_form .search_input {
	width: 100% !important;
}

.advancedHeading {
	border-top: 1px solid #59585A;
	padding: 7px 0 0 0;
}
