/*
Theme Name: Vini
Theme URI: http://www.vini.lt/
Description: Wordpress theme for Verslo Iniciatyva
Author: http://www.iamauri.com
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Vini
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration:none;	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* text fonts */

#ad, #adfooter {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#adlink, #adfooterlink, #archivelink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;	
}
a, a:visited {color:#4D07A8;}

h1 {
	font-family: 'Bree Serif', serif;	
	text-decoration:none;
	font-size:35px;
}


/* main css block */

#bg1 {
	background:url(images/green-stripes.jpg);
	height:30px;
	width:100%;
	min-width:940px;
}

#ad {
	color:#FFF;
	text-align:center;
	padding-top:8px;
}

#adlink {
	color:#B5E3D1;	
}

#adlink:hover {
	color:#FFF;	
}

#bg2 {
	background:#ECEBE3;
	height:180px;
	width:100%;
	min-width:940px;
}

#gallery {
	width:940px;
	height:200px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:30px;
}

#menu-item-33 {
	background:url(images/logo.png);
	width:211px;
	height:46px;
	float:left;
	margin-top:10px;
	margin-left:10px;	
}

#gallery ul li a {
	text-align:center;
	color:#FFFFFF;	
	font-family: 'Bree Serif', serif;	
	text-decoration:none;
	font-size:14px;
	padding-top:3px;
}

/* hides unwanted text in menu buttons */
#gallery ul #menu-item-15 a, #gallery ul #menu-item-14 a, #gallery ul #menu-item-33 a {
	font-size: 0;
}

#menu-item-15 {
	background:url(images/namai.png);
	width:34px;
	height:27px;
	float:right;
	margin-top:10px;
	margin-right:20px;	
}

#menu-item-15:hover {
	background:url(images/namaihover.png);
}


#menu-item-13, #menu-item-12, #menu-item-11 {
	background:url(images/cloud.png);
	width:95px;
	height:27px;
	float:right;
	margin-top:10px;
	margin-right:20px;	
}

#menu-item-13:hover, #menu-item-12:hover, #menu-item-11:hover {
	background:url(images/cloudhover.png);
}

#menu-item-14 {
	background:url(images/fb.png);
	width:34px;
	height:27px;
	float:right;
	margin-top:10px;
	margin-right:10px;	
}

#menu-item-14:hover {
	background:url(images/fbhover.png);
}

#bg3 {
	background:#FFF;
	height:90px;
	width:100%;
	min-width:940px;
}

#icons {
	width:940px;
	margin-left:auto;
	margin-right:auto;
}

ul #menu-item-27 a, ul #menu-item-26 a, ul #menu-item-25 a, ul #menu-item-24 a {
	text-align:center;
	color:#4D07A8;	
	font-family: 'Bree Serif', serif;	
	text-decoration:none;
	font-size:14px;
	padding-top:10px;
	height:20px;
}

ul #menu-item-27 a:hover, ul #menu-item-26 a:hover, ul #menu-item-25 a:hover, ul #menu-item-24 a:hover {
	color:#00A160;	
}

#menu-item-27 {
	width:220px;
	height:20px;
	float:left;
	margin-top:40px;
	margin-right:20px;
}

#menu-item-26 {
	width:220px;
	height:20px;
	float:left;
	margin-top:40px;
	margin-right:20px;
}

#menu-item-25 {
	width:220px;
	height:20px;
	float:left;
	margin-top:40px;
	margin-right:20px;
}

#menu-item-24 {
	width:220px;
	height:20px;
	float:left;
	margin-top:40px;
}


#bg4 {
	background:#ECEBE3;
	width:100%;
	min-width:940px;
}

#content {
	width:940px;
	margin-left:auto;
	margin-right:auto;	
}

#left {
	background:url(images/left.jpg);
	width:32px;
	height:56px;
	float:left;
	margin-top:110px;
}

#left:hover {
	background:url(images/lefthover.jpg);
}

#posts {
	height:210px;
	width:800px;
	float:left;
	margin-top:40px;
	margin-left:38px;
	margin-right:38px;
	margin-bottom:20px;
	overflow:hidden;
}

.post {
	width:380px;
	height:190px;
	float:left;
	background-image:url(postimages/postimage1.jpg);
	margin:10px;
}

#postlink {
	width:360px;
	height:140px;
	padding:10px;
	background-color:rgba(77,7,168,0.6);
}

#postlink:hover {
	width:360px;
	height:140px;
	padding:10px;
	background-color:rgba(77,7,168,0.7);
}

#postlinktext {
	color:#FFFFFF;
}

#archivelink {
	width:360px;
	height:14px;
	background:#4D07A8;
	color:#c8b4e7;
	padding:8px 10px 8px 10px;
}

#archivelink:hover {
	color:#FFFFFF;	
}

#right {
	background:url(images/right.jpg);
	width:32px;
	height:56px;
	float:left;
	margin-top:110px;
}

#right:hover {
	background:url(images/righthover.jpg);
}

hr {
	background:url(images/hr.jpg);
	height:20px;
	width:940px;
	border:0;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
}

#events {
	width:360px;
	height:190px;
	float:left;
	margin-left:80px;
	padding:0px 10px 0px 10px;
}

.listheader {
	color:#4D07A8;
	margin-bottom:20px;
}

.list {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#23231B;
}

.list:hover {
	color:#00A160;
}

.eventlisttext {
	width:260px;
	float:left;
	margin-bottom:10px;
}

.eventlistdate {
	width:80px;
	float:right;
	text-align:right;
	margin-bottom:10px;
}

#recomend {
	width:360px;
	height:190px;
	float:right;
	margin-right:80px;
	padding:0px 10px 0px 10px;
	margin-bottom:30px;
}

.recomendlisttext {
	width:340px;
	margin-bottom:10px;
}

#recomend ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#23231B;
}

#recomend ul li a:hover {
	color:#00A160;
}

#partners {
	width:940px;
	height:100px;
	overflow:hidden;
}

.partner {
	width:215px;
	height:80px;
	background:#4D07A8;
	float:left;
	margin:10px;
}

#triangle1 {
	background:url(images/triangle1.jpg);
	height:15px;
	width:60px;
	margin-left:auto;
	margin-right:auto;	
}

#bg5 {
	background:#23231B;
	height:380px;
	width:100%;
	min-width:940px;
}

.margin-left {
	margin-left:250px !important;
}

#banner {
	clear:both;
	margin: 0px auto;
	width:450px;
	height:60px;
	padding-top:30px;
}

.date {
	font-weight: normal;
}

#triangle2 {
	background:url(images/triangle2.jpg);
	height:15px;
	width:60px;
	margin-left:auto;
	margin-right:auto;	
}

#footer {
	width: 960px;
	height:180px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;	
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:10px;
}

.contact {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	line-height:17px;
}

#corporatecontact {
	width:460px;
	height:80px;
	float:left;
	margin:10px;
}

#subscribe {
	width:460px;
	height:80px;
	float:right;
	margin:10px;
}

#field {
	background:#393931;
	width:220px;
	height:22px;
	border-bottom:none;
	border-right:none;
	border-top-color:#111111;
	border-top-width:1px;
	border-left-color:#111111;
	border-left-width:1px;
	padding-left:5px;
}

#button {
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#c0c1bc;
	margin:0;
	padding:0;
	margin-top:15px;
}

#button:hover {
	color:#FFFFFF;
}

#personcontact {
	width:220px;
	height:80px;
	float:left;
	margin:10px;
}

#bg6 {
	background:#ECEBE3;
	height:30px;
	width:100%;
	min-width:940px;
}

#adfooter {
	color:#23231B;
	width:940px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:10px;
}

#adfooterlink {
	color:#5F5F57;
}

#adfooterlink:hover {
	color:#23231B;
}

ul li a {display:block; width:100%; height:100%;}

#content article {
  width:760px;
  margin:0px auto;
  font-family:Arial,Helvetica,sans-serif;
}
#content article p.meta {  font-family:Arial,Helvetica,sans-serif;color:#666;font-size:12px;
}
p.item span.categories {width:200px;float:left;text-align:right;font-size:12px;}
p.item>a {margin-left:210px;display:block;}
span.categories a {
  background-color:#00A160;
  border-radius:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  padding:0px 10px;
  color:#fff;
}
#content article p.meta span.author {
  font-weight:bold;
  font-style: italic;
  float:right;
  font-size:14px;
}
#content article hr{
  margin-left:-90px;
}
#content article h1, 
#content article h2, 
#content article h3, 
#content article h4, 
#content article h5, 
#content article h6 
{margin-bottom:10px; font-weight:normal;font-family: 'Bree Serif', serif;color:#4D07A8;}

#content article h1 {margin-top:40px;}
#content article h2 {font-size:32px;}
#content article h3 {font-size:28px;}
#content article h4 {font-size:22px;}
#content article h5 {font-size:17px;}
#content article h6 {color:#24231B; font-size:17px;}

#content article p, #content article ul, #content article ol, #content article blockquote {  font-family:Arial,Helvetica,sans-serif;color:#24231b;font-size:17px;text-align:justify;margin-bottom:10px;line-height:21px;}

#content article strong {font-weight:bold;}
#content article em {font-style: italic;}
#content article del {text-decoration:line-through;color:#666;}

#content article ul {list-style-type:square;margin-left:20px;}
#content article ol {list-style-type:decimal;margin-left:20px;}

#content article blockquote {padding-left: 16px; border-left:4px solid #4D07A8;}

#content article .alignleft {float:left;margin:0px 10px 10px 0px;}
#content article .alignright {float:right;margin:0px 0px 10px 10px;}

#content article .aligncenter {display:block;margin:0px auto 10px;}



.triangle3 {
	background:url(images/triangle1.png);
	height:15px;
	width:60px;
	margin-left:auto;
	margin-right:auto;	
}

.triangle4 {
	background:url(images/triangle2.png);
	height:15px;
	width:60px;
	margin-left:auto;
	margin-right:auto;	
}

.bg3 {
	background:#FFF;
	height:180px;
	width:100%;
	min-width:940px;
}

.slider {width:960px; margin:0px auto;height:150px;}
.slider h2 {color:#000;text-transform: uppercase;margin-top: 10px;}
.slider a>img {   
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.slider ul {height:100px;overflow: hidden;}
.slider li a {position: relative;width:100px; height:100px;}
.slider li a.double {width:200px;}
.slider li {padding:0px 10px;float:left;height:100px;}
.slider img {
	max-width: 100px;
	max-height: 100px;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.slider a.double img {max-width: 200px;}

.slider a:hover>img {   
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

#part {width: 460px;float: left;}
#cli {width: 460px;float: right;}