/* 
Theme Name: Dr. O-one

Author: The O-one devTeam
Description: Based upon "Whiteboard" - http://plainbeta.com/whiteboard/
Author URI: http://brianpurkiss.net
Version: 1.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}




body {
	font-family: Arial, Helvetica, sans-serif;
	background:#fff url(images/body_bg.gif) 61px repeat-y;
}

strong {
	font-weight:bold;
}


a {
	color:#FF7D21;
	text-decoration:none;
}
a:hover {
	color:#000;
}

h2 {
	font:1.375em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
	margin:0 61px 13px 74px;
}
h2 a {
	color:#666;
}

h2.archive {
	font:1em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
	margin:0 61px 13px 74px;
	padding-bottom:13px;
	border-bottom:#848484 1px solid;
}
h2.archive span {
	color:#ff7d21;
}


#main-dx-home h2 {
	text-indent:-9000px;
	background:url(images/home_heading.gif) no-repeat;
	height:202px;
}


/* head */

#head h1 {
	display:none;
}
#head a {
	display:block;
	position:absolute;
	top:101px;
	left:88px;
}
#head a img {
	border:0;
}




/* sx */

#sidebar {
	width:305px;
	float:left;
	margin:0 0 26px 61px;
	padding:200px 0 13px 0;
	background:url(images/sidebar_bg.gif) no-repeat;
	display:inline;
}

#sidebar ul {
	font-size:0.75em;
	list-style-type:none;
}
#sidebar #pages, #sidebar #blog {
	border-bottom:#727272 1px solid;
	border-top:#5a5a5a 1px solid;
}
#sidebar #pages li, #sidebar #blog li {
	line-height:39px;
	height:39px;
	border-bottom:#5a5a5a 1px solid;
}
#sidebar #pages h2 {
	display:none;
}
#sidebar #pages li a, #sidebar #blog li a {
	display:block;
	line-height:normal;
	height:38px;
	text-indent:-9000px;
	border-top:#727272 1px solid;
	background:url(images/mainNav_bg.gif);
	background-repeat:no-repeat;
}
#sidebar #pages li a:hover, #sidebar #pages li.selected a, #sidebar #blog li a:hover, #sidebar #blog li.selected a {
	border-top:#919191 1px solid;
	background:#848484 url(images/mainNav_bg.gif);
}

#sidebar #pages li#uno a {
	background-position:0 0;
}
#sidebar #pages li#uno a:hover, #sidebar #pages li.selected#uno a {
	background-position: -305px 0;
}
#sidebar #pages li#due a {
	background-position:0 -40px;
}
#sidebar #pages li#due a:hover, #sidebar #pages li.selected#due a {
	background-position: -305px -40px;
}
#sidebar #pages li#tre a {
	background-position:0 -80px;
}
#sidebar #pages li#tre a:hover, #sidebar #pages li.selected#tre a {
	background-position: -305px -80px;
}
#sidebar #pages li#quattro a {
	background-position:0 -120px;
}
#sidebar #pages li#quattro a:hover, #sidebar #pages li.selected#quattro a {
	background-position: -305px -120px;
}
#sidebar #pages li#cinque a {
	background-position:0 -160px;
}
#sidebar #pages li#cinque a:hover, #sidebar #pages li.selected#cinque a {
	background-position: -305px -160px;
}
#sidebar #pages li#sei a {
	background-position:0 -200px;
}
#sidebar #pages li#sei a:hover, #sidebar #pages li.selected#sei a {
	background-position: -305px -200px;
}
#sidebar #pages li#sette a {
	background-position:0 -240px;
}
#sidebar #pages li#sette a:hover, #sidebar #pages li.selected#sette a {
	background-position: -305px -240px;
}


#sidebar #blog {
	margin-top:38px;
}
#sidebar #blog li a {
	background-position:0 -320px;
}
#sidebar #blog li a:hover, #sidebar #blog li.selected a {
	background-position: -305px -320px;
	border-bottom:#777 1px solid;
}



#sidebar #blog #sidetags {
	background:#848484;
	padding:15px 26px;
	color:#fff;
	border-top:#919191 1px solid;
	border-bottom:#5a5a5a 1px solid;
	height:auto;
	line-height:normal;
}
#sidebar #blog #sidetags span {
	font:bold 1em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#666;
	display:block;
}
#sidebar #blog #sidetags a {
	font-size:0.915em;
	color:#fff;
	display:inline;
	height:auto;
	line-height:normal;
	text-indent:0;
	border:none;
	background:none;
}
#sidebar #blog #sidetags a:hover {
	color:#FF7D21;
}
#sidebar #blog #sidetags br {
	height:3px;
	line-height:3px;
}








/* dx */

#content {
	margin:0 0 0 366px;
	background:url(images/content_bg.gif) top repeat-x;
}

#main-dx, #main-dx-home, .post {
	width:610px;
	background:url(images/main-dx_bg.gif) no-repeat;
	padding-bottom:26px;
}


#upperbar {
	height:80px;
	margin-bottom:120px;
	padding:0px 0 0px 0px;
	overflow:hidden;
}
#upperbar #power {
	height:20px;
	margin:0;
}
#upperbar #power a {
	display:block;
	float:right;
	width:151px;
	height:20px;
	overflow:hidden;
	text-align:left;
	text-indent:-9000px;
	background:url(images/oone_powered.gif) no-repeat;
}

#upperbar ul {
	list-style-type:none;
	height:59px;
	overflow:hidden;
}
#upperbar ul li {
	float:right;
	height:59px;
	border-left:#e5e5e5 1px solid;
}

#upperbar a#feed {
	display:block;
	margin:31px 13px 5px 13px;
	padding-top:3px;
	height:17px;
	width:87px; /* 113 - 26 */
	font:0.75em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#666;
	background:url(images/rss_icon.gif) 100% 50% no-repeat;
		
}
#upperbar a#feed:hover {
	color:#FF7D21;
}
#upperbar form {
	margin:30px 0 0px 13px;
	width:197px; /* 210 - 13 */
	height:22px;
	overflow:hidden;
}
#upperbar form label {
	padding-top:3px;
	width:47px;
	height:20px;
	font:0.75em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
}
#upperbar form input {
	padding:3px;
	width:113px;
	height:14px;
	border:#848484 1px solid;
	background:#fff;
	font:0.69em Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
}
#upperbar form input:focus {
	border:#FF7D21 1px solid;
}
#upperbar form input#searchsubmit {
	padding:0;
	margin-left:8px;
	width:21px;
	height:22px;
	border:none;
	background:url(images/b_invio.gif) 0 50% no-repeat;
	text-indent:-9000px;
}




#main-dx h3, .post h3 {
	font-size:1.2em;
	font-weight:bold;
	line-height:120%;
	color:#666;
	padding-bottom: 6px;
	border-bottom: #666 1px solid;
	margin:52px 61px 13px 74px;
}
#main-dx h4, .post h4 {
	font-size:0.85em;
	font-weight:bold;
	line-height:120%;
	color:#666;
	margin:0 61px 13px 74px;
}

#main-dx p, .post p {
	font-size:0.95em;
	line-height:130%;
	color:#666;
	margin:0 61px 13px 74px;
}

#main-dx-home p {
	font-size:1.125em;
	line-height:120%;
	color:#666;
	margin:0 61px 26px 74px;
}

#main-dx ul, .post ul {
	font-size:0.95em;
	line-height:130%;
	color:#666;
	margin:0 61px 13px 74px;
	padding-left:13px;
	list-style-type:disc;
	list-style-position:inside;
}
#main-dx #upperbar ul, .post #upperbar ul {
	list-style-type:none;
}

#main-dx blockquote, .post blockquote {
	background:url(images/commentH3_bg.gif) 0 0 no-repeat;
	margin:13px 51px 13px 74px;
	padding:0px 13px 0px 45px;
	border-bottom:#848484 1px solid;
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
	color:#999;
}

.post .wp-caption {
	margin:0 61px 13px 74px;
	width:475px !important;
}
.post .wp-caption a img {
	border:0;
}
.post .wp-caption img {
	max-width:475px !important;
}
.post .wp-caption-text {
	margin:0 0 6px 0;
	padding:3px;
	font-size:0.689em;
	background:#EFEFEF;
}

.post p.postdata {
	background:#848484 url(images/postdata_bg.gif) 100% 50% no-repeat;
	color:#fff;
	padding-left:3px;
	line-height:25px;
}


.postmeta, .postmeta2 {
	background:#EFEFEF;
	margin:0 61px 52px 74px;
	padding:3px 3px 13px 3px;
	border-bottom:#848484 1px solid;
}
.post .postmeta p {
	margin:0 0 3px 0;
}

.bottomless {
	margin-bottom:0;
}

#postnavigation {
	margin:0 61px 52px 74px;
}
#postnavigation p {
	width:220px;
}
#postnavigation p.left {
	float:left;
}
#postnavigation p.right {
	float:right;
}
#postnavigation a {
	color:#666;
	text-decoration:none;
}
#postnavigation a:hover {
	color:#000;
}




.post h3, .post h4 {
	background:url(images/commentH3_bg.gif) 0 13px no-repeat;
	margin:0 61px 0px 74px;
	padding:48px 3px 13px 45px;
	border-bottom:#848484 1px solid;
	font-size:0.75em;
	font-weight:bold;
	color:#666;
}
.post h4 {
	background:none;
	padding:13px 0px;
	margin-bottom:13px;
}


.post #commentlist {
	list-style-type:none;
	margin:0 61px 52px 74px;
}
.post #commentlist li{
	border-bottom:#848484 1px solid;
}

.post #commentlist p {
	font-size:0.687em;
	margin-left:0;
	margin-right:0;
}
.post #commentlist em {
	color:#ff7d21;
}
.post #commentlist .singlecomment p {
	padding-top:13px;
	font-size:0.75em;
}
.post #commentlist .singlecomment p .author {
	font-weight:bold;
}
.post #commentlist .singlecomment p a {
	color:#666;
}
.post #commentlist .singlecomment p a:hover {
	color:#ff7d21;
}


.post #commentlist .commenttext-admin {
	background:#FFE6D3;
}
.post #commentlist .commenttext-admin .author {
	color:#ff7d21;
}



#commentform {
	margin:0 61px 0 74px;
	padding:0 0 78px 0;
}
#commentform br {
	clear:left;
	display:none;
}
#commentform label {
	width:122px;
	height:20px;
	line-height:1em;
	margin-bottom:13px;
	font:0.75em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	display:block;
}
#commentform input, #commentform select, #commentform textarea {
	width:345px;
	padding:3px;
	margin-bottom:13px;
	height:14px;
	border:#B2B2B2 1px solid;
	background:#EFEFEF;
	font:0.69em Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
}
#commentform input:focus, #commentform textarea:focus {
	border:#FF7D21 1px solid;
}
#commentform input#sbutt {
	padding:0;
	margin-left:122px;
	width:65px;
	height:22px;
	font:bold 0.75em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align:left;
	border:none;
	background:url(images/b_invio.gif) 100% 50% no-repeat;
}
#commentform textarea {
	height:132px;
}

#commentform .msg {
	margin:13px 0 13px 0;
	padding:13px 0 0 0;
	border-top:#848484 1px solid;
	clear:left;
}
#commentform small {
	font:0.75em Arial, Helvetica, sans-serif;
	color:#333;
}
#commentform code {
	font-family:"Courier New", Courier, mono;
}

#commentform .alert {
	margin:0 0 13px 0;
	padding:3px;
	height:auto;
	overflow:hidden;
	background:#FFE6D3;
}
#commentform .alert .left {
	float:left;
}
#commentform .alert .logout {
	/*font-size:0.687em;*/	
	color:#ff7d21;
	float:right;	
}
#commentform .alert .logout:hover {
	color:#666;
}








/* foot */

#foot {
	clear:both;
	width:597px;
	height:52px;
	margin:13px 0 0 379px;
	background:#FF7D21;
	color:#fff;
	position:relative;
	bottom:13px;
}
#foot p {
	padding:3px 13px 0 0px;
	border-left:#F79433 1px solid;
	font-size:0.75em;
	line-height:150%;
	text-align:right;
}
#foot p a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
#foot p a:hover {
	text-decoration:underline;
}










/*   jflow gallery    */

#jflow {
	margin: 0 61px 0 74px;
}
.hidden {
	display: none;
}

.jFlowPrev {
	float:left;
}

.jFlowNext {
	float:right;
}

#prevNext {
	height:40px;
	overflow:hidden;
	margin:13px 0;
}

#prevNext img {
	cursor: pointer;
}

#slides p {
	margin:0;
	padding: 0 1em;
	font-size: .75em;
	position: relative;
	top: 1px;
	line-height: 40px;
	height: 40px;
	color:#fff;
	background: #666;
}






/*   clienti    */


#clienti {
	margin:0 0 0 74px;
	height:auto;
	overflow:hidden;
}

#clienti br {
	width:0;
	height:0;
	line-height:0;
}

#clienti div {
	width:231px;
	height:60px;
	overflow:hidden;
	margin:0 13px 13px 0;
	float:left;
}

#clienti div a {
	display:block;	
	height:83px;
	overflow:auto;
	padding:13px;
	border-top:#fff 1px solid;
	background:#EFEFEF url(images/clienti_link_bg.gif) 100% 100% no-repeat;
	color:#666;
	font-size:.75em;
}

#clienti div a:hover {
	background:#E1E1E1 url(images/clienti_linkhover_bg.gif) 100% 100% no-repeat;
	color:#000;
}

#clienti div a span {
	color:#FF7D21;
	font-weight:bold;
}





























