/*
 Theme Name: ID
 Theme URI: http://www.aquest.it
 Description: Mag/Blog di AQuest
 Version: 0.1
 Author: AQuest
 Author URI: http://www.aquest.it
*/

/**********************************/
/* RESET CSS (based on Tripoli)   */
/**********************************/

* {
    text-decoration: none;
    font-size: 1em;
    outline: none;
    margin: 0;
    padding: 0;
}

code, kbd, samp, pre, tt, var, input, select, isindex, listing, xmp, plaintext {
    font: inherit;
    white-space: normal;
}

textarea {
    font: inherit;
}

a, img, a img, iframe, form, abbr, acronym, object, applet, table, a abbr, a acronym {
    border-width: 0;
}

dfn, i, cite, var, address, em {
    font-style: normal;
}

th, b, strong, h1, h2, h3, h4, h5, h6, dt {
    font-weight: normal;
}

caption, th, td {
    text-align: left;
}

html {
    background: white;
    color: black;
    line-height: 1;
    font-family: arial, sans-serif;
}

/* \*/
html {
    font-family: sans-serif;
}

/* */
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

ul, ol, dir, menu {
    list-style: none;
}

sub, sup {
    vertical-align: baseline;
}

a {
    color: inherit;
}

/****************************************************/
/* DISABLE DEPRECATED ELEMENTS (based on Tripoli)   */
/****************************************************/
font, basefont {
    color: inherit;
    font: inherit;
    font-size: 100%;
}

center, *[align] {
    text-align: inherit;
}

s, strike, u {
    text-decoration: inherit;
}

img {
    border: none;
    margin: 0;
}

ol {
    list-style-type: decimal;
}

body {
    background-color: transparent;
}

tr, th, td {
    width: auto;
    height: auto;
    background-color: transparent;
    vertical-align: inherit;
    border: none;
}

table[border], .content table[border] {
    border-collapse: separate;
    border-spacing: 0;
}

nobr {
    white-space: normal;
}

marquee {
    overflow: visible;
}

blink {
    text-decoration: none;
}

a {
    text-decoration: underline;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6, dt {
    font-weight: bold;
}

cite, em, dfn {
    font-style: italic;
}

code, kbd, samp, pre, tt, var, input[type = 'text'], input[type = 'password'], textarea {
    font-size: 100%;
    font-family: mono-space, monospace;
}

pre {
    white-space: pre;
}

pre * {
    font-size: 100%;
    white-space: pre;
}

del {
    text-decoration: line-through;
}

ins, dfn {
    border-bottom: 1px solid black;
}

small, sup, sub {
    font-size: 85%;
}

big {
    font-size: 125%;
    line-height: 80%;
}

abbr, acronym {
    text-transform: uppercase;
    font-size: 85%;
    letter-spacing: .1em;
}

abbr[title], acronym[title], dfn[title] {
    cursor: help;
    border-bottom: 1px dotted black;
}

sup {
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

blockquote {
    padding-left: 2.2em;
}

hr {
    display: none; /* We will re-reset it later for content */
}

input, select, button {
    cursor: pointer;
}

input[type = 'text'], input[type = 'password'] {
    cursor: text;
}

input[type = 'hidden'] {
    display: none;
}

/**********************************/
/* GENERAL/LAYOUT                 */
/**********************************/

html {
    font: 11px / 1.636em Arial, Helvetica, sans-serif;
	height: 100%;
     overflow: -moz-scrollbars-vertical;
margin:0 0 1px;
}

body {
	background: transparent url(public/images/id_sf3.jpg) repeat fixed;
	float: left;
	min-height: 100%;
	position: relative;
	width: 100%;
}
* html body { height: 100%; }

#container { min-height: 100%; }
* html #container { height: 100%; }

#header {
	cursor: default;
    height: 90px;
	position: relative;
}

	#header h1 {
		background: url(public/images/logo_id.png) top left no-repeat;
		height: 56px;
		left: 30px;
		position: absolute;
		text-indent: -9999px;
		top: 17px;
		width: 88px;
	}
	
		#header h1 a, #header h1 a:hover {
			background: transparent url(public/images/logo_id.png) top left no-repeat;
			border: 0;
			display:block;
			margin:0;
			height: 56px;
			padding:0;
			text-decoration: none;
			width: 88px;
		}
		
#wrapper {
    float: left;
    width: 100%;
}

#content {
	height: auto;
	margin: 0 0 0 145px;
	position:relative;
	width: auto;
}

#content div.navigation {
width: 100%; float: left; margin:0; clear: left;
}

.post {
    background: none;
    display: inline;
    float: left;
    margin: 0 4px 1em 4px;
    height: 260px;
    padding: 0;
    position: relative;
    width: 260px;
}

	.top-post {
		background: url(public/images/top_box.png) top left no-repeat;
		float: left;
		margin: 0;
		padding: 0;
		width: 260px;
		height: 10px;
                font-size: 0;
	}

	.middle-post {
		background: url(public/images/middle_box.png) repeat-y;
		height: 220px;
		float: left;
		margin: 0;
		padding: 0 10px;
		width: 240px;
	}
	
			.middle-post h2 { display: none; }
	
				.middle-post a {
					display:block;
					margin: 0;
					padding: 0;
					width: 240px;
					height: 175px;
				}
					
					.middle-post a>img {}
				
				.middle-post p {
					line-height: 18px;
					width: 240px;
					margin-top: 3px;
				}

	.details {
	    background: url(public/images/bt_box_aq.png) bottom left no-repeat;
		font-size: 10px;
		height: 30px;
		line-height: 30px;
	    width: 260px;
	    float: left;
	    margin: 0;
		padding: 0;
		position: relative;
	}

		.category-about p.details { background: url(public/images/bt_box_aq.png) bottom left no-repeat;	}
		.category-adv p.details { background: url(public/images/bt_box_yellow.png) bottom left no-repeat; }
		.category-design p.details { background: url(public/images/bt_box_red.png) bottom left no-repeat; }
		.category-entertainment p.details { background: url(public/images/bt_box_blue.png) bottom left no-repeat; }
		.category-lab p.details { background: url(public/images/bt_box_magenta.png) bottom left no-repeat; }
		.category-marketing p.details { background: url(public/images/bt_box_orange.png) bottom left no-repeat; }
		.category-mobile p.details { background: url(public/images/bt_box_green.png) bottom left no-repeat; }
		.category-networking p.details { background: url(public/images/bt_box_violet.png) bottom left no-repeat; }
		.category-people p.details { background: url(public/images/bt_box_petrol.png) bottom left no-repeat; }
                .category-web p.details { background: url(public/images/bt_box_web.png) bottom left no-repeat;}
		.category-social p.details { background: url(public/images/bt_box_aqua.png) bottom left no-repeat; }
		.category-tech p.details { background: url(public/images/bt_box_black.png) bottom left no-repeat; }
		
		.details span.category, .details span.date, .details span.comments-count {
		    position: absolute;
			bottom: 7px;
		}

		.details span.category { left: 36px; }
		.details span.date { right: 40px; }
		.details span.comments-count { text-align: center; right: 13px; width:14px; color: #FFF;}

			.details span a { color: #000; text-decoration: none;}
			.details span a:hover { text-decoration: underline;}
			.details span.comments-count a, .details span.comments-count a:hover { color: #FFF; text-decoration: none; }

div.aqplayer-container {
float: left;
margin: 0 0 1em 0;
width: 470px;
height: 410px;
}

#control {
	background: url(public/images/show.png) top left no-repeat;
	width: 18px;
	height: 24px;
	position:absolute;
	top: 105px;
	left: 18px;
	z-index: 100;
zoom:1;
}

#control:active {
	border: 0;
	outline: 0;
}

#control.close {
	background: url(public/images/hide.png) top left no-repeat;
}
			
#loading-end {
	float:left;
	height:36px;
	line-height:36px;
	font-style: italic;
	width:99%;
	margin:0;
	text-align: right;
	background: transparent;
	border: none;
}

#counter {
	position:fixed;
	bottom: 0; right: 0;
	height:22px;
	line-height:22px;
	width: auto;
	background: #FFF url(public/images/ajax-loader.gif) no-repeat;
}

#loader {
	position:fixed;
	/*top:49%; left: 47%;*/
	top:25px; right: 11px;
	/*height: 40px; width: 120px;*/
	height: 64px; width: 64px;
	background: url(public/images/ajax-loader.gif) no-repeat;
}

#sidebar {
	background: transparent;
	color: #000;
	font-size: 10px;
	padding: 0;
	width: 140px;
	position: absolute;
	left:0; top:90px;
	z-index:90;
}

#top-sidebar {
	background: url(public/images/left_top_bg.png) top left no-repeat;
	width: 140px;
	height: 10px;
	line-height: 10px;
	margin:0; padding: 0;
	float: left;
        font-size: 0;
}

#middle-sidebar {
	background: url(public/images/left_mid_bg.png) repeat-y;
	color: #000;
	font-size: 10px;
	margin: 0; padding: 0;
	width: 140px;
	float: left;
	z-index:90;
}

#bottom-sidebar {
	background: url(public/images/left_btn_bg.png) bottom left no-repeat;
	width: 140px;
	height: 10px;
	line-height: 10px;
	margin: 0; padding: 0;
	float: left;
        font-size: 0;
}

	#sidebar div.box, #sidebar div.search-box {
		float: left;
		margin: 0 17px 1em;
		padding: 0;
		width: 101px;
		line-height: 18px;
		display: inline; /* disable ie6 float double margin bug */
	}

	#sidebar div.search-box { position: relative; margin: 1em 0 3em 17px; }
        /* * html #sidebar div.search-box { margin-top: 1em;}*/

		#sidebar div.search-box	form { position: absolute; top: 0; left: 0;margin: 0; padding: 0; }
			#sidebar div.search-box	form fieldset { border: none; margin: 0; padding: 0; } 
				#sidebar div.search-box	form fieldset legend { display: none; }
					#sidebar div.search-box	form fieldset label { display: none; }
						#sidebar div.search-box form fieldset input#search, #sidebar div.search-box form fieldset input[type="text"], #sidebar div.search-box form fieldset input.text, input#search {
							border: none;
							background: #EBEBEB;
							font-size: 11px;
							float: left;
							margin: 0;
							padding: 0;
							height: 18px;
							line-height: 18px;
							width: 101px;
						}

		#sidebar div.box h3 {
			border-bottom: 2px solid #000;
			font-weight: bold;
			float: left;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		
		#sidebar div.box ul, #sidebar div.box ul li, #sidebar div.box ul li a {
			color: #000;
		}

#top-single {
	background: url(public/images/top_big_post.png) top left no-repeat;
        display: inline;
	width: 800px;
	height: 10px;
	float: left;
	margin: 0 0 0 145px;
	padding:0;
        font-size: 0;
}

#bottom-single {
	background: url(public/images/bottom_big_post.png) top left no-repeat;
        display: inline;
	width: 800px;
	height: 10px;
clear: left;
	float: left;
	margin: 0 0 1em 145px;
	padding:0;
        font-size: 0;
}

		
#single {
	background: url(public/images/mid_big_post.png) repeat-y;
        clear: left;
display: inline;
	float: left;
	margin: 0 0 0 145px;
        padding: 0;
	width: 800px;
	line-height: 18px;
}
	#single a {
		text-decoration: underline;
		color: #404040;
	}

	#single a:hover {
		color: #000;
	}
	
	#single div.post {
		background: #FFF;
		float: left;
		height: auto;
		width: 770px;
		margin: 4px 15px;
		display: inline;
	}

		#single div.post-left {
			float: left;
			width: 300px;
			margin: 0;
		}
	
		#single div.post-left p {
			float: left;
			width: 300px;
			margin:0;
			margin-top: 11px;
		}
	
		#single div#heading {
			float: left;
			height: 210px;
			width: 300px;
			margin: 0;
			position: relative;
			color: #FFF;
		}
		
			#single .category-about div#heading { background: #4bafdf; }
			#single .category-adv div#heading { background: #FFCC00; }
			#single .category-design div#heading { background: #FF3333; }
			#single .category-entertainment div#heading { background: #006699; }
			#single .category-lab div#heading { background: #CC0066; }
			#single .category-marketing div#heading { background: #FF9900; }
			#single .category-mobile div#heading { background: #66CC33; }
			#single .category-networking div#heading { background: #660099; }
			#single .category-people div#heading { background: #006666; }
                        #single .category-web div#heading { background: #7F9FAA; }
			#single .category-social div#heading { background: #33CC99; }
			#single .category-tech div#heading { background: #000000; }
		
			#single h1 {
				width: 200px;
				margin: 20px 0 0 20px;
			}
			
			#single p.details {
				color: #FFF;
				background: none;
				width: 300px;
				margin: 0;
				padding: 0;
				height: 18px;
				line-height: 18px;
				position: absolute;
				bottom: 0; left: 0;
			}
			
				#single p.details span {line-height: 10px; height: 10px; padding: 0 0 8px 0; margin: 0; bottom: 0;}
			
				#single p.details a {color: #FFF; margin: 0; padding: 0; text-decoration: none; }
				#single p.details a:hover { text-decoration: underline; }

				#single p.details span.category { background: url(public/images/cat_ico.png) 0 0.1em no-repeat; left: 10px; }
				#single p.details span.category a { margin: 0 0 0 20px; display: inline; }
				
				#single p.details span.date { left: 100px; width: 60px; }
				
				#single p.details span.comments-count { background: url(public/images/comment_ico.png) top right no-repeat; right: 30px; width: 80px;}
				#single p.details span.comments-count a { color: #000; margin: 0 0 0 12px; display: inline;}
				
				/*#single p.details span.share { background: url(public/images/add_ico.png) top left no-repeat; position: absolute; right: 0; width: 20px; }*/
                                #single p.details span.share { background: none; position: absolute; right: 0; width: 20px; }
				
		#single div.post-right {
			float: left;
			width: 470px;
			margin: 0;
			padding: 0;
font-size: 12px;
		}
		
		#single div.post-right p {
			float: none;
			margin-bottom: 1em;
		}
			
			#single p.postmetadata {
				background: #F3F3F3;
				border: 1px solid #DEDEDE;
				padding: 1em 11px;
				float: left;
				margin: 1em 0 0 0;
				width: 448px;
			}
			
                        * html #single p.postmetadata { width: 437px; }

			#single div.comments-container {
				float: left;
				width: 470px;
				margin: 0;
				padding: 0;
			}
			
			#single p.tags {
				float: left;
				width: 100%;
				margin:1em 0 0 0;
			}

h3.related_post_title {
    margin-top: 2em;
}
		
/* END GLOBAL LAYOUT */
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* SINGLE POST OR PAGE AND COMMENTS */

#comments, #trackbacks, #pingbacks {
    width: 470px;
    font-weight: bold;
    margin: 1em 0;
    padding: 0;
	float: left;
}

.commentlist, .trackbacklist, .pingbacklist {
	list-style-type: none;
    float: left;
    margin: 0;
    width: 470px;
    padding: 0;
}

.comment, .pingback, .trackback {
    float: left;
    margin: 0;
    padding: 1em 0;
    width: 470px;
    border-bottom: 1px dotted #EBEBEB;
    overflow: visible;
}

.byuser { background: #EBEBEB; padding: 1em 10px; width: 450px}
.bypostauthor { background: #EBEBEB;}

.comment-author {
    float: left;
    margin: 8px 18px 0 0;
    padding: 0;
    width: 70px;
}

img.avatar {
    float: left;
    margin: 0;
    padding: 3px;
	border: 1px solid #EBEBEB;
	width: auto;
}

cite.fn {
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
    margin: 0;
}

.comment-body {
    width: 470px;
    padding: 0;
    float: left;
    margin: 0;
    position: relative;
}

.comment-body  p {
    padding: 0;
    float: none;
    margin: 0;
}

.commentmetadata {
	margin: 0 0 6px 0;
}

.commentmetadata a {
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
    margin: 0;
}

.comment-edit-link {
	float: right;
	font-weight: normal;
}

/* END */
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* COMMENTS FORM */
#respond {
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}

#respond h3 {
    width: auto;
    font-weight: bold;
    margin: 1em 0;
    padding: 0;
}

#commentform p {
    float: left;
    margin: 0 0 6px 0;
    padding: 0;
    width: 100%;
}

#commentform label {
    float: left;
	width: 100%;
	margin:0;
}

#commentform input#author, #commentform input#url, #commentform input#email {
	height: 1.5em;
clear: left;
}

#commentform input#author, #commentform input#url, #commentform input#email, #commentform textarea#comment {
	background: #F3F3F3;
	border: 1px solid #DEDEDE;
	line-height: 1.5em;
} 

/* END */
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* RISULTATI RICERCA */
#content div.searchpage div.post {
    float: left;
    width: 440px;
    margin-bottom: 1em;
    padding: 0;
}

#content div.searchpage small {
    float: left;
    width: 100%;
    line-height: 1em;
    font-style: italic;
    margin: 0;
    padding: 0;
}

#content div.searchpage div.postmetadata {
    background: #FFF;
    border: none;
    border-bottom: 1px dotted #EBEBEB;
    padding: 0;
    padding-bottom: 1em;
    font-style: italic;
    float: left;
    width: 100%;
    margin: 0;
    margin-top: -0.5em;
    margin-bottom: 2em;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

.hide {left: -145px;}