/* 
	Theme Name: Black Photo
	Theme URL: http://eloipoch.es/temas/black-photo
	Description: Black Photo es un tema negro y sencillo de 2 columnas para WordPress.
	Based on: Revolution Black Canvas http://www.revolutiontwo.com/themes/blackcanvas
	Author: Eloi Poch
	Author URI: http://eloipoch.es
	Version: 0.1
	Tags: two columns, fixed width, black, gray, white, photo, images
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v0.1 - 2008-12-23
		Primera versión funcional del tema
*/

/************************************************
*	Estructura 									*
************************************************/
body {
	background-color: #000;
	color: #CCC;
	font: normal normal 400 62.5% Verdana, Arial, Tahoma;
	margin: 0;
	padding: 0;
}

	body * {
		font-size: 1em;
		margin: 0;
		padding: 0;
	}
	ul, ol { list-style: none; }
	fieldset, img { border: 0; }
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	address { font-style: normal; }
	abbr, acronym {
		border: 0;
		font-variant: normal;
	}
	blockquote, q { quotes: "" ""; }
		blockquote:before, blockquote:after,
		q:before, q:after { content: ""; }
	a { 
		color: #CCC;
		text-decoration: none;
	}
		a:hover {
			color: #FFF;
			text-decoration: underline;
		}

/************************************************
*	Capcelera  									*
************************************************/
	#header {
		color: #CCC;
		height: 100px;
		font-size: 1.6em;
		overflow: hidden;
		margin: 0 auto;
		width: 960px;
	}
	/* Logo */
		#header h1 {
			float: left;
			height: 55px;
			padding-top: 45px;
			width: 330px;
		}
			#header h1 a {
				color: #FFF;
				display: block;
				font-size: 2.5em;
				font-weight: 400;
			}
	/* Fi Logo */
	/* Navegacio */
		#nav {
			float: right;
			height: 35px;
			line-height: 35px;
			overflow: hidden;
			padding-top: 65px;
			text-align: right;
			width: 560px;
		}
			#nav li { display: inline; }
				#nav li a {
					color: #CCC;
					font-size: .8em;
					height: 20px;
					padding: 0 15px;
					text-transform: capitalize;
				}
					#nav li a:hover {
						color: #FFF;
						text-decoration: none;
					}
				#nav li ul.children { display: none; }
	/* Fi Navegacio */

/************************************************
*	Contingut 					     		    * 
************************************************/
	#wrap { background: #000 url(images/wrap.gif) top repeat-x; }
	/* Contingut */
		#content {
			margin: 0 auto;
			overflow: hidden;
			padding-bottom: 10px;
			width: 960px;
		}
		/* Post */
			#content .post {
				overflow: hidden;
				padding: 25px 0 20px;
			}
			/* Títol */
				#content h2 {
					font-size: 2.4em;
					font-weight: normal;
					margin-bottom: 10px;
					width: 630px;
				}
					#content h2 a {
						color: #FFF;
						display: block;
					}
						#content h2 a:hover { text-decoration: none; }
			/* Fi Títol */
			/* Text */
				#content .text {
					float: right;
					width: 300px;
				}
					#content h3 {
						color: #FFF;
						font-size: 1.6em;
						font-weight: 400;
						margin-bottom: 5px;
					}
					#content .entry-summary {
						font-size: 1.2em;
						line-height: 20px;
						padding-bottom: 20px;
					}
						#content .entry-summary p { margin-bottom: 10px; }
							#content .entry-summary a { border-bottom: 1px dashed #CCC; }
								#content .entry-summary a:hover {
									border-bottom: 1px solid #FFF;
									text-decoration: none;
								}
					#content .post dl {
						font-size: 1.2em;
						line-height: 20px;
						padding-bottom: 20px;
						overflow: hidden;
					}
						#content .post dl dt {
							clear: left;
							color: #FFF;
							float: left;
							padding-right: 5px;
						}
						#content .post dl dd { float: left; }
						#content .post dl .tags { padding: 1px 5px 1px 0; }
						#content .post dl dd.tags { width: 225px; }
							#content .post dl dd.tags a { white-space: nowrap; }
							#content .post dl a { border-bottom: 1px dashed #CCC; }
								#content .post dl a:hover {
									border-bottom: 1px solid #FFF;
									text-decoration: none;
								}
			/* Fi Text */
			/* Imatge */
				#content .image {
					float: left;
					width: 630px;
				}
					#content .image a {
						background-color: #000;
						border: 9px solid #FFF;
						display: block;
						padding: 5px 0 2px;
						text-align: center;
					}
						#content .image a:hover {
							background-color: #FFF;
							border: 9px solid #000;
						}
						#content .image a img { border: 1px solid #000; }
							#content .image a:hover img { border: 1px solid #FFF; }
					#content .image dl {
						font-size: 1.1em;
						padding: 5px 10px 0 0;
						text-align: right;
					}
						#content .image dt,
						#content .image dd {
							display: inline;
						}
							#content .image dd a,
							#content .image dd a:hover {
								border: 1px dashed #CCCCCC;
								border-width: 0 0 1px;
								display: inline;
								padding: 0;
							}
							#content .image dd a:hover {
								border-bottom: 1px solid #FFF;
								text-decoration: none;
							}
			/* Fi Imatge */
		/* Fi Post */
		/* Navegacio Posts */
			#content #nav-post {
				clear: both;
				font-size: 1.15em;
				text-align: center;
			}
				#content #nav-post li {
					display: inline;
					padding: 0 10px;
				}
					#content #nav-post li a { border-bottom: 1px dashed #CCC; }
						#content #nav-post li a:hover {
							border-bottom: 1px solid #FFF;
							text-decoration: none;
						}
		/* Fi Navegacio Posts */
		/* Comentaris */
			#comments {
				border-top: 1px solid #373737;
				clear: both;
				padding-top: 10px;
				width: 630px;
			}
				#comments h4 {
					font-size: 1.2em;
					line-height: 20px;
					padding: 10px 0;
					text-indent: 25px;
				}
			/* Llistat de Comentaris */
				#comments ol {}
					#comments li {
						border-bottom: 1px solid #FFF;
						overflow: hidden;
						padding: 10px;
					}
						#comments li:hover {
							border: 1px solid #FFF;
							padding: 9px 9px 10px 9px;
						}
						#comments p.persona {
							float: left;
							font-size: 1.1em;
							line-height: 20px;
							margin-top: -5px;
							padding-right: 20px;
							width: 140px;
						}
							#comments p.persona a { border-bottom: 1px dashed #CCC; }
								#content p.persona a:hover {
									border-bottom: 1px solid #FFF;
									text-decoration: none;
								}
							#comments p.persona abbr { white-space: nowrap; }
						#comments img.photo {
							display: block;
							float: left;
							padding-right: 20px;
						}
						#comments div.comment {
							float: right;
							font-size: 1.1em;
							line-height: 20px;
							margin-top: -5px;
							overflow: hidden;
							width: 370px;
						}
			/* Fi Llistat de Comentaris */
			/* Formulari */
				#commentform { margin-top: 20px; }
					#commentform fieldset { border: 1px solid #FFF; }
						#commentform legend {
							color: #FFF;
							font-size: 1.2em;
							margin: 0 20px;
							padding: 0 10px;
						}
						#commentform ol { padding: 10px 0;}
							#commentform li,
							#commentform li:hover {
								border: 0;
								padding: 2.5px 10px;
							}
								#commentform label {
									display: block;
									font-size: 1.1em;
									overflow: hidden;
								}
									#commentform label span {
										display: block;
										float: right;
										line-height: 25px;
										height: 25px;
										width: 300px;
									}
									#commentform label span.title-words { display: none;}
									#commentform label span.explanation {
										clear: both;
										float: none;
										font-size: .9em;
										width: auto;
									}
									#commentform label input,
									#commentform label textarea {
										background-color: #232323;
										border: 2px solid #373737;
										color: #CCC;
										font-size: 1.1em;
										font-family: Arial, Tahoma, Verdana;
										padding: 4px;
										width: 280px;
									}
									#commentform label textarea { width: 95%; }
										#commentform label input:focus,
										#commentform label textarea:focus,
										#commentform label input:hover,
										#commentform label textarea:hover {
											border-color: #FFF;
											color: #FFF;
										}
						#commentform div.submit { text-align: center; }
							#commentform div.submit #submit{ 
								background-color: #373737;
								color: #FFF;
								font-size: 1.1em;
								margin: 0 10px 10px;
								padding: 3px;
								text-transform: uppercase;
							}
			/* Fi Formulari */
		/* Fi Comentaris */
	/* Fi Contingut */
	/* Pagina */
			#content .page {
				color: #FFF;
				float: left;
				width: 630px;
				padding: 20px 0;
			}
			#content .page h2 a { display: inline; }
				#content .page .entry-summary p {
					margin-bottom: 15px;
					text-indent: 20px;
				}
			/* Captions */
				#content .page .entry-summary .wp-caption {
					background-color: #F3F3F3;
					border: 1px solid #DDD;
					padding: 10px 5px 0;
					text-align: center;
				}
					#content .page .entry-summary .wp-caption a { display: block; }
						#content .page .entry-summary .wp-caption a img { border: 1px solid #000; }
					#content .page .entry-summary .wp-caption p {
						color: #000;
						margin-bottom: 5px;
						text-indent: 0;
					}
				#content .page .entry-summary .alignleft {
					float: left;
					margin-right: 10px;
				}
		/* Fi Captions */
		/* Formulari Contacte */
			#content div.correcto {
				font-size: 1.2em;
				margin-top: 20px;
			}
			#ascf {}
				#ascf fieldset { border: 1px solid #FFF; }
					#ascf legend {
						color: #FFF;
						font-size: 1.2em;
						margin: 0 20px;
						padding: 0 10px;
					}
					#ascf div.error {
						color: #F00;
						font-weight: 700;
						margin: 10px 0 0 12px;
						text-align: center;
					}
					#ascf ol { padding: 10px 0;}
						#ascf li {
							border: 0;
							padding: 2.5px 10px;
						}
							#ascf label {
								display: block;
								font-size: 1.1em;
								overflow: hidden;
							}
								#ascf label span {
									display: block;
									float: right;
									line-height: 25px;
									height: 25px;
									width: 300px;
								}
								#ascf label.ascf_mensaje span { display: none;}
								#ascf label input,
								#ascf label textarea {
									background-color: #232323;
									border: 2px solid #373737;
									color: #CCC;
									font-size: 1.1em;
									font-family: Arial, Tahoma, Verdana;
									padding: 4px;
									width: 280px;
								}
								#ascf label textarea { width: 95%; }
									#ascf label input:focus,
									#ascf label textarea:focus,
									#ascf label input:hover,
									#ascf label textarea:hover {
										border-color: #FFF;
										color: #FFF;
									}
					#ascf div.submit { text-align: center; }
						#ascf div.submit #submit{ 
							background-color: #373737;
							color: #FFF;
							font-size: 1.1em;
							margin: 0 10px 10px;
							padding: 3px;
							text-transform: uppercase;
						}
		/* Fi Formulari Contacte */
	/* Fi Pagina */
	/* Inferior */
		#photos {
			border-top: 1px solid #232323;
			margin: 25px auto 0;
			padding: 10px 0;
			width: 960px;
		}
			#photos h3 {
				color: #CCC;
				font-size: 1.6em;
				font-weight: 400;
				margin-bottom: 10px;
				text-align: center;
			}
			#photos ol { text-align: center; }
				#photos ol li {
					display: inline;
					padding-right: 10px;
				}
					#photos ol li a { }
						#photos ol li a img { border: 3px solid #232323; }
							#photos ol li a:hover img { border: 3px solid #FFF; }
	/* Fi Inferior */

/************************************************
*	Peu 					     		    	* 
************************************************/
	#wrap-footer {
		background: #151515;
		border-top: 1px solid #232323;
	}
		#footer {
			width: 960px;
			height: 100px;
			margin: 0 auto;
		}
			#footer li {
				border-left: 1px solid #000;
				border-right: 1px solid #000;
				float: left;
				font-size: 1.2em;
				margin: 15px 0 10px -1px;
				padding: 5px 0 5px 20px;
				width: 218px;
			}
			#footer li:first-child { margin-left: 0; }
				.footer li p {
					color: #FFF;
					padding-bottom: 5px;
				}
					#footer li a { color: #FFF; }
		#footer-2 { display: none; }
	
		
.contentleft {
	float: left;
	width: 630px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	}
	
.contentleft ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
.contentleft ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
.contentleft ul {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
.contentleft ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
blockquote {
	font-style: italic;
	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
	border-left: 2px solid #373737;
	}
	
/************************************************
*	Sidebar 				    	     	    * 
************************************************/
	
#sidebar {
	float: right;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 20px 0px;
	line-height: 20px;
	}
	
#sidebar p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

#sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li li {
	list-style-type: square;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	}
	
#sidebar ul li ul li {
	list-style-type: square;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	}
	
/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	}
	
#s {
	background: #FFFFFF;
	width: 210px;
	color: #333333;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}
	
#sbutt {
	background: #1A4E88 url(images/submit.png);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 1px;
	margin: 0px;
	border: 1px solid #FFFFFF;
	}