/** 
Componment Mikro by Ioannis Sannos ( http://www.isopensource.com ) 
*/

.mik_page { margin:0 0 30px 0; padding:0; }
.mik_zero { margin:0; padding:0; }
.mik_vsspace { margin:5px 0; padding:0; }
.mik_vlspace { margin:30px 0; padding:0; }
.mik_titlebox { margin:0 0 30px 0; padding:0; }
h1.mik_h1 { margin:0 0 3px 0; padding:0; text-decoration:none; border:none; font:bold 24px/28px Georgia,"Times New Roman",Times,serif !important; color:#CC0000 !important; }
.mik_blogdesc { margin:0; padding:0; font:normal 13px/17px tahoma, arial, san-serif; color:#555555; }
ul.mik_list { margin:0; padding:0; list-style:none; border-top:1px solid #ddd; }
ul.mik_list li, ul.mik_list li.mik_nomsg {
	margin:0; padding:20px 8px; list-style:none; border-bottom:1px solid #ddd; background-color:#FFF; font:normal 13px/16px tahoma, arial, san-serif; color:#333; border-left:4px solid #FFFFFF;
}
ul.mik_list li:hover { border-left:4px solid #aaaaaa; }
ul.mik_list li.mik_nomsg, ul.mik_list li.mik_nomsg:hover { background-color:#FEE5DC; color:#CC0000; text-align:center; }
a.mik_more, a.mik_more:hover, a.mik_more:visited, a.mik_more:link {
	margin:0; padding:12px 0; display:block; border:none; text-decoration:none; font:bold 13px/16px tahoma, arial, san-serif; color:#666; text-align:center; outline:none; 
	background-color:#F2F2F2; border-bottom:1px solid #ddd;
}
a.mik_more:hover { color:#333; }
/* message */
h4.mik_title { margin:0 0 10px 0; padding:0; border:none; background:none; font:bold 15px/20px tahoma, verdana, sans-serif; color:#333; }
h4.mik_title a, h4.mik_title a:visited, h4.mik_title a:hover, h4.mik_title a:active, h4.mik_title a:link {
	display:block; margin:0; padding:0; color:#333; border:none; text-decoration:none; outline:none;
}
h4.mik_title a:hover { color:#4B8DCE; }
.mik_category { margin:0 0 10px 0; padding:0; }
.mik_category a, .mik_category a:visited, .mik_category a:hover, .mik_category a:active, .mik_category a:link {
	margin:0; padding:1px 10px; background-color:#777; color:#FFF; border:none; border-radius:3px; font:bold 12px/15px tahoma, verdana, sans-serif; text-decoration:none; outline:none;
}
.mik_category a:hover { background-color:#FF6600; }
p.mik_message { margin:0 0 17px 0; padding:0; text-align:justify; font:normal 13px/17px tahoma, verdana, sans-serif; color:#333; }
.mik_longmessage { margin:0 0 17px 0; padding:0; font:normal 13px/17px tahoma, verdana, sans-serif; color:#333; }
.mik_longmessage p { margin:0 0 17px 0; padding:0; text-align:justify; font:normal 13px/17px tahoma, verdana, sans-serif; color:#333; }
.mik_message_footer { margin:20px 0 0 0; padding:0; font:normal 12px/16px tahoma, verdana, sans-serif; color:#666; }
.mik_user { margin:0 20px 0 0; padding:0 0 0 18px; background:transparent url(user16.png) 0 0 no-repeat; }
.mik_rss { margin:0 20px 0 0; padding:0 0 0 18px; background:transparent url(rss16.png) 0 0 no-repeat; }
.mik_rss a, .mik_rss a:hover, .mik_rss a:visited, .mik_rss a:link { color:#666; outline:none; border:none; text-decoration:none; }
.mik_rss a:hover { color:#222; text-decoration:underline; }
.mik_twitter { margin:0 20px 0 0; padding:0 0 0 18px; background:transparent url(twitter16.png) 0 0 no-repeat; }
.mik_twitter a, .mik_twitter a:hover, .mik_twitter a:visited, .mik_twitter a:link { color:#666; outline:none; border:none; text-decoration:none; }
.mik_twitter a:hover { color:#222; text-decoration:underline; }
.mik_date { margin:0 20px 0 0; padding:0; }
a.mik_link, a.mik_link:hover, a.mik_link:visited, a.mik_link:link {
	margin:0 20px 0 0; padding:0 18px 0 0; border:none; text-decoration:none; font:normal 13px/17px tahoma, arial, san-serif; color:#458AC2; outline:none; background:transparent url(arrowlink16.png) 100% 0 no-repeat;
}
a.mik_link:hover { color:#000; }
a.mik_ilink, a.mik_ilink:hover, a.mik_ilink:visited, a.mik_ilink:link {
	margin:0 20px 0 0; padding:0 0 0 18px; border:none; text-decoration:none; font:normal 13px/17px tahoma, arial, san-serif; color:#458AC2; outline:none; background:transparent url(image16.png) 0 0 no-repeat;
}
a.mik_vlink, a.mik_vlink:hover, a.mik_vlink:visited, a.mik_vlink:link {
	margin:0 20px 0 0; padding:0 0 0 18px; border:none; text-decoration:none; font:normal 13px/17px tahoma, arial, san-serif; color:#458AC2; outline:none; background:transparent url(youtube16.png) 0 0 no-repeat;
}
a.mik_ilink:hover, a.mik_vlink:hover { color:#000; }
a.mik_like, a.mik_like:hover, a.mik_like:visited, a.mik_like:link {
	margin:0 20px 0 0; padding:1px 8px 1px 4px; text-decoration:none; font:normal 12px/16px tahoma, arial, san-serif; color:#666; outline:none;
	background-color:#E2E2E2; border:1px solid #CCCCCC; border-radius:3px;
}
.mik_up { margin:0 2px 0 0; padding:0 2px 0 0; display:inline-block; width:16px; height:16px; background:transparent url(arrowup16.png) 0 0 no-repeat; border-right:1px solid #BBBBBB; }
.mik_down { margin:0 2px 0 0; padding:0 2px 0 0; display:inline-block; width:16px; height:16px; background:transparent url(arrowdown16.png) 0 0 no-repeat; border-right:1px solid #BBBBBB; }
.mik_wait { margin:0 2px 0 0; padding:0 2px 0 0; display:inline-block; width:16px; height:16px; background:transparent url(wait16.gif) 0 0 no-repeat; border-right:1px solid #BBBBBB; }
a.mik_like:hover { background-color:#CCCCCC; color:#444444; border-color:#AAAAAA; }
a.mik_like:hover .mik_up, a.mik_like:hover .mik_down { border-color:#999999; }
a.mik_icolink, a.mik_icolink:hover, a.mik_icolink:visited, a.mik_icolink:link { margin:0 10px 0 0; padding:0; border:none; text-decoration:none; outline:none; }
a.mik_icolink > img { margin:0; padding:0; border:none; vertical-align:bottom; }
.mik_image_box, .mik_video_box { margin:3px 0; padding:0; width:100%; overflow:hidden; display:none; }
.mik_image_box img { border:1px solid #CCC; padding:4px; background-color:#FFFFFF; max-width:96%; height:auto; }
.mik_video_in { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.mik_video_in iframe, .mik_video_in object, .mik_video_in embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mik_gallerybox { margin: 15px 0; padding:0; }
.mik_gallerybox > a { text-decoration:none !important; background:none; outline:none; border:none; }
.mik_gallerybox img { width:50px; height:50px; margin:0 10px 10px 0; padding:3px; border:1px solid #CCC !important; }
a.mik_litebox, a.mik_litebox:hover, a.mik_litebox:visited, a.mik_litebox:link { margin:0; padding:0; border:none; text-decoration:none; outline:none; }
a.mik_litebox img { margin:0 10px 10px 0; padding:2px; border:1px solid #cccccc; float:left; width:140px; height:auto; }
a.mik_litebox img.mik_img80 { width:80px; }
a.mik_litebox img.mik_img100 { width:100px; }
a.mik_litebox img.mik_img120 { width:120px; }
a.mik_litebox img.mik_img140 { width:140px; }
a.mik_litebox img.mik_img150 { width:150px; }
a.mik_litebox img.mik_img160 { width:160px; }
a.mik_litebox img.mik_img180 { width:180px; }
a.mik_litebox img.mik_img200 { width:200px; }
a.mik_litebox img.mik_img240 { width:240px; }
a.mik_litebox img.mik_img300 { width:300px; }
a.mik_litebox img.mik_img350 { width:350px; }
a.mik_btnlink, a.mik_btnlink:link, a.mik_btnlink:visited, a.mik_btnlink:hover, a.mik_btnlink:active, a.mik_btnlink:focus {
	margin:0; padding:6px 15px; font:normal 13px/16px tahoma, arial, sans-serif; background-color:#4479BA; color:#FFF; text-decoration:none;
    border:1px solid #20538D; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; transition-duration:0.2s;
}
a.mik_btnlink:hover { background-color:#356094; border:1px solid #2A4E77; }
a.mik_btnlink:active {
    -webkit-box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.6); -moz-box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.6); box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background-color:#2E5481; border:1px solid #203E5F;
}
/* toolbar */
.mik_toolbar { margin:0 0 30px 0; padding:0; }
.mik_tooltop { margin:3px 0; padding:2px 10px; background-color:#EFEFEF; border:1px solid #cccccc; font:bold 13px/20px tahoma, arial, san-serif; color:#666; }
.mik_tooluser { margin:0; padding:6px 0 0 20px; display:block; float:left; width:200px; overflow:hidden; background:transparent url(user16.png) 0px 7px no-repeat; }
.mik_tooladd { margin:0; padding:2px; display:block; float:right; width:30px; text-align:center; background-color:#E2E2E2; border:1px solid #CCC; }
/* compose new message */
.mik_composebox { margin:0; padding:4px; display:none; background-color:#F2F2F2; border:1px solid #cccccc; }
.mik_form { margin:10px 0 20px 0; padding:0; border:none; }
/* form */
textarea.mik_textarea {
	margin:0 0 7px 0; padding:5px 2%; border:1px solid #ddd; background-color:#FFF; display:block; width:96%; height:80px; 
	font:normal 14px/17px tahoma, arial, san-serif; color:#444; border-radius:5px;
}
textarea.mik_textarealong {
	margin:0 0 7px 0; padding:5px 2%; border:1px solid #ddd; background-color:#FFF; display:block; width:96%; height:160px; 
	font:normal 14px/17px tahoma, arial, san-serif; color:#444; border-radius:5px;
}
input.mik_inputbox {
	margin:0 0 7px 0; padding:5px 2%; border:1px solid #ddd; background-color:#FFF; display:block; width:96%; 
	font:normal 14px/17px tahoma, arial, san-serif; color:#444; border-radius:5px;
}
select.mik_selectbox {
	margin:0 0 7px 0; padding:5px 2%; border:1px solid #ddd; background-color:#FFF; display:block; width:96%; 
	font:normal 14px/17px tahoma, arial, san-serif; color:#444; border-radius:5px;
}
.mik_filewrap { margin:0 0 7px 0; padding:0; overflow:hidden; position:relative; line-height:17px; }
input.mik_fileboxpub, input.mik_fileboxpubact {
	margin:0 1% 0 0; padding:5px 2%; border:1px solid #ddd; background-color:#EEEEEE; width:53%; 
	font:normal 14px/17px tahoma, arial, san-serif; color:#777;
 	border-radius:5px;
}
input.mik_fileboxpubact { background-color:#FFFFFF; color:#444; }
.mik_filebtn { margin:0; padding:5px 0; display:inline-block; border:1px solid #333333; border-radius:5px; background-color:#666666; color:#fff; text-align:center; width:40%; overflow:hidden; font:normal 14px/17px tahoma, arial, san-serif; vertical-align:top; }
.mik_filebox { position: absolute; top: 0; right: 0; margin:0; padding:0; font-size:17px; line-height:20px; cursor: pointer; opacity:0; filter: alpha(opacity=0); }
button.mik_button, button[type="button"].mik_button, button[type="submit"].mik_button {
	margin:16px 0; padding:7px 0; display:block; width:100%; text-align:center; border:1px solid #32769D; border-radius:7px; background-color:#7FB8E3; color:#fff; font:bold 15px/18px tahoma, arial, san-serif; cursor:pointer;
}
button.mik_button:hover, button[type="button"].mik_button:hover, button[type="submit"].mik_button:hover {
	margin:16px 0; padding:7px 0; display:block; width:100%; text-align:center; border:1px solid #32769D; border-radius:7px; background-color:#256FA4; color:#fff; font:bold 15px/18px tahoma, arial, san-serif; cursor:pointer;
}
.mik_smallnote { margin:1px 0 5px 0; padding:0; color:#666; font:normal 12px/15px tahoma, arial, san-serif; }
#mik_response { margin:5px 0; padding:0;  font:normal 12px/16px tahoma, arial, san-serif; color:#444; }
/* admin */
.mik_head { margin:0 0 10px 0; padding:0; height:100px !important; background:transparent url(mikro100.png) 0 0 no-repeat; }
.mik_head h2 { margin:0; padding:20px 0 0 130px; font:bold 28px/36px Georgia,serif; text-transform:none; border:none; color:#555555; }
.mik_head h2 > span { color:#CC0000; font-size:36px; }
.mik_head > span { margin:0; padding:0 0 0 130px; font:normal 13px/17px tahoma, verdana, sans-serif; color:#555; }
.mik_cpbox { margin:10px 0; padding:10px 20px; border-left:6px solid #CC0000; }
.mik_cpbox a, .mik_cpbox a:hover, .mik_cpbox a:visited, .mik_cpbox a:link {
	display:block; margin:0; padding:10px 0; font:bold 24px/30px Georgia,serif; text-transform:none; border:none; color:#555555; text-decoration:none; letter-spacing:1px;
}
.mik_cpbox a:first-letter { color:#CC0000; font-size:30px; }
.mik_cpbox a:hover { -webkit-animation: mikstrech 2s; animation: mikstrech 2s; }
@-webkit-keyframes mikstrech { from {letter-spacing:1px; color:#555555; } to {letter-spacing:15px; color:#CC0000; } }
@keyframes mikstrech { from {letter-spacing:1px; color:#555555; } to {letter-spacing:15px; color:#CC0000; } } 
.mik_navigation { margin: 5px 0 10px 0; padding:0;  font:normal 14px/16px Georgia,serif; color:#444; }
.mik_navigation a, .mik_navigation a:hover, .mik_navigation a:visited, .mik_navigation a:link {
	margin:0 20px 0 0; padding:3px 5px; font:bold 13px/16px tahoma, arial, san-serif; border:none; background-color:#4F82C9; color:#FFFFFF; text-decoration:none; border-radius:3px;
}
.mik_navigation a:hover { background-color:#FF6600; }
.mik_copy { margin: 40px 0 0 0; padding:0; text-align:center; font:normal 12px/15px tahoma, arial, san-serif; color:#666; }
.mik_copy a { font:normal 12px/15px tahoma, arial, san-serif; color:#333; text-decoration:none; border:none; outline:none; }
.mik_copy a:hover { color:#CC0000; }
/* addon classes */
.mik_invisible { display:none; }

@media only screen and (max-width: 600px) {
	a.mik_litebox, a.mik_litebox:hover, a.mik_litebox:visited, a.mik_litebox:link { text-align:center; display:block; }
	a.mik_litebox img, a.mik_litebox img.mik_img100, a.mik_litebox img.mik_img120, a.mik_litebox img.mik_img140, a.mik_litebox img.mik_img150, a.mik_litebox img.mik_img160
	a.mik_litebox img.mik_img180, a.mik_litebox img.mik_img200, a.mik_litebox img.mik_img240, a.mik_litebox img.mik_img300, a.mik_litebox img.mik_img350 {
		margin:0 0 5px 0; padding:2px; border:1px solid #cccccc; float:none; width:auto; max-width:94%; height:auto;
	}
	.mik_user, .mik_rss, .mik_twitter, .mik_date { display:block; margin:0 0 7px 0; }
}