/*
Theme Name: Dirtyday V6
Description: Thème pour le site <a href="http://www.dirtyday.com">Dirty Day</a>.
Version: 6.0
Author: Bertrand Perron
Author URI: http://www.dirtyday.com/

&copy; www.dirtyday.com
*/


/*
================================
	Reset
================================
*/


* {
	margin : 0;
	padding : 0;
	border :0;
}

ul {
	list-style-type : none;
}



/*
================================
	Layout
================================
*/




body {
	color :#4a4a4a;
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	background : #e8e8e8 url('images/main-back.png') top center repeat-x;
	line-height : 18px;
}

body.home {
	background : #e8e8e8 url('images/main-back-home.png') top center repeat-x;
}


#header {
	width : 900px;
	margin : 0 auto;
	overflow : hidden;
	height : 56px;
}




/*
================================
	Commons
================================
*/


h1 a, #nav a, .actions a, p.more a, #next a, #previous a, .pagenav span a, h3 {
	display : block;
	text-indent : -9999px;
	overflow : hidden;
	background : transparent url('images/main-sprite.png') no-repeat;
}

#infos p, #about p {
	padding-bottom : 10px;
}


/*
================================
	General
================================
*/


/* Links */

a {
	color : #7a9e0b;
}

a:hover {
	background-color : #f2f6e6;
}


/* Header */

h1 {
	float : left;
}

h1 a {
	width : 220px;
	height : 56px;
	background-position : 0 0;
}

h1 a:hover {
	background-position : 0 -56px;
}

#nav {
	float : right;
}

#nav li {
	float : left;
}

#nav a {
	height : 45px;
}

#nav a.menu1 {
	width : 94px;
	background-position : -220px 0;
}

#nav a.menu1:hover {
	background-position : -220px -45px;
}

#nav a.menu2 {
	width : 143px;
	background-position : -314px 0;
}

#nav a.menu2:hover {
	background-position : -314px -45px;
}

#nav a.menu3 {
	width : 101px;
	background-position : -457px 0;
}

#nav a.menu3:hover {
	background-position : -457px -45px;
}

#nav a.menu4 {
	width : 102px;
	background-position : -558px 0;
}

#nav a.menu4:hover {
	background-position : -558px -45px;
}

#nav a.menu5 {
	width : 64px;
	background-position : -660px 0;
}

#nav a.menu5:hover {
	background-position : -660px -45px;
}


/* List */

#thumbnails {
	width : 912px;
	margin : 0 auto;
	margin-top : 25px;
	overflow : hidden;
}

#thumbnails ul {
	overflow : hidden;
}

#thumbnails li {
	background : transparent url('images/thumb-back.png') top left repeat-x;
	float : left;
	margin : 2px;
	position : relative;
}

#thumbnails li a {
	margin : 12px;
	display : block;
}

#thumbnails li img {
	width : 200px;
	height : 133px;
}

p.more {
	float : right;
	margin-right : 4px;
	margin-top : 8px;
}

p.more a {
	width : 152px;
	height : 27px;
	background-position : -587px -173px;
}

p.more a:hover {
	background-position : -587px -202px;
}

#thumbnails a span {
	display : block;
	height : 133px;
	width : 200px;
	position : absolute;
	top : 12px;
	left : 12px;
	text-indent : -9999px;
	background : transparent url('images/button-enlarge-small.png') top left no-repeat;
	visibility : hidden;
}

#thumbnails a:hover span {
	visibility : visible;
}


.pagenav {
	margin-top : 8px;
	overflow : hidden;
}

.pagenav .previous a {
	height : 29px;
	width : 164px;
	background-position : -587px -429px;
	float : left;
	margin-left : 4px;
}

.pagenav .next a {
	height : 29px;
	width : 148px;
	background-position : -750px -429px;
	margin-right : 4px;
	float : right;
}


.pagenav .previous a:hover {
	background-position : -587px -458px;
}


.pagenav .next a:hover {
	background-position : -750px -458px;
}


/* Tags */

#tag-cloud {
	width : 880px;
	margin : 0 auto;
	margin-top : 25px;
	overflow : hidden;
}

#tag-cloud h3 {
	display : none;
}

#tag-cloud ul {
	padding-top : 5px;
}


#tag-cloud li {
	display : inline;
	padding-right : 10px;
	line-height : 30px;
	height : 30px;
}

.tag-name {
	padding-left : 17px;
	margin-bottom : 20px;
	font-size : 15px;
}

.tag-name strong {
	font-size : 20px;
}


/* Footer */

#footer {
	text-align : center;
	font-size : 11px;
	margin-top : 20px;
	color : #999;
	padding-bottom : 20px;
}

#footer a {
	color : #999;
}

#footer a:hover {
	background-color : #ddd;
}



/*
================================
	Home
================================
*/

#last {
	width : 825px;
	margin : 0 auto;
	margin-top : 14px;
	overflow : hidden;
	position : relative;
}

#last .photo {
	background : transparent url('images/main-sprite.png') 0 -112px  no-repeat;
	float : left;
	margin-right : 5px;
}

#last .photo a {
	margin : 26px;
	display : block;
	width : 535px;
	height : 355px;
}


#last .photo img {
	width : 535px;
	height : 355px;
}


#last span {
	font-size : 11px;
	font-weight : normal;
	display : block;
	padding-top : 5px;
	padding-left : 598px;
	color : #6f6f6f;
}

#last .photo a span {
	display : block;
	padding : 0;
	width : 535px;
	height : 355px;
	position : absolute;
	top : 26px;
	left : 26px;
	text-indent : -9999px;
	background : transparent url('images/button-enlarge-large.png') top left no-repeat;
	visibility : hidden;
}

#last .photo a:hover span {
	visibility : visible;
}

#last .title {
	padding-top : 220px;
	margin-right : 20px;
	text-transform : uppercase;
	font-size : 18px;
	font-weight : bold;
	line-height : 20px;
}

.actions {
	position : absolute;
	top : 358px;
	left : 589px;
}

.actions li {
	float : left;
	margin-right : 2px;
}

.actions a {
	height : 28px;
	width : 28px;
}

.actions a.action1 {
	background-position : -588px -113px;
}

.actions a.action1:hover {
	background-position : -588px -143px;
}

.actions a.action2 {
	background-position : -618px -113px;
}

.actions a.action2:hover {
	background-position : -618px -143px;
}

.actions a.action3 {
	background-position : -648px -113px;
}

.actions a.action3:hover {
	background-position : -648px -143px;
}

.actions a.action4 {
	background : transparent url('images/wallpaper-sprite.png') 0 -1px no-repeat;
}

.actions a.action4:hover {
	background-position : 0 -31px;
}

.home #thumbnails {
	margin-top : 13px;
}




/*
================================
	Single
================================
*/


/* Image */


#content {
	width : 970px;
	margin : 0 auto;
	position : relative;
	margin-top : 4px;
}

#photo {
	background : transparent url('images/main-sprite.png') 0 -519px  no-repeat;
	padding : 35px;
	width : 900px;
	height : 598px;
}

#photo a {
	display : block;
}

#next, #next a, #previous, #previous a {
	width : 25px;
	height : 43px;
}

#next {
	position : absolute;
	top : 313px;
	left : 972px;
	background : transparent url('images/main-sprite.png') -614px -386px  no-repeat;
}

#previous {
	position : absolute;
	top : 313px;
	left : -27px;
	background : transparent url('images/main-sprite.png') -588px -386px  no-repeat;
}

#next a {
	background-position : -614px -300px;
}

#previous a {
	background-position : -588px -300px;
}

#next a:hover {
	background-position : -614px -343px;
}

#previous a:hover {
	background-position : -588px -343px;
}


/* Infos */


#title {
	margin-top : 10px;
	background : #797979 url('images/title-back.png') top left repeat-x;
	padding-top : 22px;
	padding-bottom : 19px;
	color : #fff;
}

h2 {
	font-size : 22px;
	line-height : 23px;
	text-transform : uppercase;
	width : 900px;
	margin : 0 auto;
	text-align : center;
}

#infos {
	background : #fff url('images/content-back.png') bottom left repeat-x;
	padding-bottom : 4px;
}

#infos-main {
	margin : 0 auto;
	width : 900px;
	overflow : hidden;
	background : transparent url('images/infos-back.png') 0 0  repeat-y;
	padding : 20px 0;
}

#left {
	float : left;
	width : 505px;
	margin-right : 20px;
}

#right {
	margin-left : 20px;
	width : 355px;
	float : left;
}

h3 {
	height : 35px;
	margin-bottom : 15px;
	margin-top : 25px;
}

h3.tags {
	background-position : -587px -230px;
	margin-top : 0px;
	width : 102px;
}

h3.about {
	background-position : -689px -230px;
	width : 96px;
}

h3.exif {
	background-position : -785px -230px;
	width : 63px;
}

h3.map {
	background-position : -848px -230px;
	width : 119px;
}

h3.comments {
	background-position : -587px -265px;
	margin-top : 0;
	float : left;
	width : 104px;
}

h3.wall {
	background : #fff url('images/wallpaper-sprite.png') -74px 0 no-repeat;
	margin-top : 0px;
	width : 120px;
}

#tags-list {
	color : #d9d9d9;
}

#wallpaper {
	margin-bottom : 25px;
}

#wallpaper span {
	font-weight : bold;
}

#wallpaper select {
	border : 1px solid #a4a4a4;
	width : 125px;
	height : 20px;
	margin-left : 15px;
}

input.download {
	position : relative;
	top : 2px;
	left : 2px;
	border : 0;
	padding : 0;
	width : 44px;
	height : 29px;
	text-indent : -9999px;
	background : transparent url('images/wallpaper-sprite.png') -30px 0  no-repeat;
	cursor : pointer;
}

input.download:hover {
	background-position : -30px -29px;
}


#comments-nb {
	color : #b7b7b7;
	font-size : 11px;
	margin-left : 112px;
	margin-top : 9px;
}

.comments-none, .comments-closed {
	clear : both;
}

#comments-list {
	clear : both;
}

#comments-list li {
	border-bottom : 1px solid #d9d9d9;
	margin-bottom : 15px;
	padding-bottom : 10px;
	color : #888;
}

#comments-list p {
	padding-bottom : 5px;
}

#comments-list strong {
	color : #4a4a4a;
	margin-right : 5px;
}

#comment-add {
	font-size : 11px;
	padding-top : 7px;
	padding-bottom : 15px;
}

#comment-add h4 {
	margin-bottom : 15px;
	font-size : 12px;
}

#comment-add textarea, #comment-add input {
	border : 1px solid #a4a4a4;
}

#comment-add textarea:focus, #comment-add input:focus {
	border : 1px solid #91ba12;
	background-color : #f9fbf3;
}

#comment-add input {
	width : 195px;
	padding : 2px;
}

#comment-add label {
	color : #7c7c7c;
	margin-left : 5px;
}

#comment-add textarea {
	width : 335px;
	height : 105px;
	padding : 2px;
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
}

input#submit {
	border : 0;
	padding : 0;
	width : 76px;
	height : 29px;
}

input#submit:focus {
	border : 0;
	background : transparent;
}


/*
================================
	About
================================
*/


#about {
	background : #fff url('images/content-back.png') bottom left repeat-x;
	padding-bottom : 4px;
	margin-top : 20px;
}

#about-main {
	margin : 0 auto;
	width : 900px;
	overflow : hidden;
	padding : 20px 0;
	background : transparent url('images/about-back.png') top left repeat-y;
}

#presentation {
	float : left;
	width : 530px;
	margin-right : 20px;
}

#contact {
	margin-left : 20px;
	width : 330px;
	float : left;
}

#presentation h3.about {
	margin-top : 0;
}

h3.contact {
	background-position : -689px -300px;
	margin-top : 0;
	width : 130px;
}

h3.legal {
	background-position : -689px -265px;
	width : 175px;
}

#about a {
	color : #888;
}

#about a:hover {
	background-color : #eee;
}

/* Contact */

.formcontainer .information {
	font-size : 11px;
	color : #7c7c7c;
	margin-top : -10px;
}

.formcontainer .error {
	color : red;
}

.formcontainer .success {
	color : green;
}


.contact-form textarea, .contact-form input {
	border : 1px solid #a4a4a4;
}

.contact-form textarea:focus, .contact-form input:focus {
	border : 1px solid #91ba12;
	background-color : #f9fbf3;
}

.contact-form input {
	width : 195px;
	padding : 2px;
}

.contact-form legend {
	display : none;
}

.contact-form .form-label {
	color : #7c7c7c;
	margin-left : 5px;
	padding-top : 10px;
}

.contact-form textarea {
	width : 300px;
	height : 105px;
	padding : 2px;
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
}

.contact-form input.button {
	border : 0;
	padding : 0;
	margin-top : 10px;
	width : 76px;
	height : 29px;
	text-indent : -9999px;
	background : transparent url('images/main-sprite.png') -740px -172px  no-repeat;
	cursor : pointer;
}

.contact-form input.button:hover {
	background-position : -740px -201px;
}

.contact-form input.button:focus {
	border : 0;
}