/*   
Project Name: Mayer Mccann site
Description: CSS made specialy for the www.mayer.si by <a href="http://www.studiotibor.com" target="_blank">Studio Tibor</A>
Version: 1.0
Author: studio tibor
Author URI: http://www.studiotibor.com
Copyrights: 2008 All Rights Reserved
*****
*/

/*====================================================*/
/* CSS WORK AROUNDS*/
/*====================================================*/
/*
Using a zeroing selector removes the browser default values, which can vary greatly from browser to browser.
*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
    margin: 0; 
    padding: 0; 
    border: 0; 
}

/*
By setting the HTML height to 100% and then adding a one-pixel margin to the bottom, 
you can force Firefox to draw a scroll bar. This prevents the annoying page jump that 
you might see on shorter pages in that browser.
*/
/* hide from IE mac \*/
html {
    min-height: 100%;
    margin-bottom: 1px;
}

/* end hiding from IE5 mac */


/*====================================================*/


/*====================================================*/
/* general */
/*====================================================*/

html, body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5f5d5c;
	text-align: left;
	background-color: #ffffff;
}

/*
#mainWrap {
	min-height: 590px;
}
*/


/*centering all the main elementes */
#glava,
#NAV,
#emotional,
#emoImg,
#mainWrap,
#noga {
	width: 940px;
	
	margin-left: auto;
	margin-right: auto;
	clear: both;
	
}




h1 {
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 3px;
}


h2 {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 8px;
}


a, 
a:link, 
a:visited {
	color: #00468b;		/*color: #5f5d5c;*/
	text-decoration: none;	/*underline;*/
}

a:hover {
	color: #00468b;
	text-decoration: underline;
}



.clear {
	clear: both;
	font-size: 1px;
	height: 0px; 
	overflow: visible !important;
	overflow: hidden;
}




p {
	margin-bottom: 14px;	
}

img {
	border: 0px;
}


.button {
	color: #FFFFFF;
	font-size: 11px;
	background-color: #5f5d5c;
}


.noBotMargine {
	margin-bottom: 0px;
}


/*====================================================
  GLAVA
====================================================*/

#glava {
	height: 110px;
}


#glava .logo {
	float: left;
	width: 300px;
	margin-top: 25px;
}



#glava .otherItemsCentral {
	float: right;
	margin-top: 25px;
}

#glava .logos {
	margin-top: 8px;
}

#glava .otherItems {
	float: right;	/*left;*/
	width: 180px;	/*640;*/
	margin-top: 25px;
}



#glava .otherItems .row-1,
#glava .otherItems .row-2 {
	text-align: right;
}




#glava .otherItems .row-1 {
	margin-bottom: 14px;
}

#glava .otherItems .row-1 .flag {
	margin-left: 15px;
}



#glava .otherItems .row-2 #search img {
	margin-left: 4px;
}

#glava .otherItems .row-2 #search #s {
	width: 130px;
	height: 13px;
	border: #b5b3b3 solid 1px;
	color: #5f5d5c;
	padding: 1px;
}



/*====================================================
 NAV 
====================================================*/
#NAV {
	
}


#NAV .menu1 {
	font-size: 0.01px;
}


#NAV .breadcrumbs {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 12px;
	
	font-size: 12px;
	
}


#NAV .breadcrumbs a,
#NAV .breadcrumbs a:link,
#NAV .breadcrumbs a:visited {
	color: #5f5d5c;
	text-decoration: none;
}

#NAV .breadcrumbs a:hover {
	color: #00468b;
	text-decoration: none;
}



/*====================================================
 EMOTIONAL  
====================================================*/

#emotional {
	position: relative;
	
	height: 255px;
	margin-bottom: 25px;
	border: #BEBEBE solid 1px;
	
}


#emotional .limiter {
	height: 255px;
	overflow: hidden;
}



#emotional .limiter .visual {
	float: left;
	margin-right: 30px; 
}


#emotional .limiter .description {
	/*float: left;*/

	margin-left: 30px;
	margin-top: 25px; 
	margin-right: 30px; 
	
}



#emotional .description h1 {
	font-size: 20px;
	margin-bottom: 21px;	/*23px;*/
}

#emotional .description .title {
	font-size: 20px;
	margin-bottom: 23px;
}



#emotional .description .txt {
	font-size: 11px;
}




#emotional .moreWrap {
	position: absolute;
	top: 241px;
	width: 100%;
	
}


#emotional .more {	
	/*position: absolute;*/
	float: right;
	
	padding-right: 15px;
	font-size: 11px;
	font-weight: bold;	
	
}

#emotional .more .corner {
	position: absolute;
	
	top: 0px;
	right: -1px;
	background-image: url(../_images/wireframe/icon_more.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 16px;
	height: 15px;	
	
	
}


#emotional .moreWrap .more:hover .corner {
	background-image: url(../_images/wireframe/icon_more-over.gif);
}



/*====================================================
 emoImg 
====================================================*/
#emoImg {
	width: 938px;	/*!!*/
	border-left: #9c9a9a solid 1px;;
	border-top: #9c9a9a solid 1px;
	border-right: #9c9a9a solid 1px;
}


/*====================================================
 MAIN 
====================================================*/

#mainWrap {
	margin-bottom: 25px;
}



#main {
	float: left;
	width: 615px;
}


#mainWrap .fullWidth {	/*  -------> dodamo DIv-u v HTML-ju kot dodatni CSS na div#main ko NIMAMO sidebar-a!!! <----------  */
	width: 940px;
}



/*-----------------------------------------------------
 contentList
-----------------------------------------------------*/
.contentList {
	/*border: #9c9a9a solid 1px;*/
	margin-bottom: 13px;
}




.header {
	height: 28px;
	color: #ffffff;
	background-color: #9c9a9a;
	border-bottom: #9c9a9a solid 1px;
	
	padding-left: 25px;	/*16px;*/
	padding-top: 3px;
}


.topLine {
	border-top: #9c9a9a solid 1px;
}



.contentList:hover .header,
.contentList:hover .sifrHeader {
	background-color: #00468b;
}



.contentList .item {
	position:relative;
	
	border: #9c9a9a solid 1px;
	border-top: #ffffff solid 1px;
	
}


/*-----------------------------------------------------------*/
/* ce dodamo v HTML-ju DIV-u  .contentList se .posts ga spremenimo v nacin prikaza za poste-e*/
.posts .item {
	position: static;
	border: #9c9a9a solid 1px;
	margin-bottom: 15px;

}


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

.posts .item .cornerTopLine {
	visibility: collapse;
}

.contentList .item .cornerTopLine {
	position: absolute;
		
	top: -2px;
	right: 0px;
	background-image: url(../_images/wireframe/icon_moreLine.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 16px;
	height: 1px;
	
}



.contentList .item .more {
	position: relative;
	float: right;
	
	top: -15px;
	
	padding-right: 15px;
	font-size: 11px;
	font-weight: bold;
}


.contentList .item .more .corner {
	position: absolute;
	
	top: 1px !important;	/* za VSE razen IE 6-*/
	top: 2px;				/* za IE 6- */
	right: -1px;
	background-image: url(../_images/wireframe/icon_more.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 16px;
	height: 15px;	
}



.contentList .item .img {
	float: left;
	margin-right: 13px;
}

.topLine .item .img {
	margin-top: -1px;
}


.contentList .item .modul {
	margin-left: 24px;
	margin-right: 45px;
	margin-top: 16px;
	font-size: 10px;
}


.contentList .item .modul .title {
	font-size: 15px;
	margin-bottom: 8px;
}


.contentList .item .modul .txt {
	font-size: 10px;
	margin-bottom: 11px;
}


.contentList .item .modul .noBotMargine {
	margin-bottom: 0px;
}

.contentList .item .modul .comLinks {
	font-size: 10px;
}


.contentList .item .modul .comLinks {
	font-size: 10px;
}

.contentList .item .modul .comLinksRight {
	float: right;
}



.contentList .item {
	/*position: absolute;*/
	/*margin-bottom: 10px;*/
	
}


/*----------------------------------------------------------*/
/*
.contentList .item .more a,
.contentList .item .more a:link,
.contentList .item .more a:hover,
*/


.more a,
.more a:link,
.more a:hover,

.contentList .item .modul .title a,
.contentList .item .modul .title a:link,
.contentList .item .modul .title a:hover  {
	text-decoration: none;
}


/*
.contentList .item .more a:hover,
*/

.more a:hover,

.contentList .item .modul .title a:hover {
	text-decoration: none;
}

.item .more:hover .corner {
	background-image: url(../_images/wireframe/icon_more-over.gif);
}

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




/*====================================================
 PAGE/POST
====================================================*/
#mainWrap #main .pagePost {
	/*width: 563px;*/ 	/* original no-padding width=613px 	/ width=615px */
		
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 16px;
	padding-bottom: 16px;
	
	border: #9c9a9a solid 1px;
	background-color: #FFFFFF;
	
}


#main .pagePost .title {
	font-size: 24px;
	padding-bottom: 3px;
}

#main .pagePost .comLinksRight {
	float: right;
	margin-top: 6px;
}


#main .pagePost .paddingLeft {
	padding-left: 15px;
}


#main .pagePost .paddingRight {
	padding-right: 15px;
}




/*====================================================
 REFERENCE
====================================================*/
#mainWrap #main .reference {
	/*width: 563px;*/ 	/* original no-padding width=613px 	/ width=615px */
		
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 16px;
	padding-bottom: 16px;
	
	/*border: #9c9a9a solid 1px;*/
	background-color: #FFFFFF;
	
}




#main .reference .col1 {
	float: left; 
	width: 195px;	/*215px;*/
	padding-right: 15px;
	
	font-size: 15px;
	
	border-right:#9c9a9a solid 1px;
	
}


#main .reference .col2 {
	float: left; 
	width: 177px;	/*202px;*/
	margin-left: 25px;	/*30px;*/
	padding-right:15px;
	
	border-right:#9c9a9a solid 1px;
	
}


#main .reference .col3 {
	float:left; 
	width: 430px;	/*370px;*/
	margin-left: 25px;	/*30px;*/
	
}



#main .reference .col1 a, 
#main .reference .col1 a:link, 
#main .reference .col1 a:visited,
#main .reference .col2 a, 
#main .reference .col2 a:link, 
#main .reference .col2 a:visited {
	color: #00468b;	/*#5f5d5c;*/
	text-decoration: none;
}

#main .reference .col1 a:hover,
#main .reference .col2 a:hover {
	color: #00468b;
	text-decoration: underline;
}


#main .reference .col1 a.sel, 
#main .reference .col1 a.sel:link, 
#main .reference .col1 a.sel:visited,
#main .reference .col2 a.sel, 
#main .reference .col2 a.sel:link, 
#main .reference .col2 a.sel:visited {
	color: #00468b;
	text-decoration: underline;	/*none;*/
}



/*====================================================
 SIDEBAR
====================================================*/
#sidebar {
	float: right;
	
	width: 310px;
	
}



#sidebar .contentList .header {
	background-color: #5f5d5c;
	border-bottom: #5f5d5c solid 1px;
}


#sidebar .contentList:hover .header,
#sidebar .contentList:hover .sifrHeaderSidebar {
	background-color: #00468b;
}


#sidebar .miniEmotionalImg {
	margin-top:-1px;
}




/*====================================================
 COMMENTS
====================================================*/

/*----------------------------------------------------
  .addComment
----------------------------------------------------*/
#mainWrap #main .addComment {
	margin-top: 20px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 14px;
	padding-bottom: 4px;
	
	border: #9c9a9a solid 1px;
	background-color: #f1f1f1;
	
}


#main .addComment .title{
	margin-bottom: 7px;
	color: #5f5d5c;
	font-weight: bold;
}


#main .addComment form .label {
	margin-bottom: 2px;
	color: #00468b;
}

#main .addComment form input {
	margin-bottom: 11px;
	width: 200px;
}



#main .addComment form .areaPercData {
	float: left;
	width: 200px;
}

#main .addComment form .areaComment {
	float: left; 
	margin-left: 20px;
}

#main .addComment form textarea {
	width: 650px;
	height: 67px;
}


#main .addComment form .areaButtons {
	margin-left: 223px;
	padding-right: 18px;
	text-align: right;
}

#main .addComment form .button {
	width: auto;
}



/*----------------------------------------------------
  .comments
----------------------------------------------------*/

#mainWrap #main .comments {
	margin-top: 20px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;	/*14px;*/
	padding-bottom: 10px;	/*12px;*/
	
	border: #9c9a9a solid 1px;
	background-color: #ffffff;
	
}



#main .comments .comment {
	padding-top: 11px;
	margin-bottom: 14px;	/*12px;*/
	border-top: #9c9a9a solid 1px;
}



#main .comments .first {
	border: none;
}



#main .comments .comment .meta {
	float:left; 
	width: 100px;
	text-align: center;	
}


#main .comments .comment .txt {
	float:left; 
	margin-left: 20px; 
	width: 750px;
}

#main .comments .comment .status {
	color: #00468b;
	font-size: 11px;
	
}



/*====================================================
  NOGA
====================================================*/


#noga {
	margin-bottom: 20px;
}


#noga .contacts {
	float: left;
	width: 500px;
	
	margin-top: 23px;	/* za vertikalno poravnavo! z logotipi na desni strani noge!! */
	
	font-size: 10px;
	color: #9c9a9a;
	
}

#noga .logos {
	float: left;
	width: 440px;
	
	text-align: right;
	font-size: 0.01px;
	
}




#noga a, 
#noga a:link, 
#noga a:visited {
	color: #5f5d5c;
	text-decoration: underline;
}

#noga a:hover {
	color: #00468b;
	text-decoration: underline;
}





/*====================================================
  WORDPRESS
====================================================*/

/*----------------------------------------------------
  INSERTED IMAGES
----------------------------------------------------*/
.alignleft {
	float: left;
	padding-right: 15px;
	padding-bottom: 8px;
}

.alignright {
	float: right;
	padding-left: 15px;
	padding-bottom: 8px;
}

.aligncenter {

}



/*----------------------------------------------------
  COMMENTS
----------------------------------------------------*/
.comments .comment p {
	margin: 0px;
	padding: 0px;
}




/*----------------------------------------------------
  WIDGETS
----------------------------------------------------*/

#sidebar .widget .item {
	padding-bottom: 10px;
}



/*====================================================
	sIFR  
====================================================*/


.header .sifrHeader {
	color: #ffffff;
	background-color: #9c9a9a;
	font-size: 20px;	
}


.header .sifrHeaderSidebar {
	color: #ffffff;
	background-color: #5f5d5c;
	font-size: 20px;
}


.header .sifrHeader a, 
.header .sifrHeader a:link, 
.header .sifrHeader a:visited,
.header .sifrHeaderSidebar a, 
.header .sifrHeaderSidebar a:link, 
.header .sifrHeaderSidebar a:visited {
	color: #ffffff;	
	text-decoration: none;
}

.header .sifrHeader a:hover,
.header .sifrHeaderSidebar a:hover {
	color: #ffffff;
	text-decoration: none;
}




/*====================================================
  
====================================================*/