/*
Theme Name: My Tapestry
Theme URI: http://www.my-tapestry.com
Description: -
Version: 1.0.2
Author: Benoît 'LeBen' Burgener
Author URI: http://www.benoitburgener.com
Tags: green, brown, grey, fixed-width
*/

@import "css/reset.css";


/* ################################################################################
BASIC STRUCTURE
################################################################################ */
body {
	font: .9em 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #534741;
	background: #E6E6E6;
}

#wrapper {
	width: 900px;
	margin: 30px auto;
	background: #fff;
	padding: 25px 0 10px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border: 1px solid #ddd;
}

#header {
	height: 80px;
	margin-left: -30px;
	margin-right: -30px;
	padding: 0 50px 0 60px;
	background: url(images/banner.png) no-repeat top left;
	font-weight: bold;
	font-size: 1.4em;
	text-shadow: 0 1px 0 #C7B299;
}
	#header h1 a {
		display: block;
		width: 140px;
		height: 139px;
		margin-top: -30px;
		margin-left: -15px;
		background: url(images/logo.png) no-repeat top left;
		text-indent: -9999px;
	}
		#header h1 a:hover {
			background-position: bottom left;
		}
	#header .description {
		display: block;
		width: 220px;
		height: 28px;
		margin: 23px 0 0 10px;
		background: url(images/description.png) no-repeat top left;
		text-indent: -9999px;
	}
	#nav {
		margin: 17px 0 0 0;
	}
		#nav li {
			float: left;
			margin-left: 10px;
			padding: 5px 5px 5px 10px;
		}
		/*#nav li.hasSubNav:hover {
			background: #C7B299;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
		}
			#nav li ul.subNav {
				display: none;
				position: absolute;
				background: #C7B299;
				margin-top: 5px;
				margin-left: -10px;
				padding: 0 10px 10px 10px;
				font-size: .8em;
				color: #fff;
				text-shadow: none;
				-moz-border-radius-bottomleft: 5px;
				-moz-border-radius-bottomright: 5px;
				-moz-border-radius-topright: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-top-right-radius: 5px;
			}
				#nav li ul.subNav li {
					float: none;
					margin-left: 0;
					padding: 5px 0 0 0;
				}
			#nav li.hasSubNav:hover ul.subNav {
				display: block;
			}
				#nav li.hasSubNav:hover a {
					color: #006837;
					text-shadow: 0 1px 0 #fff;
				}
				#nav li.hasSubNav:hover a:hover {
					color: #fff;
					text-shadow: 0 1px 0 #534741;
				}*/
	.navInt {
		height: 27px;
		padding: 10px 10px 0 10px;
		background: #E6E6E6 url(images/bgInput.gif) no-repeat top left;
		text-align: center;
	}
		.navInt li {
			display: inline;
			margin-left: 30px;
		}
			.navInt li:first-child {
				margin-left: 0;
			}

#content {
	padding: 60px 30px 30px;
	min-height: 300px;
}

.error404 .cols {
	margin-top: 15px;
}
.search #content .cols:first-child {
	padding-bottom: 15px;
}
	.mediumCol {
		float: left;
		width: 550px;
		min-height: 10px;
		margin-left: 30px;
	}
	.col {
		float: left;
		width: 260px;
		margin-left: 30px;
	}
	.noMarginLeft, .mediumCol:first-child, .col:first-child {
		margin-left: 0;
	}

	.bubble {
		width: 565px;
		margin-left: -15px;
		padding-bottom: 5px;
		background: url(images/bubble.gif) bottom left no-repeat;
	}
		.bubble .content {
			min-height: 40px;
			padding: 15px 15px 0 30px;
			background: url(images/bubble.gif) top left no-repeat;
			text-shadow: 0 1px 0 #fff;
		}

#footer {
	height: 55px;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 10px;
	padding: 25px 60px 0 60px;
	background: url(images/banner.png) no-repeat top left;
	text-shadow: 0 1px 0 #C7B299;
}
	#footer a {
		font-weight: bold;
	}

.banner {
	height: 63px;
	margin-left: -60px;
	margin-right: -60px;
	margin-top: 30px;
	margin-bottom: 15px;
	background: url(images/banner.png) no-repeat top left;
	text-shadow: 0 1px 0 #C7B299;
	padding: 18px 60px 0 60px;
}

.accordion div {
    display: none;
    margin: 0 15px;
    padding: 10px 10px 5px 15px;
    background: #e6e6e6;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
}

.navigation {
	height: 42px;
	margin-left: -60px;
	margin-right: -60px;
	margin-top: 30px;
	padding: 16px 60px 0 60px;
	background: url(images/bgNavigation.gif) no-repeat top left;
	text-align: center;
}
	.wp-paginate li {
		display: inline;
	}
		.wp-paginate li a {
			padding: 5px;
		}
		.wp-paginate li .current {
			padding: 8px 15px;
			background: url(images/currentPage.png) no-repeat center center;
			font-weight: bold;
		}

.left { float: left; }
.right { float: right; }
.clear:after, #header:after, #content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* ################################################################################
BASIC TEXT & LINKS
################################################################################ */
h2 {
	font-size: 1.7em;
	font-weight: bold;
	color: #009245;
	letter-spacing: -1px;
}
	.banner h2 {
		color: #534741;
	}
	h2.special {
		color: #C7B299;
	}

h3, legend {
	font-size: .9em;
	font-weight: bold;
	margin-bottom: 2px;
	text-transform: uppercase;
}
	.post .mediumCol h3 {
		margin-top: 40px;
	}
		.post .mediumCol h3:first-child {
			margin-top: 0;
		}

p {
	line-height: 1.5em;
	margin: 10px 0;
}
	p:first-child {
		margin-top: 0;
	}

a, a:link, a:active, a:visited,
#content h3 a, #content h3 a:link, #content h3 a:active, #content h3 a:visited,
#content .edit a, #content .edit a:link, #content .edit a:active, #content .edit a:visited,
#content  a.icon, #content  a.icon:link, #content  a.icon:active, #content  a.icon:visited,
#content  a.commentNumber, #content  a.commentNumber:link, #content  a.commentNumber:active, #content  a.commentNumber:visited {
	text-decoration: none;
	color: #534741;
	cursor: pointer;
}

a:hover, #content h3 a:hover, #content .edit a:hover, #content a.icon:hover, #content a.commentNumber:hover {
	color: #736357;
}

#content a, #content a:link, #content a:active, #content a:visited {
	text-decoration: none;
	color: #009245;
}

#content a:hover {
	color: #39B54A;
}


/* ################################################################################
POST
################################################################################ */
.post {
	padding: 15px 0;
}
	.single .post {
		padding-top: 0;
	}

.dateInfo {
	background: url(images/clock.gif) no-repeat left center;
}
.commentLink {
	background: url(images/chat.gif) no-repeat left center;
}
.tags {
	background: url(images/tag.gif) no-repeat left center;
}

img.noBorder, .post	.alignleft, .post img.alignright, .post img.aligncenter {
	border: 0;
	padding: 0;
}
.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}
.alignright {
	float: right;
	margin: 0 0 15px 15px;
}
.aligncenter {
	margin: 15px auto;
}

.post img, .wp-post-image {
	border: 1px solid #736357;
	padding: 1px;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-transition-property: border-color, -webkit-box-shadow;
	-webkit-transition-duration: .2s;
}
	a img.wp-post-image:hover {
		border-color: #009245;
		-moz-box-shadow: 0 0 10px #8CC63F;
		-webkit-box-shadow: 0 0 10px #8CC63F;
	}

.post ul, .post ol {
	margin: 10px 0 5px;
}
	.post .mediumCol ol li {
		list-style: decimal outside;
	}
	.subscription-manager ul {
		margin: 5px 0;
	}
	.post .mediumCol ul li, ul.styled li, .subscription-manager ul li {
		background: url(images/dot.png) 0 7px no-repeat;
		padding-left: 15px;
	}
		.post .mediumCol li, .styled li, .subscription-manager li {
			line-height: 1.5em;
			padding-bottom: 5px;
		}
		.post .col li {
			padding: 5px 0 5px 25px;
		}

pre, code {
	font: 1em Monaco, 'Courier New', Courier, monospace;
	background: #E6E6E6;
	text-shadow: 0 1px 0 #fff;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	code {
		padding: 3px 2px;
	}
	pre {
		padding: 15px;
		margin-bottom: 10px;
		overflow: auto;
	}
	pre code {
		display: block;
		background: none;
		padding: 0;
	}
	
.previewDemo {
	position: absolute;
	display: none;
	padding: 8px 10px;
	background: #009245;
	color: #fff;
	margin-left: 30px;
	margin-top: -16px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-khtml-border-bottom-left-radius: 3px;
	-khtml-border-bottom-right-radius: 3px;
}

ul.metas li, .post .col ul.metas li {
	background: none;
	padding: 0;
	line-height: 1.8em;
	margin: 0 0 5px 90px;
}
	.post-ratings {
		float: none !important;
	}
	ul.metas li span {
		display: block;
		position: absolute;
		width: 80px;
		height: 26px;
		padding: 6px 0 0 6px;
		margin-left: -90px;
		background: url(images/metaTitle.png) no-repeat top left;
		font-size: .9em;
		font-weight: bold;
		line-height: 1em;
		text-shadow: 0 1px 0 #C7B299;
	}


/* ################################################################################av
COMMENTS
################################################################################ */
.comment {
    margin-bottom: 15px;
}
.comment .col p {
    margin-bottom: 3px;
}

.avatar {
	float: left;
	margin: 0 15px 0 0;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

a.url {
	font-weight: bold;
}

.edit {
	position: absolute;
	margin: 15px 0 0 540px;
	padding: 5px;
	background: #C7B299;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	text-shadow: 0 1px 0 #fff;
}


/* ################################################################################av
FORMS
################################################################################ */
label {
	display: block;
	padding-bottom: 5px;
	font-weight: bold;
}

fieldset {
	padding: 0 15px 15px 15px;
	border: 1px solid #e6e6e6;
	margin: 15px 0;
}

input, textarea {
	font: 1em 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #534741;
	background: #E6E6E6;
	padding: 10px 10px 0 10px;
	border: 0;
	text-shadow: 0 1px 0 #fff;
	-webkit-transition: -webkit-box-shadow .2s;
}
	input {
		width: 240px;
		height: 27px;
		background: #E6E6E6 url(images/bgInput.gif) no-repeat top left;
	}
	textarea {
		width: 530px;
		height: 175px;
		background: #E6E6E6 url(images/bgTextarea.gif) no-repeat top left;
		resize: none;
	}
		input:hover, textarea:hover {
			background-position: bottom left;
		}
		input:focus, textarea:focus {
			background-position: bottom left;
			-moz-box-shadow: 0 0 10px #8CC63F;
			-webkit-box-shadow: 0 0 10px #8CC63F;
			outline: none;
		}
	.subscription-manager input[type=submit] {
		width: 260px;
		height: 37px;
		padding: 10px;
	}
	.submit {
		height: 37px;
		text-indent: -9999px;
		cursor: pointer;
	}
	.submitComment {
		width: 146px;
		background: url(images/bt-submitComment.png) no-repeat top left;
	}
	.submitNewsletter {
		width: 86px;
		background: url(images/bt-subscribe.png) no-repeat top left;
	}
	.submitSearch {
		width: 68px;
		background: url(images/bt-search.png) no-repeat top left;
	}
	.submitSendMessage {
		width: 120px;
		background: url(images/bt-sendMessage.png) no-repeat top left;
	}
	.submitSupport {
		height: 37px;
		text-indent: -9999px;
		cursor: pointer;
		width: 120px;
		background: url(images/bt-sendMessage.png) no-repeat top left;
	}
		.submit:hover, .submit:focus, .submitSupport:hover, .submitSupport:focus {
			background-position: center left;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
		}
		.submit:active,  .submitSupport:active {
			background-position: bottom left;
		}
	.checkbox {
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
		background: none;
	}
#s, .cutted {
	float: left;
	width: 172px;
}

#newsletter #name {
	float: left;
	width: 154px;
}

#error {
	padding: 8px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
	.bad {
		background: #E05F4D;
		color: #fff;
		font-weight: bold;
	}
	.good {
		background: #009245;
		color: #fff;
		font-weight: bold;
	}

/* ################################################################################av
BUTTONS
################################################################################ */
.buttons {
	margin: 10px 0 15px 0;
}

.ampersand {
	position: absolute;
	width: 86px;
	height: 111px;
	margin-top: 28px;
	margin-left: -50px;
	background: url(images/amp.png) no-repeat center center;
}

.button {
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 5px;
}
	.button:hover {
		background-position: center left;
	}
	.button:active {
		background-position: bottom left;
	}
	.download {
		width: 260px;
		height: 83px;
		background-image: url(images/bt-download.png);
		margin-top: 0;
	}
	.donate {
		width: 260px;
		height: 71px;
		background-image: url(images/bt-donate.png);
	}


/* ################################################################################
OTHERS
################################################################################ */
.ad {
	margin-top: 10px;
	padding: 5px;
}

.icon {
	display: block;
	padding: 10px 0 12px 40px;
	background-position: center left;
	background-repeat: no-repeat;
}
	.home .rss { background-image: url(images/rss.png); }
	.home .email { background-image: url(images/email.png); }
	.home .facebook { background-image: url(images/facebook.png); }
	.home .twitter { background-image: url(images/twitter.png); }

.freeFlower {
	margin-top: -3px;
}

.iLikeThis .counter {
	background:url(images/heart.gif) center left no-repeat !important;
	padding:5px 0 5px 25px !important;
	font-weight:normal !important;
	margin: 0 !important;
}

#smart-archives-block {
	margin-top: -3px;
}
	#smart-archives-block li {
		margin-bottom: 10px;
		color: #fff;
	}
	#smart-archives-block a, #smart-archives-block span {
		margin-right: 13px;
		color: #534741;
	}