/*
Theme Name: Giraffe
Theme URI: http://www.urbangiraffe.com/themes/giraffe
Description: Fluid theme with support for full-width 'lead' posts, several secondary posts, and summarised other posts.<br/>Configure the theme from <a href="options-general.php?page=giraffe/giraffe.php">Options/Giraffe</a> (requires an additional <a href="http://www.urbangiraffe.com/themes/giraffe">plugin</a>)
Version: 1.23
Author: John Godley
Author URI: http://www.urbangiraffe.com/
*/


/*
 * Basic styles
 *
 */

*
{
margin: 0;
padding: 0;
}

body
{
background: #eeeef5 url(blue/pagebackground.png) repeat top left;
margin: 0 auto;
font-size: 76%;
font-family: Verdana, Sans-serif;
min-width: 700px;
max-width: 1000px;
}

/* div per ie6 
#crack    
{
width: expression(document.body.clientWidth > 1000? "1000px": "auto" );
margin: 0 auto;
}
*/
/*
 * Wrapper elements - change widths here
 *
 */

#page
{
width: 90%;
margin: 0 auto;
background-color: white;
border: 1px solid #5b5a61;
}

#wrapper
{
margin: 0; padding: 0;
margin-left: 20px;
background: white url(blue/column.gif) repeat-y top left;
height: 100%;
}


#main
{
margin: 0; padding: 0;
width: 73%;
margin-bottom: 10px;
float: left;
}

#post_it
{
margin: 5px 0 25px 0;
padding: 10px 15px;
background-color: #FFFF9C;
border: 1px solid #dbe6e9;
}

.clear
{
clear: both;
height: 1px;
padding: 0;
margin: 0;
overflow: hidden;
}


/*
 * widecontent is for lead articles and anything full-width
 *
 */
#widelead.widecontent
{
padding: 20px 30px 2em 30px;
text-align: justify;
background-color: white;
}

#lead.widecontent
{
padding: 20px 10px 2em 10px;
text-align: justify;
background-color: white;
}

.widecontent .post
{
font-size: 1em;
padding: 0;
margin-bottom: 0px;
line-height: 1.6em;
}

.widecontent h2
{
text-align: left;
border-bottom: 1px solid #8db8c3;
font-size: 1.6em;
line-height: 1.1em;
padding: 0.2em 1em 0.1em 0px;
display: table;
width: 90%;
}

.widecontent h3 a
{
color: #13076b;
text-decoration: none;
}

.widecontent p
{
padding: 2px 0 0.5em 0px;
}

.widecontent a
{
color: red;
}


/*
 * narrowcontents for anything in the smaller section
 *
 */

h2.narrowcorner
{
letter-spacing: 0.3em;
font-weight: bolder !important;
background: #b8d2da url(blue/blue-top-corner.gif) no-repeat top left;
/*margin-bottom: 0px !important;*/
}

h2.narrowheading
{
letter-spacing: 0.3em;
font-weight: bolder !important;
background-color: #b8d2da;
padding: 0.2em 1em 0.2em 2.5em;
color: #2f3b4f;
margin-bottom: 1em;
}

.narrowcontents
{
padding-bottom: 1.5em;
overflow: hidden;
}

.narrowcontents .post
{
padding-top: 1em;
padding-bottom: 0.5em;
}

.narrowcontents .post p
{
line-height: 1.6em;
margin-bottom: 0.8em;
}


/*
 * Styles for recentcomments
 *
 */

#recentcomments
{
padding:5px 10px 2.5em 10px;
color: #6c64a8;
background-color: white;
}

#recentcomments em
{
margin-left: 0.5em;
}

#recentcomments ul
{
line-height: 1.6em;
list-style-image: url(blue/bullet.png);
list-style-type: circle;
}

#recentcomments h2
{
border-bottom: 1px solid #8db8c3;
margin-bottom: 5px;
padding: 0.2em 1em 0.2em 0;
color: #2f3b4f;
width: 90%;
}

a.author
{
color: #2f3b4f !important;
}

#recentcomments a
{
color: red;
}



/*
 * Post content styles
 *
 */

#content .item
{
padding-left: 40px;
}

#content .post
{
padding-right: 15px;
font-size: 1em;
}


#content h2 a
{
color: #2f3b4f !important;
}

.post
{
margin-bottom: 0.5em;
line-height: 1.5em;
}

.post ul
{
list-style-image: url(blue/bullet.png);
list-style-type: circle;
margin: 0.6em 0 0.8em 2em;
}

.post ol
{
margin: 0.6em 0 0.8em 2em;
}

.post li
{
/*padding-left: 0.3em;*/
margin-bottom: 0.7em;
}


.smallpost
{
padding-left: 40px;
padding-right: 15px;
margin: 0 0 0.8em 0;
}

.smallpost h2
{
font-size: 1.2em;
}

.smallpost postmetadata
{
font-size: 0.7em;
}

.postmetadata a
{
color: #6c64a8 !important;
}

.postmetadata
{
color: #6c64a8;
}

.entry
{
text-align: justify;
}

.entrytext > p:first-child:first-letter,
.entry > p:first-child:first-letter
{
font-size: 1.3em;
}

.entry p a[href ^="http://"], .entrytext p a[href ^="http://"], .commentlist p a[href ^="http://"], .entrytext ul a[href ^="http://"], .entry ul a[href ^="http://"]
{
  background: url(blue/external.png) center right no-repeat;
  padding-right: 13px;
}

.entry a[href ^="http://www.sentina.it"], .entrytext a[href ^="http://www.sentina.it"], .commentlist p a[href ^="http://www.sentina.it"]
{
background: none !important;
padding-right: 0 !important;
}



/*
 * Displays a nice gradient bar at the bottom of archive/search pages
 *
 */

.mainsingle
{
padding-bottom: 40px !important;
background: transparent url(blue/archive.png) no-repeat bottom left !important;
}


/*
 * The footer
 *
 */

#footer
{
width: 90%;
margin: 0 auto;
clear: both;
text-align: left;
line-height: 1.5em;
background: transparent url(blue/column.gif) repeat-y 20px 0px;
padding: 20px 0;
}

#footer p
{
padding-left: 60px;
}

#footer a
{
color: #13076b;
}

/*
 * A little HR class so we get nice hard rules with CSS, but still have an ordinary HR for non-CSS
 *
 */

div.hr
{
height: 1px;
color: #b8d2da;
background-color: #b8d2da;
}

div.hr hr
{
display: none;
}



/*
 * Header section
 * The image is a background item that partially hides underneath the menu
 *
 */

#header
{
height: 136px;
font-size: 1.4em; 
margin: 0 auto;
width: 90%;
border-left: 1px solid #5b5a61;
border-right: 1px solid #5b5a61;
background: white url(blue/titlegradient.png) repeat-x top left;
}

#headerimg
{
font-family: 'Trebuchet MS', Arial, Verdana, Sans-Serif;
background: transparent url('/files/immagini/logo/ulivo_home.jpg') no-repeat left top;
height: 136px;
text-align: center;
padding-top: 10px;
}

#headerimg a
{
text-decoration: none;
font-size: 1.5em;
color: #13076b;
}

/*
 * Main menu navigation
 *
 */

#pagenav
{
text-align: center;
margin: 0 auto;
width: 90%;
border-top: 1px solid #5b5a61;
border-bottom: 1px solid #5a7095;
border-left: 1px solid #5b5a61;
border-right: 1px solid #5b5a61;
background: #5a7095 url(blue/grey-grad.gif) repeat-x top left;
}

#pagenav ul
{
padding-top: 0.3em;
padding-bottom: 0.3em;
}

#pagenav li
{
display: inline;
list-style-type: none;
}

#pagenav ul li a
{
color: white;
text-align: center;
font-size: 1.1em;
padding-left: 0.4em;
padding-right: 1em;
text-decoration: none;
}

#pagenav ul li a:hover
{
text-decoration: underline;
}


/*
 * The linkbar is displayed at the top of multiple pages, and at the bottom for the 'home' and 'top' elements
 *
 */

.linkbar
{
text-align: center;
background-color: #8db8c3;
clear: both;
margin: 0;
padding: 3px 0;
}

.linkbar ul
{
text-align: center;
color: white;
}

.linkbar ul li
{
display: inline;
text-decoration: none;
}

.linkbar ul li p
{
color: #999;
display: inline;
padding: 3px 0.4em;
}

.linkbar ul li a
{
color: white;
border-right: 1px solid #aac8d0;
border-left: 1px solid #aac8d0;
padding: 3px 0.4em;
}

.linkbar ul li a:hover, .linkbar .active
{
background-color: #2f3b4f;
color:white;
padding-top: 3px;
padding-bottom: 3px;
}

.linkbarbottom
{
background: #8db8c3 url(blue/column-diff.gif) repeat-y 20px 0px; height: 1.1em; padding-bottom: 4px; }


.linkbar li.left
{
float: left;
margin-left: 24px;
width: 10em;
text-align: left;
}

.linkbar li.right
{
text-align: right;
float: right;
width: 10em
}

.linkbar li.left a, .linkbar li.right a
{
border: 0;
font-variant: small-caps;
}











.item h2 img
{
width: 1.1em;
height: 1.1em;
}

blockquote
{
margin: 1em 0 1em 1.5em;
padding: 1em 1em;
background: #f0f0f0 url(blue/quote.gif) no-repeat scroll top left;
}

.commentlist p a
{
color: red;
}




/*
 * Formatting styles
 *
 */

.alignleft
{
float: left;
text-align: left;
}

.alignleft img, img.alignleft
{
padding: 4px;
margin: 4px 7px 5px 0;
display: inline;
border: 1px solid #ddd;
}

.alignright
{
float: right;
text-align: right;
}

.alignright img, img.alignright

{
padding: 4px;
margin: 4px 0 5px 7px;
display: inline;
border: 1px solid #ddd;
}

.aligncenter
{
text-align: center;
}

img.aligncenter,.aligncenter img
{
display: block;
margin-top: 4px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
border: 1px solid #aaa;
padding: 4px;
}

img.centered
{
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid #aaa;
padding: 2px;
}

img.border
{
border: 1px solid #aaa;
padding: 2px;
}

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

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

blockquote cite
{
margin: 5px 0 0;
display: block;
}

.center
{
text-align: center;
}

a img
{
border: none;
}

h2
{
font-size: 1.2em;
font-variant: small-caps;
letter-spacing: 0.1em;
font-family: Verdana, Sans-serif;
}

h3
{
font-variant: small-caps;
}

ul
{
margin-left: 20px;
}

ol
{
margin: 0 0 0.5em 1em;
}

h2 a
{
text-decoration: none;
color: #13076b !important;
}

h3
{
margin-top: 0.5em;
font-size: 1.4em;
}

h4
{
margin-top: 1.2em;
font-size: 1.2em;
}

h5
{
margin-top: 1em;
font-size: 1em;
}

.post a
{
color: red;
}


.alignleft
{
float: left;
text-align: left;
}

.alignright
{
float: right;
text-align: right;
}

.inset
{
float: right;
border: 1px dotted #999999;
padding: 5px;
margin-top: 5px;
color: #555555;
margin-left: 10px;
}

.inset ul
{
margin-top: 0 !important; padding-top: 0 !important;
}

.inset li
{
margin-left: 5px !important;
}


/*
 * Sidebar
 *
 */

#sidebar
{
color: #2f3b4f;
width: 25%;
overflow: hidden;
margin-bottom: 2em;
float: right;
margin-top: 4em;
}

#sidebar ul
{
list-style-type: none;
}

#sidebar ul li
{
padding-bottom : 0.5em;
margin-bottom: 1em;
background: #dbe6e9 url(blue/sidebar-bottom-corner.gif) no-repeat bottom left;
}

#sidebar ul ul
{
padding: 0.2em 1em 0.6em 0.2em;
line-height: 1.6em;
list-style-image: url(blue/bullet.png);
list-style-type: circle;
}

#sidebar ul ul li
{
background: none;
margin-bottom: 0;
padding-bottom: 0;
}

#sidebar dl
{
padding: 0.6em 1em 0.2em 1em;
}

#sidebar dl img
{
vertical-align: middle;
padding-right: 0.5em;
}

#sidebar dt
{
font-weight: bold;
}

#sidebar dd
{
margin-left: 1.8em;
margin-bottom: 0.3em;
}

#sidebar dt img
{
width: 1.3em;
height: 1.3em;
}

#sidebar h2
{
background: #8db8c3 url(blue/sidebar-top-corner.gif) no-repeat top left;
padding: 0.2em 1em 0.2em 0.8em;
color: #2f3b4f;
}

#sidebar a
{
color: #2f3b4f;
}

#sidebar p
{
padding: 0.6em 1em 0.2em 1em;
text-align: justify;
word-wrap: break-word;
}


#searchform
{
color: #2f3b4f;
padding: 1em 0;
margin: 0 auto;
text-align: center;
width: 95%;
}

#searchsubmit
{
color: #2f3b4f;
border: 1px solid #999;
width: 20%;
}

#s
{
color: #2f3b4f;
width: 60%;
}

#wp-calendar
{
text-align: center;
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 0;
background-color: #dbe6e9;
}

#wp-calendar caption a, #wp-calendar caption a:hover
{
background: transparent;
color: #2f3b4f;
}

#wp-calendar th
{
background-color: #aac8d0;
padding: 2px 0;
}

#wp-calendar td
{
padding: 2px 0;
}

#wp-calendar a
{
border: 1px solid #8db8c3;
background-color: #aac8d0;
text-decoration: none;
display: block;
color: black;
}

#wp-calendar a:hover
{
background-color: #2f3b4f;
color: #aac8d0;
}

#prev a, #next a, #next a:hover, #prev a:hover, #showit a, #showit a:hover
{
border: 0;
text-decoration: underline;
display: inline;
background-color: transparent;
color: black;
}

#wp-calendar caption
{
background: #8db8c3 url(blue/sidebar-top-corner.gif) no-repeat top left;
font-family:  Verdana, Sans-serif;
font-variant: small-caps;
letter-spacing: 0.1em;
padding: 0.2em 1em 0.2em 0.8em;
color: #2f3b4f;
font-size: 1.2em;
font-weight: bold;
text-align: left;
}

#wp-calendar-split
{
border-top: 4px double #999;
margin-top: 4px;
}

#wp-calendar #today{
border: 1px solid red;
}

/*
 * Comments
 *
 */

#commentform
{
margin-top: 1em;
}

#commentform p
{
margin-bottom: 0.5em;
}

#commentform textarea
{
width: 95%;
}

#commentform a
{
color: #13076b;
}

#submit
{
border: 1px solid #999;
}

ol.commentlist
{
margin: 0;
list-style-type: none;
}
ol.commentlist li
{
margin-bottom: 1.5em;
}

#commentslist
{
margin-top: 1em;
}

.commentlist cite
{
font-style: normal;
}

code
{
font-size: 1.2em;
}

a.java
{
color: red;
padding: 1em 1em 1em 0px;
margin-bottom: 1em;
display: block;
font-size: 1.2em;
}


.gravatar
{
width: 3.2em;
height: 3.2em;
margin-right: 1em;
margin-bottom: 0.5em;
padding: 3px;
border: 1px solid #b8d2da;
}

.commentinfo h4
{
display: inline;
}


img.author
{
border: 1px solid red;
}

ol.commentlist li.notlast
{
border-bottom: 1px solid #6c64a8;
padding-bottom: 0.5em;
}

.commentmetadata
{
color: #6c64a8;
display: block;
padding-top: 0.5em;
font-size: 0.9em;
}

.commentmetadata a
{
color: #6c64a8;
}

.commentlist h4
{
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0.1em;
font-size: 1.2em;
color: #2f3b4f;
}

.commentlist h4 a
{
color: #2f3b4f;
}

.commentlist p
{
line-height: 1.4em;
margin-bottom: 1em;
}

#giraffe
{
float: right;
color: #999;
}

#giraffe a
{
color: #999;
}

/*
stile per le tabelle nei post
*/
.post table.table_class_1
{
margin: 1em;
border-left: 1px solid #999;
border-top: 1px solid #999;
}

.post .table_class_1 td, .post .table_class_1 th
{
padding: 3px 3px 3px 3px;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
}

.post .table_class_1 thead
{
color: white;
background-color: #888;
font-weight: normal;
}

.post .table_class_1 tbody
{
background-color: white;
}

/*
stile per le form del modulo di adesione
*/

.modulo_form fieldset {
    border: 1px solid #ccc;
    margin-bottom : 15px;
    padding: 5px 10px 10px 10px;
}

.modulo_form legend {
    font-size : 1.2em;
    font-weight : bold;
}

.modulo_form input, .modulo_form select {
    border: 1px solid #999;
    background-color:#eee;
    margin:2px 0 2px 0;
    padding:1px;
}

.modulo_form .submit input, .modulo_form .submit input:focus, .modulo_form .button {
	background: url(blue/fade-butt.png);
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
}

.modulo_form .submit input:active, .modulo_form .button:active {
	background: #f4f4f4;
	border: 3px double #ccc;
	border-left-color: #999;
	border-top-color: #999;
}

.modulo_form .submit{
	text-align: right;
}

div.errors, div.infos{
    border: 1px solid #ccc;
    margin: 15px 0 15px 0;
    padding: 5px 10px 10px 10px;
    background: #f0f8ff;
}

div.errors{
    color:red;
}

div.infos{
    color:green;
}

/*
 * barra dei links sul percorso dalla pagina corrente alla radice
 *
 */

.linkpath {
    clear: both;
    margin: 0;
    padding: 3px 3px 3px 3px;
    background-color: #dbe6e9;
  }


.linkpath ul {
    margin: 0;
    padding: 0;
  }


.linkpath ul li {
    background: url(blue/bullet.png) no-repeat center left;
    padding: 0 2px 0 11px;
    display: inline;
  }


.linkpath ul li a {
    color: #13076b;
    text-decoration:none;
  }


.linkpath ul li a:hover, .linkpath .active {
    color: #13076b;
    text-decoration:underline;
  }

li.page_item{
	text-align: left;
}

.date_list_page{
	font-size: 75%;
}