/*
Theme Name: Black Magic
Theme URI: http://chemins-photographiques.com/
Description: Thème du site Chemins Photographiques
Version: 0.1
Author: Thierry Dulieu
*/
html, body {
	height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	font: 62.5%/1.5 Tahoma, Arial, Helvetica, sans-serif;
	color: #ccc;
	background: #2c2c2c url(images/page-background.png) repeat-y center top;
	}
button, input, option, select, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
	}
div {
	margin: 0;
	padding: 0;
	}
p {
	margin: 1.5em 0 0;
	padding: 0;
	}
form {
	margin: 1.5em 0 0;
	padding: 0;
	}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
	}
legend {
	display: none;
	}
	
/* LINKS
--------------------------------------*/
a {
	text-decoration: none;
	color: #ccc;
	border-bottom: 1px dotted #999;
	}
a:hover, a:focus {
	color: white;
	border-bottom-color: #181818;
	}
a.banner {
	border: 0;
	}
	
/* LAYOUT
--------------------------------------*/
#page {
	position: relative;
	min-height: 100%;
	width: 880px;
	margin: 0 auto;
	padding: 0 20px;
	font-size: 1.2em;
	background: url(images/page-top.png) no-repeat left top;
	}
#header {
	padding: 50px 0 20px;
	}
#content {
	float: left;
	width: 510px;
	margin: 0 0 4.5em 185px;
	}
#navigation {
	float: left;
	width: 155px;
	margin: 0 0 4.5em -685px;
	}
#sidebar {
	float: right;
	width: 180px;
	margin: 0 0 4.5em;
	}
#footer {
	position: relative;
	clear: both;
	height: 4.818182em;
	width: 860px;
	margin: -4.909091em auto 0;
	font-size: 1.1em;
	line-height: 1.636364em;
	border-top: 1px solid #666;
	}
	
/* HEADER
--------------------------------------*/
#header h1 {
	position: relative;
	margin: 0 auto;
	width: 406px;
	height: 26px;
	background: url(images/primary-title.png) no-repeat left top;
	}
#header a, #header span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 406px;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	}
p.description {
	width: 124px;
	height: 25px;
	margin: 0 auto;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/secondary-title.png) no-repeat left bottom;
	}

/* CONTENT
--------------------------------------*/

/* posts */
.post h2 {
	margin: 1.058824em 0 0;
	font-size: 1.416667em;
	line-height: 1.058824em;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: center;
	color: white;
	}
h3 {
	margin: 1.384615em 0 0;
	font-size: 1.083333em;
	font-weight: normal;
	line-height: 1.384615em;
	letter-spacing: 1px;
	color: white;
	}
.post p {
	text-align: justify;
	}
.post p.center,
.post p.legend,
.post p.banners {
	text-align: center;
	}
.post p.ruler {
	margin: 1.5em 0 0;
	border-top: 1px solid #666;
	}
.post p.banners a {
	border: 0;
	}
.post p.banners a img {
	margin-bottom: .5em;
	border: 0;
	}
.post p.banner a img {
	margin-bottom: .5em;
	border: 0;
	}

div.page-links, div.nav-links {
	clear: both;
	height: 3em;
	}
div.page-links p {
	margin: 0;
	padding: 0;
	}
div.nav-links p {
	margin: 0;
	padding: 1.5em 0 0;
	}
div.nav-links p.next,
div.page-links p.previous {
	float: left;
	}
div.nav-links p.previous,
div.page-links p.next {
	text-align: right;
	}

/* images */
img.size-full {
	display: block;
	margin: 0 auto;
	border: 5px solid white;
	}
img.alignleft {
	float: left;
	margin: .25em 10px 0 0;
	}
img.alignright {
	float: right;
	margin: .25em 0 0 10px;
	}
	
/* thumbnails */
img.size-thumbnail {
	border: 2px solid white;
	}
ul.thumbnail-list {
	margin: 1.5em 0 0;
	padding: 0;
	list-style: none;
	}
ul.thumbnail-list li {
	float: left;
	margin: 0 12px 23px 11px;
	}
ul.thumbnail-list a {
	display: block;
	border: none;
	}

/* link page */
ul.link-list {
	margin: 1.5em 0 0;
	padding: 0;
	list-style: none;
	}
ul.link-list ul {
	margin: .25em 0 0 .5em;
	padding-left: .75em;
	list-style: square;
	}
ul.link-list img {
	display: block;
	border: 1px solid white;
	vertical-align: middle;
	}
ul.link-list li#linkcat-6 ul {
	margin-left: 0;
	padding-left: 0;
	padding-top: .25em;
	list-style: none;
	}
ul.link-list li#linkcat-6 li {
	float: left;
	padding: 0 10px 10px 0;
	}
ul.link-list li#linkcat-6 a,
ul.link-list li#linkcat-6 a:hover,
ul.link-list li#linkcat-6 a:focus {
	border: none;
	}

/* comments */
#comments, #respond {
	margin-top: 3em;
	}
ol.comment-list {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ol.comment-list li {
	margin: 1.5em 0 0;
	padding: 0 1em .5em;
	border: 1px solid #666;
	}
ol.comment-list p.meta {
	margin-top: 0;
	padding-top: .5em;
	}
ol.comment-list p.meta cite {
	font-style: normal;
	font-weight: bold;
	}

/* comment form */
#commentform div {
	margin: .5em 0;
	padding-right: 4px;
	}
#commentform p.hints {
	margin: .5em 0;
	font-size: .909091em;
	}
#commentform label {
	display: block;
	padding-bottom: 2px;
	line-height: 1.5em;
	letter-spacing: 1px;
	color: white;
	}
#commentform small {
	font-size: .909091em;
	}
#author, #email, #url {
	width: 50%;
	padding: 2px;
	border: none;
	}
#comment {
	margin: 0;
	padding: 2px;
	width: 100%;
	border: none;
	}

/* login form */
#loginform {
	width: 67%;
	padding: 1em 2px;
	margin: 0 auto;
	text-align: center;
	}
#loginform table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	}
#loginform th {
	padding: 0 5px;
	font-weight: normal;
	}
#loginform td {
	padding: 0 5px .5em;
	}
#loginform #remember_me {
	margin : 0;
	}
#loginform label {
	line-height: 1.5em;
	letter-spacing: 1px;
	color: white;
	}
#subscriber_login, #subscriber_password,
#subscriber_login_email {
	width: 100%;
	padding: 2px;
	text-align: left;
	border: none;
	}
#loginform p.forgot-password {
	margin: 0 0 .5em;
	text-align: right;
	}
#loginform p.error {
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center;
	}
	
#resetform {
	width: 67%;
	padding: 1em 2px;
	margin: 0 auto;
	text-align: center;
	}
#resetform div {
	clear: both;
	padding: 0 5px .5em;
	text-align: left;
	}
#resetform label {
	display: block;
	line-height: 1.5em;
	letter-spacing: 1px;
	color: white;
	}
#resetform p.error {
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center;
	}
	
/* NAVIGATION
--------------------------------------*/
#navigation ul {
	margin: 1.5em 0 0;
	padding: 0;
	list-style: none;
	}
#navigation h2 {
	margin: 1.384615em 0 0;
	font-size: 1.083333em;
	font-weight: normal;
	line-height: 1.384615em;
	letter-spacing: 1px;
	color: white;
	}
#navigation ul.feeds a {
	padding-left: 16px;
	background: url(images/feed-icon-12x12.jpg) no-repeat 0 50%;
	}
#pages h2 {
	display: none;
	}
li#administration, li#statistics {
	margin-top: 1.5em;
	padding-top: 1.416667em;
	border-top: 1px solid #666;
	}
li#administration ul {
	margin: 0;
	}

/* SIDEBAR
--------------------------------------*/
#sidebar ul {
	margin: 1.5em 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
	}
#sidebar h2 {
	margin: 1.384615em 0 0;
	font-size: 1.083333em;
	font-weight: normal;
	line-height: 1.384615em;
	letter-spacing: 1px;
	color: white;
	}
#sidebar li {
	margin-bottom: .75em;
	}
#sidebar a {
	border-bottom: none;
	}
#sidebar a img {
	border-color: white;
	}
#sidebar span.album-title {
	border-bottom: 1px dotted #999;
	}
#sidebar a:hover span.album-title,
#sidebar a:focus span.album-title {
	border-bottom-color: #181818;
	}

/* FOOTER
--------------------------------------*/
#footer p {
	margin: 0;
	padding: 1.545455em 0 0;
	text-align: right;
	}
#footer p.copyright {
	float: left;
	text-align: left;
	}

/* PREVIEW
--------------------------------------*/
table.preview {
	margin: 1em auto;
	}
table.preview td {
	padding: 0 1em;
	}
table.preview tr.thumbs td {
	vertical-align: middle;
	}
table.preview tr.legend td {
	padding-bottom: 1em;
	text-align: center;
	vertical-align: top;
	}

/* SLIDESHOW
--------------------------------------*/
div.slideshow {
	width: 500px;
	height: 375px;
	margin: 20px auto 0;
	overflow: hidden;
	text-align: center;
	border: 5px solid #fff;
	}

/* PLUGINS STYLING
--------------------------------------*/

/* cforms */
.cf_hidden, .linklove {
	display: none;
	}
#usermessagea {
	margin: 1.5em 0 0;
	}
form.cform ol {
	margin: 0;
	padding: 0;
	list-style: none;
	}
form.cform li {
	margin: .5em 0;
	padding-right: 4px;
	}
form.cform label {
	display: block;
	padding-bottom: 2px;
	line-height: 1.5em;
	letter-spacing: 1px;
	color: white;
	}
form.cform input.single {
	width: 50%;
	padding: 2px;
	border: none;
	}
form.cform textarea {
	margin: 0;
	padding: 2px;
	width: 100%;
	border: none;
	}
form.cform p.cf-sb {
	margin: 1.5em 0 0;
	padding: 0;
	}