/*
Theme Name: Wallcom
Theme URI: http://www.wallcom.info/
Description: Site de Nathalie Bonneton
Version: 1.0
Author: Bruno BAGOT
Author URI: http://www.bagot.info/
Tags: wall, wallcom, bagot
*/



/* RESET
---------------------------------------------------------- */
html, body,
a img,
#sidebar *,
#menu *,
body.page #content fieldset {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}
dl, ul, ol {
	overflow: hidden;
}
a {
    outline: none;
}


/* HIDDEN
---------------------------------------------------------- */
*.x0,
#header hr, #header p, #header ul, #logo img,
#singleNav hr, #singleNav p,
#menu p,
#menu2 hr, #menu2 p,
#advertise hr, 
#footer hr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}


/* TYPOS
---------------------------------------------------------- */
* {
	font-family: Verdana, sans-serif;
	color: #fff;
	
}
h1 {

}
h2 {

}
h3 {

}
h4 {

}
p {

}
li {

}

/* GLOBAL
---------------------------------------------------------- */
html, body {
	background: #fff url(tpl/background.jpg) repeat top;
}
#body {
	background: transparent url(tpl/backgroundBody.jpg) repeat-x top;
	display: block;
}
#body2 {
	display: block;
	background: transparent url(tpl/backgroundBody.png) repeat-y top;
	overflow: hidden;
	padding-bottom: 25px;
	min-height: 740px;
	height: auto !important;
	height: 740px;
}
#global {
	display: none;
	display: block;
	width: 960px;
	background-color: #000;
	margin: 0 auto;
	overflow: hidden;
}
a#logo {
	display: block;
	width: 358px;
	height: 205px; /* headerPush */
	background: transparent url(tpl/backgroundLogo.png) no-repeat left top;
}
#content {
	display: block;
	width: 680px;
	float: left;
}
#sidebar {
	display: block;
	width: 250px;
	float: left;
	margin-left: 5px;
}
#menu {
	display: block;
	width: 920px;
	position: absolute;
	top: 194px;
	left: 50%;
	clear: left;
	margin-left: -460px;
}
#footer {
}





/* HEADER
---------------------------------------------------------- */
#header {
	padding-top: 15px;
}
#logo {
	margin: 0 0 25px 50px;
}
#header small {
	position: absolute;
	top: 125px;
	margin-left: 217px;
	font-size: 10px;
}




/* SIDEBAR
---------------------------------------------------------- */
#sidebar dt {
	font-size: 14px;
	color: #b8b8b8;
	margin-top: 5px;
}
#sidebar dd #cat ul {
	background-color: #01BBD6;
	position: absolute;
}
#sidebar #cat_sb a {
	cursor: pointer;
	background: #01BBD6 url(tpl/dropDown.png) no-repeat 233px 5px;
	display: block;
	overflow: hidden;
}
#sidebar #menu2 a {
	color: #000;
	text-decoration: none;
	padding: 0 5px;
}
#sidebar dd {
	overflow: hidden;
}
#sidebar dd ul {
	width: 250px;
}
#sidebar dd ul a {
	display: block;
}

#sidebar dd.button2 li {
	background-color: #FCF03F;
	margin-top: 5px;
}
#sidebar dd.button3 li {
	background-color: #C5341C;
	margin-top: 5px;
}

#sidebar dd.wp_tag_cloud {
	display: block;
	text-align: center;
	overflow: hidden;
}
#sidebar dd.wp_tag_cloud a {
	color: #01BBD6 !important;
}
#sidebar dd.wp_tag_cloud a:hover {
	color: #8DD8F8 !important;
}


#sidebar dt.focus {
	padding: 15px 0 0 5px;
	font-size: 12px;
	color: #2E2E2D;
}
#sidebar dd.focus {
	margin-top: 5px;
}
#advertise small {
	display: block;
	font-size: 10px;
	color: #b8b8b8;
	margin: 30px 0 0;
	padding: 5px 0 2px;
	font-weight: normal;
}
#advertise p {
	display: block;
	width: 250px;
	height: 250px;
	background-color: #d6d6d6;
}


/* MENU
---------------------------------------------------------- */
#menu {
	background-color: #2e2e2d;
	padding-bottom: 5px;
}
#menu, #menu ul {
	overflow: hidden;
}
#menu ul {
	margin-left: 10px;
	padding: 3px 0;
}
#menu li {
	float: left;
	margin-right: 40px;
}
#menu li a {
	color: #999;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
#menu li.active a#m1 { color: #01BBD6; }
/*body.single #menu li.active a#m1 { color: #fcf03f !important; }*/
#menu li.active a#m2 { color: #C5341C; }



/* FOOTER
---------------------------------------------------------- */
#footer {
	background: transparent url(tpl/backgroundFooter.png) no-repeat bottom;
	text-align: center;
	font-size: 11px;
	padding-bottom: 84px;
	overflow: hidden;
}
#footer p {
	display: block;	
	width: 920px;
	margin: 0 auto 0;
	padding: 25px 0;
	background-color: #2E2E2D;
	color: #999;
}
#footer a, #footer span {
	color: #999;
}


















/* INDEX (HOME & ARCHIVE)
---------------------------------------------------------- */
body.index #content ul, 
body.archive #content li {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
body.index #content ul.list {
	margin-left: 0px !important;
	min-height: 460px;
	height: auto !important;
	height: 460px;
}
body.index #content ul.list li {
	display: block;
	float: left;
	width: 200px;
	background-color: #2e2e2d;
	margin: 0 0 20px 20px;
}
body.index #content ul.list li div {
	min-height: 120px;
	height: auto !important;
	height: 120px;
}

body.index #content ul.list li h2 {
	margin: 10px 0 0;
	padding: 0 10px;
	font-size: 14px;
}
body.index #content ul.list li h2 a {
	text-decoration: none;
	color: #fcf03f;
}
body.index #content ul.list p.excerpt {
	display: block;
	margin: 5px 0 0;
	padding: 0 10px;
	font-size: 10px;
}
body.index #content ul.list p.more {
	position: absolute;
	margin-top: -30px;
	overflow: hidden;
}
body.index #content ul.list p.more a {
	background: transparent url(tpl/moreButton.png) no-repeat bottom right;
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 3px 3px 170px;
}
body.index #content ul.list p.more a span {
	position: absolute;
	left: -9999px;
}

body.index #wp_page_numbers {
	background-color: #2E2E2D;
	display: block;
	width: 640px;
	margin-left: 20px;
	overflow: hidden;
	padding: 5px 0 10px;
}
body.index #wp_page_numbers ul {
	margin-left: 10px;
}
body.index #wp_page_numbers li {
	display: block;
	text-align: center;
	float: left;
	padding: 0 3px;
}
body.index #wp_page_numbers a {
	color: #fcf03f;
	font-size: 14px;
	text-decoration: none;
}
body.index #wp_page_numbers li.active_page a {
	color: #fff !important;
	cursor: default;
}
/* PAGE
---------------------------------------------------------- */
body.page #content {
	background-color: #2e2e2d;
	width: 640px;
	margin-right: 15px;
	margin-left: 20px;
}
body.page #content div {
	padding: 0 10px;
}
body.page #content h1 {
	color: #C5341C;
	font-variant: small-caps;
	font-size: 24px;
	margin: 15px 0 0;
	padding: 10px;
	text-align: center;
}
body.page #content p {
	text-align: justify;
}
body.page #content li {
	list-style: disc;
	padding-left: 10px;
}

/* Contact form */
body.page #content legend {
	color: #C5341C;
	margin: 0;
	padding: 5px;
}
body.page #content input,
body.page #content textarea {
	color: #000;
}
body.page #content input.button {
	width: 200px;
	margin: 15px 0 20px 0;
}
body.page #content p.information,
body.page #content p.error {
	text-align: center;
	font-size: 12px;
	font-style: italic;
	color: #FCF03F;
}

/* SINGLE
---------------------------------------------------------- */
body.single #content {
	background-color: #2e2e2d;
	width: 640px;
	margin-right: 15px;
	margin-left: 20px;
}
body.single #content h1 {
	color: #fcf03f;
	font-variant: small-caps;
	font-size: 18px;
	margin: 0;
	padding: 10px;
}
body.single #content div.desc {
	min-height: 350px;
	height: auto !important;
	height: 350px;
	border-bottom: 25px solid #000;
	padding-bottom: 20px;
}
body.single #content div.portfolio-container {
	margin-bottom: 10px;
}
body.single #content div.desc p {
	padding: 10px;
	font-size: 14px;
}
body.single #content div.desc ul {
	margin: 0 10px;
}
body.single #content div.desc ul.multimedia-portfolio,
body.single #content div.desc ul.multimedia-portfolio li {
	list-style: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}
body.single #content div.desc li {
	list-style: circle;
	font-size: 14px;
	margin: 0 20px;
}

#singleNav {
	display: block;
	clear: left;
	overflow: hidden;
}
#singleNav li {
	display: block;
	margin: 0 10px;
	padding: 5px 0 10px;
	float: left;
	font-size: 11px;
	line-height: 14px;
}
#singleNav li.l {
	width: 230px;
}
#singleNav li.c {
	text-align: center;
	width: 120px;
	font-size: 14px;
}
#singleNav li.r {
	text-align: right;
	width: 230px;
}
#singleNav li a {
	color: #01BBD6;
}
#singleNav li a:hover {
	color: #8DD8F8;
}