/*   
Theme Name: Dark on Light
Theme URL: http://wordpress.org/extend/themes/monochrome
Description: This is a modification of mono-lab's monochrome theme developed specifically for djangodurango.com. This theme supports widget, threaded-comments, theme-options, and translation is ready. Also including page-navigation and multi level dropdown menu. You can see live demo including more information here http://www.mono-lab.net/demo1/.

Author: mono-lab (modified by Django Durango)
Author URL: http://www.mono-lab.net (http://www.djangodurango.com)
Version: 3.0.4
Tags: black, white, three-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/



/* --- Basics --- */

body
	{
	margin: 0;
	padding: 0;
	background: #f2f2f2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #002e37;
	}
	
a img
	{
	border: 2px #004754;
	}
	
a, a:visited
	{
	color: #004754;
	text-decoration: none;
	outline: none;
	}
	
a:hover
	{
	color: #004754;
	text-decoration: underline;
	}
	
p
	{
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 200%;
	}
	
ul
	{
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 0%;
	}
	
ul li
	{
	margin: 0;
	padding: 0;
	line-height: normal;
	zoom: 1;
	}
	
ol
	{
	margin: 0 0 1em 23px;
	padding: 0;
	}
	
* html ol
	{
	margin: 0 0 1em 23px;
	padding: 0;
	}
	
ol li
	{
	padding: 0 0 5px 0;
	}
	
form, table, input, textarea, dl, dt, dd
	{
	margin: 0;
	padding: 0;
	}
	
table
	{
	border-collapse: collapse;
	width: 100%;
	border: 0;
	}
	
blockquote
	{
	margin: 0 0 1em 0;
	padding: 35px 20px 0 20px;
	border: 1px solid #4c9baa;
	background: #f2f2f2;
	}
	
blockquote p
	{
	margin: 0 0 5px 0;
	}
	
.quote_bottom
	{
	height: 30px;
	background: #f2f2f2;
	margin-right: -10px;
	}
	
pre
	{
	border: 1px solid #ccc;
	background: #facaca;
	padding: 10px 20px;
	margin: 0 0 1em 0;
	overflow: auto;
	}
	
object
	{
	display: block;
	margin: 0 auto;
	}
	
.wp-caption-text
	{
	text-align: center;
	}
	
.alignright
	{
	float: right;
	}
	
.alignleft
	{
	float: left;
	}
	
.aligncenter
	{
	margin-left: auto;
	margin-right: auto;
	}
	
.centered
	{
	margin-left: auto;
	margin-right: auto;
	}
	
.clear
	{
	clear: both;
	}



/* --- Layout --- */

#wrapper
	{
	width: 1000px;
	margin: 0 auto;
	}
	
#header
	{
	background: url(img/header.gif) no-repeat bottom;
	}
	
#contents
	{
	background: url(img/side.gif) repeat-y;
	}
	
#left_col
	{
	float: left;
	display: inline;
	width: 760px;
	margin: 0 0 0 2px;
	}
	
#right_col
	{
	float: right;
	display: inline;
	width: 236px;
	margin: 51px 2px 30px 0;
	}
	
#footer
	{
	background: url(img/footer.gif) no-repeat top;
	height: 90px;
	}



/* --- Header --- */

#header_top
	{
	height: 125px;
	}
	
#logo
	{
	float: left;
	display: inline;
	margin: 26px 0 0 0px;
	}

/* - Blog Title - */

#logo a, #logo a:visited
	{
	color: #002e37;
	font-size: 24px;
	}
	
#logo a:hover
	{
	text-decoration: underline;
	color: #002e37;
	}

/* - Description - */

#logo h1
	{
	font-weight: normal;
	line-height: 100%;
	margin: 0;
	padding: 0;
	color: #4c9baa;
	font-size: 11px;
	}

/* ... The header menu is at the bottom of this page. ... */



/* --- Left Column --- */

.post
	{
	background: url(img/post_line.gif) no-repeat left bottom;
	}

#single_post
	{
	background: none;
	}

.post_odd
	{
	clear: both;
	}

.post_even
	{
	background: url(img/meta_stripe.gif) repeat-y left;
	clear: both;
	}

.post_content_wrapper
	{
	float: right;
	width: 580px;
	padding: 50px 15px;
	}

.post_meta
	{
	float: left;
	display: inline;
	width: 120px;
	padding: 0 15px 35px;
	margin: 35px 0 0 0;
	}

.content_noside
	{
	float: right;
	width: 580px;
	padding: 15px;
	}



/* --- Post --- */

/* - Post Title - */

.post_title
	{
	font-size: 16px;
	margin: 0 0 11px 0;
	font-weight: normal;
	line-height: 0;
	background: url(img/stripe1.gif) repeat-x bottom;
	padding: 0;
	}

.post_title a, .post_title a:visited, .post_title span
	{
	color: #002e37;
	line-height: 120%;
	display: inline-block;
	padding: 0 0 13px 0;
	}

.post_title a:hover
	{
	text-decoration: underline;
	color: #002e37;
	}

.post_content
	{
	line-height: 160%;
	}

.post_content p
	{
	margin: 0 0 15px 0;
	}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6
	{
	margin: 0 0 15px 0;
	}

.post_content a, .post_content a:visited
	{
	color: #df526d;
	text-decoration: none;
	}

.post_content a:hover
	{
	color: #004754;
	text-decoration: underline;
	}

/* - Read More - */

.post_content a.more-link, .post_content a.more-link:visited 
	{
	display: block;
	clear: both;
	color: #df526d;
	margin: 15px 0 0 0;
	height: 20px;
	padding: 0 0 4px 45px;
	background: url(img/read_more.gif) no-repeat left top;
	text-decoration: none;
	}

.post_content a.more-link:hover
	{
	color: #004754;
	background: url(img/read_more.gif) no-repeat left bottom;
	text-decoration: underline;
	}

/* - Layout of Image - */

.post img.centered,div.centered
	{
	display: block;
	margin: 0 auto;
	}

.post img.aligncenter,div.aligncenter
	{
	display: block;
	margin: 0 auto;
	}

.post img.alignright, div.alignright
	{
	margin: 4px 0 15px 15px;
	display: inline;
	}

.post img.alignleft, div.alignleft
	{
	margin: 4px 15px 15px 0;
	display: inline;
	}

/* - Table - */

.post table
	{
	margin: 0 0 1em 0;
	}

.post td, .post th
	{
	border: 1px solid #4c9baa;
	padding: 15px;
	}

.post th
	{
	background: #ffffff;
	font-weight: normal;
	}

/* - List - */

.post_content ul li
	{
	margin: 0 0 1em 0;
	line-height: 160%;
	background: url(img/bullet1.gif) no-repeat 3px 7px;
	padding: 0 0 0 18px;
	}

.post_content ol li
	{
	margin: 0 0 1em 0;
	}

.post_content input
	{
	margin: 5px 0;
	}

/* - Post Meta (left side of each post) - */

.post_meta
	{
	font-size: 11px;
	text-align: right;
	line-height: 160%;
	margin: 34px 0 0 0;
	}

.post_meta dt
	{
	color: #ffffff;
	margin: 20px 0 0 0;
	padding-top: 20px;
	background: url(img/dot1.gif) repeat-x top;
	}

.post_meta dt.meta_date
	{
	padding: 16px 0 5px 0;
	margin: 0;
	background: none;
	}

.post_meta a, .post_meta a:visited
	{
	color: #ffffff;
	}

.post_meta a:hover
	{
	color: #df5279;
	}

.post_date
	{
	font-size: 32px;
	padding: 5px 0 0 0;
	}

.post_date span
	{
	color: #ffffff;
	}

/* - Odd Post Color - */

.meta_comment a, .meta_comment a:visited, .post_date, .post_meta dt.meta_comment
	{
	color: #df5279;
	}

/* - Even Post Color - */

.post_even .meta_comment a, .post_even .meta_comment a:visited, .post_even .post_date, .post_even .post_meta dt.meta_comment, .post_even .post_meta a:hover
	{
	color: #df5279;
	}

/* - Next and Previous Post - */

#previous_next_post
	{
	padding: 15px 15px;
	margin: 0 0 0 150px;
	width: 580px;
	}

#previous_next_post #previous_post a
	{	
	float: left;
	display: block;
	width: 231px;
	padding: 5px 0 10px 35px;
	background: url(img/preview_post.gif) no-repeat left top;
	}

#previous_next_post #next_post a
	{
	float: right;
	display: block;
	text-align: right;
	width: 231px;
	padding: 5px 35px 10px 0;
	background: url(img/next_post.gif) no-repeat right top;
	}

#previous_next_post p
	{
	line-height: 140%;
	margin: 0;
	}



/* --- Header Meta (for breadcrumb, archive, category, tag, search) --- */

#header_meta
	{
	width: 580px;
	background: url(img/header_meta.gif) no-repeat right top;
	border-bottom: 1px solid #002e37;
	padding: 8px 15px;
	margin: -11px 0 -20px 150px;
	}
	
#header_meta ul#bread_crumb
	{
	margin: 0;
	}
	
#header_meta ul#bread_crumb li
	{
	display: inline;
	font-size: 11px;
	margin: 0;
	}
	
#header_meta ul#bread_crumb li#bc_home, #header_meta ul#bread_crumb li#bc_cat
	{
	background: url(img/arrow5.gif) no-repeat right 4px;
	margin: 0 6px 0 0;
	padding: 0 15px 0 0;
	}
	
#header_meta p
	{
	margin: 0;
	font-size: 14px;
	padding: 10px 0 7px 0;
	}
	
#header_meta #keyword
	{
	color: #002e37;
	}



/* --- Right Column --- */

.side_box
	{
	color: #ffffff;
	margin: 0 15px 25px;
	font-size: 11px;
	background: url(img/dot1.gif) repeat-x top;
	clear: both;
	padding: 30px 0 0;
	}
	
.first_side_box
	{
	background: none;
	padding: 0;
	}

#right_col h3
	{
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
#right_col a, #right_col a:visited
	{
	color: #df5279;
	}
	
#right_col a:hover
	{
	color: #df5279;
	text-transform: underline;
	}

.side_box ul
	{
	margin: 0;
	}
	
.side_box li
	{
	margin: 0 0 1em 0;
	line-height: 140%;
	}
	
.side_box li li
	{
	padding: 0 0 0 1em;
	margin: 3px 0;
	}

/* -  Information Box - */

#information_area
	{
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	}
	
#information
	{
	color: #df5279;
	background: url(img/stripe4.gif) left top;
	padding: 10px;
	border: 2px solid #4c9baa;
	margin: 0 15px;
	line-height: 160%;
	}

/* - RSS Feed - */

#entries_rss
	{
	font-size: 11px;
	padding: 2px 0 0 18px;
	margin: 8px 15px 0 0;
	float: right;
	display: inline;
	}
	
#entries_rss a:hover
	{
	text-decoration: none;
	}

a.rsswidget img 
	{
	display: none;
	}

/* - Search Area - */

#search_area
	{
	width: 206px;
	height: 27px;
	background: url(img/search.gif) no-repeat left top;
	margin: 0 0 7px 0;
	}
	
#search_input
	{
	float: left;
	margin: 6px 0 0 5px;
	border: 0px;
	height: 15px;
	display: inline;
	width: 150px;
	font-size: 100%;
	color: #ffffff;
	background: transparent;
	}
	
#search_button
	{
	float: right;
	}
	
#search_area_top
	{
	background: none;
	padding: 0;
	margin: 0 15px 25px;
	}

/* - Tag List - */

#tag_list
	{
	margin: 0 0 -25px 0;
	}
	
.search_tag
	{
	float: right;
	display: block;
	margin :0 0 5px 0;
	padding: 2px 0 2px 24px;
	font-size: 11px;
	background: url(img/tag1.gif) no-repeat left top;
	}
	
.search_tag:hover
	{
	text-decoration: none;
	}
	
.active_search_tag
	{
	background: url(img/tag2.gif) no-repeat left top;
	}
	
#tag_list .wp-tag-cloud
	{
	clear: both;
	margin: 0 0 10px 0;
	border: 2px solid #df5279;
	background: #002e37;
	padding: 6px;
	display: none;
	}
	
#tag_list .wp-tag-cloud li
	{
	display: inline;
	margin: 0 5px 0 0;
	line-height: 170%;
	}

/* - Calendar - */

#wp-calendar
	{
	margin: 0 auto;
	width: 100%;
	font-size: 11px;
	}
	
#wp-calendar th, #wp-calendar td
	{
	padding: 0;
	width: 14%;
	line-height: 220%;
	text-align: center;
	}
	
#wp-calendar th
	{
	color: #ffffff;
	}
	
#wp-calendar td a, #wp-calendar td a:visited
	{
	display: block;
	text-decoration: none;
	color: #df5279;
	background: url(img/calendar2.gif) no-repeat center;
	}
	
#wp-calendar td a:hover
	{
	background: url(img/calendar3.gif) no-repeat center;
	color: #002e37;
	text-decoration: underline;
	}
	
#wp-calendar caption
	{
	padding: 8px 0;
	}
	
#wp-calendar tfoot td
	{
	border: none;
	padding: 5px 0;
	}

#wp-calendar #prev a, #wp-calendar #prev a:visited, #wp-calendar #next a, #wp-calendar #next a:visited
	{
	text-decoration: none;
	background: none;
	color: #df5279;
	}
	
#wp-calendar #prev a:hover, #wp-calendar #next a:hover
	{
	text-decoration: underline;
	color: #df5279;
	}
	
#wp-calendar td#today
	{
	color: #ffffff;
	font-weight: bold;
	background: url(img/calendar1.gif) no-repeat center;
	}

/* - Recent Post Date (for non widget users) - */

.side_box li.side_date
	{
	margin: 0;
	padding: 0;
	}

/* - Return Top Link - */

#return_top a
	{
	position: absolute;
	position: fixed;
	right: 15px;
	bottom: 15px;
	width: 18px;
	height: 99px;
	display: block;
	background: url(img/return_top.png) no-repeat left top;
	}
	
#return_top a:hover
	{
	background: url(img/return_top.png) no-repeat right top;
	text-decoration: none;
	}



/* --- Footer --- */

#copyright
	{
	float: left;
	display: inline;
	margin: 55px 0 0 -10px;
	color: #002e37;
	}
	
#copyright li
	{
	float: left;
	display: inline;
	font-size: 11px;
	margin: 0 10px 0 0;
	padding: 0 0 0 13px;
	background: url(img/footer_line.gif) no-repeat left center;
	}
	
#copyright li a, #copyright li a:visited
	{
	color: #df526d;
	}



/* --- Page --- */

#page_noside_contents
	{
	background: url(img/side_noside.png) repeat-y;
	padding: 30px 122px 10px;
	}

#page_noside_header
	{	
	background: url(img/header_noside.png) no-repeat top;
	height: 32px;
	margin: -32px 0 0 0;
	}

#page_noside_post
	{
	padding: 0 15px 20px;
	background: none;
	}

#footer_noside
	{
	background: url(img/footer_noside.png) no-repeat top;
	height: 90px;
	}

#page_date
	{
	margin: -9px 0 0 0;
	font-size: 11px;
	}



/* --- Page Navigation --- */

/* - Pager Navigation - */

.page_navi
	{
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
	}

.page_navi li
	{
	line-height: 0%;
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 11px;
	}

.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current,
.page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots
	{
	color: #002e37;
	width: 30px;
	padding: 0;
	margin: 0 3px 0 0;
	display: block;
	float: left;
	text-align: center;
	line-height: 30px;
	background: url(img/pager1.gif) no-repeat left top;
	}

.page_navi a:hover
	{
	color: #002e37;
	background: url(img/pager1.gif) no-repeat left bottom;
	text-decoration: none;
	}

.page_navi span.current
	{
	background: url(img/pager2.gif) no-repeat left top;
	color: #ffffff;
	}

/* - Normal Navigation - */

#normal_next_post a
	{
	float: left;
	display: block;
	padding: 5px 0 10px 35px;
	background: url(img/preview_post.gif) no-repeat left top;
	}

#normal_previous_post a
	{
	float: right;
	display: block;
	text-align: right;
	padding: 5px 35px 10px 0;
	background: url(img/next_post.gif) no-repeat right top;
	}



/* --- Header Menu --- */

.header_menu
	{
	float: right;
	display: inline;
	margin: 20px 0 0 0;
	height: 52px;
	background: url(img/header_menu_right.gif) no-repeat right top;
	border: 1px #df5279;
	}

.menu
	{
	float: left;
	background: url(img/header_menu_left.gif) no-repeat left top;
	font-size: 11px;
	height: 52px;
	margin: 0;
	}
	
.menu, .menu ul
	{
	line-height: 1;
	margin: 0;
	padding: 0;
	}
	
.menu li
	{
	position: relative;
	float: left;
	border-left: 1px solid #df5279;
	height: 48px;
	margin: 2px 0 0 0;
	z-index: 10;
	}
	
.menu ul li
	{
	height: auto;
	border-left: none;
	padding: 0;
	left: auto;
	margin: 0;
	}
	
.menu a:link, .menu a:visited
	{
	color: #df526d;
	display: block;
	padding: 19px 30px 14px;
	position: relative;
	}
	
.menu a:hover
	{
	color: #df5279;
	text-decoration: underline;
	background: #002e37;
	}
	
.menu ul
	{
	position: absolute;
	top: 48px;
	left: 0;
	display: none;
	opacity: 0;
	width: 200px;
	}
	
.menu ul ul
	{
	margin: 0 0 0 189px;
	top: 0;
	}

.menu ul a:link, .menu ul a:visited,
 .menu .current_page_item ul a:link, .menu .current_page_item ul a:visited,
  .menu ul .current_page_item a:link, .menu ul .current_page_item a:visited,
   .menu ul .current_page_item ul a:link, .menu ul .current_page_item ul a:visited,
 .menu .current-cat ul a:link, .menu .current-cat ul a:visited,
  .menu ul .current-cat a:link, .menu ul .current-cat a:visited,
   .menu ul .current-cat ul a:link, .menu ul .current-cat ul a:visited,
 .menu .current-menu-item ul a:link, .menu .current-menu-item ul a:visited,
  .menu ul .current-menu-item a:link, .menu ul .current-menu-item a:visited,
   .menu ul .current-menu-item ul a:link, .menu ul .current-menu-item ul a:visited
   	{
   	color: #df526d;
   	background: #004754;
   	line-height: 140%;
   	padding: 9px 28px 7px;
   	border: 1px solid #df5279;
   	width: 132px;
   	margin: -1px 0 0 0;
   	}

.menu ul a:hover,
 .menu .current_page_item ul a:hover,
  .menu .current-cat ul a:hover,
   .menu .current-menu-item ul a:hover,
.menu .first_menu ul a:hover,
 .menu .last_menu ul a:hover
	{
	color: #df5279;
	text-decoration: underline;
	background:#002e37;
	}

.menu .current_page_item,
 .menu .current-cat,
  .menu .current-menu-item
	{
	background:url(img/stripe2.gif) left top;
	z-index:9;
	}

.menu .current_page_item a:link, .menu .current_page_item a:visited,
 .menu .current-cat a:link, .menu .current-cat a:visited,
  .menu .current-menu-item a:link,  .menu .current-menu-item a:visited
	{
	color: #ffffff;
	padding-bottom: 21px;
	font-weight: bold;
	background: url(img/header_menu_arrow.gif) no-repeat center bottom;
	}

.menu ul .current_page_item a:link, .menu ul .current_page_item a:visited,
 .menu ul .current-cat a:link, .menu ul .current-cat a:visited,
  .menu ul .current-menu-item a:link, .menu ul .current-menu-item a:visited
	{
	color:#df5279;
	background:#004754 url(img/stripe2.gif) left top;
	}

.menu ul .current_page_item ul a:link, .menu ul .current_page_item ul a:visited,
 .menu ul .current-cat ul a:link, .menu ul .current-cat ul a:visited,
  .menu ul .current-menu-item ul a:link, .menu ul .current-menu-item ul a:visited
	{ 
	color:#df5279;
	background:#004754;
	}

.menu ul .current_page_item ul a:hover,
 .menu ul .current-cat ul a:hover,
  .menu ul .current-menu-item ul a:hover
	{
	color: #df5279;
	background: #4c9baa;
	}

.menu .first_menu
	{
	border: none;
	background: none;
	}
	
.menu .first_menu_active
	{
	background: url(img/header_menu_first_active.gif) no-repeat left top;
	border: none;
	}
	
.menu .first_menu a:hover
	{
	background: url(img/header_menu_first_hover.gif) no-repeat left top;
	}
	
.menu .last_menu
	{
	background: none;
	}
	
.menu .last_menu_active
	{
	background: url(img/header_menu_last_active.gif) no-repeat right top;
	}
	
.menu .last_menu a:hover
	{
	background: url(img/header_menu_last_hover.gif) no-repeat right top;
	}

.menu ul .parent_menu > a:link, .menu ul .parent_menu > a:visited
	{
	background: #df5279 url(img/arrow4.gif) no-repeat right 14px;
	}
	
.menu ul .parent_menu > a:hover
	{
	background: #df5279 url(img/arrow4.gif) no-repeat right 14px;
	}



/* --- Clearfix Hack --- */

.clearfix:after
	{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
	
.clearfix
	{
	display: inline-block;
	}
	
/* - exlude MacIE5 - */

* html .clearfix
	{
	height: 1%
	
	}
.clearfix
	{
	display:block;
	}
	
/* end MacIE5 */