/*
THEME NAME: Taxiguerrilla
THEME URI: http://taxiguerrilla.com/
DESCRIPTION: Custom Taxiguerrilla theme based on Sandbox
VERSION: 0.1
AUTHOR: Simone Lippolis
AUTHOR URI: http://simonelippolis.com
TAGS: white, silver, fixed-width, one-column
*/

@font-face {
  font-family: 'Custom Title';
    src:	url('./fonts/libserif.eot');
    src:	local('Liberation Serif Regular'),
    		url("./fonts/libserif.ttf") format('truetype');
    /*
    src:	url('./fonts/winterthurcondensed.eot');
    src:	local('Winterthur Condensed'),
    		url("./fonts/winterthurcondensed.ttf") format('truetype');
    */
}

@font-face {
  font-family: 'Custom Arrows';
    src:	url('./fonts/libserif.eot');
    src:	local('Liberation Serif Regular'),
    		url("./fonts/libserif.ttf") format('truetype');
}

/* Generiche */

em, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

a, a:link {
	color: #4ca300;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* Struttura */

body {
	background:#3a383a url(./images/background.jpg) top left repeat-x;
	border:none;
	color:#3a383a;
	font-family:Sans-Serif;
	font-size:.9em;
	margin:0;
	padding:0;
}

/* Header */

#header {
	background: #fff;
	height:146px;
	margin:0 auto;
	padding: 20px;
	position:relative;
	width:900px;
}

	#header h1 {
		display:block;
		height:146px;
		left:20px;
		position:absolute;
		top:20px;
		width:300px;
	}
	
		#header h1 a {
			background:transparent url(./images/logo.png) no-repeat;
			display:block;
			height:146px;
			overflow:hidden;
			text-indent:-10000px;
			width:300px;
		}
		
		#header #blog-description {
			bottom:20px;
			font-family:'Custom Title', Serif;
			font-size:1.8em;
			height:auto;
			left:340px;
			line-height:.75em;
			position:absolute;
			text-align:left;
			width:580px;
		}

/* Content */

#container {
	background: #fff;
	display:block;
	height:auto;
	margin:0 auto 20px auto;
	padding: 0 20px 40px 20px;
	position:relative;
	width:900px;
	
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-radius-bottomleft: 15px;
	border-radius-bottomright: 15px;
}

/* Post in homepage */
	
	#container #content .post {
		cursor: pointer;
		position:relative;
	}
	
		#container #content .post h2 {
			bottom:0;
			color:#fff;
			display:block;
			font-family:'Custom Title';
			font-size:2.5em;
			height:auto;
			left:0;
			position:absolute;
			width:100%;
		
			text-shadow:1px 1px 3px #3a383a;
			filter: Shadow(Color=#3a383a,Direction=135,Strength=5);

		}
		
			#container #content .post h2 a {
				color:#fff;
				display:block;
				padding:10px;
				text-decoration:none;
			}
			
		#container #content .post .entry-content, #container #content .post .entry-meta {
			display:none;
		}
		
		#container #content .post .entry-date {
			display: none;
		}
	
		#container #content .p1 {
			background-color:#fff;
			background-position:center center;
			background-repeat:repeat;
			display:block;
			height:598px;
			margin-bottom:10px;
			width:900px;
		}
	
		#container #content .p2, #container #content .p3 {
			background-color:#fff;
			background-position:center center;
			background-repeat:repeat;
			display:block;
			float:left;
			height:210px;
			margin:0 10px 10px 0;
			width:320px;
		}
		
			#container #content .p1 h2 {
				width: 750px;
			}
			
			#container #content .p2 h2, #container #content .p3 h2, #container #content .p4 h2 {
				font-size:1.8em;
			}
		
		#container #content .p4 {
			background-color:#fff;
			background-position:center center;
			background-repeat:repeat;
			clear: right;
			display:block;
			float:left;
			height:210px;
			margin-bottom: 10px;
			width:240px;
		}

			
/* News in homepage */
		
	#container #news {
		border-top: 1px solid #3a383a;
		display:block;
		height:auto;
		margin:20px auto 20px auto;
		padding-bottom: 20px;
		position:relative;
		width:900px;
	}
	
		#container #news h2 {
			font-family:'Custom Title';
			font-size:1.6em;
			margin:10px 0;
			padding-left: 10px;
		}
		
			#container #news ul {
				height: auto;
				overflow:hidden;
				position: relative;
				width: 900px;
			}
			
			#container #news li {
				float: left;
				font-size: .8em;
				line-height:1.3em;
				padding: 0 10px;
				width: 300px;
			}
			
			#container #news li.p5, #container #news li.p6 {
				margin-right: 10px;
				min-height: 200px;
			}
			
			#container #news li.p7, #container #news li.p8, #container #news li.p9, #container #news li.archives {
				width: 220px;
				margin-bottom: 10px;
			}
			
			#container #news li.p7 .text, #container #news li.p8 .text, #container #news li.p9 .text {
				display: none;
			}
			
			#container #news li.p7 h3, #container #news li.p8 h3, #container #news li.p9 h3 {
			font-size: 1.2em;
			}
			
			#container #news li h4 {
				font-size: .9em;
				font-style: italic;
			}
			
			#container #news li h3 {
				font-family:'Custom Title';
				font-size: 1.4em;
				font-weight:bold;
				margin-bottom: 10px;
			}
			
			#container #news li a {
				color:#3a383a;
				text-decoration: none;
			}
			
			#container #news li a:hover {
				color:#3a383a;
				text-decoration: underline;
			}
				
/* Sticky */
	
	#sticky {
		background:#fff;
		display:none;
		height:400px;
		overflow:auto;
		padding:10px;
		position:relative;
		width:550px;
		z-index:500;
	}
	
		#sticky h2 {
			color:#3a383a;
			font-family:'Custom Title';
			font-size:2.5em;
			margin-bottom:20px;
		}
		
		#sticky .entry-date {
			color:#3a383a;
			font-family:'Custom Title';
			font-size:.9em;
			font-style:italic;
		}
		
		#sticky .entry-content p {
			line-height:1.3em;
			margin-bottom:20px;
		}

/* Dettaglio news */

	#container #content .news {
		height: auto;
		min-height: 400px;
	}
	
		#container #content .news h3 {
			font-size: .8em;
			font-style: italic;
			padding: 20px 0 0 0;
		}
		
		#container #content .news h2 {
			font-family:'Custom Title';
			font-size:2.5em;
			padding: 0 0 20px 0;
		}
		
		#container #content .news p {
			color:#3a383a;
			line-height: 1.3em;
			margin-bottom: 20px;
		}
		
/* Dettaglio galleries */
		
	#container #content .pictures {
		height: auto;
		min-height: 400px;
	}
	
		#container #content .pictures h3 {
			font-size: .8em;
			font-style: italic;
			padding: 20px 0 0 0;
		}
		
		#container #content .pictures h2 {
			font-family:'Custom Title';
			font-size:2.5em;
			padding: 0 0 20px 0;
		}
		
		#container #content .pictures p {
			color:#3a383a;
			line-height: 1.3em;
			margin-bottom: 20px;
		}
		
		#container #content .pictures .gallery {
			background:#3a383a;
			display: block;
			height: auto;
			margin-bottom: 20px;
			width: 900px;
		}
		
			#container #content .pictures .gallery ul.txgallery-gallery {
				background: transparent url(./loading.gif) center center no-repeat;
				display: block;
				height: 598px;
				overflow: hidden;
				width: 900px;
			}
			
			#container #content .pictures .gallery ul.txgallery-gallery li {
				background-position: center center;
				background-repeat: no-repeat;
				cursor: pointer;
				display: none;
				height: 598px;
				position: relative;
				width: 900px;
			}
			
				#container #content .pictures .gallery ul.txgallery-gallery li div {
					background:#3a383a;
					bottom: 20px;
					color: #fff;
					display: none;
					font-size: .85em;
					height: auto;
					left: 20px;
					line-height: 1.1em;
					min-height: 29px;
					padding: 10px;
					position: absolute;
					width: 730px;
				}
		
		#container #content .pictures .gallery ul.txgallery-menu {
			display: block;
			height: auto;
			overflow: hidden;
			width: 900px;
		}
		
			#container #content .pictures .gallery ul.txgallery-menu li {
				float: left;
				margin-right:2px;
			}
			
				#container #content .pictures .gallery ul.txgallery-menu li a {
					color: #fff;
					display: block;
					font-size: .8em;
					padding: 4px 8px 4px 10px;
					text-decoration:none;
				}
				
					#container #content .pictures .gallery ul.txgallery-menu li a:hover {
						color: #4ca300;
					}
				
					#container #content .pictures .gallery ul.txgallery-menu li a.active {
						color: #4ca300;
					}
					
			#container #content .pictures .gallery ul.txgallery-menu li#txgallery-pause {
				display: none;
			}
			
			#container #content .pictures .gallery ul.txgallery-menu li#txgallery-play a, #container #content .pictures .gallery ul.txgallery-menu li#txgallery-pause a {
				height: 10px;
				overflow: hidden;
				padding: 4px 0 4px 0;
				text-indent:-10000px;
				width: 15px;
			}
			
			#container #content .pictures .gallery ul.txgallery-menu li#txgallery-play a {
				background: transparent url(./css/black-tie/images/ui-icons_bbbbbb_256x240.png) 0 -159px no-repeat;
			}
			
			#container #content .pictures .gallery ul.txgallery-menu li#txgallery-play a:hover {
				background: transparent url(./css/black-tie/images/ui-icons_4ca300_256x240.png) 0 -159px no-repeat;
			}
			
			#container #content .pictures .gallery ul.txgallery-menu li#txgallery-pause a {
				background: transparent url(./css/black-tie/images/ui-icons_bbbbbb_256x240.png) -15px -159px no-repeat;
			}
			
			#container #content .pictures .gallery ul.txgallery-menu li#txgallery-pause a:hover {
				background: transparent url(./css/black-tie/images/ui-icons_4ca300_256x240.png) -15px -159px no-repeat;
			}
	
/* Archivio */
	
	div.archive h2 {
		font-family:'Custom Title';
		font-size:2.5em;
		padding: 0 0 20px 0;
	}

/* Archivio galleries */
	
		div.archive .galleries {
			height: auto;
			overflow: hidden;
			width: 100%;
			
		}
		
			div.archive .galleries .Pictures {
				background-position: center center;
				background-repeat: no-repeat;
				cursor: pointer;
				display: block;
				float: left;
				height: 200px;
				margin: 0 20px 20px 0;
				position: relative;
				width: 200px;
			}
			
				div.archive .galleries .Pictures h3 {
					bottom: 10px;
					color:#fff;
					display:block;
					font-family:'Custom Title';
					font-size:1.5em;
					height:auto;
					left:10px;
					position:absolute;
				
					text-shadow:1px 1px 3px #3a383a;
					filter: Shadow(Color=#3a383a,Direction=135,Strength=5);
				}
				
					div.archive .galleries .Pictures h3 a {
						color: #fff;
						text-decoration: none;
					}

/* Archivio news */

	
		div.archive ul.newsarchive {
			height: auto;
			overflow: hidden;
			width: 100%;
			
		}
		
			div.archive ul.newsarchive li {
				margin-bottom: 20px;
			}
			
			div.archive ul.newsarchive h4 {
				font-size: .8em;
				font-style: italic;
			}
			
			div.archive ul.newsarchive h3 {
				color:#3a383a;
				font-family:'Custom Title';
				font-size:1.5em;
				margin-bottom: 5px;
			}
			
				div.archive ul.newsarchive h3 a {
					color:#3a383a;
					text-decoration: none;
				}
				
			div.archive ul.newsarchive p {
				font-size: .9em;
				line-height: 1.3em;
				margin-bottom: 20px;
			}
		

/* Sidebar */

	.sidebar {
		background:#3a383a;
		display:block;
		float:none;
		font-size:.9em;
		height: auto;
		line-height:1.3em;
		margin:60px auto 0 auto;
		overflow:hidden;
		padding:40px 20px 40px 20px;
		width:900px;
		
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-topright: 15px;
		-webkit-border-top-left-radius: 15px;
		-webkit-border-top-right-radius: 15px;
		border-radius-topleft: 15px;
		border-radius-topright: 15px;
	}
	
		.sidebar a {
			color:#a6a1a6;
			text-decoration:none;
		}
		
		.sidebar a:hover {
			text-decoration:underline;
		}
		
		.sidebar > ul {
			float: left;
			height:auto;
			overflow:hidden;
			padding: 0 10px;
			width:100%;
		}
		
		.sidebar > ul.galleries, .sidebar > ul.news {
			margin-right: 10px;
			width: 300px;
		}
		
		.sidebar > ul.pages, .sidebar > ul.links {
			width: 220px;
		}
		
		.sidebar > ul > li {
			color:#fff;
			font-family:'Custom Title';
			font-size:1.4em;
			margin-bottom:20px;
		}
		
			.sidebar > ul > li > h3 > a {
				color: #fff;
			}
		
			.sidebar > ul > li > ul {
				font-family:Sans-Serif;
				margin-top: 5px;
			}
			
				.sidebar > ul > li > ul > li {
					font-size: .7em;
					margin-bottom: 5px;
				}
				
				.sidebar > ul > li > ul > li.archives {
					font-weight: bold;
				}
				
					.sidebar > ul > li > ul > li > a {
						padding: 2px 0;
					}			

/* Footer */

	#footer {
		background:#3a383a;
		color:#a6a1a6;
		display:block;
		float:none;
		font-size:.8em;
		line-height:1.3em;
		margin:0 auto;
		padding:60px 20px;
		text-align:center;
		width:900px;
	}
	
		#footer a {
			color:#fff;
			text-decoration:none;
		}
		
		#footer a:hover {
			text-decoration:underline;
		}
		
/* =comments */
#comments {display:block;margin:36px 0;}
#comments-list h3 {font-size:1.8em;margin:3em 0;clear:both;float:none;font-weight:100;}
#comments-list {padding: 0;text-align:left;width:100%;color:#888;}
#comments-list li {margin: 15px 0 10px 0;padding:10px;list-style: none;position:relative;display:block;background:#FFF;}
#comments-list li.alt {background:#FAFAFA;padding:10px;margin: 0;}
#comments-list .children li {padding:10px;}
#comments-list li .comment-author {font-size:1em;line-height:3.6em;}
#comments-list li .comment-author img {float:left;padding:0 10px 0 0;margin:0;vertical-align:baseline;}
#comments-list li .comment-author .fn {font-family: 'Custom Title';font-size:1.8em;}
#comments-list li .comment-meta {position:absolute;top:0;right:0;padding:10px 10px 0 0;display:inline;}
#comments-list li ul li {margin-right:0;margin-left: 50px;}
#comments-list p {margin: 10px 5px 10px 0;}
#comments .form-label {
	padding: 5px 0;
}
#comments .form-input {
	margin-bottom: 5px;
}
.children {padding: 0;}
.children li div {position:relative;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
#respond {clear:both;float:none;display:table;}
#respond h3 {margin:1em 0 0;clear:both;float:none;font-size:1.8em;font-weight:100;}
#respond, #respond textarea {width:100%;color:#888}


.gallery { width:900px; margin:20px auto; height:auto; overflow:hidden; }
.gallery dl { display:block; float:left; width:150px; height:150px; margin; 0 5px 5px 0; }