/* CLEAN STYLE */
h1,h2,p, .header ul, .header li,
html, body, menu{margin: 0; padding: 0;}

/* fonts */
input, p,
body{font-family: 'Lato', sans-serif; font-weight: 400; font-size: 1em;}


/* basic style  */
a{color:inherit; text-decoration: none;}
body{font-family: Lato, sans-serif; font-weight: 300; font-size: 1em;}

/* MENU */
.header{ font-size: 12px; text-align: center;}
	.header ul, .header li {list-style: none; display: inline}
	.header a {list-style: none; display:inline-block; opacity: 0.6; text-transform: uppercase; padding: 1.3em 1em; font-size: 1.1em;}
	
/*.main{border-top: 1px solid rgba(255,255,255,0.8)}
*/

/* BASIC STRUCTURE */
.list{       -moz-column-count: 4;
       -moz-column-gap: 15px;
       -webkit-column-count: 4;
       -webkit-column-gap: 15px;
}
.menu li{display: inline-block }
.footer{ text-align: center; padding-top: 4em; text-align: center; font-size: 0.8em;}

.selected{font-weight: 900}

small{color: #888; font-size: 10px;}

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



/* QUOTE */
.p-quote{}
	.p-quote div.main{width: 50%; margin:4em 25%; }
	.p-quote .main-quote{border-bottom: 1px solid #000; border-top: 1px solid #000;}
		.single-quote{margin: 10% 14%;}
	.author{text-align: center; position:  relative;}
	.author a{	background: white; position: relative; display: inline-block; text-transform: uppercase; font-family: 'Playfair Display', serif;  
				font-style: normal; top:12px; padding: 0 14px; font-size: 1.1em; font-weight: 900;}
	.quote-text{font-family: 'Playfair Display', serif; font-size: 3em; font-style: italic;}
	.bottombar .taglist{margin: 0; padding: 0; list-style: none;}
		.bottombar li{display: inline-block;}
		.bottombar a{display: inline-block; text-transform: uppercase; opacity: 0.6; font-size: 0.9em; margin: 1em 0.5em 1em 0;}
	.sharebottom{display: inline-block; text-align: right;}

/* QUOTE LIST */	
.quoteline {border: 1px solid #ddd; display: block; list-style: none; position: relative;}
.quoteline .taglist li {display: inline-block; font-size: 11px; font-weight: 900; text-transform:uppercase; padding: 0 5px 0 0}
.quote-action {position: absolute; right: 0; background: white; top:0}

/* P NOT MAIN */	
.p-not-main{}
	.p-not-main .header .center a{padding-right: 11em}
	.p-not-main .header .first a{padding-left: 2.7em}
	.p-not-main h2 em{display: none	}
	.p-not-main h2 a{	text-align: center; position: absolute; margin-left: 50%; left:-53px; display: block; width:106px; height:24px; top: 0.6em;
						background:url(img/logo-small.png) center top no-repeat;  }
	.p-not-main .main {width: 60%; margin:2em 20%}

/* SEARCH */
.p-search {}
	.highlight{ font-weight: 900; background: #eee;}
	.pager ul{list-style: none;}
	.pager li{display: inline-block; padding: 3px 0;}
	.pager a{display: inline-block; font-weight: 900}


/* HOME */
.p-mubbo {background: #f2f2f2; }
	.p-mubbo header{background: #fff;}
	.p-mubbo .main{text-align: center;} /* min-height: 500px*/
	.p-mubbo h1 i{display: none;}
	.p-mubbo h1{display: block; background: url(img/logo.png) center bottom no-repeat; height: 121px; width: 476px; margin: 0 auto; padding-top: 121px}
	.p-mubbo search{display: block; width: 29em; margin: 5em auto } 

.searcharea{position: relative; display: block; margin:0 -10px}
	.searcharea .searchbox{font-size:1.1em; -webkit-border-radius: 100px;-moz-border-radius: 100px; border-radius: 100px; width: 100%; padding: 4px 0.6em 7px; margin-left: -0.6em;}
	.searcharea button{position: absolute; top:0; right:0}

/* BG GRADIENT */
.p-main .main{	background: #ffffff; /* Old browsers */
				background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 47%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f2f2f2)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 47%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 47%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 47%); /* IE10+ */
				background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 47%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
				}
			
			
/* ---------------------------------------------------------
------------------------------------------------------------

			A D M I N

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

	
/* DEBUG*/
pre.debug{background: #ffff55; font-size: 11px; display: block; padding: 2px;}
span.debug{background: #ffff55; font-size: 11px; padding: 2px; font-family: courier;}

.admin .action{background: #ffff22; font-size: 11px; padding: 3px 5px; margin: 2px; font-family: courier; font-weight: bold; text-transform: uppercase}


.logoshow :hover{background: #ffffff; color=#000000}