/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Reset--------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* -------------------------------------------- */
/* ------------------Font---------------------- */

/*Add your font at here*/

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background: #000C62 url("../images/aa.jpg");color: #ffffff;font: 14px/25px Arial, times, sans-serif;}

a{color: #949494;text-decoration: none;}
a:hover {color: #4AA9C3; text-decoration: none;}

a.button{cursor: pointer;color: #ffffff; display: inline-block;padding: 6px 12px 6px 12px; font-size: 18px; background: #4AA9C3; font-family: Trebuchet MS,times,sans-serif; font-weight: normal; text-transform: uppercase;}
a.button:hover{}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

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


*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

img {
	vertical-align: middle;
}

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;
}

a[href], label[for], select, 
input[type=checkbox], input[type=radio] {
	cursor: pointer;
}

button, input[type=button], input[type=image], 
input[type=reset], input[type=submit] {
	padding: 0;
	overflow: visible;
	cursor: pointer;
}

button::-moz-focus-inner, 
input[type=button]::-moz-focus-inner, 
input[type=image]::-moz-focus-inner, 
input[type=reset]::-moz-focus-inner, 
input[type=submit]::-moz-focus-inner {
	border: 0;
}

.hide {
	position: absolute !important;
	left: -9999em !important;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

th, td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
}

address, cite, dfn {
	font-style: normal;
}

abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

sub, 
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

textarea {
	 overflow: auto;
}



/* Container
------------------------------------------------------------------------------*/

.container {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
/* ------------------Header-------------------- */
header {}
header .wrap-header{height: 130px;}

header #logo {position:absolute; top:30px; width: 100%;}

header #search {position: absolute;top: 80px; right:0px; width: 218px;z-index: 15;}
header .button-search {	position: absolute;	right: 0px;	background: url('../images/button-search.png') center center no-repeat;	width: 28px; height: 35px;cursor: pointer;}
header #search input{background: #FFF;	padding: 1px 33px 1px 5px;	width: 182px;	height: 32px;	border: 1px solid #CCCCCC;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; -khtml-border-radius: 3px;	border-radius: 3px;}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {margin-top:20px;}
nav .wrap-nav{height: 58px;background:url("../images/nav.jpg"); border:1px solid #ffffff;}

.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li{position: relative;float: left;padding: 17px 10px 10px 10px; border-right:1px solid #53b2c3; border-left:1px solid #82ceda; background:url("../images/nav-transp.png"); }
.menu ul li.first{border-left:none !important}
.menu ul li.last{border-right:none !important}
.menu  ul li:hover, .menu .current {background:url("../images/nav-current.jpg"); border-right:#000000 1px solid; border-left:#000000 1px solid;}
.menu  ul li a {font-size: 18px; line-height:14px;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; font-family: Trebuchet MS,times,sans-serif; font-weight: normal;}
.menu  ul li:hover a {}

.minimenu{display:none;}
.minimenu{position: relative;margin: 0px;background:#000555; border: 1px solid #CCC;}
.minimenu div{overflow: hidden;position: relative;font: 18px/40px 'PT Sans Narrow';color: #ffffff;text-align:center;text-transform:uppercase;font-weight:bold;}
.minimenu select{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	cursor: pointer;}

.share{ float: right;}
.share ul{list-style: none;margin: 0;padding: 0;}
.share ul li{position:relative; float:left; padding-right:5px;}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */

.featured{margin:30px auto;}
.featured .wrap-featured{background:#333;}
.featured .wrap-featured .slider{}

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

/* main-content
------------------------------------------------------------------------------*/

.content {
	overflow: hidden;
	padding-bottom: 10px;
}

.main-content {
	float: left;
	width: 58.333%;
	padding: 0 15px;
}

.divider {
	background: #2c4167 url(../images/bg_white_arrow.png) no-repeat 50% 0;
	height: 80px;
	position: relative;
	margin-top: 3px;
	margin-bottom: 37px;
}

.divider:after {
	background: url(../images/bg_white.png) no-repeat 50% 0;
	height: 30px;
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
}

.posts-con article {
	border-bottom: 1px solid #d8dbe1;
	padding-bottom: 40px;
	margin-bottom: 41px;
}

.slider-con {
	padding: 9px 0 77px 0;
	margin-right: -20px;
}

.slider-con .slide li {
	padding: 0 19px 19px 0;
	float: left;
}

.slider-con .slide li img{
	border-radius: 6px;
}

.slider-con .bx-pager {
	text-align: center;
	padding-top: 18px;
	padding-right: 20px;
}

.slider-con .bx-pager-item {
	display: inline-block;
	padding: 0 2px;
}

.slider-con .bx-pager-item a {
	width: 16px;
	text-indent: -999em;
	height: 200px;
	display: block;
	background: url(../images/bg_slider_nav_2.png) no-repeat;
}

.slider-con .bx-pager-item a.active,
.slider-con .bx-pager-item a:hover {
	background-position: -16px 0;
}

.slider-con .bx-controls-direction {
	display: none;
}

.posts-con article.last {
	border-bottom: none;
}

.posts-con .current-date {
	margin-top: 9px;
}

.posts-con h3 {
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	padding-top: 4px;
	padding-bottom: 22px;
}

.posts-con .info {
	overflow: hidden;
}

.posts-con .info-line {
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 20px;
}

.posts-con .info-line .time {
	padding: 0 20px 0 25px;
	background: url(../images/ico_time.png) no-repeat 0 3px;
	display: inline-block;
}

.posts-con .info-line .place {
	padding: 0 20px 0 25px;
	background: url(../images/ico_place.png) no-repeat 0 3px;
	display: inline-block;
}

h1.single{
	margin: 0 15px 0 15px;
}


/* sidebar
------------------------------------------------------------------------------*/

#sidebar {
	width: 33.3%;
	float: right;
	padding: 0 15px;
}

#sidebar h2 {
	text-align: left;
	padding-bottom: 27px;
}

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

#sidebar .sidemenu {
	padding-top: 9px;
}

#sidebar .sidemenu a {
	border: 1px solid #d7dbe1;
	border-radius: 4px;
	display: block;
	margin-bottom: 8px;
	height: 45px;
	line-height: 43px;
	padding: 0 0 0 15px;
	font-family: 'Trebuchet MS,times,sans-serif';
	color: #7e8798;
	font-size: 24px;
	position: relative;
}

.mac #sidebar .sidemenu a {
	padding: 3px 0 0 15px;
}

#sidebar .sidemenu a:hover:after,
#sidebar .sidemenu .current a:after {
	position: absolute;
	content: "";
	left: -8px;
	top: 15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 7px 7.5px 0;
	border-color: transparent #008cc4 transparent transparent;
}

#sidebar .sidemenu .current a,
#sidebar .sidemenu a:hover {
	border: 1px solid #008bc4;
	color: #fff;
	background: #008bc4;
	text-decoration: none;
}

#sidebar .sidemenu .current a .nr,
#sidebar .sidemenu a:hover .nr {
	background: #2c4167;
}

#sidebar .sidemenu a .nr {
	height: 27px;
	width: 47px;
	display: block;
	border-radius: 3px;
	float: right;
	background: #e7e8ec;
	line-height: 27px;
	font-size: 15px;
	margin: 8px;
	font-family: Arial, times, sans-serif;
	text-align: center;
}

.mac #sidebar .sidemenu a .nr {
	margin: 5px 8px 8px 8px;
}

#sidebar .calendar .head {
	overflow: hidden;
	height: 45px;
	line-height: 43px;
	border-radius: 4px;
	border: 1px solid #d8dbe1;
	text-align: center;
	font-size: 24px;
	font-family: 'Trebuchet MS,times,sans-serif';
	padding: 0 15px;
	margin-bottom: 7px;
}

#sidebar .calendar .head .next,
#sidebar .calendar .head .prev {
	background: url(../images/bg_arrow_nav.png) no-repeat;
	height: 17px;
	width: 26px;
	display: block;
	float: left;
	margin: 13px 0 -30px 0;
}

#sidebar .calendar .head .next {
	float: right;
	background-position: -26px 0;
}

.mac #sidebar .calendar .head h4{
	padding-top: 4px;
}

#sidebar .calendar .table {
	margin: 0 -3px;
}

#sidebar .calendar table {
	width: 100%;
}

#sidebar .calendar table tr {
}

#sidebar .calendar th {
	font-family: 'Trebuchet MS,times,sans-serif';
	font-size: 18px;
	line-height: 24px;
	color: #a8adb7;
	text-align: center;
	padding-bottom: 3px;
}

#sidebar .calendar td {
	font-family: 'Trebuchet MS,times,sans-serif';
	font-size: 24px;
	line-height: 46px;
	color: #7e8798;
	font-weight: bold;
	text-align: center;
}

#sidebar .calendar td.disable {
	color: #c5c9d1;
}

#sidebar .calendar td.archival>div {
	background: #e6e8ec;
	border-color: #e6e8ec;
	border: 1px solid #e6e8ec;
}

#sidebar .calendar td.upcoming>div {
	background: #008bc4;
	color: #fff;
	border: 1px solid #008bc4;
}

#sidebar .calendar td.upcoming>div.hover {
	background: #2c4167;
	border: 1px solid #2c4167;
}

#sidebar .calendar td>div {
	border-radius: 4px;
	border: 1px solid #d8dbe1;
	margin: 3px;
	display: block;
}

.mac #sidebar .calendar td>div {
	padding-top: 4px;
}

#sidebar .calendar .tooltip {
	position: relative;
	z-index: 2;
}

#sidebar .calendar .tooltip .holder {
	display: none;
	position: absolute;
	top: -72px;
	left: -382px;
	border-radius: 4px;
	background: #2b4167;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	color:#fff;
	font-family: Arial, times, sans-serif;
	width: 375px;
	padding: 14px 20px 13px 20px;
	font-weight: normal;
}

#sidebar .calendar .tooltip .holder:after {
	position: absolute;
	top: 91px;
	right: -4px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 4px;
	border-color: transparent transparent transparent #2c4167;
}

#sidebar .calendar .tooltip h4 {
	font-weight: bold;
	padding-bottom: 10px;
}

#sidebar .calendar .tooltip .info-line {
	color: #899ec4;
	padding-bottom: 9px;
}

#sidebar .calendar .tooltip .time {
	padding: 0 29px 0 23px;
	background: url(../images/ico_time_2.png) no-repeat 0 3px;
	display: inline-block;
}

#sidebar .calendar .tooltip .place {
	padding: 0 20px 0 22px;
	background: url(../images/ico_place_2.png) no-repeat 0 3px;
	display: inline-block;
}

#sidebar .calendar .note {
	padding: 37px 0 0 0;
}

#sidebar .calendar .note p {
	position: relative;
	padding-left: 34px;
	padding-right: 44px;
	float: left;
}

#sidebar .calendar .note p:after {
	position: absolute;
	background: #008bc4;
	content: "";
	height: 22px;
	width: 35px;
	display: block;
	border: 4px solid #fff;
	box-shadow: 0 0 0 1px #d8dbe1;
	top: 5px;
	left: 1px;
	border-radius: 4px;
}

#sidebar .calendar .note .archival-note:after {
	background: #ced0d5;
}

#sidebar .list ul {
	margin-right: -25px;
}

#sidebar .list li {
	float: left;
	padding: 0 19px 19px 0;
}

#sidebar .list li img {
	border-radius: 6px;
}

#sidebar .list .btn {
	padding: 0 26px;
}

#sidebar .btn-holder {
	padding-top: 4px;
}
/* slider
------------------------------------------------------------------------------*/

.slider .bxslider li {
	background: url(../images/pic_slide.jpg) no-repeat 50% 50%;
	background-size: cover;
	height: 600px;
}

.slider .info {
	float: right;
	padding: 122px 15px 0 0;
}

.slider .info h2 {
	color: #fff;
	font-family: 'Trebuchet MS,times,sans-serif';
	font-weight: 300;
	font-size: 72px;
	line-height: 84px;
	padding-bottom: 110px;
	text-align: left;
}

.slider .info h2 span {
	color: #fff;
	font-family: 'Trebuchet MS,times,sans-serif';
	font-weight: 700;
	font-size: 84px;
	line-height: 101px;
	border-radius: 4px;
	background: #008bc4;
	padding: 1px 23px 5px 23px;
	display: inline-block;
}

.mac .slider .info h2 span {
	line-height: 81px;
	padding-top: 20px;
}

.slider .info a {
	color: #fff;
	font-family: 'Trebuchet MS,times,sans-serif';
	font-size: 40px;
	line-height: 48px;
	font-weight: 300;
	padding-right: 63px;
	background: url(../images/bg_arrow.png) no-repeat 100% 50%;
}

.slider:after {
	position: absolute;
	background: url(../images/bg_white_arrow.png) no-repeat;
	height: 30px;
	width: 117px;
	top: 0;
	left: 50%;
	margin: 0 0 0 -59px;
	content: "";
}

.slider .bg-bottom {
	position: absolute;
	background: url(../images/bg_white.png) no-repeat;
	height: 30px;
	width: 1920px;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -960px;
	content: "";
}

.slider .bx-controls-direction {
	display: none;
}

.slider .bx-pager {
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 999;
}

.slider .bx-pager-item {
	display: inline-block;
	padding: 0 2px;
}

.slider .bx-pager-item a {
	display: block;
	background: url(../images/bg_slider_nav.png) no-repeat;
	height: 13px;
	width: 12px;
	text-indent: -999em;
}

.slider .bx-pager-item a.active,
.slider .bx-pager-item a:hover {
	background-position: -12px 0;
}

/* posts
------------------------------------------------------------------------------*/

.posts {
	overflow: hidden;
	padding-bottom: 91px;
}

.posts article {
	width: 50%;
	float: left;
	padding: 0 15px;
}

.posts .pic {
	float: left;
	margin-right: 30px;
	margin-top: 6px;
}

.posts .info {
	overflow: hidden;
	padding-right: 10px;
}

.posts .info h3 {
	overflow: hidden;
	color: #008bc3;
	font-family: 'Trebuchet MS,times,sans-serif';
	font-size: 30px;
	line-height: 34px;
	padding-bottom: 11px;
}
/* news
------------------------------------------------------------------------------*/

.news {
	overflow: hidden;
	background: #2c4167;
	padding: 57px 0 70px 0;
}

h1,
h2 {
	color: white;
	font-size: 30px;
	font-family: 'Trebuchet MS,times,sans-serif';
	line-height: 40px;
	font-weight: 600;
	text-align: left;
	padding-bottom: 10px;
}

h1 {
	text-align: left;
	padding-bottom: 0px;
}

.news h2 {
	color: #fff;
}

.news article {
	width: 50%;
	float: left;
	padding: 0 15px;
}

.news .pic {
	float: left;
	margin-right: 25px;
	margin-top: 4px;
}

.news .pic img {
	border-radius: 5px;
}

.news .info {
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}

.news .info h4 {
	color: #8ed3ef;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

.news .info .date {
	color: #899ec4;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 10px;
}

.news .info p {
	padding-bottom: 11px;
}

.news .more {
	padding-right: 23px;
	background: url(../images/bg_arrow_blue.png) no-repeat 100% 50%;
	color: #8ed3ef;
}

.more {
	padding-right: 23px;
	background: url(../images/bg_arrow_blue_dark.png) no-repeat 100% 50%;
	color: #008bc4;
}

.btn-holder {
	text-align: center;
	clear: both;
	padding: 65px 0 0 0;
}

a.btn,
.btn {
	color: #7d8797;
	border-radius: 4px;
	background: #fff;
	font-size: 16px;
	height: 46px;
	line-height: 46px;
	display: inline-block;
	padding: 0 21px;
	border: none;
}

a.btn.blue,
.btn.blue {
	background: #008bc4;
	color: #fff;
}

/* events
------------------------------------------------------------------------------*/

.events {
	padding: 57px 0 100px 0;
}

.events article {
	width: 25%;
	float: left;
	padding: 0 15px;
	font-size: 14px;
	line-height: 20px;
}
/* info-request
------------------------------------------------------------------------------*/

.info-request {
	border-radius: 4px;
	background: #2b4167 url(../images/ico_information.png) no-repeat 35px 35px;
	display: block;
	padding: 0 0 0 138px;
	margin: 0 15px 100px 15px;
	height: 134px;
	overflow: hidden;
}

.info-request:hover {
	text-decoration: none;
}

.info-request .holder {
	width: 70%;
	display: block;
	float: left;
}

.info-request .arrow {
	width: 25%;
	display: block;
	float: right;
	height: 100%;
	background: #008bc4 url(../images/bg_arrow_information.png) no-repeat 50% 50%;
}

.info-request .title {
	color: #fff;
	font-size: 60px;
	font-family: 'Trebuchet MS,times,sans-serif';
	line-height: 60px;
	padding: 26px 0 0 0;
	display: block;
	font-weight: 300;
}

.info-request .text {
	color: #899ec4;
	font-size: 14px;
	line-height: 20px;
	margin: -2px 0 0 0;
	display: block;
	text-transform: uppercase;
}

/* ------------------Content------------------- */
#content {}
#content .wrap-content{}

.block01 {margin:20px 10px; padding:30px; border-bottom:1px dashed #CCC; border-top:1px dashed #CCC;}
.block01 h2{text-align:center; font-size:16px; line-height:20px; color:ffffff; font-family: 'Trebuchet MS,times,sans-serif'; font-weight: normal;}
.block01 p{font-size:16px; text-align:center; line-height:25px;color:ffffff;}
.block01 a{color:#5FBCCD;}

.block02 {margin:20px 10px; text-align:center;}
.block02 h2{font-size:24px; line-height:30px; text-transform: uppercase; color:ffffff; font-family: Trebuchet MS,times,sans-serif; font-weight: normal;}
.block02 p{font-size:16px; margin: 20px 0px;color:ffffff; }
.block02 a{font-size: 24px; text-transform: uppercase; color: #ffffff; font-family: Trebuchet MS,times,sans-serif; font-weight: normal;}
.block02 .box1{background: #4AA9C3; color: #B7DDE8; padding: 30px; border: 3px solid #555555;}
.block02 .box1 a:hover{color:#B7DDE8;}
.block02 .box2{background: #C0504D; color: #E5B9B8; padding: 30px; border: 3px solid #555555;}
.block02 .box2 a:hover{color:#E5B9B8;}
.block02 .box3{background: #9BBB59; color: #D6E3BC; padding: 30px; border: 3px solid #555555;}
.block02 .box3 a:hover{color:#D6E3BC;}

.block03 {margin:20px 10px;}
.block03 h2{font-size:24px; line-height:30px; color: #ffffff; margin-bottom: 20px; font-family: Trebuchet MS,times,sans-serif; font-weight: normal;}
.block03 img{float:left; margin:0px 10px 10px 0px; border: 3px solid #555555;}
.block03 ul{list-style-type:none;}
.block03 ul li{border-left: 3px solid #E1E1E1; padding:5px; margin-bottom: 5px; padding-left: 10px;}
.block03 ul li:hover{border-left: 3px solid #4AA9C3;}

.block04 {margin:20px 10px;}
.block04 h2{font-size:24px; line-height:30px; color: #ffffff; margin-bottom: 20px; font-family: Trebuchet MS,times,sans-serif; font-weight: normal;}
.block04 .partners a{display: block; float:left; margin: 0px 28px 10px 0px; position: relative;}
.block04 .partners a img{display:block; border:3px solid #555555;}


.block{ margin:10px;}

#main-content{}
#main-content article{clear: both;}
#main-content article .heading{}
#main-content article .content{}
#main-content article a{color: #ffffff;}
#main-content article h2{font-size:20px; line-height:30px; color: #ffffff; margin-bottom: 20px; font-family: Trebuchet MS,times,sans-serif; font-weight: normal;}
#main-content article img{ float:left; margin:0px 10px 10px 0px; border: 3px solid #555555;}
#main-content article p{margin-bottom:10px;color:ffffff;}
#main-content article .more{float: right; margin-bottom: 30px;}
#main-content article a.comments{cursor: pointer;color: #ffffff; display: inline-block; padding: 6px 12px 6px 12px; font-size: 18px; font-family: Trebuchet MS,times,sans-serif; font-weight: normal;}

#sidebar{}
#sidebar .box{margin-bottom:20px;}
#sidebar .heading{}
#sidebar .heading h2{font-size:24px; line-height:30px; color: #ffffff; margin-bottom: 20px; font-family: Trebuchet MS,times,sans-serif; font-weight: normal; text-transform: uppercase;}
#sidebar .content{padding:15px}
#sidebar .content img{float:left; margin:0px 10px 10px 0px; border: 3px solid #555555;}
#sidebar .content ul{list-style-type:none;}
#sidebar .content ul li{border-left: 3px solid #E1E1E1; margin-bottom: 5px; padding-left: 10px ; margin-left: 5px;}
#sidebar .content ul li:hover{border-left: 3px solid #4AA9C3;}
#sidebar .content .post { margin-bottom: 20px;}
#sidebar .content .post h4{ font-size:14px; font-weight:normal;}
#sidebar .content .post img{ float:left; border: 3px solid #555555; margin-right:10px;}
#sidebar .content .post p{color:#A3A3A3; font-style:italic;}
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
footer {background-color:#333;}
.wrap-footer{}

.copyright {text-align:center; background:#483D4C; padding:10px 0px;color:#ffffff; }
.copyright a{text-decoration:underline; color:#ffffff; }


/* -------------------------------------------- */
/* ------------------Components-------------------- */
.photos{}
.photos:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.photos a{display: block; float:left; margin: 0px 4px 10px 4px;position: relative;}
.photos a img{display:block; border:1px solid #CCC;}

#pagi{margin: 50px auto; padding: 30px 0px;list-style: none;width: 250px;}
#pagi li {float: left;margin-right: 10px;}
#pagi li a {display: block;	text-decoration: none; color: #717171;font: bold 16px Arial, sans-serif;padding: 10px 13px; background: #ffffff;}
#pagi li a.current, #pagi li a:hover {color: #ffffff;	background: #4AA9C3;}

.comment{font-weight:normal; margin:50px 0px; width: auto;}
.comment div{margin-bottom: 20px; vertical-align:middle; }
.comment input{border: 2px solid #999999;padding: 8px 10px;width:250px;}
.comment textarea{border: 2px solid #999999;padding: 8px 10px;width:95%;}
.comment input[type="submit"] {cursor: pointer; width:100px; float:left;
	background: -webkit-linear-gradient(top, #efefef, #ddd);background: -moz-linear-gradient(top, #efefef, #ddd);
	background: -ms-linear-gradient(top, #efefef, #ddd);background: -o-linear-gradient(top, #efefef, #ddd);
	background: linear-gradient(top, #efefef, #ddd);
	color: #333;text-shadow: 0px 1px 1px rgba(255,255,255,1);	border: 2px solid #999999;}
.comment input[type="submit"]:hover {
	background: -webkit-linear-gradient(top, #eee, #ccc);	background: -moz-linear-gradient(top, #eee, #ccc);
	background: -ms-linear-gradient(top, #eee, #ccc);	background: -o-linear-gradient(top, #eee, #ccc);
	background: linear-gradient(top, #eee, #ccc);	border: 2px solid #bbb;}
.comment input[type="submit"]:active {
	background: -webkit-linear-gradient(top, #ddd, #aaa);	background: -moz-linear-gradient(top, #ddd, #aaa);
	background: -ms-linear-gradient(top, #ddd, #aaa);	background: -o-linear-gradient(top, #ddd, #aaa);
	background: linear-gradient(top, #ddd, #aaa);	border: 2px solid #999;}