/*
Theme Name: AxiaMobile
Theme URI: http://themeforest.net/user/pista42
Author: Lukas Postulka
Author URI: http://themeforest.net/user/pista42
Description: AxiaMobile Wordpress theme is a custom mobile theme developed by pista42 (Lukas Postulka) in collaboration with MKPlus. This theme was developed especialy for mobile phones such as iPhone, Andoid phones and other mobile devices with modern web browser. Follow me on Themeforest for fresh news and for being updated. Also please report bugs on my support email. Hope you'll like this theme, if so, please rate it on Themeforest, it means lot to me! :-) Thanks for purchasing and have fun!
License: GNU General Public License
License URI: license.txt
Version: 1.0.0
Tags: mobile, wordpress, iphone, android, style, color, black, custom menu, options

*/

/* =Custom styles
-------------------------------------------------------------- */
ol, ul {list-style: none;padding: 0; margin: 0;}
.half_column {width: 48%; display: inline-block;}
.half_column.last {margin-left: 4%; margin-right: -6%;}
.three_column {width: 31%; display: inline-block;}
.three_column.second {padding-left: 3%;}
.three_column.last {padding-left: 3%; margin-right: -3%;}
ul li {padding: 3px 0;}
ul li img.icon {width: 25px; display: inline-block; margin-bottom: -8px; margin-right: 16px;margin-top: 6px;}
button { border: none; font-size: 11px !important; }
.button {text-align: center;border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; padding: 4px 20px;border: 1px solid rgba(0,0,0,0.15);-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25);-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25);box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25);font-size: 11px;color: #fff;text-shadow: 1px -1px 0px rgba(0,0,0,0.15);cursor: pointer;}
.button:hover{-moz-box-shadow: inset 0px 1px 1px #ddd;-webkit-box-shadow: inset 0px 1px 1px #ddd;box-shadow: inset 0px 1px 1px #ddd;}
.button:active{-moz-box-shadow: inset 0px -1px 1px #ddd;-webkit-box-shadow: inset 0px -1px 1px #ddd;box-shadow: inset 0px -1px 1px #ddd;}
.FancyBlue{ background: #7988d4; color: white !important;}
.Greeny{ background: #40ad66; color: white !important;}
.BlueGrass{ background: #40b29a; color: white !important;}
.GreenPlaster{ background: #5fd277; color: white !important;}
.DarkGreen{ background: #84ba90; color: white !important;}
.SkyBlue{ background: #30b2c9; color: white !important;}
.RoyalBlue{ background: #355dc9; color: white !important;}
.Lila{ background: #d294d7; color: white !important;}
.PinkyRed{ background: #ef5298; color: white !important;}
.FlowerBlue{ background: #405e99; color: white !important;}
.PurpleHaze{ background: #994064; color: white !important;}
.Mandarine{ background: #f5aa4f; color: white !important;}
.BrickRed{ background: #c97054; color: white !important;}
.DarkGrey{ background: #5c5c5c; color: white !important;}
.DarkRed{ background: #ee2222; color: white !important;}
.Yellow{ background: #c6c82d; color: white !important;}
.Brown{ background: #8d4747; color: white !important;}
.Grey { background: #7b7b7b; color: white !important;}
.Transparent { background-color: transparent; text-shadow: none !important; color: #6b6b6b !important; border: 1px solid #8b8b8b;}
.toggle{ border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;padding: 6px 20px;cursor: pointer;margin-bottom: 6px;font-size: 10px;color: #fff;text-shadow: 1px -1px 0px rgba(0,0,0,0.15);cursor: pointer;}
.container {padding: 6px 10px;padding-bottom: 12px;}
.tabs {text-align: center;  margin: 22px 0;}
.tabs li {display: inline-block;}
.tabs li a {border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;padding: 6px 20px;cursor: pointer;margin-bottom: 6px;font-size: 10px;color: #fff;text-shadow: 1px -1px 0px rgba(0,0,0,0.15);cursor: pointer;margin-bottom: 6px; text-decoration: none;}
a {text-decoration: none;}

/* =Structure
-------------------------------------------------------------- */

body
{
//	background:url(images/bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100% !important;
	color: #555;
	text-align: center;
	margin: 0 auto;
	overflow-y: scroll;
}
#page {
	font-size: 11px;
//	background-image: linear-gradient(bottom, #F2F2F2 80%, #E0E0E0 100%);
//	background-image: -o-linear-gradient(bottom, #F2F2F2 80%, #E0E0E0 100%);
//	background-image: -moz-linear-gradient(bottom, #F2F2F2 80%, #E0E0E0 100%);
//	background-image: -webkit-linear-gradient(bottom, #F2F2F2 80%, #E0E0E0 100%);
//	background-image: -ms-linear-gradient(bottom, #F2F2F2 80%, #E0E0E0 100%);
//	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.8, #F2F2F2),color-stop(1, #E0E0E0));
	width: 100%;
	height: auto;
}
#primary {
	margin: 0 auto;
	width: 100%;
}
#content {
	margin: 0 280px 0 0;
}

#content2 {
	text-align:left;
}
 .clear {clear:both}
 
#colophon {
	bottom: 0;
	width: 100%;
	height: 45px;
	background-image: linear-gradient(bottom, #2C2C2C 0%, #494949 99%, #5A5B5B 99%);
	background-image: -o-linear-gradient(bottom, #2C2C2C 0%, #494949 99%, #5A5B5B 99%);
	background-image: -moz-linear-gradient(bottom, #2C2C2C 0%, #494949 99%, #5A5B5B 99%);
	background-image: -webkit-linear-gradient(bottom, #2C2C2C 0%, #494949 99%, #5A5B5B 99%);
	background-image: -ms-linear-gradient(bottom, #2C2C2C 0%, #494949 99%, #5A5B5B 99%);
	background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #2C2C2C),color-stop(0.99, #494949),color-stop(0.99, #5A5B5B));
	border-top: 1px solid #282828;
	text-align: center;
}

#colophon1 {
	bottom: 0;
	width: 100%;
	height: 30px;
	background-image: linear-gradient(bottom, #2C2C2C 0%, #494949 99%, #5A5B5B 99%);
	background-image: -o-linear-gradient(bottom, #2C2C2C 0%, #494949 99%, #5A5B5B 99%);
	background-image: -moz-linear-gradient(bottom, #2C2C2C 0%, #494949 99%, #5A5B5B 99%);
	background-image: -webkit-linear-gradient(bottom, #2C2C2C 0%, #494949 99%, #5A5B5B 99%);
	background-image: -ms-linear-gradient(bottom, #2C2C2C 0%, #494949 99%, #5A5B5B 99%);
	background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #2C2C2C),color-stop(0.99, #494949),color-stop(0.99, #5A5B5B));
	border-top: 1px solid #282828;
	text-align: center;
}

#colophon1 span {
	width:33%;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size:14px;margin:5px 0px 5px 0px;
}

#colophon1 a:link {COLOR:#ffffff; TEXT-DECORATION:None;}

#colophon1 a:visited {COLOR:#ffffff; TEXT-DECORATION:None;}

#colophon1 a:active {COLOR:red; TEXT-DECORATION:None;}

#colophon1 a:hover {COLOR:green; TEXT-DECORATION:None;}

/* logo */
#logo {
	padding:0px 0px 0px 0px;
	background-color:white;
}
#logo a:link {COLOR:red; TEXT-DECORATION:None;}

#logo a:visited {COLOR:red; TEXT-DECORATION:None;}

#logo a:active {COLOR:red; TEXT-DECORATION:None;}

#logo a:hover {COLOR:green; TEXT-DECORATION:None;}


/* menu */

#menu
{
	top: 0;
	width: 100%;
	height: 36px;
	border-top: 1px solid #5a6d7f;
	background-image: linear-gradient(bottom, rgb(46,46,46) 0%, rgb(74,75,75) 100%);
	background-image: -o-linear-gradient(bottom, rgb(46,46,46) 0%, rgb(74,75,75) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(46,46,46) 0%, rgb(74,75,75) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(46,46,46) 0%, rgb(74,75,75) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(46,46,46) 0%, rgb(74,75,75) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(46,46,46)),color-stop(1, rgb(74,75,75)));
	text-align: center;
	margin-top: 0px;
}
.menu
{
	float: left;
	cursor: pointer;
	padding: 12px 4px 0px 4px;
	width: 55px;
	height: 24px;
	border-right: 1px solid #494a4b;
}

#menu div.active
{
	color: #fff;
	background-image: linear-gradient(bottom, rgb(92,91,92) 0%, rgb(129,128,128) 100%);
	background-image: -o-linear-gradient(bottom, rgb(92,91,92) 0%, rgb(129,128,128) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(92,91,92) 0%, rgb(129,128,128) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(92,91,92) 0%, rgb(129,128,128) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(92,91,92) 0%, rgb(129,128,128) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(92,91,92)),color-stop(1, rgb(129,128,128)));
}

.menu img {width: 32px;height:	32px;margin-bottom: -3px;opacity: 0.5;}
.menu span {color: #bbb;font-size: 12px;font-family: Arial, Helvetica, sans-serif;}
#menu div.active img {opacity: 1;}
#menu div.active span {color: #fff;}
.menu a {text-decoration: none;}

#colophon button {
background-image: linear-gradient(bottom, #080808 49%, #1E1E1E 50%, #333 51%, #343434 100%);
background-image: -o-linear-gradient(bottom, #080808 49%, #1E1E1E 50%, #333 51%, #343434 100%);
background-image: -moz-linear-gradient(bottom, #080808 49%, #1E1E1E 50%, #333 51%, #343434 100%);
background-image: -webkit-linear-gradient(bottom, #080808 49%, #1E1E1E 50%, #333 51%, #343434 100%);
background-image: -ms-linear-gradient(bottom, #080808 49%, #1E1E1E 50%, #333 51%, #343434 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.49, #080808),color-stop(0.5, #1E1E1E),color-stop(0.51, #333),color-stop(1, #343434));
padding: 5px 7px;
margin-top: 8px;
border: none;
color: white;
font-weight: bold;
border-radius: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
-moz-box-shadow: 0px 1px 0px #575757;
-webkit-box-shadow: 0px 1px 0px #575757;
box-shadow: 0px 1px 0px #575757;
border: 1px solid #272728;
border-bottom: none;
font-size: 12px;
}

#colophon button img
{
	margin-right: 6px;	
}

#colophon a {text-decoration: none;color: #ffffff;}

#main{
margin: 26px 12px;
margin-bottom: 20px;
border: 1px solid white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-box-shadow: 0px 0px 5px #aaa;
-webkit-box-shadow: 0px 0px 5px #aaa;
box-shadow: 0px 0px 5px #aaa;
padding: 20px;
background-color: #EEE;
}

#main1{
margin: 26px 10px;
background-color: white;
}

.entry-title, .entry-title a
{
font-size: 14px;
color: white;
text-shadow: 1px 1px 0 black;
margin: 0 0 0 16px;
text-decoration:none;
padding-top:8px;
text-align:left;}

#post
{
text-align:left;
width: 100%;
height: 50px;
cursor: pointer;
background: #888;
background-image: linear-gradient(bottom, #3F3F3F 0%, #555 99%, #898989 99%);
background-image: -o-linear-gradient(bottom, #3F3F3F 0%, #555 99%, #898989 99%);
background-image: -moz-linear-gradient(bottom, #3F3F3F 0%, #555 99%, #898989 99%);
background-image: -webkit-linear-gradient(bottom, #3F3F3F 0%, #555 99%, #898989 99%);
background-image: -ms-linear-gradient(bottom, #3F3F3F 0%, #555 99%, #898989 99%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #3F3F3F),color-stop(0.99, #555),color-stop(0.99, #898989));
outline: 1px solid black;
margin-bottom: 2px;}

#post span {
font-size: 12px;
color: white;
text-shadow: 1px 1px 0 black;
margin: 3px 0 0 16px;
display: block;
}

#post a
{text-decoration:none;}

#post:hover
{background-image: linear-gradient(bottom, rgb(49,104,181) 0%, rgb(76,159,226) 99%, rgb(131,188,235) 99%); background-image: -o-linear-gradient(bottom, rgb(49,104,181) 0%, rgb(76,159,226) 99%, rgb(131,188,235) 99%);background-image: -moz-linear-gradient(bottom, rgb(49,104,181) 0%, rgb(76,159,226) 99%, rgb(131,188,235) 99%);background-image: -webkit-linear-gradient(bottom, rgb(49,104,181) 0%, rgb(76,159,226) 99%, rgb(131,188,235) 99%);background-image: -ms-linear-gradient(bottom, rgb(49,104,181) 0%, rgb(76,159,226) 99%, rgb(131,188,235) 99%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(49,104,181)),color-stop(0.99, rgb(76,159,226)),color-stop(0.99, rgb(131,188,235)));}
.arrow
{background:url(images/arrow.png) no-repeat;width:18px;height:19px;float:right;padding-right:10px;vertical-align:middle;}

.entry-title2
{font-size: 12px;
font-weight: bold;
text-shadow: 0px 1px 0px #CCC;
margin-bottom: 8px;}

.entry-content2, h2, h1
{
font-size: 11px;
line-height: 20px;
margin: 0px 0;}

.entry-content2 img.fullwidth
{
width: 96%;
-moz-box-shadow: 0px 0px 2px #888;
-webkit-box-shadow: 0px 0px 2px 888;
box-shadow: 0px 0px 2px #888;
border: 3px solid white;
}

hr
{margin: 0 -20px 16px -20px;
padding: 0;
border: 0;
background-color: #D4D4D4;
height: 1px;
clear: both;
width: auto;
-moz-box-shadow: 0px 1px 0px #fff;
-webkit-box-shadow: 0px 1px 0px #fff;
box-shadow: 0px 1px 0px #fff}

.hr-num2
{margin: 10px -20px 16px -20px;
padding: 0;
border: 0;
background-color: #D4D4D4;
height: 1px;
clear: both;
width: 294px;
-moz-box-shadow: 0px 1px 0px #fff;
-webkit-box-shadow: 0px 1px 0px #fff;
box-shadow: 0px 1px 0px #fff}

select
{
color: #798E94;
height: 24px;
margin-bottom: 10px;
border: 1px solid #CBD9DC;
padding: 5px 8px;
background-image: linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -o-linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -moz-linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -webkit-linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -ms-linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0, #FBFBFB),
 color-stop(1, #F4F4F4)
 );
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-box-shadow: 0px 1px 2px #dbdbdb;
-webkit-box-shadow: 0px 1px 2px #dbdbdb;
box-shadow: 0px 1px 2px #dbdbdb;
font-size: 100%;
font-family: inherit;
}

input 
{
color: #798E94;
height: 24px;
margin-bottom: 10px;
border: 1px solid #CBD9DC;
//padding: 5px 8px;
background-image: linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -o-linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -moz-linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -webkit-linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -ms-linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0, #FBFBFB),
 color-stop(1, #F4F4F4)
 );
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-box-shadow: 0px 1px 2px #dbdbdb;
-webkit-box-shadow: 0px 1px 2px #dbdbdb;
box-shadow: 0px 1px 2px #dbdbdb;
font-size: 100%;
font-family: inherit;
}

input#submit.form-submit, .sendemail submit, .sendemail
{text-align: center;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
padding: 4px 20px;
border: 1px solid rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25);
-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25);
box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25);
font-size: 11px;
text-shadow: 1px -1px 0px rgba(0, 0, 0, 0.15);
cursor: pointer;
background: rgb(199,65,30);
color: white !important;
font-weight:bold;
font-size: 100%;
font-family: inherit;
}

input#submit.form-submit:hover
{-moz-box-shadow: inset 0px 1px 1px #ddd;
-webkit-box-shadow: inset 0px 1px 1px #ddd;
box-shadow: inset 0px 1px 1px;
}

.form-submit
{text-align: center;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
padding: 4px 20px;
border: 1px solid rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25);
-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25);
box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25);
font-size: 11px;
text-shadow: 1px -1px 0px rgba(0, 0, 0, 0.15);
cursor: pointer;
background: #7988D4;
color: white !important;
font-weight:bold;
font-size: 100%;
font-family: inherit;
}

textarea
{width: 240px;
color: #798E94;
height: 70px;
margin-bottom: 10px;
border: 1px solid #CBD9DC;
//padding: 5px 8px;
background-image: linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -o-linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -moz-linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -webkit-linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -ms-linear-gradient(bottom, #FBFBFB 0%, #F4F4F4 100%);
background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0, #FBFBFB),
 color-stop(1, #F4F4F4)
 );
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-box-shadow: 0px 1px 2px #dbdbdb;
-webkit-box-shadow: 0px 1px 2px #dbdbdb;
box-shadow: 0px 1px 2px #dbdbdb;
//padding: 10px 8px;
//height: 100px;
font-size: 100%;
font-family: inherit;}
.FancyBlue{ background: #7988d4; color: white !important;}
.tabs {margin: 22px 0 30px -15px;}
.tabs li {display: inline-block;}
.tabs li a {border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;padding: 6px 20px;cursor: pointer;margin-bottom: 6px;font-size: 10px;color: #fff;text-shadow: 1px -1px 0px rgba(0,0,0,0.15);cursor: pointer;margin-bottom: 6px; text-decoration: none;}
.nocomments{
font-size: 12px;
line-height: 20px;
margin: 12px 0;
font-weight:bold;}
li.comment
{list-style-type:none;}
cite
{font-weight:bold;font-size:12px;}
.comment-txt
{font-size: 11px;
line-height: 20px;
margin: 12px 0;}
.comment-meta
{float:right;font-size:10px;}
ul.contact-ul
{list-style-type:none;}
.bordered_picture-fullwidth{
width: 96%;
-moz-box-shadow: 0px 0px 2px #888;
-webkit-box-shadow: 0px 0px 2px 888;
box-shadow: 0px 0px 2px #888;
border: 3px solid white;}
img.bordered_picture { width: 96%; -moz-box-shadow: 0px 0px 2px #888;-webkit-box-shadow: 0px 0px 2px 888;box-shadow: 0px 0px 2px #888;border: 3px solid white;}
/* --------------------------- FlexSlider ----------------------------*/

.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; position: relative; top: -40px;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

.button2 {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    height: 31px;
    padding-right: 10px;
    color: #183f4c;
    background: transparent url(images/sm_a.png) no-repeat top right;
    text-decoration: none;
}

.button2:hover {
    color: #fff;
    background-position: bottom right;
    text-decoration: none;
}

.button2 span {
    display: block;
    line-height: 14px;
    padding: 8px 0 9px 10px;
    background: transparent url(images/sm_span.png) no-repeat top left;
}

.button2:hover span {
    color: #fff;
    background-position: bottom left;
}