/*
Theme Name: Respekt institut
Theme URI: 
Description: Respekt institut
Version: 1.0
Author: Standa Mitrega
Author URI: 
Tags: Respekt institut
*/

/*
 * Thema Respekt institut, o.p.s.
 * 
 * Verze: 5
 *
 * 5 20101218	posunuti centralniho sloupce vlevo a zkraceni paddingu o 8px 
 * 4 20100919	.col2 div.piclenselink - display none - pro link pro nextgen gallery 
 * 3 20100912	uprava stylu pro zobrazeni komentaru
 * 2 20100911 - synchronizace se stylem pro social innovation camp
 * 1 20100829 - uvodni verze
 * 
 */


/*


rozmery:
sirka cca: 1011px
paddign cca: 18px 16px 18px 16px;

hlavicka: vyska: 108px

sloupce:

sloupec 1: width: 248px, padding: 0px 38px 0px 26px; margin: 0px;
sloupec 2: width: 578px; padding: 0px; margin: 0px;    
sloupec 3: width: 185px; padding: 0px; 0px; 0px; 26px; margin: 0px;

sirka 2. a 3. sloupce: 1011 - 248 = 763
zacatek 3. sloupce: 248 + 578 = 826
  

Uprava na posun vlevo:
sloupec 1: width: 232px, padding: 0px 30px 0px 18px; margin: 0px;
sloupec 2: width: 546px; padding: 0px; margin: 0px;    
sloupec 3: width: 233px; padding: 0px; 0px; 0px; 18px; margin: 0px;

sirka 2. a 3. sloupce: 1011 - 232 = 779
zacatek 3. sloupce: 232 + 546 = 778
sirka uvnitr 3. sloupce: 232-18 = 214


*/

body
{
	margin: 0px;
	padding: 0px;

	/*
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #FFFFFF;
	color: #333;
	*/
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-color: white;
	background-image: url('images/background.png');
	background-repeat: repeat;
}

a {
	color: black;
}
	
#page
{
	/*
  position: absolute;
  right: 0;
  left: 0;
  background-color:#00ff00;
  background-color: #FDFDFC;
		  */
	  
	width: 1011px;
	margin: 15px auto;
	padding: 18px 16px 2px 16px;
	background-color: white;
}

#header
{
	//background-color:#ccffff;
	//padding-left: 20px;
	//padding-top: 20px;
	
	height: 108px;
	margin: 0;
}

#headerseparator {
	background-image: url('images/tlustacara.png');
	background-repeat: repeat;
	float: right;
	width: 779px;
	height: 6px;
}

#footer
{
	clear:both;
	margin: 0px;
	padding: 0px;
}

#breadcrumbbar {
	margin: 0px 0px 0px 249px;
	color: black;
}


#breadcrumbnav
{
/* drobeckova navigace */
	//background-color:#ffaadd;
	padding: 5px 0px 0px 0px;
}

#formprojektysel {
	float: right;
	margin:73px 0px 0px 0px;
	padding: 0px;
	width: 230px;
	
}

#formprojektysel select {
	width: 230px;
}

#formsearch {
	float: right;
	padding: 3px 0px 0px 0px;
	width: 215px; 
}


#formsearch input.text {
	//color: #fff;
	width: 181px;
	margin-right: 2px;
}

#formsearch input.button {
	width: 20px;
	background-image: url("images/lupa.png");
	border: 0;
	cursor:pointer;
}



/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
	/*background: #444;*/
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	/*background:#f2f;		/* right column background colour */
}
.threecol .colmid {
	right:233px;			/* width of the right column */
	/*background:#555;		/* center column background colour */
}
.threecol .colleft {
	right:546px;			/* width of the middle column */
	/*background:#5050f4;	/* left column background colour */
}
.threecol .col1 {
	width:232px;			/* width of center column content (column width minus padding on either side) */
	left:779px;			    /* width - centerwidth - rightwidth - rightpaddingwidth */
	/*background:#700;*/
}
.threecol .col2 {
	width:546px;			/* Width of left column content (column width minus padding on either side) */
	left:779px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	/*background:#070;*/
}
.threecol .col3 {
	width:233px;			/* Width of right column content (column width minus padding on either side) */
	left:779px;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		/*background:#007;*/
}

#column1padding {
	padding: 0px 18px 0px 30px;
	margin: 0px;
}
#column3padding {
	padding: 0px 0px 0px 18px;
}

#footer .footblock {
	padding:25px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

#footer .lineseparator {
	padding:0px 0px 5px 0px;
}	

#hlavniclanek {
margin-top: 40px;
margin-bottom: 60px;
}


.localtitle {
	display: block;
	padding: 5px 0px 5px 0px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: black;
	text-decoration: none;
	color: #383838;
}


.lineseparator {
	background-image: url('images/oddelovacicara.png');
	background-repeat: repeat-x;
	clear: both;
}


.col1 a.mainmenu {
	display: block;
	margin-bottom: 9px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #909090;
	text-decoration: none;
}

.col1 .mainmenustatic {
	display: block;
	margin-bottom: 9px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #383838;
	text-decoration: none;
}

.col1 a.mainmenu:hover {
	color: #383838;
}

.col1 a.localmenu {
	display: block;
	margin-bottom: 7px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #909090;
	text-decoration: none;
}

.col1 .localmenustatic {
	display: block;
	margin-bottom: 7px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #383838;
	text-decoration: none;
}

.col1 a.localmenu:hover {
	color: #383838;
}

.col1 .localmenutitle {
	display: block;
	margin-bottom: 9px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #383838;
	text-decoration: none;
}

.col1 .localtitleblock {
	margin: 40px 0px 15px 0px;
}


.col2 a {
	color: black;
}

.col2 h2 {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.col2 h3 {
	padding: 0px 0px 3px 0px;
	margin: 0;
	font-weight: normal;
}

.col2 small {
	font-size: 9px;
}

.col2 li.comment {
	margin: 1em 0px 1em 0px;
	list-style-type: disc;
}

.col2 div.piclenselink {
	/* nextGen gallery link - nechci aby byl videt */
	display: none;
}

.col2 .classaddthisbox {
	float: right;
	padding: 0.8em 10px 0.5em 0px;
	//width: 578px;
}

.col2 .lineseparator {
	background-image: url('images/oddelovacicara.png');
	background-repeat: repeat-x;
	clear: both;
	margin: 1em 0px 1em 0px;
}

.col2 .postlineseparator {
	background-image: url('images/oddelovacicara.png');
	background-repeat: repeat-x;
	margin: 1em 0px 1em 0px;
	clear: both;
}

.col2 .previewblock {
	margin: 1em 0px 1px 0px;
	clear: both;
}

.col2 .hpmaincontentblock {
	margin: 0em 0px 1em 0px;
	clear: both;
}

.col2 .maincontentblock {
	margin: 2em 0px 1em 0px;
	clear: both;
}

.col2 .regularpostsblock, .col2 .projectslistblock, .col2 .archivprojectslistblock {
	margin: 2em 0px 1em 0px;
	clear: both;
} 

.col2 .nadpisprojekt {
font-family: Impact, Charcoal, sans-serif;
font-size: 20px;
text-decoration: underline;
margin: 0px 0px 1em 0px;
}

.col2 .nadpismain {
font-family: Impact, Charcoal, sans-serif;
font-size: 20px;
color: black;
clear: both;
}

.col2 .navigation {
	width: 100%;
	padding: 1em 0px 1em 0px;
}

.col2 .alignleft {
	float: left;
}
.col2 .alignright {
	float: right;
}

.col2 .nadpispostblock {
	clear: both;
	margin: 1em 0px 0px 0px;
}

.col2 .postblock {
	margin: 1em 0px 0px 0px;
}

.col2 .postblock img {
	margin: 3px 7px 3px 7px;
}

.col2 .postblock p {
	text-align: justify;
}

.col2 .nadpispost {
font-weight: bold;
color: black;
text-decoration: underline;
font-size: 12px;
}

.col2 .more-link {
	display: block;
	clear: both;
	padding-top: 10px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	text-align: right;
}

.col2 .projektanotace {
	clear: both;
	margin: 1em 0px 1em 0px;
}
.col2 .ukonceneprojekty {
	padding-top: 1em;
}

.col2 .komentareblock {
	clear: both;
}

.col2 .says {
	display: none;
}

.col2 .odpovedblock {
	clear: both;
	margin-top: 1em;
}


.col3 .localtitleblock {
	margin: 40px 0px 15px 0px;
}

.col3 .localtitle {
	display: block;
	padding: 5px 0px 5px 0px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: black;
	text-decoration: none;
	color: #383838;
}

.col3 .kontaktpart {
	margin-bottom:4px;
}


/*
<div class="colmask threecol">
	<div class="colmid">
		<div class="colleft">
			<div class="col1">
				<!-- Column 1 start -->
				<!-- Column 1 end -->
			</div>
			<div class="col2">
				<!-- Column 2 start -->
				<!-- Column 2 end -->
			</div>
			<div class="col3">
				<!-- Column 3 start -->
				<!-- Column 3 end -->
			</div>
		</div>
	</div>
</div>

*/