/* @override 
	http://localhost:8888/cm/wp/wp-content/themes/cm/style.css
	http://www.connectormedia.co.uk/wp/wp-content/themes/cm/style.css
*/

/*  
Theme Name: connector media
Theme URI: http://eyedea.eu
Description: typographical
Version: 1.0
Author: Prisca Schmarsow
Author URI: http://graphiceyedea.co.uk
*/

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

/* Eric Meyer's Reset Reloaded - thanks, Eric :-)  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

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

/* ################## template notes ##################
#wrap 					*all content

#header 				h1, p
						blog title (h1), blog description (p)
			
#nav					ul
						categories, then pages
#sidebar				ul [inc dynamicSidebars & widgets if in use]
						sidbar with search, links + additional 
						(postlists etc, see extra ids/classes)
			
#content				*all page content (+ classes assigned by WP)
						.post > post on category page
						.post h3 > post title (+ link) on category page
						.post.pagepost > post on page
						.post.pagepost h2 > post title on page
			
#footer		ul

*** extras ***

form#searchform			searchbox
input#searchsubmit		submit button, searchbox

################## END template notes ################## */

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

/* ################## COLOURS ##################
#000					text colour
#333					headers

################## END template notes ################## */

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

/* ################## general ################## */

body {
	font-family: Century Gothic, Lucida Grande, sans-serif;
	font-size: 1em;
	line-height: 1.3;
	background: #F3EDF7;
}

p, ul, ol {
	font-size: 0.9em;
	margin: 0 0 1em 0;
}

ul {
	border-left: 4px solid #F3EDF7;

}
ul li {
	background: url(images/bullet-line.gif) no-repeat;
	padding: 4px 0 4px 14px;
}

ol {
	list-style: decimal;
	border-left: 4px solid #F3EDF7;
	padding: 0 0 0 22px;
}

p {
	max-width: 550px;
}

a, a:link, a:visited {
	color: #688E00;
}

a:hover, a:focus, a:active {
	color: #7700AF;
}

.clear {
	clear: both;
	
}

/* ################## wrapper ################## */

#wrap {
	position: relative;
	margin: 0 2em;
	border-left: 1px solid #F3EDF7;
	background: #fff;
	display: block;
}

/* ################## masthead ################## */

#header {
	display: block;
	width: 260px;
	float: left;
}

#header h1 a {
	display: block;
	width: 190px;
	height: 80px;
	margin: 20px 20px 0 20px;
	background: url(images/cm-logo.gif) center no-repeat;
	text-indent: -9999px;
}

#header p {
	display: block;
	width: 220px;
	font-size: .9em;
	font-weight: bold;
	color: #7700AF;
	text-align: center;
	padding: 0 5px;
	margin: 5px 0 0 0;
}

/* ################## main nav ################## */

#nav a {
	text-decoration: none;
}

#nav {
	clear: left;
	display: block;
	width: 180px;
	float: left;
	border-left: 1px solid #688E00;
	padding: 4px 0 .3em 15px;
	margin: 10px 0 0 55px;
}

#nav ul, #arch ul {
	margin: 0;
	padding: 0;
	border: none;
}

#nav ul li {
	display: block;
	background: none;
	padding: 0;
	margin: 0;
	line-height: 1.3;
}

/* ################## sub nav ################## */

#nav ul li ul.children {
	display: block;
	margin: .6em 0;
	padding: 0 0 .6em .4em;
	list-style: disc;
	border-left: 1px solid #7700AF;
	font-size: 1em;
}

#nav ul li ul.children a {
	color: #7700AF;
}

/* ################## CURRENT HIGHLIGHTING ################## */
#nav ul li.current-cat, #nav ul li.current_page_item {
	font-weight: bold;
}
#nav ul li ul.children li.current-cat a {
	font-weight: bold;	
} 
/* reset font weight for usb link of current */
#nav ul li ul.children li.cat-item {
	font-weight: normal;
}
/* ################## archive nav ################## */

#arch a {
	text-decoration: none;
	color: #7700AF;
}

#arch {
	clear: left;
	display: block;
	width: 180px;
	float: left;
	border-left: 1px solid #7700AF;
	padding: 4px 0 .3em 15px;
	margin: 50px 0 0 55px;
}

#arch h2 {
	font-size: 1.2em;
	color: #7700AF;
	text-transform: lowercase;
}

#arch ul {
	margin: 0;
}

#arch ul li {
	display: block;
	background: none;
	padding: 0;

}

#arch ul li ul.children {
	display: block;
	margin: .6em 0;
	padding: 0 0 .6em .4em;
	list-style: disc;
	border-left: 1px solid #7700AF;
	font-size: 1em;
}

#arch ul li ul.children a {
	color: #7700AF;
}

/* ################## sidebar ################## */

#contentwrap #sidebar a {
	text-decoration: none;
}

#contentwrap #sidebar {
	float: left;
	width: 31%;
	margin: 0 0 0 0;
	padding: 3.9em 0 1em 22px;
}

#contentwrap #sidebar ul {
	width: 46%;
	float: left;
	margin: 0 .8em 1em 0;
	list-style: none;
	border: none;
	padding: 0;

}

#contentwrap #sidebar ul li {
	margin: 0 0 .4em 0;
	background: none;
	padding: 0;
}

#contentwrap #sidebar ul li ul {
	width: 100%;
	border: none;
}

#contentwrap #sidebar ul li ul li {
	margin: 0 0 .4em 0;
}

/* ################## sidebar — TOP: RSS & SEARCH ################## */

#contentwrap #sidebar span.meta {
	display: block;
	width: 48%;
	height: 5em;
	float: left;
	margin: 0 1% 0 0;
}

/* RSS */

#contentwrap #sidebar span.meta.rss ul {
	width: 66px;
	padding: 10px 0 0 0;
	background: url(images/rss.gif) bottom left no-repeat;
}

#contentwrap #sidebar span.meta.rss ul li {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1em;
}

#contentwrap #sidebar span.meta.rss ul li a {
	text-decoration: none;
	letter-spacing: 0.1em;
	padding: 0 0 0 62px;
}

#contentwrap #sidebar span.meta.rss ul li a:hover {
	text-decoration: none;
	letter-spacing: 0.2em;
}

/* SEARCH */

#contentwrap #sidebar span.meta.search form {
	
}

form#searchform {
	display: block;
	margin: .5em 0;
	color: #7700AE;
}

form#searchform	input {
	display: block;
	width: 80%;
	margin: 0;
	background: none;
	border: none;
	background: #fff;
	color: #7700AE;
	padding: 4px;
	border-left: 4px solid #7700AF;
	border-right: 4px solid #688E00;
}

form#searchform input#searchsubmit {
	display: block;
	width: 90%;
	padding: 2px;
	background: none;
	color: #7700AE;
	border: none;
	text-transform: lowercase;
	font-size: 1em;
}

/* ################## sidebar - RECENT - POSTS + COMMENTS ################## */

#contentwrap #sidebar h2 {
	font-size: 1.1em;
	letter-spacing: -0.055em;
	display: block;
	line-height: 1em;
	color: #7700AE;
	padding: 0 0 1em 0;

}



/* recent comments via widget */
#contentwrap #sidebar span.recentcomments {
	display: block;
	width: 100%;
	float: left;
	margin: 0 3% 2em 0;	
}


#contentwrap #sidebar span.recentcomments ul {
	width: 100%;
	display: block;
	font-size: 1em;
	line-height: 1.2em;
	margin: 3px 2% 0 0;
	padding: 0;
	list-style: none;
	border: none;
}

#contentwrap #sidebar span.recentcomments ul li ul {	border: none;
	width: 100%;
}

#contentwrap #sidebar span.recentcomments ul li ul li {
	margin: 0 0 1.2em 0;
}

#contentwrap #sidebar span.recentcomments ul li ul li img.kjgrcGravatar {
	width: 30px;
	height: 30px;
	float: left;
	margin: -3px 3px 3px 0;
}
#contentwrap #sidebar span.recentcomments ul li ul li span {
	color: #7700AE;	
	font-style: italic;
	font-size: .8em;
}

#contentwrap #sidebar span.recentcomments ul li ul li p {
	clear: both;
	font-size: .8em;
	line-height: 1.3;
}



#contentwrap #sidebar ul li.linkcat h2 {
	height: inherit;
	margin: 0 0 .6em 0;
	height: 2em;
}
/* ################## sidebar - VIMEO ################## */

#contentwrap #sidebar h2.vidtit {
	font-size: 1.4em;
	font-weight: normal;
}

#contentwrap #sidebar span#vid {
	display: block;
	font-size: .8em;
	margin: 0;
}

/* ################## sidebar - FLICKR ################## */

.flickr {
	clear: left;
	display: block;
	width: 47%;
	float: left;
	margin: 0 2% 0 0;
	background: url(images/flickr_tit.gif) no-repeat;
	padding: 38px 0 0 0;
}

.flickr a img {
	width: 42%;
	height: auto;
	float: left;
	margin: 0 4% 4px 0;
	border: none;
	border-left: 1px solid #7700AE;
	border-right: 1px solid #7700AE;
	padding: 0 1px;
}

.flickr a img:hover, .flickr a img:active, .flickr a img :focus {
	border-left: 2px solid #688E00;
	border-right: 2px solid #688E00;
	padding: 0;
}

.search {
	display: block;
	width: 46%;
	float: left;
	height: 3em;
}

/* ################## sidebar - partners ################## */

#contentwrap #sidebar .partners {
	display: block;
	clear: both;
	margin: 2em 0 0 0;

}
#contentwrap #sidebar .partners h2 {
	height: inherit;
}
#contentwrap #sidebar .partners ul {
	width: 100%;
	display: block;
	margin: 0;
}
#contentwrap #sidebar .partners ul li {
	display: block;
	margin: 3px 0;
}
#contentwrap #sidebar .partners ul li a img {
	border-left: 4px solid #7700AE;
}

#contentwrap #sidebar .partners ul li a:hover img {
	border-left: 4px solid #688E00;
}


/* recently published - post title links */
#contentwrap #sidebar span.recent {

}


#contentwrap #sidebar span.recent ul li ul li {

}

/* ################## sidebar - partners = contribute cat ################## */
#contentwrap #sidebar .partners.contribute {
	width: 50%;
	float: right;
	margin: 0;
}
#contentwrap #sidebar .partners.contribute h2 {
	letter-spacing: -0.055em;
	display: block;
	line-height: 1em;
	color: #7700AE;
	padding: 0 0 1em 0;
}

#contentwrap #sidebar .partners.contribute ul {
	width: 100%;
	display: block;

}
#contentwrap #sidebar .partners.contribute ul li  {
	margin: 1px 0;
}
#contentwrap #sidebar .partners.contribute ul li a img {
	width: 96%;
	height: auto;
}
#contentwrap #sidebar .flickr.contribute {
	clear: left;
	display: block;
	width: 47%;
	float: left;
	margin: 0 2% 0 0;
	background: url(images/flickr_tit.gif) no-repeat;
	padding: 30px 0 0 0;
}

#contentwrap #sidebar .flickr.contribute a img {
	width: 42%;
	height: auto;
	float: left;
	margin: 0 4% 6px 0;
	border: 1px solid #333;
}

/* ################## sidebar - META ################## */

#contentwrap #sidebar ul.meta {
	color: #7700AE;
	width: 80%;
	float: left;
	font-size: .8em;
	margin: 2em 0 0 0;
	list-style: none;
	border: none;
	padding: 5px 0 1px 50px;
	background: url(images/wp-icon.png) top left no-repeat;
}
#contentwrap #sidebar ul.meta li  {
	display: inline;
	margin: 0 6px 0 0;
}

/* ################## eyedea link ################## */
#contentwrap #sidebar span.eyedea a, #contentwrap #sidebar span.eyedea a:link, #contentwrap #sidebar span.eyedea a:visited {
	font-size: .8em;
	background: transparent url(images/eyedea.png) no-repeat;
	background-position: 3px 3px;
	padding: 0 0 0 50px;
	border-bottom: none;
}
#contentwrap #sidebar span.eyedea a:hover, #contentwrap #sidebar span.eyedea a:active {
	background: transparent url(images/eyedea.png) no-repeat;
	background-position: 3px -33px;
	color: #7700AE;
}


/* ################## content ################## */

#contentwrap {
	margin: 0 0 0 260px;
	padding: 0;
	background: #F3EDF7;
	border-left: 1px solid #688E00;
}

#content {
	display: block;
	width: 60%;
	float: left;
	padding: 62px 2em 22em 22px;
	border-right: 1px solid #688E00;
	background: #FAF7FC;
}

/* ################## footer ################## */

#footer {
	clear: both;
	border-top: 1px solid #688E00;
	border-bottom: 1px solid #F3EDF7;
	padding: .3em 2em .3em 2em;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	margin: 0 2em 0 0;
}

/* ################## HEADERS ################## */

#content h2, #content h3 {
	font-size: 1.8em;
	letter-spacing: -0.06em;
	line-height: 1em;
	margin: 0 0 .6em 0;
	color: #7700AE;
	border-bottom: 1px solid #F3EDF7;
	padding: 0;
	text-transform: lowercase;
}

#content .post h2, #content .post h3 {
	margin: 0 0 .5em 0;
}

#content .post h2 a, #content .post h3 a {
	text-decoration: none;
}

/* ################## POST ################## */

#content .post {
	padding: 0;
}

#content .post blockquote {
	padding: 0;
	font-style: italic;
}


#content .post p.postmetadata {
	clear: both;
	display: block;
	margin: 1em 0 6em 0;
	border-top: 1px dashed #F1E8F7;
	color: #7700AF;
}

#content .post p.postmetadata span {
	float: right;
}


#content .post p strong {
	text-transform: lowercase;
	font-size: 1.6em;
	color: #7700AF;
	letter-spacing: -0.06em;
}

/* ################## SINGLE PAGE - heading ################## */

#content.single h1 {
	font-size: 1.8em;
	margin: 0 0 .3em 0;
}

#content.single h1 a {
	text-decoration: none;
}

#content.single .navigation {
	display: block;
	border-bottom: 1px solid #F1E8F7;
	font-size: .8em;
	margin: 6em 0 2em 0;
	padding: 0;
}

#content.single .navigation h6 {
	border-bottom: 1px solid #F1E8F7;
	font-size: 2em;
	color: #D5C7E0;
}

#content.single .navigation span {
	width: 48%;
	float: left;
	padding: 0 0 0 1%;
}

#content.single .navigation span.next {
	text-align: right;
}

#content.single .navigation a {
	text-decoration: none;
	color: #7700AF;
}

#content.single .navigation a:hover, #content.single .navigation a:active {
	text-decoration: none;
	color: #7700AF;
}
/* ################## PAGE - POSTS ################## */
#content .pagepost p img.alignleft {
	float: left;
	margin: 0 12px 4px 0;
	border-left: 4px solid #F3EDF7;
	border-right: 1px solid #7700AE;
} 



/* ################## SINGLE PAGE - COMMENTSLIST ################## */

#content.single ol.commentlist {
	display: block;
	font-size: 1em;
	border: none;
	padding: 0;
	margin: 0 0 3em 0;
}

#content.single ol.commentlist li {
	clear: left;
	margin: 0 0 2em 0;
	border-left: 3px solid #D5C7E0;
	list-style: none;
}

#content.single ol.commentlist li cite {
	display: block;
	width: 90px;
	float: left;
	text-align: center;
	padding: 4px 0;
	font-size: 1em;
}

#content.single ol.commentlist li cite img {
	display: block;
	margin: 0 20px;
	width: 50px;
	height: 50px;
}

#content.single ol.commentlist li cite a {
	display: block;
	text-decoration: none;
	font-size: .8em;
	line-height: 1.6;
}

#content.single ol.commentlist li cite span.commentmetadata {
	font-size: .8em;
	line-height: 1.2em;
}

#content.single ol.commentlist li p {
	margin: 0 0 1.5em 100px;
}



/* ################## SINGLE PAGE - COMMENT FORM ################## */
h3#respond {
	clear: both;
	margin: 2em 0;
}
#content.single {
	
}

form#commentform {
	display: block;
	margin: 1em 0;
	font-size: 0.8em;
}

form#commentform p {
	margin: 0;
	padding: 0;
}

form#commentform input {
	background: #F1E8F7;
	border: 1px solid #7700AE;
	margin: 1em 1em 0 0;
	width: 180px;
	padding: 3px;
	color: #7700AE;
}

form#commentform textarea {
	background: #F1E8F7;
	border: 1px solid #7700AE;
	margin: 1em 1em 0 0;
	width: 420px;
	padding: 3px;
	color: #7700AE;
}

form#commentform input:hover, form#commentform input:focus, form#commentform textarea:hover, form#commentform textarea:focus {
	background: #fff;
	border: 1px solid #688E00;
	color: #080c00;
}

form#commentform input#submit {
	display: block;
	background: transparent;
	border: none;
	border-bottom: 1px solid #7700AE;
	margin: 1em 0;
	width: 184px;
	padding: 3px;
	color: #7700AE;
	font-weight: bold;
}

form#commentform input#submit:hover, form#commentform input#submit:focus {
	color: #688E00;
	border: none;
	border-bottom: 1px solid #688E00;
}

/* ################## HOMEPAGE SETTINGS
 - list of titles for 'women making headlines' cat
 - recent comments 
 - FLICKR 
 - partner organisations
 ################## */
#content.home span.headlines {
	padding: 0;
	display: block;
	margin: 0 0 40px 0;
}
#content.home span.headlines h3 a {
	font-size: 1em;
	letter-spacing: -0.06em;
	line-height: 1em;
	background: none;
	padding: 0;	
}
#content.home span.headlines ul li {
	margin: 0 0 .4em 0;
}


#content.home span.headlines p {
	margin: .4em 0;
}
#content.home .post p.postmetadata {
	display: block;
	margin: 1em 0 3em 0;
}

#content.home .recent {
	display: block;
	width: 47%;
	float: left;
	margin: 0 2% 0 0;
}

#content.home .recent h2 {
	font-size: 1.2em;
	margin: .3em 0;
	color: #7700AE;
	border-left: 4px solid #F3EDF7;
}



#content.home h2, #content.home h3 {
	margin: 0 0 .5em 0;
	color: #7700AE;
	border: none;
	padding: 0 0 0 0;
	text-transform: none;
}

#content.home h3 a {
	font-size: .66em;
	text-decoration: none;
	display: block;
	background: url(images/flickr_sprite.jpg) no-repeat;
	background-position: 0 1px;
	padding: 0 0 0 110px;
	color: #7700AE;
}

#content.home h3 a:hover, #content.home h3 a:focus, #content.home h3 a:active {
	background-position: 0 -155px;
	padding: 0 0 0 110px;
	color: #688E00;
}

#content.home .flickr {
	display: block;
	width: 48%;
	float: left;
	margin: 0 2% 0 0;
	background: none;
	padding: 0;
}
#content.home .flickr h3 {
	margin: 0 0 10px 0;
}
#content.home .flickr a img {
	width: 80px;
	height: 80px;
	float: left;
	margin: 0 4% 8px 0;
	border: none;
	border-left: 1px solid #7700AE;
	border-right: 1px solid #7700AE;
	padding: 0 1px;
}

#content.home .flickr a img:hover, #content.home .flickr a img:active, #content.home .flickr a img :focus {
	border-left: 2px solid #688E00;
	border-right: 2px solid #688E00;
	padding: 0;
}


#content.home span.recentcomments {
margin-left: 48%;
display: block;
}
#content.home span.recentcomments ul li h2 {
	font-size: 1.3em;
	padding: 3px 0;
}

#content.home span.recentcomments ul li ul {
	margin: 12px 0 0 0;
border: none;
}
#content.home span.recentcomments ul li, #content.home span.recentcomments ul li ul li {
background: none;
}
#content.home span.recentcomments ul li ul li span {
	font-style: italic;
}
#content.home span.recentcomments ul li ul li img {
	float: left;
	margin: 0 6px 0 0;
}


#content.home .post ul {
margin-bottom: 40px;
}

.partners ul li a img.alignleft {
float: left;
}

.post img.alignleft, .headlines img.alignleft  {
float: left;
margin-right: 5px;
}