html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/******************/
 

body {
 	text-align:center;  
	font-size:75%;
	color:#666666; 
	font-family: Verdana, sans-serif;
	background-image:url("../img/bg_gradient.gif");
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#f2f2f2;
/*	 
	background:url("960_leiska_gridi.png"); 
	background-repeat:no-repeat;
	background-position:top center;
  */
}

.skip-link {
	display: none;
}

#wrapper
{ 
	text-align:left;
	position:relative;
 	width:940px; 
	margin:0 auto;  	
}

 
#main{
	clear:both;
}

#header {
	position: relative;
	height: 363px;
	background: transparent url("../img/bg_header.gif") no-repeat 0 115px;  
}

#blog-title {
	display: block;
}

.home #header {
	height:500px;
	background: transparent url("../img/headerfrontpagebg.jpg") no-repeat 0 62px; 
}

.navigation{
	color:#666666;	
}

.navigation ul{
	float:right;
	margin-left:0;
	padding-left:0;
	margin-top:46px;
}

.navigation li{
	float:left;
	list-style:none;
	border-right: 1px solid;
}

.navigation li a{
	color:#666666;
	text-decoration:none;
	padding: 0 5px;
	border:none;
}

.navigation .current_page_item, .navigation .current_page_ancestor {
	color:#666666;
	font-weight:bold;
}

.navigation .page-item-98 {
	border: none;
}

#access {
	position:absolute;
	top:0px; right:0; 
}

#footer{
	clear:both;
	width:940px;
	margin-top:24px;
	padding-top:24px;
	overflow:hidden;
	background-color:#e5e5e5;
	background-image:url("../img/footerbg.gif");
	background-position:top;
	background-repeat:no-repeat;
	font-size:12px;
		
}

#footer p{
	margin-left:11px;	
	margin-bottom:39px;
	color:#7f7f7f;
}
#footer a{
	text-decoration:none;
	color:#7f7f7f;
	border:none;
}

#footer a:hover{
	color:#4d4d4d;
}

#footer ul{
	list-style:none;	
	margin: 0 10px 5px;
}

#footer li{
	list-style:none;	
	width:auto;
	margin-right:10px;
}

#colophon{
	margin-top:60px;
	float:left;
	margin-right:40px;	
	margin-bottom:30px;
}

#container{ 
	position:relative; 
	padding:0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 24px;
	margin-top: 24px;
	overflow: hidden;
}

#container img{ 
}

#content{
	width:560px;
	float:left; 
	margin:0;padding:0; 
	margin-bottom:24px;	 	
}

.home #content {
	width:100%;
	float:left; 
	margin:0;padding:0; 
	padding-bottom:24px;	 	
}

#primary, #secondary{
	clear: right;
	float:right;
	width:380px;
	margin:0; padding:0; 
	margin-bottom:24px;
}

/*************Headerstyles **************/

.nk{
	border-bottom:3px solid #ccc;
}

  
 /** News styles **/
 .news{
 	border-bottom:1px dotted #ccc;
	padding-bottom:24px;
	margin-bottom:24px; 
 }
 
.newsdate{
	color: #22b197;	
	font-weight:bold;
} 

.newsheader{
	 margin:0;
}

.newsheader a{
	text-decoration:none;
	color:#666;
}
.newscontent{
	padding-left:10px;
}
 
.subnavi{
	padding: 20px 0;
 	overflow:hidden;
	border-bottom:2px dotted #ccc;
	border-top:2px dotted #ccc; 
	text-transform: uppercase;
	margin: 0 0 20px;
}

.subnavi h4 {
	margin-left: 30px;
	margin-bottom: 5px;
}

.subnavi ul {
 	overflow:hidden;
}
 
.subnavi li{
	list-style:none; 
	margin: 1px 69px 0 14px;
 	display:block;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
}

.subnavi li a, .subnavi li span{
	color: #2abbaa; 
	border-top:2px dotted #ccc;
	padding-bottom:5px;
	padding-top:5px;
	padding-left: 30px;
	text-decoration:none;
	display:block;
	border-bottom:none;
	 
	 
}
 
.subnavi li a:hover, .subnavi .current_page_item a, .subnavi .current_page_item span{
	background-color: #e5e5e5;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;	
	border-radius: 5px;	

}
 
.subnavi .current_page_item a, .subnavi .current_page_item span {

	color:#333;
} 

.banner{
} 
 
.containerheader{
	clear:both;
	background-image:url("../img/containertop.jpg");
	background-position:top left;
	background-repeat:no-repeat;
}

.containerbottom{
	clear:both;
	background-image:url("../img/containerbottom.jpg");
	background-position:bottom left;
	background-repeat:no-repeat;
}
  
.article, .widecard {
	margin-right:20px;
	position: relative;
	/*margin-left:24px; */
}

.widecard h1,.card h1, .title  {
	display: block;
	border-bottom:2px dotted #ccc;
	border-top:2px dotted #ccc; 
}

h3.entry-title a{
	color:#22b39a;
}


.widecard h1,.card h1, .title, h1.entry-title  {
	text-transform: uppercase;
}

.widecard h2 a,.card h2 a, .article h2 a  {
	color:#22b39a;
	border:none;
}

.title a, .title a:hover {
	text-decoration: none;
	border: none;
}
 
.widecard img, .article img{ 
	margin-bottom:24px;
} 


.home .article .entry-title {
	border: none;
	font-size: 1em;
	margin-bottom: 0;
	line-height: 1.5;
}

.home .lajit .entry-title {
	margin-bottom: 15px;
}

.home .ajankohtaista .entry-title {
	margin-bottom: 20px;
}

.home .article a {
	border: none;
}

/* Tag cloud */

.tag-cloud {
	margin-right: 20px;
}

.tag-cloud a, .tag-cloud a:hover {
	border: 0;
}

.tag-cloud a:nth-child(2n) {  /* Won't work in < IE 9 */
	color: #30b7a2;
}

/* Blog styles */

.categorylist {
	padding-top: 4px;
	padding-bottom: 2px;
	overflow: hidden;
}

.categorylist h2 {
	font-size: 18px;
	float: left;
	margin-top: 12px;
	margin-right: 21px;
}

.type-lajit .entry-title {
	border: none;
}

.type-lajit .entry-title a {
		color:  #22b39a;
		border: none;
}

.type-lajit .entry-meta {
	display: none;
}

.archive .title a { /* Arkistojen otsikkoon kiva linkkityyli */
	text-decoration: none;
	border: none;
	color: #22b39a;
}

.share img {
	margin: 0;
}

.share a {
	border: 0;
	padding: 0;
}

/* Yhteiso-osan erikoisuudet */

.page-template-page-lajit-php .type-lajit, .home .type-lajit {
	margin: 10px;
	background: url(../img/cardbg.gif) repeat-x;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 10px 0;
}

.page-template-page-lajit-php .type-lajit {
	/* tee 50 % levee kortti */
	width: 250px;
	float: left;
	min-height: 155px;
}

.lajit-meta {
	overflow: hidden;
	padding-left: 10px;
}

.page-template-page-lajit-php .type-lajit .entry-utility, .home .type-lajit .entry-utility {
	padding-left: 70px;
}

.page-template-page-lajit-php .type-lajit .lajit-tiedot, .home .type-lajit .lajit-tiedot {
	margin-bottom: 10px;
}

.lajit-meta .thumbnail-wrapper, .page-template-page-lajit-php .thumbnail-wrapper {
	float: left;
}

.page-template-page-lajit-php .thumbnail-wrapper {
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.thumbnail-wrapper {
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
}

.thumbnail-wrapper img {
	margin: 0;
}

.page-template-page-lajit-php .entry-contentwrapper {
	clear: both;
}

.home #content .lajit {
	padding: 10px 0 10px 0;
	overflow: hidden;
}

.home .lajit .thumbnail-wrapper {
	float: left;
	margin-right: 10px;
}

.home .lajit-meta {
	margin-top: 3px;
}

.lajit-tiedot {
	float: left;
	/*text-transform: uppercase;*/
	width: 150px;
} 

.single .lajit-tiedot {
	width: 300px
}

.lajit-title {
	color:  #22b39a;
	font-weight: normal;
	font-style: normal;
	border: none;
}

.page-template-page-lajit-php .page {
	border-bottom: 2px dotted #ccc;
	margin-bottom: 24px;
}

/* Recent comments */

.latest-comments-title {
	margin-top: 20px;
	border-bottom: 2px dotted #ccc;
	padding-bottom: 5px
}

.recent-comments-list {
	list-style: none;
	margin: 0;
}

.recent-comment {
	border: 0;
	 padding: 8px 8px 8px 40px;
	 border: none;
	background: url(../img/icon-comment.png) no-repeat 10px 9px;
}

.recent-comment a.comment-link {
	 text-decoration: none;
	 border: none;
}

.recent-comment a.comment-link:hover {
	 border: none;
}

.recent-comment .comment-author-gravatar {
	 float:left;
     margin-right: 10px;
}

.recent-comment .comment-author {
	 font-size: 1em;
}

.recent-comment .comment-date {
	 display: block;
	 font-size: 10px;
	 color: #666;
	 text-decoration: none;
}

.recent-comment .comment-date-time {
	 color: #666;
	 font-size: 0.9em;
}

.recent-comment .comment-post-title {
	 text-decoration:none;

	 font-weight: normal;
	 display:block;
         width: 100%;
}

.recent-comment .comment-text {

	 color: #888;
}

/* Article icons */

.blog .article, .single .article {
	background-position: 4px 15px;
	margin-bottom: 4.5em;
}

.home .article.type-ajankohtaista {
	background: url(../img/icon-calendar.png) no-repeat 10px 2px;
	padding-left: 0;
	padding-top: 4px;
}

.blog .category-ainesosat, .single .category-ainesosat, .home .category-ainesosat {
	background: url(../img/icon-ainesosat.png) no-repeat 5px 16px;
}

.blog .category-kausiaiheet, .single .category-kausiaiheet, .home .category-kausiaiheet {
	background: url(../img/icon-kausiaiheet.png) no-repeat 3px 16px;
}

.blog .category-keskustelut, .single .category-keskustelut, .home .category-keskustelut {
	background: url(../img/icon-keskustelut.png) no-repeat 3px 16px;
}

.blog .category-terveystieto, .single .category-terveystieto, .home .category-terveystieto {
	background: url(../img/icon-terveystieto.png) no-repeat 5px 13px;
}

.home .article {
	background-position: 4px 0;
	padding-left: 30px;
}

.categorylist .terveystieto {
	margin-top: 13px;
}

.categorylist .ainesosat {
	margin-top: 12px;
}

.categorylist .keskustelut {
	margin-top: 13px;
}

.categorylist .kausiaiheet {
	margin-top: 13px;
}


.blog .article.category-ainesosat {
	background-position: 4px 14px;
}

.blog .article.category-kausiaiheet {
	background-position: 4px 14px;
}

.categorylist img {
	margin: 0;
}

.categorylist a, .categorylist a:hover {
	display: block;
	float: right;
	border: 0;
	padding-right: 15px;
	padding-left: 15px;
}

.blog .category-ainesosat, .single .category-ainesosat {
	background-position: 8px 16px;	
}

.single .entry-title, .single .entry-meta, .blog .entry-title, .blog .entry-meta {
	border: none;
	padding-left: 35px;
}

.single-lajit .entry-title, .single-ajankohtaista .entry-title, .single-ajankohtaista .entry-meta, .ajankohtaista .entry-meta {
	padding: 0 0 0 10px;
}

.entry-utility {
	padding-left: 10px;
	clear: both;
	overflow: auto;
}

.entry-meta abbr {
	border: 0;
}

.entry-meta, .comment-meta {
	margin-bottom: 0;
	font-size: 10px;
}

.archive .entry-meta {
	padding-left: 10px;
}

.home .type-ajankohtaista .published {
	padding-left: 23px;
}

.single .entry-title,.single h1.entry-title {
	color: #30b7a2;
	text-transform: none;
	border: 0;
}

.single .entry-title,.single h1.entry-title, .blog .entry-title, .ajankohtaista h3.entry-title {
	color: #30b7a2;
	text-transform: none;
	border: 0;
}

.blog .entry-title a, .single .entry-title a, .single .entry-utility a span, .ajankohtaista h3.entry-title a {
	border: 0;
	color: #30b7a2;
}

.entry-utility a {
	border: 0;
}

/* Comment styles */

.comments-link, h2#comments {
	display: block;
	height: 21px;
	padding-left: 25px;
	background: url(../img/icon-comment.png) no-repeat 0px 0;
}

.comments-link {
	float: left;
}

.comment-list {
	border-top:2px dotted #ccc; 
}

.li-comment {
	border-bottom:2px dotted #ccc;
	padding-top: 15px;
}

.comment-meta {
	padding-left: 10px;
}

.comment-author {
	margin-bottom: 0;
}

.comment-author a {
	border: 0;
	color:  #30b7a2;
}

#respond textarea {
	margin-left: 12px;
	margin-bottom: 21px;
}

#respond label {
	font-size: 10px;
}

#respond label.leave-comment {
	display: block;
	font-size: 12px;
	margin-left: 10px;
	margin-bottom: 1.5em;
	font-weight: bold;
}



.imageholder img {
	margin-top:42px;
}

.info, .infoborder{	
	padding-bottom:0px;
	margin-bottom:24px;
	/**/
	font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; 
}

.infoborder{
	padding-bottom:24px;
	 border-bottom:1px solid #990033;
}

.logoimage
{
	margin-bottom:22px;
	margin-top:34px;
	margin-left:24px;
	margin-right:24px;
	float:left;
}

.bigpicture{
	margin-top: 8px;	
}

.page-link {
	padding-left: 10px;
	margin-bottom: 1.5em;
}

.edit-link {
	position: absolute;
	top: 9px;
	right: 0;
	padding: 2px 5px;
	background-color: #30b7a2;
}

.edit-link a {
	color: #fff;
	text-decoration: none;
	border: none;
}

.footerlinkstrong{font-weight:bold;}

.footercol{float:left;margin-top:14px;}

.bigbutton{ margin-bottom:10px;clear:both;}

.bannerimage {
	display: block;
	border: none;
	width: 301px;
	height: 61px;
	text-indent: -9000px;

}

.bannerimage:hover {
	background-position: 0 -61px;
	border: none;
}

.banner-kauppias {
	background-image: url(../img/kauppias.png);
}

.banner-seuroille {
	background-image: url(../img/seuroille.png);
}

.banner-diabetes {
	background-image: url(../img/diabetes.png);
}


.pertti{ position:absolute; top:0; right:0; }

.footercol{float:left;margin-top:14px;}

.frontpagecol{
	float:left; width:300px;
	margin-right:20px;
}

.frontpagecollast{
	float:left; width:300px;
	margin-right:0px;
}

.commentbutton{
	padding-left:27px;
	background-image:("../img/symbols.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:200px; 
}

.facebookbutton{
	background-image:("../img/symbols.gif");
	background-position:200px 0px;
	background-repeat:no-repeat;
	width:200px;
}

.writerinfo{ border-bottom:2px dotted #ccc; margin-bottom:20px;}

.writerinfop{width:190px; padding-bottom:20px;}

.disclaimer {
	border-top: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
	margin: 18px 0px;
	padding: 18px 10px;
	background-image:url("../img/icon-disclaimer.png");
	background-repeat:no-repeat;
	background-position:10px 22px;
	padding-left:40px;
	
}


.footerlogot{
	background-image:url("../img/footer_logot.png");
	background-repeat:no-repeat;
	margin-top:60px;
	width:385px;
	height:100px;
	position:absolute;
	bottom:140px;
	right:50px;
	background-position:0 0;

}

.footerlogot:hover{
	background-image:url("../img/footer_logot.png");
	background-position:0 -100px;
}

.facebook-box{
	margin-bottom:20px;
}

#primary a, #primary a:hover {
	border: none;
}

#slideshow{
	clear:both;
	float:left;
	/*border:1px solid #ccc;*/
	margin-top:66px;	
	width:550px;
	margin-left:20px;
	height:270px;
	display:block;
	position: relative;
}

#slideshow img {
	position: absolute; /* for cross-fade slideshow */
	top: 0;
	left: 0;
}


/* Ainesosat */

.ingredient {
	text-align: left;
}

.ingredient h3 {
	font-weight: bold;
	margin-bottom: 0;
}

.ingredients {
	clear:both;
	/*border:1px solid #ccc;*/
	margin-left:35px;
	margin-bottom: 1.5em;
}

.home .ingredients {
	position: absolute;
	bottom: 0;
	left: 0;
}

.ingredients ul
{
	overflow:hidden;
	margin:0;
	padding:0;
}

.ingredients ul li{
	list-style:none;
	width:145px;
	height:25px;
	display:block;
	text-indent:-7000px;
	overflow:hidden;
}

.home .ingredients ul li {
	float:left;
}

.ingredwrapper li {
	margin-bottom: 15px;
}

.ingredwrapper, .ingredpullo {
	float: left;
}

.ingredwrapper {
	padding-top: 65px;
}

.ingredwrapper2 .ingredients {
	margin-left: 15px;
}

.ingredpullo {
	width: 170px;
	height: 320px;
	background: url(../img/pullo.png) no-repeat 20px 0;
}

a.ingredientlink{
	display:block;
	height: 25px;
	border:none; text-decoration:none;	
}

a.ingredientlink:hover,
a.ingredientlink:active{
	display:block;
	border:none; text-decoration:none;	
}

.ingred-content {
	float: left;
	width: 50%;
	margin-right: 5%;
	background-image: none;
}

.ingred-long {

	font-style: italic;
	border-bottom: 2px dotted #ccc;
	padding-left: 0;
	margin-left: 10px;
}

.ingred-terms {
	float: left;
	width: 40%;
}

.ingred-terms ul {
	margin-top: 15px;
	list-style: none;
	margin-left: 0;
}

.ingred-terms li {
	display: block;
	padding: 0;	
	min-height: 30px;
}

.ingred-terms li a {
	display: block;
	text-decoration: none;
	border: none;
	color: #666;
	background: url(../img/icon-tick.png) no-repeat;
	padding-left: 23px;
}


/*****************ainesosien tyylit ********************/

.ingredient1{
	background-image:url("../img/ainesosat.png");
	background-position:-2px 0;
} .ingredient1:hover{
	background-position:-2px 50px;
}

.ingredient6{
	background-image:url("../img/ainesosat.png");
	background-position:150px 0;
} .ingredient6:hover{
	background-position:150px 50px;
}


.ingredient5{
	background-image:url("../img/ainesosat.png");
	background-position:295px 0;
} .ingredient5:hover{
	background-position:295px 50px;
}


.ingredient4{
	background-image:url("../img/ainesosat.png");
	background-position:440px 0;
} .ingredient4:hover{
	background-position:440px 50px;
}


.ingredient3{
	background-image:url("../img/ainesosat.png");
	background-position:585px 0;
} .ingredient3:hover{
	background-position:585px 50px;
}


.ingredient2{
	background-image:url("../img/ainesosat.png");
	background-position:730px 0;
} .ingredient2:hover{
	background-position:730px 50px;
}


.ingredient7{
	background-image:url("../img/ainesosat.png");
	background-position: -2px 75px;
} .ingredient7:hover{
	background-position:-2px 25px;
}

.ingredient12{
	background-image:url("../img/ainesosat.png");
	background-position:150px 75px;
} .ingredient12:hover{
	background-position:150px 25px;
}

.ingredient11{
	background-image:url("../img/ainesosat.png");
	background-position:295px 75px;
} .ingredient11:hover{
	background-position:295px 25px;
}

.ingredient10{
	background-image:url("../img/ainesosat.png");
	background-position:440px 75px;
} .ingredient10:hover{
	background-position:440px 25px;
}

.ingredient9{
	background-image:url("../img/ainesosat.png");
	background-position:585px 75px;
} .ingredient9:hover{
	background-position:585px 25px;
}

.ingredient8{
	background-image:url("../img/ainesosat.png");
	background-position:730px 75px;
} .ingredient8:hover{
	background-position:730px 25px;
}


.footerdisclaimer{
	clear:both;
	margin-top:60px;
	padding-top:20px;
	text-align:center;
	border:none;
	font-size:10px;
	color:#b3b3b3;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
	 
}

.dottedborder{
	border-bottom:2px dotted #ccc;
	margin-bottom:40px;
	clear:both;
}


/* TipTip CSS - Version 1.2 */

#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}

#tiptip_holder.tip_top {
padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
padding-top: 5px;

}

#tiptip_holder.tip_right {
padding-left: 5px;
}

#tiptip_holder.tip_left {
padding-right: 5px;
}

#tiptip_content {
font-size: 11px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background-color: rgb(55,55,55);
background-color: rgba(55,55,55,0.92);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#555));
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 3px #555;
-webkit-box-shadow: 0 0 3px #555;
-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content {
padding: 4px 8px 5px 8px;
background-color: rgba(45,45,45,0.88);
}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner {
border-bottom-color: rgba(45,45,45,0.88);
}
	#tiptip_holder.tip_top #tiptip_arrow_inner {
border-top-color: rgba(20,20,20,0.92);
}
}

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: normal; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }
.gform_wrapper { margin-left: 10px; }


/* Form fields
-------------------------------------------------------------- */

input#author, input#email, input#url,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input#author, 
input#email,input#url   { width: 200px; padding:5px; }
textarea      { width: 390px; height: 150px; padding:5px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
