/*
------------------------------------------------------------------------
Theme Name:    MadMedia
Theme URI:     http://madmedia.ca
Description:   A theme for VC-TV
Version:       0.5
Author:        Heri Rakotomalala
Author URI:    http://heri.madmedia.ca/
------------------------------------------------------------------------

Support:       Heri, heri@madmedia.ca
Updated:       August, 2008
Copyright:     (c) 2008 MadMedia, a product of MadMedia

All rights reserved.
*/

/*

main colors: 
	brigth orange	#F4951F
	washed blue		#375a88	

*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #333333;
}

a {
	outline: none;
	color: #375a88;
}

a:hover {
	color: black;
}

.clear {
	clear: both;
}

.hr {
	margin: 0px;
	padding: 0px;
	height: 1px;
	font-size: 1px;
	background-color: #ffffff;
	clear: both;
	border-bottom: 1px solid #cccccc;
}

.hr_top {
	margin: 0px;
	padding: 0px;
	height: 5px;
	font-size: 1px;
	background-color: #eeeeee;
	clear: both;
	border-top: 1px solid #cccccc;
}

.hr_bottom {
	margin: 0px;
	padding: 0px;
	height: 5px;
	font-size: 1px;
	background-color: #eeeeee;
	clear: both;
	border-bottom: 1px solid #cccccc;
}


.hr_end {
	margin: 0px;
	padding: 0px;
	height: 0;
	font-size: 1px;
	background-color: white;
	clear: both;
}

.red {
	color: #cc0000;
}

/*
------------------------------------------------------------------------
CONTAINER - The 980px wide wrapper used in header, main menu, and more
------------------------------------------------------------------------
*/

.container {
	margin: 0px auto;
	padding: 0px;
	width: 980px;
	text-align: left;
}

/*
------------------------------------------------------------------------
HEADER - Logo & Search Form
------------------------------------------------------------------------
*/

#header {
	margin: 0px auto;
	padding: 0px;
	width: 980px;
	height: 70px;
	text-align: left;
}

.logo, .logo a, .logo a:visited {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-family: Geneva, Arial;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #F4951F;
	text-decoration: none;
	float: left;
}

.search {
	margin: 20px 0px 40px 0px;
	padding: 5px;
	background-color: #eeeeee;
	float: right;
	width: 100%;
}

.search .input {
	margin: 0px 3px 0px 0px;
	padding: 6px 7px 5px 7px;
	width: 200px;
	font-family: Arial;
	font-size: 11px;
	color: #999999;
	border-left: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.button {
	margin: 0px;
	padding: 0px 8px 0px 8px;
	height: 25px;
	background-color: #395c8a;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	color: #ffffff;
	border: 0px;
}

/*
------------------------------------------------------------------------
MENUS - Main, Pages (currently not in use) & Sub Menu
------------------------------------------------------------------------
*/

ul{
	margin: 10px 0 0 0;
	padding: 0;
}

li {
	list-style: none;
	padding: 0;
	margin: 0 0 12px 0;
}

#content li {
	line-height: 18px;
}

#menu {
	margin: 0 auto;
	margin-top: 20px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 30px;
}

.main_menu li {
	margin: 0px 20px 12px 0px;
	padding: 0px;
	font-size: 14px;
	float: left;
	list-style: none;
}

.page_item a, .page_item a:visited {
	margin: 0px;
	padding: 0px;
	color: #f4951f;
	text-decoration: none;
	display: block;
	border-bottom: 2px solid #ffffff;
}

.current_page_item, .page_item a:hover {
	border-bottom: 2px solid #f4951f;
}

.current_page_item a, .current_page_item a:visited, .current_page_item a:hover {
	border-bottom: none;
}

/* END Main Menu */

/* Sub Menu */

#submenu {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	height: 32px;
	background-color: #eeeeee;
	border-bottom: 1px solid #cccccc;
}

.sub_menu li {
	margin: 7px 5px 7px 0px;
	padding: 0px;
	font-size: 11px;
	float: left;
	list-style: none;
}

.cat-item a, .cat-item a:visited {
	margin: 0px;
	padding: 3px 6px 3px 6px;
	color: #999999;
	text-decoration: none;
	display: block;
}

.cat-item a:hover {
	background-color: #999999;
	color: #ffffff;
	text-decoration: none;
}

.current-cat, .current-cat a, .current-cat a:visited {
	background-color: #999999;
	color: #ffffff;
	text-decoration: none;
}

.sub_menu li b {
	margin: 0px;
	padding: 2px 0px 3px 0px;
	color: #000000;
	text-decoration: none;
	display: block;
}

/* END Sub Menu */

/* Dropdown Menu, if there are some children categories in WordPress defined */

.children {
	margin: 0px;
	padding: 4px 0px 4px 0px;
	position: absolute;
	left: -9000px;
	background-color: #ffffff;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
}

.sub_menu li:hover ul, .sub_menu li.iehover ul {
	left: auto;
}

.children li {
	margin: 1px 7px 1px 7px;
	padding: 1px 0px 1px 0px;
	float: none;
}

.children li a, .children li a:visited {
	background-color: #ffffff;
	color: #999999;
}

.children li a:hover {
	background-color: #999999;
	color: #ffffff;
}

.children .current-cat, .children .current-cat a, .children .current-cat a:visited {
	background-color: #999999;
	color: #ffffff;
	text-decoration: none;
}

/* END Dropdown Menu */

/*
------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------
*/

/* Column Definitions */

.column_main {
	margin: 10px 0px 10px 0px;
	padding: 0px 20px 20px 0px;
	width: 640px;
	float: left;
}

.column_right {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	width: 300px;
	float: right;
}

.column_left_b {
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 20px 0px;
	width: 299px;
	float: left;
	border-right: 1px solid #cccccc;
}

.column_center_b {
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 20px 20px;
	width: 299px;
	float: left;
	border-right: 1px solid #cccccc;
}

.footer {
	margin: 0;
	padding: 0;
}

.footer .column_center_b, .footer .column_left_b, .footer .column_right {
	margin-top: 0;
}

/* END Column Definitions */

/* Featured (the first enrty in every category archives and on the index page, currently with that black background ) */

#featured {
	margin: 20px 0px 0px 0px;
	padding: 1px 20px 10px 20px;
	background-color: #395c8a;
}

#featured h1 a, #featured h1 a:visited {
	color: #ffffff;
}


#featured h2 {
	color: white;
}


#featured h2 a, #featured h2 a:visited {
	padding: 0px 0px 1px 0px;
	color: #ffffff;
	border-bottom: 1px solid #fff;
}

#featured h2 a:hover {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

#featured h2 i {
	color: #ddd;
}

#featured h2 i a, #featured h2 i a:visited {
	color: #ddd;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}

#featured h2 i a:hover {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

#featured p, #featured ul, #featured li {
	color: white;
}

#featured ul {
	margin-left: 15px;
}
#featured li{
	line-height:18px;
	margin:10px 0px;
	padding:0 0 0 0px;
	list-style-type: disc;
}

#featured a, #featured a:visited  {
	color: #ffffff;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}

#featured a:hover {
	color: #F4951F;
    border-bottom: 1px solid #F4951F;
}

#featured h1 a, #featured h1 a:visited {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 0px solid black;
}


#featured img, #featured img a, #featured img a:visited, #featured ul img, #featured li img {
	margin: 5px 0px 10px 20px;
	padding: 0px;
	float: right;
	border: none;
}

/*#featured ul, #featured ol {
	margin: 20px 0px 20px 50px;
	padding: 0px;
}

#featured li {
	margin: 0px;
	padding: 3px 0px 3px 0px;
	
	font-size: 14px;

	list-style-type: disc;
	border-bottom: none;
}*/

#featured blockquote p {
	margin: 20px 0px 20px 0px;
	font-family: Georgia;
	font-size: 18px;
	line-height: 22px;
	font-style: italic;
}

/* END Featured */

/* Categories */

.category_header {
	margin: 10px 0px 0px 0px;
	padding: 20px 20px 10px 20px;
	background-color: #eeeeee;
	text-align: center;
	border-bottom: 1px solid #cccccc;
}

/* END Categories */

/* Lists (displaying the posts) */

/*#content ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#content li {
	margin: 0px;
	padding: 7px 0px 7px 0px;
	line-height: 16px;
	list-style-type: none;
	border-bottom: 1px dashed #aaaaaa;
}*/

.title a, .title a:visited, .blogroll a, .blogroll a:visited {
	color: #395c8a;
	font-weight: bold;
	text-decoration: none;
}

.title a:hover, .blogroll a:hover {
	color: #375a88;
}

.comment_excerpt a, .comment_excerpt a:visited, .comment_excerpt a:hover {
	font-weight: normal;
}

.meta {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	color: #999999;
	font-size: 11px;
}

.meta a, .meta a:visited {
	color: #999999;
	text-decoration: none;
	border-bottom: 1px solid #dddddd;
}

.meta a:hover {
	color: #000000;
}

/* END Lists */

/* Entry */

.column_left_b img, .column_center_b img, .column_right img {
	margin: 3px 10px 5px 0px;
	padding: 0px;
	display: none;
	float: left;
	border: none;
}

p {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	line-height: 18px;
}

p a, p a:visited {
	color: #375a88;
	text-decoration: none;
	border-bottom: 1px solid #dddddd;
}

p a:hover {
	color: black;
}

#entry {
	margin: 0px 0px 0px 0px;
}

#entry .digg {
	margin: 3px 10px 5px 0px;
	float: left;
}

#entry img, #entry img a, #entry img a:visited {
	margin: 5px 0px 10px 20px;
	padding: 0px;
	border: none;
}

#entry p {
	margin: 20px 0px 20px 0px;
	font-size: 14px;
}

#entry ul, #entry ol {
	margin: 10px 0px 10px 30px;
	padding: 0px;
}

#entry li {
	margin: 0px;
	padding: 3px 0px 3px 0px;
	font-size: 14px;
	list-style-type: disc;
	border-bottom: none;
}

#entry blockquote p {
	margin: 20px 0px 20px 0px;
	font-family: Georgia;
	font-size: 18px;
	line-height: 22px;
	font-style: italic;
}

/* Button like link styling for the 'Archives' link */

.link a, .link a:visited {
	margin: 0px;
	padding: 4px 6px 4px 6px;
	background-color: #395c8a;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	border: none;
}

.link a:hover {
	color: #ffffff;
	background-color: #F4951F;
}

/* END Button like link styling for the 'Archives' link */

/* END Entry */

/* Comments */

.comment_author {
	margin: 10px 20px 10px 0px;
	padding: 0px;
	width: 150px;
	float: left;
}

.comments {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 469px;
	float: left;
}

.leave_comment {
	margin: 0px 0px 10px 0px;
	padding: 15px;
	background-color: #efefef;
}

.leave_comment h3{
	margin-top: 0;
}

.leave_comment p{
	margin: 5px 0;
}

.leave_comment .textarea {
	margin: 0px;
	padding: 6px 7px 5px 7px;
	width: 585px;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	border-left: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.leave_comment .input {
	margin: 0px;
	padding: 6px 7px 5px 7px;
	width: 220px;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	border-left: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

/* END Comments */

/* Tabs (in the sidebar for the AJAX box) */

.tab_container {
	margin: 0px;
	padding: 0px;
	border: 5px solid #eeeeee;
}

.tab_container_in {
	margin: 0px;
	padding: 10px;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.tab_menu_container {
	padding: 0px 0px 0px 0px;
	height: 27px;
	background-color: #eeeeee;
}

#tab_menu li, #second_menu li  {
	margin: 0px;
	padding: 7px 5px 2px 0px;
	background-color: #eeeeee;
	font-size: 11px;
	line-height: normal;
	float: left;
	list-style: none;
	cursor: pointer;
	border-bottom: none;
}

/* My Comment */

#tab_menu .first, #second_menu .first {
	padding: 7px 5px 2px 6px;
}

#tab_menu li a, #tab_menu li a:visited, #second_menu li a, #second_menu li a:visited {
	margin: 0px;
	padding: 3px 6px 3px 6px;
	background-color: #eeeeee;
	color: #999999;
	text-decoration: none;
	display: block;
}

#tab_menu li a:hover, #tab_menu li a.current, #second_menu li a:hover, #second_menu li a.current {
	background-color: #999999;
	color: #ffffff;
	text-decoration: none;
}

.tab_content_list {
	display: none;
}

#tab_content_tags a, #tab_content_tags a:visited {
	color: #999999;
	text-decoration: none;
}

#tab_content_tags a:hover {
	color: #000000;
	text-decoration: none;
}

/* END Tabs */

/* Widgets */

#content .widget ul {
	padding: 10px 10px 20px 10px;
	border: 5px solid #eeeeee;
}

.widget li a, .widget li a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

.widget li a:hover {
	color: #375a88;
}

.widget .page_item a, .widget .page_item a:visited, .widget .page_item a:hover {
	border-bottom: none;
}

.widget .cat-item a, .widget .cat-item a:visited {
	padding: 0px;
}

.widget .cat-item a:hover, .widget .current-cat, .widget .current-cat a, .widget .current-cat a:visited {
	background-color: #ffffff;
}

/* END Widgets */

/*
------------------------------------------------------------------------
HEADERS
------------------------------------------------------------------------
*/

h1, h1 a, h1 a:visited {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-family: Geneva, Arial;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	color: #000000;
	letter-spacing: -1px;
	text-decoration: none;
}



h1 a:hover {
	color: #F4951F;
}

h2 {
	margin: 20px 0px 10px 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #F4951F;
}

h2.footer {
	font-size: 18px;
	color: black;
	font-weight: normal;
	text-transform: none;
	margin: 10px 0 0 0;
}

h2 a, h2 a:visited {
	padding: 0px 0px 1px 0px;
	color: #F4951F;
	text-decoration: none;
	border-bottom: 2px solid #F4951F;
}

h2 a:hover {
	color: #F4951F;
}

h2 i {
	color: #999999;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}

h2 i a, h2 i a:visited {
	color: #999999;
	text-decoration: none;
	border-bottom: 1px solid #dddddd;
}

h2 i a:hover {
	color: #000000;
}

h3 {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	font-family: Geneva, Arial;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	color: #000000;
	letter-spacing: -1px;
}

h3.comment_title {
	font-size:24px;
	margin-top:10px;
	margin-bottom: 10px;
}



h3 a, h3 a:visited {
	color: #f4951f;
	text-decoration: none;
}

h3 a:hover {
	color: #375a88;
}

/*
------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------
*/

#footer {
	margin: 0px auto;
	margin-top: 30px;
	padding: 20px 0px 20px 0px;
	width: 100%;
	background-color: #333;
}

#footer p.left {
	font-size: 11px;
	color: #ddd;
	float: left;
}

#footer p.right {
	font-size: 11px;
	color: #666;
	float: right;
}

#footer p a, #footer p a:visited {
	color: #666;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #666;
}

#footer p a:hover {
	color: #000000;
}

.sidebar_container{
	background-color: #eee;
	padding: 10px;
	margin-bottom:15px;
}

.flickr {
	margin-bottom: 20px;
}
.flickr img{
	padding: 0;
	margin: 0;
}

.flickr img, .textwidget img{
	display: block;
}

.widget_text {
	clear: both;
	padding-top: 20px;
}

.hVlog img {
	display:block;
}


.column_main h2 {
	margin-top:30px;
	margin-bottom:7px;
}

#featured h2 {
	margin-top:20px;
}

.column_right h2 {
	margin-bottom:5px;
	padding-top:10px;
	clear:both;
}

.sidebar h2 {
	padding-top:0px;
	margin-top:0px;
}

.sidebar h2.topmargin{
	padding-top:10px;
	margin-top:20px;
}

.column_right .footer h2{
	padding-top:0px;
}

#main_menu li.RSS a, #main_menu li.RSS a:visited{
	color: white;
	margin: 0 0 3px 0;
	font-size:80%;
	padding: 1px 2px;
	background-color: #f4951f;
	text-decoration: none;
	border-style: none;
}

.category_header h1 {
	margin:0 0 10px;
}

.tab_content_list h2 {
	color:#395c8a;
	font-size:170%;
	text-transform: none;
	margin:0 0 10px 0;
	padding:0;
}

#entry .post-ratings img {
	margin:0 2px;
}

.comment_title .post-ratings,  .comment_title .post-ratings em{
	font-size:11px;
	color:#666;
}

#tab_content_categories .cat-item a{
	display:inline;
}

#tab_content_categories li.cat-item {
	margin-bottom:5px;
}

#tab_content_blogroll li a, #tab_content_blogroll li a:visited{
	color:#395c8a;
	font-weight:bold;
	text-decoration:none;
}

#tab_content_blogroll li a:hover{
	color:#375A88;
}

.post-meta {
	font-size:10px;
	line-height:20px;
	margin:0;
	color:#999;
}

.post-meta a, .post-meta a:hover {
	text-decoration:underline;
	color:#999;
}

.post-meta .social a {
	background-color:#eee;
	padding:3px 5px;
	color:#999;
	margin:0px 3px;
	text-decoration:none;
}

.post-meta .social a:hover {
	background-color:#F4951F;
	color:white;
}

.post-meta .social .email a {
	margin:0 3px 0 0;
}

.post-meta .rating {
	float:right;
	width:275px;
}

.more-social {
	border-left:1px dotted #CECDC9;
	margin-left:3px;
	padding-left:3px;
}

.featured_post {
		margin: 10px 0px 10px 0px;
		padding: 0px 20px 20px 0px;
		width: 610px;
		float: left;
}

.history {
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 20px 0px;
	width: 270px;
	float: right;
	}

.end {
	clear:both;
}

.history .link {
	text-align:right;
}

.column_index {
	padding-bottom:15px;
	margin-bottom:10px;
}

#entry img{
	float:right;
}

#vctv-video{
	text-align:center;
	background-color:black;
	padding:5px 20px;
	margin-top:15px;
}