/*
Theme Name: Web&Patterns
Author: Laura Comoglio - Samuele Grimandi
Theme URL: 
Description: Tema Wp personalizzato per Web&Patterns
Author URI: 
Version: 1.0
*/


/* Neutralize styling: 
   Elements we want to clean out entirely: */
   
html, body, form, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {margin: 0; padding: 0;}
html {font-size:100%;}
img {border:0;}
ul {list-style:none;}
label {cursor:auto}
h1, h2, h3 {font-weight:normal}

/* ############ Miscellaneous conveniences ############*/
fieldset { border: none;padding:0; margin:0}
input, select, textarea {font: inherit; vertical-align:middle}
br.clear, .clear {clear:both; line-height:0; height:0}
.left {float:left}
.right {float:right}
.center {text-align:center}
.alignRight {clear:both; text-align:right}
p {margin: 0 0 10px}
.clear {clear:both;font-size:2px;line-height:1px;}

/* ############ Apply styles ############ */
body {
	font: 13px/1.4 Arial, Helvetica, sans-serif;
	color:#999;
	text-align: left;
	background:#fff
}

/*link*/
a, a:visited  {text-decoration:none; color:#999}
a:hover {
	color: #93248d;
	text-decoration: overline;
}

a {outline:none;}
#url a {background:url(images/ico_blank.gif) right 0px  no-repeat; padding-right:14px;}
#url a:hover {background:#93248d right 0px  no-repeat; padding-right:14px;}
#rss {background:url(images/ico_rss.gif) center left no-repeat;display:block;float:right;height:31px;width:44px;}

/*titoli*/
h1 a:hover {text-decoration:none}
h2 {font:20px Geneva, Arial, Helvetica, sans-serif; margin-bottom:7px; }
h2 a:hover {color: #93248d; text-decoration: none; }

/*############ struttura principale ######## ####*/
#wrapper { margin:0 auto; text-align:left; padding:0; width:960px;}
#header {position:relative;}
#col-left {float:left; width:720px;}
#col-right {float:right; width:230px;}
.hidden {display:none}

/* ############ header ############# */
#header h1 {margin:0 0 0}
#header h1 span {display:none}
#header h2 {display:none}


/*post*/
.entry {width:227px; float:left; margin-right:10px; margin-bottom:55px; font-size:12px}
.entry a img {border:#93248d 1px solid; margin-bottom:5px}
.entry a:hover img {border:#93248d 2px solid;} 
.entry .title {position: relative;}
.entry h2 {font-size:12px; margin:0 0 3px 0}
.entry .title h2 {width:180px;}
.entry .title .postRating {position:absolute; top:1px; right:2px}





/* ########### singolo post ########### */
.post .entry {float:none; width:100%; color:#000}
.post .entry img {border:#eee 10px solid; margin-bottom:20px}
.post .entry p {margin-right: 20px}
.post .entry p a {font-weight:bold;}

/*commenti*/
#commenti { clear:both; margin-top:40px;  width:700px}
#commenti h3 {font-size:21px; margin-bottom:30px; border-bottom:#eee 1px solid; padding:10px 0; color:#000}
#commenti h3 span {background:url(images/ico_commenti.gif) center right no-repeat; padding-right:22px}
#commenti ol {list-style:none; }
#commenti li {margin-bottom:40px; clear:both; color:#333; border-bottom:#eee 1px solid; padding:10px 0 20px; height:100%}
#commenti li img.avatar {border:#eee 1px solid; float:left; margin-right:10px}
#commenti li small.commentmetadata {font-size:11px;  float:left;width:100px;}
#commenti li cite, #commenti li cite a { color:#fcc974; font-style:normal; text-transform:uppercase; display:block; font-weight:bold}
#commenti p {float:right; width:460px; padding-right:80px; margin-bottom:20px}

#postcomment { clear:both; width:700px}
#postcomment h3 {font-size:18px; margin-bottom:10px; padding:10px 0; color:#000}
#commentform {}
#commentform p {clear:both}
#commentform label {display:block; float:left; width:80px;margin-top:10px}
#commentform p span {color:#f29100; vertical-align:middle}
#commentform input {width:200px; border:#CCC 1px solid; vertical-align:middle; padding:4px; margin-top:10px; margin-right:10px}
#commentform textarea {vertical-align:top; width:480px; border:#CCC 1px solid; padding:2px; margin-top:10px}
#commentform input#submit { background:#ffa800; border:#ffa800 1px solid; color:#FFF; text-transform:uppercase; font-size:12px; font-weight:bold; width:35px; position:relative; top:-15px; left:530px; height:24px; padding:2px 0}


#rating {position: relative}
#rating .postRating { position:absolute; top:7px; left:45px}

/*paginazione post*/
#title #paginazione { position:absolute; top:4px; right:0;}
#avanti, #indietro {float:left; width:26px; height:26px;}
#avanti a { background:url(images/next_off.gif) 0 0 no-repeat; display:block;width:26px; height:26px;}
#avanti a:hover {background:url(images/next_on.gif) 0 0 no-repeat; text-decoration:none}
#indietro a {background:url(images/back_off.gif) 0 0 no-repeat; display:block;width:26px; height:26px;}
#indietro a:hover {background:url(images/back_on.gif) 0 0 no-repeat; text-decoration:none}


/* ########### archivi ########### */
#title { margin-bottom:10px; margin-top:-44px; position:relative; width:685px}
#title h1 { font-size:24px; color:#000;width:620px}
 h1#archive { font-size:24px; color:#000; margin-bottom:10px; margin-top:-44px;}



/* ########### contatti ########### */
.contactform {margin-top:20px; color:#ffa800; font-weight:bold; font-size:14px}
.contactform br {}
.contactform  form {padding-top:20px; clear:both}
.contactform .contactleft {float:left; width:115px;margin-bottom:10px; padding-top:10px; color:#000; font-size:12px; font-weight:normal}
.contactform .contactright {color:#f29100; width:600px; float:right;margin-bottom:15px; font-size:12px; font-weight:normal}
.contactform input {width:200px; border:#CCC 1px solid; vertical-align:middle; padding:4px;  margin-right:10px; font-size:12px; font-weight:normal}
.contactform textarea {vertical-align:top; width:480px; border:#CCC 1px solid; padding:2px; height:250px}
.contactform input#contactsubmit { background:#ffa800; border:#ffa800 1px solid; color:#FFF; text-transform:uppercase; font-size:12px; font-weight:bold; width:150px; position:relative; top:0; left:335px; height:24px; padding:2px 0}


/* ########### sidebar ########### */
#col-right .box {margin: 0 0 30px;}
#col-right h2 {padding:3px 0; font-size:13px; color:#93248d; border-bottom: #93248d 1px solid; border-top: #93248d 1px solid; margin-bottom:10px}
#col-right h3 {padding:3px 0; font-size:13px; color:#93248d; border-bottom: #93248d 1px solid; border-top: #93248d 1px solid; margin-bottom:10px}
#col-right .box ul li {line-height:21px}
#col-right .box li a.current-cat {font-weight:bold}
#cloud-box {text-align:justify;line-height:22px;}

/* ########### footer ########### */
#footer {margin:20px auto ; font-size:11px; border-top:#93248d 2px dotted; padding:20px 0; }
#footer a {color:#93248d}


/* ########### ADV ########### */
#adv {margin:20px 0; background:#f2f2f2; color:666; text-transform:uppercase; padding:5px}
#adv h4 {font-size:11px; font-weight:normal}
#adv img {border:#d4d4d4 1px solid; margin:5px}