/* 

Theme Name: Carla Cruz 2011

Theme URI: http://www.carlacruz.net/

Description: customized theme for the "Carla Cruz" Website

Author: Andi Studer, Cenatus CIC

Author URI: http://www.cenatus.org/people/andi-studer/

Version: 0.1

*/



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	background: transparent;

	border: 0;

	margin: 0;

	padding: 0;

	vertical-align: baseline;

}

body {

	line-height: 1;

}

h1, h2, h3, h4, h5, h6 {

	clear: both;

	font-weight: normal;

}

ol, ul {

	list-style: none;

}

blockquote {

	quotes: none;

}

blockquote:before, blockquote:after {

	content: '';

	content: none;

}

del {

	text-decoration: line-through;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a img {

	border: none;

}



/* ---- Site structure -----

---------------------------------- */



#wrapper,

#main {

  	margin: 30px 0 0 0;

	//margin: 0 auto;

	width: 940px;

}



#header {

	margin: 45px 0 0 0;

}



#site-title {

	float: left;

  line-height: 40px;

  margin: 0px 0px 12px 20px;

  width: 400px;

}



#language-toggle {

  clear: right;

  float: right;

	margin: 12px 0px 12px 0;

	padding-right: 30px;


}



#header {

	clear: both;

}



#main {

	clear: both;

	height: auto;

}



#container{

	width: 100%;

	clear: both;

}



#access {

  width: 200px;

  margin: 0 30px 15px 20px;

	float: left;

	border-top: 1px solid black;

	padding-top: 8px;

}



#content {

	float:left;

	width: 690px;

}



.threecol-line {

  border-top: 1px solid black;

  margin: 0 30px 0 0;

}



#footer {

	width: 890px;

  clear: both;

  margin: 0 0 30px 20px;

	border-top: 1px solid black;

	padding-top: 8px;

}



.featured {

  margin-top: 12px;

}



.featured ul li {

  float: left;

  padding: 0 30px 30px 0;

}



.twocol {

	clear:both;

}



.clear {

    clear: both;

    float: none;

    height: 1px;

    width: 1px;

}





/* --------home news and side bar-------------*/



.news-content {

	padding: 6px 0 24px 0;

}



.news-col {

 	float: left;

	width: 430px;	

  margin: 0 30px 0 0;

	padding: 12px 0 0 0;

	border-top: 1px solid black;

}



.coisas {

	float: left;

  width: 200px;

	margin: 0 30px 0 0;

  padding: 12px 0 30px 0;

	border-top: 1px solid black;

}



#pagination {

	padding: 0px 0 30px 0;

}

#pagination ol li {
	float:left;
	margin-right: 3px;
}

#pagination ol {
clear: left;
    overflow:hidden;
}

.coisas ul li ul {

		list-style-type: none;

}



.coisas ul li ul {

		list-style-type: disc;

}



.coisas ul li ul li {

	margin: 0px 0px 10px 15px;
	line-height: 1.3em;

}





/* ----------- biography page ------*/



.double-col {

 	float: left;

	width: 430px;	

	margin: 0 30px 0 0;

	padding: 12px 0 30px 0;

}



.single-col {

	float: left;

  width: 200px;

	margin: 0 30px 0 0;

  padding: 12px 0 30px 0;

}





/* ------- project & collective page ------------*/



.post {

	width: 660px;

	margin-top: 12px;

}



#entry-assets {

  clear: both;

  width: 100%;

}



.twocol-post {

	clear:both;

	float: left;

}



.left-col {
    float: left;
	width: 200px;
	padding-top: 30px;
	margin-right:20px;

}



.entry-content {

 	float: right;

 	width: 430px;

 	padding: 30px 0;

}



.post-coll {

	width: 660px;

	margin: 0 0 20px 0;

}



.left-col-coll {

  float: left;

	width: 200px;

	padding-top: 15px;
	margin-right: 20px;

}



.entry-content-coll {

 	float: right;

 	width: 430px;

 	padding: 15px 0 30px 0;

}



/* -------- FONTS and Link decoration----------------

---------------------------------- */

body {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  background-color: whitesmoke;
  color: #333;
}

#site-title {
  font-size: 34px;
	font-family: Courier New, monospace;
  font-weight: bold;
}

#language-toggle {
  font-size: 10px;
line-height: 12px;
}

p {
  line-height: 1.5;
  margin-bottom: 6px;
}

h2 {
  font-family: Courier New, monospace;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 6px;
}

#footer {
  font-size: 10px
}

a:link {
	color: #41A317;
	text-decoration: none;
}

a:visited {
	color: #41A317;
	text-decoration: none;
}

a:active,
a:hover {
	color: #4BBF17;
}

#access a,
#footer a,
a.news-title,
a.entry-title,
#site-title a {
  color: #333;
	text-decoration: none;
}

.page_item a, 
#language-toggle a {
  color: #333;
	text-decoration: none;
}

.page_item a:active,
.page_item a:hover, 
#language-toggle a:active, 
#language-toggle a:hover {
	color: #ff4b33;
}


/* --------- NAVIGATION ----------

------------------------------ */


#access {
  font-size: 11px;
  line-height: 1.3em;
}

#project-nav div,
#project-nav a,
#collective-nav div,
#menu-left-nav li,
#project-nav ul li,
#collective-nav ul li {
	outline: green dotted 0;
	font-size: 11px;
	margin-top: 6px;
}

#project-nav ul li,
#collective-nav ul li {
	padding-left: 6px;
}
#project-nav ul {
	display: none;
}

#tagcloud {
	margin: 30px 0 30px 0;
	line-height:1.5em;
}




/* ------------- slider stuff  -----------*/





.entry-assets {

	position:relative;

}



.entry-assets {

  min-height:520px;

	width:660px;

}

		

.entry-assets a span {

  display:block;

  height:20px;

  line-height:20px;

  color: #333;

}



.entry-assets a	{

	position:absolute;

	top:0px;

	display:none;		

}



.entry-assets div.pagination {

  position: absolute;

  top: 520px;

}



.entry-assets div.pagination a	{

	display:inline;

	position:relative;

	top:0;

	

}	

.entry-assets img {
	max-width: 660px;
	max-height: 495px;
}





/*------------- thumbnail captions -------*/

 .boxgrid {  

   width: 200px;  

   height: 150px;  

color:whitesmoke;	

   // margin:10px;  

   float:left;  

   //background:#whitesmoke;  

   // border: solid 2px #8399AF;  

   overflow: hidden;  

   position: relative;  

 }  



.boxgrid img {  

  position: absolute;  

  top: 0;  

  left: 0;  

  border: 0;  

}  





.boxgrid h3 {
font-size: 11px;
    margin: 8px 0 0 10px;

}
.boxgrid h3 a{
color:whitesmoke;	
}


.boxgrid p {

	margin: 2px 0 0 10px;

}

.boxcaption {  
  float: left;  
  position: absolute;  
  background: #000;  
  height: 100px;  
  width: 100%;  
    opacity: .8;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
}

.captionfull .boxcaption {  
    top: 150px;  
    left: 0;  
}  
.caption .boxcaption {  
    top: 150px;  
    left: 0;  
}