/*  
Theme Name: InTheVibes
Description: InTheVibes derives from InTheBag, with some borrowings from <a href="http://netvibes.com/">NetVibes</a>.
Version: 0.0.1
Author: Matteo Menapace
Author URI: http://www.twitter.com/mettiu/
*/		

*
{
	margin: 0px;
	padding: 0px;
}

ul
{
	list-style: none;
}

body 
{
	font-size: 12px;
	margin: 0px;
	/*text-align: center;*/
	background: white url(img/header_nv.gif) repeat-x;
	/*background:url(img/pattern.gif);*/
	color: #000;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address 
{ 
	/*margin:0.5em 0; */	
}

/*h3
{
	margin:0.5em 0; 
}*/

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

fieldset 
{ 
	padding: .5em; 
}

select option
{ 
	padding:0 5px; 
}


						/***************************************************
                         *********************** MAIN BLOCKS **************
                         *****************************************************/

#pattern
{
	background:transparent url(img/pattern.png) no-repeat;
	display:block;
	height:134px;
	width:800px;
	position:absolute; 
	top:0;
	right:0;
}



#wrap
{
	margin:0 auto;
	width:900px;
}

						 
						 
#header
{
	clear:left;
    width:inherit;
	display: block;
    text-align: left;
    position: absolute;
    height:134px;
}

#container
{
	position: absolute;
	top:134px;
	
	clear:left;
	padding:0;
	margin-top:15px;
	overflow: hidden;
	width:inherit;
}

#footer
{
	clear:both;
	background:transparent url(img/footer.png) no-repeat;
	text-align:center;
	padding:15px;
}



                         /***************************************************
                         *********************** HEADER **************
                         *****************************************************/

/* hides the wp-stats smiley */
#wpstats
{
	width:0px;
	height:0px;
	padding:0px;
	border:none;
	overflow:hidden;
	display:none;
}

#header #logo
{
	background:transparent url(img/logo.png) no-repeat;
    /*width:500px;*/
    height:100px;
    margin-left:115px; 
    margin-top:0px;
	border:none;
    display:block;
}

#tabs ul 
{
	position:absolute;
	top:101px;
	list-style-type:none;
	margin-left:216px;
	
	/*display:inline;*/
}

#tabs ul li:hover, #tabs ul li.selected
{
	opacity:0.99; /* standard */
	filter:alpha(opacity=99);  /* IE */
 	-moz-opacity:0.99; /* mozilla 1.6 and below */
	-khtml-opacity:0.99; /* old versions of safari  */
}

#tabs ul li 
{
	background: transparent none repeat scroll 0% 0%;
	/* border:medium none; */
	float:left;
	line-height:34px;
	position:static;
	margin:0px 2px 0px 0px;
	white-space:nowrap;

	opacity:0.6; /* standard */
	filter:alpha(opacity=60); /* IE */
	-moz-opacity:0.6;  /* mozilla 1.6 and below */
	-khtml-opacity:0.6; /* old versions of safari  */
	  
}

#tabs ul li a 
{
	background:transparent url(img/tabl.png) no-repeat scroll left top;

	float:left;
	
	font-weight:bold;
	height:34px;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	padding-left:15px;
	text-decoration:none;
}

#tabs ul li span 
{
	background:transparent url(img/tabr.png) no-repeat scroll left top;

	float:left;
	display:block;
	
	height:34px;
	width:14px;
}

#header h2
{
	font-size:2em;
	color:#000;
	margin:0 0.5em 0 0;
	padding:0 0.5em 0.25em 2em;
	border-right:1px solid #000;
	float:left;
}

#header h2 a
{ 
	color:#000;
	text-decoration:none; 
}

#header h2 a:hover 
{
	color:#666;
}

#header p
{
	padding:1em 0;
	margin:0;
	line-height:1em;
}						 


						  /***************************************************
                         *********************** SEARCH **************
                         *****************************************************/



#search
{
    text-align:right;
    margin-right:5px;
}

#search input
{ 
	background:#FFFFFF url(img/q.png) no-repeat scroll left top;
	border:1px solid #BBB;
	padding:2px 5px;
	width:125px; 
}

#search input:focus
{
	background:#FFF;
}

#search #searchbutton 
{
  	width:60px;
  	padding:3px;
  	font-size:11px;
  	text-align:center;
  	background:black url(img/blackGrad.png) repeat-x;
  	color:white;
  	border:none;
}

                         /***************************************************
                         *********************** Content **************
                         *****************************************************/
#content
{
	text-align: left;
	display: block;
	margin: 0 220px 15px 220px;
}

#content .breadcrumb
{
	font-size:1em;
    font-weight:normal;
    color:#ffffff;
    padding:10px 10px 5px 15px;      
}

#content #breadcrumb_pink
{
	background:transparent url(img/breadcrumb_pink.png) no-repeat scroll top left;
}

#content #breadcrumb_green
{
	background:transparent url(img/breadcrumb_green.png) no-repeat scroll top left;
}


.post
{
	display: block;
	overflow:hidden;
	background:transparent url(img/content.png) repeat-y scroll top left;
	/*padding-bottom:10px;*/
}

.date
{
	/*font-size: 18px;
	float: right;
	text-transform: uppercase;
	letter-spacing: -2px;
	padding: 3px 5px 3px 5px;
	margin-top: 17px;
	text-align: center;*/
	color: #666;
	padding: 0 10px;
}

#content .edit
{
	background:transparent url(img/content.png) repeat-y scroll top left;
	padding-top: 5px; 
	padding-bottom: 5px; 
}

#content a, #content a:hover, #content a:visited, #content a:hover:visited
{
	font-weight: bold;
	/*text-decoration: underline;*/
}

#content ul
{
padding-left: 15px;
}

#content ul li{
padding-left: 15px;
background: url(img/content-star.gif) no-repeat;
}

#content ul ul li{
padding-left: 15px;
background: url(img/content-child.gif) no-repeat;
}


#content .footnotes
{
	padding: 0px 30px;
	color: #666;
}

#content p
{
	padding: 0px 10px;
}

#content .resources
{
	background:transparent url(img/contentGreen.png) repeat-y scroll top left;
	padding-bottom:4px;
	padding-top:4px;
}

#content #more, #content #downlinks
{
	display:none;
}

#content h2 { margin: 0 0 .5em 0; }


                         /***************************************************
                         *********************** Footer **************
                         *****************************************************/

#footer #logo
{
	background:transparent url(img/logoSmall.png) no-repeat;
	border:none;
	padding-left:84px;
	padding-bottom:10px;
}

#footer #ahrc
{
	background:transparent url(img/AHRC_logo_small.png) no-repeat;
	border:none;
	padding-left:65px;
	padding-bottom:16px;
}



                         /***************************************************
                         *********************** Sidebars *******
                         *****************************************************/

#leftnav, #rightnav
{
	width: 210px;
	margin: 0;
	text-align: left;
}

#leftnav
{
	float: left;
}

#rightnav
{
	float: right;	
}

#leftnav p, #rightnav p 
{ 
        margin:0;
        padding:5px 10px;
}


                         /***************************************************
                         *********************** Left Sidebar **************
                         *****************************************************/

#sidebarleft li
{
	background: transparent url(img/200top.png) no-repeat scroll left top;
	margin-bottom: 10px;
}
	
#sidebarleft h2 
{
	color: #FFF;
	font-weight:bold;
	padding:10px 5px 5px 15px;
	margin:0px;
	margin-bottom:5px;
}

#sidebarleft li ul
{
	display: block;
	margin:0;
	padding-bottom: 10px;
	background: transparent url(img/200bottom.png) no-repeat scroll left bottom;
}

#sidebarleft li ul li
{
	margin: 0;
	padding: 0px 10px 5px 10px;
	background: transparent;
}

#sidebarleft #dac h2 
{
	background: transparent url(img/200pink.png) no-repeat scroll left top;
}

#sidebarleft #dac_logo
{
	background: transparent url(img/DAC_logo_190.png) no-repeat;
	border:none;
	display: block;
	padding-bottom:105px;
}


#sidebarleft #supporters 
{
	background: transparent url(img/supporters.jpg) no-repeat scroll right top;
	height: 192px;
}


/*

#sidebarleft ul li ul li{
padding-left: 10px;
background: url(img/child.gif) no-repeat;
padding-bottom: 2px;
}

#sidebarleft ul li li{
padding-left: 10px;
background: url(img/child.gif) no-repeat;
padding-bottom: 2px;
}
*/

#sidebarleft a:link, #sidebarright a:link
{
	color: #000033;
	border: none;
	font-weight: bold;
}

#sidebarleft a:visited, #sidebarright a:visited
{
	color: #000033;
	border: none;
}

#sidebarleft a:hover, #sidebarright a:hover
{
	color: #000033;
	border: none;
	font-weight: bold;
}

#sidebarleft a:visited:hover, #sidebarright a:visited:hover 
{
	color: #000066;
	text-decoration: underline;
	border: none;
	font-weight: normal;
}


                         /***************************************************
                         *********************** Right Sidebar **************
                         *****************************************************/

#sidebarright li
{
	
	margin-bottom: 10px;
	background: transparent url(img/200top.png) no-repeat scroll left top;
}

#sidebarright h2 
{
	color: #FFF;
	font-weight:bold;
	padding:10px 5px 5px 15px;
	margin:0px;
	margin-bottom:5px;
	background: transparent url(img/200green.png) no-repeat scroll left top;
}


#sidebarright li ul
{
	display: block;
	margin: 0;
	padding-bottom: 10px;
	background: transparent url(img/200bottom.png) no-repeat scroll left bottom;
}

#sidebarright li ul li
{
	margin: 0;
	padding: 0px 10px 5px 10px;
	background: transparent;
}

#sidebarright li ul li ul
{
	background:transparent;
	padding-bottom:0px;
	padding-top:5px;
}

/*#sidebarright ul li ul li
{
	padding-left: 10px;
	background: url(img/child.gif) no-repeat;
	padding-bottom: 2px;
}*/

#sidebarright .collapse
{
	text-decoration: none;
}

#sidebarright .expand
{
	text-decoration: none;
}


                         /***************************************************
                         *********************** Paragraph **************
                         *****************************************************/

/*p
{
margin-bottom: 12px;
margin-top: 12px;
}*/

                         /***************************************************
                         *********************** Blockquote ********************
                         *****************************************************/

blockquote
{
margin: 0px 0px 0px 30px;
padding: 0px 25px 0px 0px;
font-style: italic;
color: #666666;
border-left: 4px solid #B5C9DF;
}


                         /***************************************************
                         *********************** Post Metadata ****************
                         *****************************************************/

.postmetadata
{
display:block;
margin: 10px 35px 10px 20px;
border-left: 4px solid #BFBDB3;
padding: 5px 8px 8px 35px;
text-align: left;
background: #EFECE0;
color:#3F3F3F;
}

#content .postmetadata
{
padding-left: 2px;
}

.postmetadata a:link
{
border: none;
color: #8C9EAA;
font-weight: normal;
}

.postmetadata a:hover
{
border: none;
color: #8C9EAA;
font-weight: normal;
text-decoration: none;
}

.postmetadata a:visited:hover
{
border: none;
color: #8C9EAA;
font-weight: normal;
}

.postmetadata a:visited
{
border: none;
color: #8C9EAA;
font-weight: normal;
}

                         /***************************************************
                         *********************** Links ********************
                         *****************************************************/

a:link
{
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
}

a:visited
{
	color: #330033;
	text-decoration: none;
	font-weight: normal;
}

a:visited:hover
{
	text-decoration: underline;
}

a img 
{
	/*border:none;*/
	background:none;
	/*padding:5px;*/
}

.download
{
	/*background:url(img/download.gif) no-repeat;*/
    display:block;
    /*padding-left:15px;*/
}

#feed, #feed img a:link, #feed img a:visited
{
	border: none;
}


                         /***************************************************
                         *********************** Comments ********************
                         *****************************************************/

.comments
{
	background: transparent url(img/comment.png) repeat-y scroll left top;
}


#commentform
{
	padding-bottom: 10px;  
	background: transparent url(img/commentBottom.png) no-repeat scroll left bottom;                         
}

#commentform p
{
	padding-bottom: 5px;                          
}

#commentform input, #comment
{
	background:#FFFFFF url(img/q.png) no-repeat scroll left top;
	border:1px solid #CCC;
	padding:5px;
}

#comment
{
	width:425px;	
}

#commentform #submit
{
	background:black url(img/blackGrad.png) repeat-x;
	color: white;
	font-size: 11px;
}

.comments ol
{
	padding:0;
	margin:0 10px;
	border-bottom: 2px solid white;
}

#commentlist li
{
	list-style: none;
	margin:0;
	padding:5px 0;
	border-top: dotted 1px white;
}

li.alt
{
	/*background: #fff;
	border: 1px solid #8C9EAA;*/
}

#commentlist cite
{
	font-style: normal;
}

#commentlist p
{
	padding: 4px 22px;
	font-style:italic;
}

#commentlist p.unmoderated
{
	font-style:normal;
}

#commentlist a:link, #commentlist a:visited, #commentlist a:hover, #commentlist a:visited:hover
{
	font-weight:bold;
}

.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited
{
	text-decoration:none;
	padding-left:22px;
}

.commentnumber 
{
	float:right;
	color: white;
	font-size: 16pt;
}

.karma
{
 	border:none;
 	padding: 0;
 	vertical-align:bottom;
}


                         /***************************************************
                         *********************** Headings**************
                         *****************************************************/

h1
{
	color:#CCC;
	font-size:1.5em;
	font-weight:normal;
	margin:1.5em 0;
}

h2, h3
{
	font-size:1.3em;
	color:#FFF;
	font-weight:normal;
}

.posttitle
{
	padding:0.5em 10px;
}

.posttitle a:link
{
    font-size: 20px;
    font-weight: bold;
    /*padding-left:10px;*/
}

.posttitle a:visited
{
    font-size: 20px;
    /*padding-left:10px;*/
    font-weight: bold;
}

.posttitle a:hover
{
    font-size: 20px;
    /*padding-left:10px;*/
    font-weight: bold;
    text-decoration: none;
	color:#798288;
}

.posttitle a:visited:hover
{
	text-decoration: none;
}

h4
{
	margin-top: 15px;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 10px 0 10px;
	margin: 0 0 5px 0;
	text-align: left;
}

h5
{
margin-top: 15px;
font-size: 12px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}

.bottom
{
	background: url(img/entryBottom.png) no-repeat scroll left bottom;
	height: 20px;
}

.entry
{
	margin-bottom: 5px;
	/*background: transparent url(img/entryBottom.png) no-repeat scroll left bottom; */ 
}

code
{
display: block;
margin: 10px 30px 0 30px;
padding: 2px 10px 5px 10px;
border-top: 4px solid #798288;
color: #666666;
background: #DFDAC3;
}



.credits
{
margin-top: -25px;
padding: 0 4px 5px 4px;
float: right;
}