/*
Theme Name: Mode Med Mere
Theme URI: http://modemedmere.blogspot.com
Description: Mode Med Mere wordpress layout
Version: 1.0
Author: Benjamin Media
Author URI: http://benjamin.dk/
*/
/*

COLORS:
	Purple (header, visited links)		#800080
	Pink (Headings)						#ff6fcf
	Pink (sidebar)						#ffb7e7
	Blue (links)						#036
	MintGreen (emphasis blocks)			#ded
	OchraYellow (bg)					#fbb117

*/
/* @group S T R U C T U R E */
* {margin: 0; padding: 0;}
body {padding: 0 0 20px; font: normal 62.5% 'Trebuchet MS', Verdana, Arial, sans-serif; text-align: center; background: #fbb117 url(http://i46.photobucket.com/albums/f126/chairfan/pi_16241op.jpg); color: #000;}
	
	#B-banner {margin: 10px 0;}
	#header {width: 905px; margin: 20px auto; padding: 20px 45px; text-align: left; background: #800080; color: #fff;}
		#header a {display: block; margin: 0 0 10px; color: #fff; font-size: 2.6em; text-decoration: none; font-weight: bold;}
		#header a:hover {text-decoration: underline;}
		#header p {font-size: 1.3em;}
	
	#contentWrapper {width: 995px; margin: 0 auto; overflow: auto; text-align: left;}
		#content {float: left; width: 440px; margin: 0 17px; padding: 10px 20px; background: #fff; display: inline;}
		.sidebar {float: left; width: 220px; padding: 10px; background: #ffb7e7;}

/* @end */

/* @group Global elements */
a {color: #036;}
a:visited {color: #800080;}
a:hover {text-decoration: none; color: #258;}

img {border: 0;}

.pagetitle {margin: 0 0 .5em; font-size: 3em;}
.fs_powered_by {display: none !important;}
/* @end */

/* @group Sidebar + widgets */
.widget {margin: 0 0 2em; font-size: 1.3em; line-height: 1.3em;}
	.widget .subheading {font-size: 1em; margin: 0 0 .5em; padding: 0 0 .25em; border-bottom: 1px dotted #ff6fcf;}
	.widget ul {line-height: 1.5em;}
	
	/* =TO-DO: Stronger colors for larger tags, eg. #9a276d for really popular ones */
	.widget#tag_cloud-3 a {color: #bf4187;}

.sidebar ul {list-style: none;}

#tag_cloud-3 {line-height: 2em; text-align: center; }
	#tag_cloud-3 a {text-decoration: none;}
	#tag_cloud-3 a:hover {text-decoration: underline;}

.fs_powered_by {display: none !important;}

.bannerWrapper {overflow: hidden; margin: 10px 0; padding: 0 0 5px; text-align: center; border-bottom: 1px dotted #ff6fcf;}
/* @end */

/* @group Posts */
.post-date {font-weight: bold; text-transform: uppercase; letter-spacing: .2em;}
.post h2 {line-height: 1.4em; margin: .25em 0 0; padding: 0 0 4px; font-size: 1.8em;}
	.post h2 a {text-decoration: none; color: #ff6fcf;}
	.post h2 a:hover {text-decoration: underline;}

.post-body {color: #333;}

.post-body,
.post-footer {font-size: 1.3em; line-height: 1.6em; }
	
.post-footer {margin: 10px 0 0; padding: 5px; background: #ded; color: #666;}
	.post-footer span {display: block;}
		.post-footer a {color: #258;}
/* @end */

/* @group Comments */
	#comment-area {margin: 2em 0 0;}

		ul.commentlist {list-style: none; margin: 1em 0 2em;}
			.commentlist li {padding: 0 0 0 42px; margin: 0 0 1.5em; min-height: 32px; height: auto !important; height: 32px;}
				.commentlist .comment-awaiting {display: block; color: #f00;}
				.commentlist li img {float: left; display: inline; margin: 0 0 0 -42px;}
				.commentlist li p {font-size: 1.3em;}

		#commentform label {margin: 0 0 .5em; display: block;}
		#commentform input {margin: 0 0 1em; padding: .2em;}
		#commentform textarea {margin: 1em 0; display: block; width: 99.8%;} /* Take a wild guess on the reason why it's width: 99.8%; ... */
/* @end */