/*
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: center; background:#FFF}

/*link*/
a, a:visited  {text-decoration:none; color:#000}
a:hover  {text-decoration:underline;}
a {outline:none;}
#url a {background:url(images/ico_blank.gif) right 1px  no-repeat; padding-right:14px;}
#url a:hover {background:url(images/ico_blank_on.gif) right 1px  no-repeat; padding-right:14px;}
#rss {background:url(images/ico_rss.gif) center left no-repeat;display:block;float:right;height:31px;width:44px;}
#rss:hover {text-decoration:none;}
/*titoli*/
h1 a:hover {text-decoration:none}
h2 {font:20px Geneva, Arial, Helvetica, sans-serif; margin-bottom:7px; }


/*############ 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:30px 0 32px}
#header h1 span {display:none}
#header h2 {display:none}

/*search*/
#formSearch {position:absolute; top:0; right:0}
#formSearch input#search {border:#eee 1px solid; width:224px; height:15px; padding:3px; color:#999}
#formSearch input#search-submit { background:transparent url(images/bt_search.gif); border:0; color:#FFF; cursor:pointer; display:block; height:17px;text-transform:uppercase; text-align:center;font-size:11px; font-weight:bold; width:26px; position:absolute; top:3px; right:3px}

/*post*/
.entry {width:227px; float:left; margin-right:10px; margin-bottom:55px; font-size:12px}
.entry a img {border:#eee 1px solid; margin-bottom:5px}
.entry a:hover img {border:#ccc 1px solid;} 
.entry .title {position: relative;}
.entry h2 {font-size:12px; margin:0 0 3px 0;}
.entry .title h2 {font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.entry .title .postRating {position:absolute; top:1px; right:2px}



/*paginazione*/
#wp_page_numbers { position:relative; color:#666;}
#wp_page_numbers ul {width:700px; text-align:right;padding:2px 0}
#wp_page_numbers li.page_info {position:absolute; top:-5px; left:2px; padding:5px}
#wp_page_numbers li {display:inline; border:#eee 1px solid;  padding:5px 0 }
#wp_page_numbers li a {color:#666;  padding:5px}
#wp_page_numbers li.active_page a, #wp_page_numbers li a:hover {color:#666; text-decoration:none; background:#eee;}




/* ########### singolo post ########### */
.post .entry {float:none; width:100%; color:#000;font-size:13px; line-height:17px}
.post .entry img {border:#eee 10px solid; margin-bottom:20px}
.post .entry img.noborder {border:0;}
.post .entry p {margin-right: 20px}
.post .entry p a {font-weight:bold;text-decoration:underline}
.post .entry ul {margin:5px 0}
.post .entry ul li { background:url(images/list.gif) 0 6px no-repeat; padding-left:12px; margin-bottom:3px}
.post .entry ol {margin:5px 10px}
.post .entry blockquote {font:italic 14px Georgia, "Times New Roman", Times, serif; margin:10px 20px; padding:10px; color:#333333; line-height:20px}
.post h2 {font:18px Geneva, Arial, Helvetica, sans-serif;color:#717171;margin:20px 0 10px;}

/*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:20px; clear:both; color:#333; border-bottom:#eee 1px solid; padding:10px 0 10px; 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:10px}

#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 h3 {padding:3px 0; font-size:13px; color:#999; border-bottom: #eee 1px solid; border-top: #eee 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:#eee 1px solid; padding:20px 0; position:relative}
#footer p {width:700px;}
#footer a {color:#999}
#footer #feedburner {position:absolute; top:20px; right:0}


/* ########### 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}

/* ########### NOTICE ENG ########### */
#notice {color:#424242; font-style:italic; padding:100px 10px 10px; background:#f9f9f9 url(images/notice_eng.gif) 0 0 no-repeat}
#notice a {color:#424242; font-weight:bold}

/* ########### 	TWITTER ########### */
#twitter {background:#c1ab99 url(images/bg_twitter.gif) top left no-repeat; padding-top:35px; color:#FFF; font: 12px Geneva, Arial, sans-serif; margin-bottom:15px; position:relative; width:230px; overflow:hidden}
#twitter img#head_twitter {position:absolute; top:0; left:0}
#twitter ul.twitter {margin:15px}
#twitter .twitter li { border-bottom:#b3967a 1px solid; padding:5px 0}
#twitter  a.twitter-link {color:#564c44;}
#twitter  a.twitter-user {color:#564c44;}
#twitter span.twitter-timestamp { color:#564c44; font-size:11px; display:block }
#twitter span.twitter-timestamp abbr { border:none}
#twitter #follow { background:#FFF; border-top:#b3967a 1px solid; margin-top:-16px; text-align:right}

/* ########### 	SOCIAL ########### */
#social {height:30px;margin:5px 0;}
.social-button {float:left;min-width:90px;}