/*
Theme Name: Media And Democracy Group
Theme URI: http://www.mediaanddemocracy.ca
Description: Theme developed for Media And Democracy Group
Author: Karen Low
Author URI: http://www.websolutionsbykaren.ca
Template: notes-blog-core-theme
Version: 0.1
*/

@import url("../notes-blog-core-theme/style.css");

/* todo

fix all hard coded image locations
update because added padding? 
	div.copycolumnwide { float:left; width:620px; }
	div.copycolumn { float:right; width:320px; }
	*/
	
/* Basic Structure

Header
960px wide (?)

Blog
/Content


Sidebar

widecolumn

*/




	
/* 
 STYLING
*/

/* DEBUG */
		div#content
		{ 
						
		}
		div#content h1
		{
			margin-bottom: 10px;			

		}

		
		
		div.entry-page { width:100%; float:left; 
			margin-top: 0px;
		}

		div.postmeta
		{
		}
		/* end DEBUG styling */
body
{
	font-family:Verdana,Geneva,'Bitstream Vera Sans','DejaVu Sans',sans-serif;
}

div#site
{
	background: #f6f6f6 url('img/gradient_bg.jpg') repeat-y center ;
}

h1
{
font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif; /* test - doesn't work - overwritten */
}

div#header h1
{
	display: none;
}

div#header
{
	background: url('img/gradient.jpg') repeat-y left ;
	width: 960px;
}

body.home div#content h2, body.archive div#content h2, body.search div#content h2, body.error404 div#content h2 
{
	font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;
}
	
div#blog
{	
	margin-bottom: 0;
}

div#home_desc
{
	border: 1px solid #222222;
	padding: 10px;
	background: #FFEDB4;
}

div#newsexcerpts
{	
	margin-top: 20px;
}

div#newsexcerpts h1, h2, h3
{
	line-height: 14px;
	letter-spacing: -1px;
	margin-bottom: 20px;
	font-weight: normal;
	/*font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;  /* where is this being overwritten ? */
	/*font-variant: small-caps;*/
}

div.post
{
	padding: 0px; margin-bottom: 10px; overflow:hidden; 
	line-height: 100%;
	}

div#content h1
{
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 0px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 0px;
	border: none;
}
	
div#content h2
	{
	font-size: 20px;
	line-height: 20px;
	margin-bottom:0px;
	}

a:link, a:active, a:visited
{
/*	color: #349933; original lighter green*/
	color: #248022;
	text-decoration: none;
}

div#content p a
{/* make body links only blue */
	color: #0000ff;
}

a:hover { color: #52B84A text-decoration: underline	; }


div#sidebar.column .widget, .widget_text
{
	color: #222;
	margin-top: 0;
}


.globe
{/* container to create globe background and shading */
	background: url('img/globe.jpg') repeat-y left top;
	float: left;
}
.dropshadow
{
	width: 215px;
	background: url('img/globe_ds_right.jpg') repeat-y right;
	float: left;
}
	.dropshadow .img
	{
		margin: 0; padding:0;
	}
	
	
	
.globe2
{/* container to create globe background and shading */
	background: url('img/globe.jpg') repeat-y left;
	float: left;
}
.dropshadow2
{
	background: url('img/globe_ds_right.jpg') repeat-y right;
	float: left;
}
	.dropshadow2 .img
	{
		margin: 0; padding:0;
	}
	

.textwidget p
{
	padding: 10px
}

div#footer
{
	width: 940px;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #bbb;
	border-width: 1px 0 5px 0;
	border-bottom-color: #444;
}
	ul.footercol { width: 174px; float:left; display:none: }



		ul.footercol li { list-style:none; margin-bottom: 15px; padding: 0 10px; }
			ul.footercol li ul { margin-left:1px; padding-left:0; }
				ul.footercol li ul li { margin-bottom: 5px; padding-left:0 !important; }
					ul.footercol li ul li ul { margin-left: 10px; }






/* top language selector */

#footer_language_list {
  margin: 0 132px 0 0;
  padding: 5px;
  text-align: right;
  border: 1px solid #fff;
  font: 11px Verdana, sans-serif;
  background-color: #fff;
}

#footer_language_list ul {
  list-style: none;
  margin:0;
  padding:0;
}

#footer_language_list ul li img {
  position: relative;
  top: 1px;
  width: 18px;
  height: 12px;
  padding: 0 5px;
}

#footer_language_list ul li {
  display:inline;
  margin:0 1px 0 0;
  padding: 0 5px;
}

#footer_language_list ul li a
{ 
  text-decoration: none;
}



/* --------------
 font and colour
-----------------*/

div#content, textarea#comment, input#author, input#email, input#url
	{ font-size: 13px; }

/* Medium-small font */
a.more-link, div.comment-body p
	{ font-size: 12px; }

/* Small font */
div#content small, div#copy, div.postmeta, ul#sidebar, div#footer, p.commentloggedin, div.reply, div.feed, div#submenu-nav
	{ font-size: 11px; }
	
	
/* common type */
div#content p
{
	line-height: 100%;
}

/* -------
layout
-----------*/


div#header
{
	margin: 0;	
}

div#contentarea

{
	height: auto 100%;
	background: #555555;
}
div#content {
	height: auto; 
	float:right;
	margin-top: 0;
	padding: 20px;
}

div.widecolumn
{	
	height: 100%;
	width: 435px;
	float:right;
	background: #fddd72;
	margin-right: 132px;
}

div.column, ul.column, ul#sidebar
{	
	float: left;
	margin: 0 0 0 130px; /* 132px */
	
	margin-top: 0px;
	width: 220px;
	
	padding: 0 10px 10px 10px;
	padding-left: 10px;
	padding-right: 10px;
}

div#sidebar.column.textwidget
{
	padding: 10px;
	background: red;
}

ul#sidebar
	{
	margin-top: 0;
	padding: 0 0 0 0px;
	/*box-shadow: 5px 5px 3px #888;*/
	}
	
/*---
 Design
 ----*/
 

	
/*--------
 MENU BAR
 --------*/
 
 /* parent template has submenu-nav - modify that for cleaner design?*/
 
div#header
{
	padding-bottom: 0px;
	border-width: 0 0 0 0;
}

#topnav 
{
	margin: 0 auto;
	padding: 0;
	padding-left: 132px;
}

#topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	background: #ffffff;
}
/*
	*/
#topnav li {
	float: left;
	padding: 10px 0 5px 0;
}

#topnav a {
	display: block;
	margin: 0;
	padding: 0 20px 0 0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	border: none;
	color: #000000;
}

#menu .current_page_item a {
}

#topnav a:hover {
	color: #333333;
	text-decoration: dotted;
}

/* from magicblue

#topnav{
padding: 0;
background:black;
}

#topnav ul{
margin: 0;
padding:3px 0;
list-style-type:none;

}

#topnav ul li{
margin: 10px 0 3px 15px;
padding: 6px 15px 6px 0px;
display:inline;
border-right: 2px solid #fff;
font-size: 90%;
font-family: Tahoma, Arial, sans-serif;
}

#topnav ul li a{
color: white;
}

#topnav ul li a:hover{
color:#A1E7FD;
 text-decoration:none;
} */