/*  
Theme Name: Arthemia
Theme URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Description: <a href="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a> theme is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer.
Version: 1.0
Author: Michael Jubel Hutagalung
Author URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* HTML Elements */
* {
	margin:0;
	padding:0;
	}

img a{border:0}

body {
	font: 12px Georgia, Times;
	background: #FFF;
	color: #4d4d4b;
	}

p {	
	margin: 15px 0;
	}

a:link, a:visited {
	color: #4E4E4E;
	text-decoration:underline
	}

a:hover, a:active {
	color: #3c78a7;
	text-decoration:underline;
	}

a img {
	border:0;
	}

code {
	font: 1.0em 'Courier New', Courier, Fixed;
	background:#ececec;
	}	

acronym, abbr, span.caps {	
	cursor: help;
	}			

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
	font:12px Arial;
	margin:10px 0px;
	}

select {
	width: 130px;
	}	



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
a:focus {outline: 0; }


/* Structure */


#head {
	width:994px;
	margin:0px auto;
	margin-top:25px;
	padding:0px;
	}


#page {
	width:994px;
	margin:0px auto;
	font-size:12px;
	color:#4e4e4e; position:relative;
	line-height:19px
	}

.left, .alignleft {
	float:left;
	}

.right, .alignright {
	float:right;
	}


/* Navigation Bar*/
#navbar {
	margin:0 auto;
	background:#692e5e url(images/navbar.png);
	position:relative
	}

a.linkFB{
	background:url("images/facebook.png") no-repeat scroll left center transparent;
	display:block;
	font-size:14px;
	height:32px;
	line-height:24px;
	margin:50px 0 0;
	text-decoration:none;
	width:260px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	}

#page-bar ul {
	list-style: none;
	font-size:15px;
	}

#page-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	z-index:100
	}
	
#page-bar li:hover {
	background:transparent url(images/menuH.png) no-repeat center left;
	}

#page-bar a, #page-bar a:visited {
	margin: 0px;
	font-weight:bold;
	color:#FFF;
	display:block;
	padding-left:5px;
	text-decoration:none;
	padding:15px 16px;
	}

#page-bar a:hover {
	text-decoration:none;
	  display:block;
	}

#searchform {
	width:194px;
	float:right;
	text-align:right;
	padding-top:8px;
	margin-right:10px;
	}

/* Dropdown Menus */		
#page-bar li {
	float: left;
	margin: 0px;
	position:relative;
	padding-left:7px
	}


#page-bar .mhp{margin-right:200px}
#page-bar .mct{margin-left:70px}


#page-bar li li {
	float: left;
	margin: 0px;
	padding: 0;
	width: 200px;
	text-transform:none;
	}
	
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
	background-color: #692e5e;
	float: none;
	margin: 0px;
	padding: 5px 10px 5px 18px;
	border-top: 1px solid #fff;
	font-weight:normal;
	font-size:12px;
	}
	
#page-bar li li a:hover, #page-bar li li a:active {
	background: #7c6e9a;
	padding: 5px 10px 5px 18px;
	}

#page-bar li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	z-index:100;
	}

#page-bar li:hover ul {
	display: block;
	}
	
#page-bar li:hover ul, #page-bar li.sfhover ul {
	left: auto;
	}

*+html #page-bar li:hover ul, *+html #page-bar li.sfhover ul {left:18px; top:45px}

/* Text

h1 {
	font:3.5em;
	font-weight:bold;
	letter-spacing:-0.08em;
	}

h2 {
	font:2.3em Georgia, "Times New Roman";
	}

h3 {
	font:1.3em;
	margin-bottom:3px;
	color:#3c78a7;
	font-weight:bold;
	}

h4 {
	font:1.0em;
	}

h3.cat_title, h3.cat_title a {
	color:#333;
	letter-spacing:-0.05em;
	font-size:0.85em;
	}

h3#respond {
	margin-top:0px;
	padding-top:20px;
	}

h3#comments {
	margin-top:32px;
	padding-left:0px;
	}

h3.authors {
	margin-top:15px;
	}

/* Index Page*/

#logo {
	width:350px;
	}

#tagline {
	margin-top:5px;
	color:#333;
	}

#top {
	padding:0;
	}

#headline  div.title {
	font-weight:bold;
	font:2.4em Georgia;
	display:block;
	padding-bottom:5px;
	}

#headline div.meta {
	display:block;
	margin-top:-5px;
	padding-bottom:2px;
	}

#headline p {
	padding-bottom:15px;
	}

#ciotoli {
	width:300px;
	background:#fff;
	padding:10px 10px 9px 10px;
	}

#ciotoli .clearfloat {
	margin-top:7px;
	margin-bottom:8px;
	}

#ciotoli .info {
	margin-top:5px;
	padding-top:5px;
	float:right;
	width:180px;
	}

#ciotoli .title {
	font-weight:bold;
	}

/*#headline a img {
	border:1px solid #ccc;
	margin-top:5px;
	margin-right:10px;
	padding:2px;
	}*/


#middle {
	width: 920px;
	background:#fff;
	float:right;
	padding:10px;
	margin:10px 0;
	}

.category {
	width:164px;
	float:left;
	border-top:8px solid #333;
	margin:0px;
	padding:5px 10px 10px 10px;
	background:#fff;
	}

.category p {
	margin:0;
	}

#cat-1, #cat-3, #cat-5  {border-top:8px solid #333333;}
#cat-2, #cat-4 {border-top:8px solid #3c78a7;}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
	text-transform:lowercase;
	margin:0;
	font-weight:bold;
	}

#front-popular h3 {
	display:none
	}

.category a {
	color:#333;
	display:block;
	background:none;
	}

.category a:hover {
	background:none;
	color:#fff;
	text-decoration:none;
	}

#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; }
#cat-2:hover, #cat-4:hover {background:#3c78a7; color:#fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; }
#cat-2:hover a, #cat-4:hover a {background:#3c78a7; color:#fff; }

#bottom {
	width: 940px;
	}

#front-list {
	/*width:590px;
	background:#fff;*/
	padding:10px 0;
	float:left;
	}

#archive {
	margin:10px 0;
	padding:30px;
	}

#front-list blockquote {
	padding: 0px 10px 0 10px;
	}

#front-list .title, #archive .title {
	font:18px Georgia;
	}

#front-list .clearfloat, #archive .clearfloat {
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	}

#front-list .spoiler, #archive .spoiler {
	display:block;
	margin-top:3px;
	}

#front-list p, #archive p {
	margin:0px;
	padding:0px;
	}

.author {
	font-weight:bold;
	}

.meta {
	color:#333;
	}

.meta a {
	color:#333;
	}

#headline p{
	margin:0;
	}


/* Content Page*/

#content {
	width:640px;
	float:left;
	min-height:400px;
	}

#content.nosidebar{width:994px;	background:url("images/bgkMainPag.png") repeat-x scroll left 136px #FFFFFF;position:relative;margin-bottom:10px;}
#content.nosidebar #headline{height:115px; padding:9px 0 0 25px;background:transparent url("images/testataNeutra.jpg") no-repeat right 1px;}

#content .breadcrumbs, #content .breadcrumbs a {
	font-weight:bold;
	color:#3C78A7;

	}

#content .breadcrumbs a {	text-decoration:underline}

#content h2.title {
	font:40px Georgia;
	font-weight:normal;
	border-bottom:1px solid #6c609e;left:298px;position:absolute;top:73px;width:696px;
	color:#6c609e
	}

/*.post {
	font-size:1.05em;
	line-height:1.75em;
	}*/

.post p {
	margin-top:0px;
	}

.post .clearfloat {
	margin:10px 0px;
	padding:30px
	}


.post ul, .post ol, #front-list ul, #front-list ol {
	margin-bottom:15px;
	}

.post ul li, #front-list ul li {	
	list-style:square;
	margin-left:30px;
	}

.post ol li, #front-list ol li {	
	list-style:decimal;
	margin-left:30px;
	}

.post ol li ul li, #front-list ol li ul li {	
	list-style:square;
	margin-left:20px;
	}

.post img, .post a img, #front-list img, #archive img {
margin:0 25px 5px 0;
	}

.post .ads {
	margin-top:10px;
	}

.nosidebar .entry{float:left;padding-right:62px;width:640px;}
.sidebar_right{float:left;margin:10px 0;padding:30px 0 0;width:270px;}
.sidebar_right h4{color:#6294c0; font-size:18px; font-weight:normal; padding-bottom:17px}

.entry {
	margin-top:20px;
	}

.entry h2{color:#6c609e;font-size:24px;padding:20px 0 10px 0;font-weight:normal}

#stats {
	margin-top:0px;
	padding:4px 0px;
	text-transform:uppercase;
	font:0.8em Arial;
	display:block;
	}

#stats span {
	font-style:italic;
	padding:0 20px 0 0;
	text-transform:lowercase;
	}

#stats span a:hover {
	background:none;
	}

#stats span a {
	color:#333;
	}

#stats img, #nav img {
	border:0px;
	margin:0px;
	padding:0px;
	}

#tools {
	width:590px;
	height:25px;
	}

#tools a:hover {
	background:none;
	}

.navigation {
	padding:5px 0px;
	text-align:Center;
	}

/* Sidebar*/
#sidebar {
	width:280px;
	float:right;
	margin:0;
	padding-top:30px;
	}

#sidebar h3 {
	font:12px georgia;
	font-weight:bold;
	background:#692E5E;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	}

#sidebar-top, #sidebar-bottom {
	width:250px;
	padding:0px 10px 10px 10px;
	}

#sidebar-bottom, #sidebar-middle {
	margin-top:10px;
	}

#sidebar-middle {
	width:320px;
	float:right;
	}

#sidebar-left {
	width:135px;
	padding:0px 10px 10px 10px;
	float:left;
	}

#sidebar-right {
	width:135px;
	padding:0px 10px 10px 10px;
	float:right;
	}


#sidebar li {
	list-style:none;
	border-bottom:1px dotted #ccc;
	display:block;
	padding:2px 0px 2px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

#sidebar li ul li:last-child{
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:2px 0px 0px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

#sidebar-ads {
	width:300px;
	float:right;
	margin-bottom:10px;
	padding:10px;
	background:#fff;
	}


/* Form Elements */

select {
	border:1px solid #333;
	width:100%
	}
	
.field {
	padding: 2px;
	border:1px solid #333;
	background:#fff;
	}

#s {
	padding:1px;
	width:150px;
	}
	
#searchsubmit {
	padding-left:5px;
	}

#commentform input {
	width: 140px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	}



/* Comments*/

.commentlist cite {
	font-style:normal;
	margin-bottom:4px;
	display:block;
	}	

.commentlist blockquote {
	background:#ededed;
	}
			
.commentlist li {
	padding: 10px 0px 10px 0px;
	list-style:none;
	margin-bottom:3px;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	padding: 10px 10px 0px 10px;
	background:#f2f2f2;
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width:495px;
	float:right
	}
		
/*.commentlist cite strong {
	font-size:1.1em;
	}*/
	
li.my_comment {
	background: #FFF;
	border:none;
	}

li.my_comment cite strong {
	color:#313228;
	}
	
#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	color:#4d4d4d;
	display: block;
	margin-top:3px;
	text-align:right;
	}

.commentmetadata a, .commentmetadata a:visited {
	color:#959382;
	}
	
.commentlist small {
	background:#e9e9e9;
	}

.avatar {
	border:1px solid #bbb;
	margin:0px 10px 0px 0px;
	float:left;
	padding:2px;
	width:55px;
	height:55px;
	}	

#comment {
	width:590px;
	background:#fff;
	}

/* Footer*/

#front-popular {
	color:#CCCCCC;
	margin:0 auto;
	padding:10px;
	position:absolute;
	right:0;
	top:-85px;
	width:52px;
	}

/*#recentpost, #mostcommented {
	width:280px;
	float:left;
	padding:10px;
	border:1px solid #fff;
	}*/

#mostcommented {
	margin-left:17px;
	}

#recent_comments {
	width:280px;
	float:right;
	padding:10px;
	border:1px solid #fff;
	}

#recentpost a, #mostcommented a, #recent_comments a {
	color:#fff;
	}

#recentpost #tr_credit{display:none}
#recentpost .transposh_flags ul {display:block}
#recentpost ul li form{position:absolute;right:77px;top:18px;width:120px;}

#recentpost ul, #mostcommented ul, #recent_comments ul {
	float:left;
	margin-top:5px;
	width:70px;
	}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
	list-style:none;
	padding:5px;
	display:block;
	float:left
	}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
	color:#fff;
	}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
	border-top:0px dotted #fff;float:left
	}


#footer {
	margin: 0 auto;
	width: 994px;
	font-size:11px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center
	}


/* Float Properties*/

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

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}


/*Home*/
.mainHp {background:#fff url(images/bgkMainHp.png) top left repeat-x;padding:12px 15px;line-height:15px}
.servizi {background:#fff url(images/bgkServizi.png) top left no-repeat;padding:13px 18px;height:170px}
.servizi ul {list-style-image:url(images/listImg.png);color:#4e4e4e; font-size:12px; float:left;margin-left:54px;width:169px;padding-bottom:14px}
*+html .servizi ul li{list-style-image:url(images/listImgIE.png);}
.servizi ul li{padding-bottom:8px}
.servizi h3, .clienti h4{color:#595959; font-size:16px; font-style:italic; font-weight:normal}
.servizi h2 {color:#6c609e; font-size:28px; text-align:center;background:#fff url(images/rigaTitServizi.png) bottom left repeat-x;line-height:21px; margin:15px 0 17px 0; font-weight:normal}
.servizi h2 span{ background-color:#fff; padding:0 5px}
.areaPR, .areaMP{float:left;background:transparent url("images/bgk_boxHpServizi.png") no-repeat 0px 36px;}
.areaPR{margin-right:30px;width:447px;}
.areaMP{width:447px;}
.servizi .mp1{margin-left:29px;width:206px}
.servizi .mp2{margin-left:26px;width:184px}
.servizi a{clear:both;color:#595959;text-decoration:underline; padding-top:5px; font-style:italic}
.servizi a:hover{color:#3C78A7;}


.boxHp, #bottom.boxHp{width:27%; float:left; margin-top:35px; padding:0px 30px;position:relative}
.areaNewsletter h4, .areaNews h4, .ciotoli h4{font-size:22px; color:#6294c0; font-weight:normal}
.areaNews{border-left:1px solid #cbdbea;}
.areaNews #front-list .title{font-size:12px; font-weight:bold; line-height:16px;padding:2px 0;}
.areaNews a {color:#4e4e4e;}
.areaNews .meta{font:italic 10px arial; color:#666}
a.archNews{color:#666; text-decoration:underline; font-size:11px}
a.archNews:hover{color:#3C78A7;}
.ciotoli{/*background:url("images/bgkCiotoli.png") no-repeat scroll 0 9px transparent;*/color:#6C5FA1;height:105px;margin:32px 0 0 27px;padding:0;text-align:center;width:293px;line-height:18px}
.ciotoli p{margin-top:10px}
.ciotoli .info{padding:0 25px 0 48px;position:relative;text-align:left;background:transparent url("images/sassi.png") no-repeat right bottom; height:131px}
.clienti{width:970px; overflow:hidden; position:relative;padding-top:48px; clear:both;}
.clienti h4{padding-bottom:5px}
#qscroller1{border:1px solid #d4d5d8; border-left:0; border-right:0; }

.chiSiamoPage .post img{float:left}
.chiSiamoPage .dicono p img{float:none}
.chiSiamoPage p, .chiSiamoPage h2, .chiSiamoPage ul{text-align:left}
.chiSiamoPage ul li{list-style-image:url("images/listImg.png");margin-top:5px}
*+html .chiSiamoPage ul li{list-style-image:url(images/listImgIE.png);}
.chiSiamoPage .nome{font-size:15px; color:#6C609E;}
.chiSiamoPage .ev{width:90%; text-align:center; margin:40px auto 0 auto; font-size:15px; font-style:italic; line-height:20px}
.ev strong{ background-color:#c8c7dc;}
.nosidebar.chiSiamoPage, .nosidebar.cosafacciamoPage, .nosidebar.prPage, .nosidebar.mkpubPage, .nosidebar.partnershipPage, .nosidebar.contattiPage{border-bottom:1px solid #D4D5D8;}
.nosidebar.chiSiamoPage .entry{width:935px;text-align:left}
#content.chiSiamoPage #headline{height:115px; padding:9px 0 0 25px;background:transparent url("images/testataChisiamo.jpg") no-repeat right 1px;}
.chiSiamoPage .sidebarLeft{width:600px; float:left;padding-right:60px;}
.dicono{padding-top:0; margin-top:0}
.dicono p{padding-bottom:30px; text-align:justify}
.dicono strong{font-size:15px}
.dicono span{display:block; font-style:italic;padding-top:5px; font-size:11px; text-align:right; font-weight:bold; line-height:16px}


#content.cosafacciamoPage #headline{height:115px; padding:9px 0 0 25px;background:transparent url("images/testataCosaFacciamo.jpg") no-repeat right 1px;}
.nosidebar.cosafacciamoPage .entry, .nosidebar.eventi .entry{width:935px; padding-right:30px}
.cosafacciamoPage .entry h2{width:440px; float:left; margin-bottom:20px; text-align:center}
.cosafacciamoPage h3{color:#6C609E;font-size:15px;}
.titPR{margin-right:40px}
.testoPR, .testoPM{float:left;width:440px;margin-bottom:40px}
.testoPR{padding-right:20px;margin-right:20px;border-right:1px solid #ccc}

.nosidebar.partnershipPage .entry{width:935px; padding-right:30px}
#content.partnershipPage #headline {height:115px; padding:9px 0 0 25px;background:transparent url("images/testataPartnership.jpg") no-repeat right 1px;}
.partnershipPage .txtleft{float:left; width:50%}
.partnershipPage .imgRight{float:right;padding-top:20px}
.partnershipPage h2.txtleft{clear:both;}

.archivioPage{background:url("images/bgkMainPag.png") repeat-x scroll left 136px #FFFFFF;position:relative;	border-bottom:1px solid #d4d5d8;}
.archivioPage #headline{height:115px; padding:9px 0 0 25px;background:transparent url("images/testataPressRoom.jpg") no-repeat right 1px;}
#content.nosidebar.eventi #headline{height:115px; padding:9px 0 0 25px;background:transparent url("images/testataEventi.jpg") no-repeat right 1px;}
.archivioPage #archive{padding:0}
.archivioPage .meta{float:left;width:140px;}
.archivioPage .articolo{float:left;width:440px}
.archivioPage #content{margin:10px 0;padding:30px;}
.archivioPage .post .clearfloat{margin:0; padding:0}
.archivioPage #stats{padding-top:20px}
.archivioPage .post h3{color:#6C609E;font-size:22px;padding:5px 0 10px;line-height:25px}


.nosidebar.contattiPage .entry{width:920px; padding-right:0}
.contattiPage iframe{border:1px solid #D5D6D9; margin-top:10px}
.contattiPage address{float:left; font-size:15px; font-style:normal; line-height:22px}
.contattiPage .mappa{float:right; width:600px}

.eventi h2{width:290px; padding-top:0; line-height:22px}
.eventi .titLeft{float:left;}
.eventi .titRight{float:right;}
.eventiTxt{float:left;width:290px; clear:left}
.eventiTxtRight{float:right;width:290px; clear:right}
.eventi .imgRight{float:right; margin:0 0 0 10px}
.eventi .imgLeft{float:left; margin:0 10px 0 0}
.eventi .post div div.clearfloat{margin:0 0 10px 0; padding:0 0 10px 0;border-bottom:1px dotted #CCCCCC;}

.standardPage{position:relative}

* html .ciotoli .info{background:none;progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.grandangolo.it/wp-content/themes/arthemia/images/sassi.png');}
* html .servizi ul{margin-left:24px;}
* html .servizi .mp1{margin-left:15px;}
* html #content{width:610px}