/*   
Theme Name: MobileJC
Description: Lightweight mobile theme. Use WPtap Mobile Detector plugin to specify which browswers use theme.
Author: Jordan Crown Design
Author URI: http://www.jordancrown.com/
Version: 1.0
*/

@charset "utf-8";

/* //////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
General Style ///////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////// */

body
{margin: 0;
padding: 0;
background: #EEEEEE;
font-family: Arial, Helvetica, Georgia, Sans-serif;}

/* --------------------------------------------------------------
Globals
-------------------------------------------------------------- */

p
{padding: 0 0 0 0;
margin: 10px 0;}

img
{border:0px;}

.post img
{padding:0;
max-width:100%;
height:auto;}
	
img.centered
{display:block;
margin-left:auto;
margin-right:auto;}

img.alignright
{padding:0px;
margin:0 0 5px 10px;
display: inline;}

img.alignleft
{padding:0;
margin:0 10px 5px 0;
display:inline;}

a:link, a:visited
{text-decoration: none;
color: #4983C5;}

a:hover
{text-decoration: underline;
color: #4983C5;}

h1, h2, h3, h4, h5, h6, blockquote, p, form
{padding: 0;
margin: 10px 0;}

h1
{font-size: 26px;
font-weight:bold;
color: #272f6d;
line-height: 24px;
margin-top: 0px;}

h1 a
{color: #272f6d !important;}

blockquote
{padding:20px;
font-style:italic;
font-weight:bold;}

.float_floor
{clear: both;}

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

#wrapper
{margin: 0 auto 0 auto;
width: 1000px;
text-align: left;}

#wrapper_mobile
{width: 100%;
text-align: left;
margin: 0;
padding: 0;}

.aligncenter{}

.alignleft{float:left;}

.alignright{float:right;}

/* //////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
Header //////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////// */

#header
{margin-top:10px;
margin-bottom:10px;}

#header_mobile
{margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
background: #FFFFFF;}

/* --------------------------------------------------------------
Banner
-------------------------------------------------------------- */

div.titles
{font-family: Arial, Helvetica, Georgia, Sans-serif;
color:#f0f0f0;
padding: 0px;}

div.titles h1
{margin: 0px;}

div.titles img
{max-width: 100%;}

.title_link a:link
{text-decoration: none;
color: #f0f0f0;}

.title_link a:visited
{text-decoration: none;
color: #f0f0f0;}

.title_link a:hover
{text-decoration: none;
color: #cccccc;}

.phone_link
{position: absolute;
top: 6px;
right: 6px;
width: 40px;
}

.phone_link a
{width: 40px;
height: 40px;
display: block;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #0f1648;
background: #101959;
background: -moz-linear-gradient(top, #55639f 0%, #101959 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#55639f), to(#101959));}

.phone_link img
{width: 40px;}

/* --------------------------------------------------------------
Main navigation
-------------------------------------------------------------- */

.root_pages
{list-style: none;
background: #101959;
background: -moz-linear-gradient(top, #55639f 0%, #101959 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#55639f), to(#101959));
padding: 3px 6px;
border-top: 1px solid #22185b;
border-bottom: 1px solid #060a2c;}

.root_pages li
{font-size: 14px;}

.root_pages a:link, .root_pages a:visited
{color: #FFFFFF;}

/* --------------------------------------------------------------
Subnav
-------------------------------------------------------------- */

.child_pages
{background: #DDDDDD;
background: -moz-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
padding: 3px 6px;
border-bottom: 1px solid #BBBBBB;}

.root_pages h2, .child_pages h2
{display: none;}

.root_pages ul, .root_pages li, .child_pages ul, .child_pages li
{float: left;
display: block;}

.root_pages ul, .child_pages ul
{padding: 0;
margin: 0;}

.root_pages li, .child_pages li
{padding: 3px 6px;
font-weight: bold;}

.child_pages li
{font-size: 12px;}

/* //////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
Content /////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////// */

div.main_body
{width:1000px;}

div.main_body_mobile
{margin-left:10px;
margin-right:10px;}

.content
{margin:10px 0;
padding:10px;
background: #FFFFFF;
border: 1px solid #CCCCCC;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;}

#container
{width:100%;}

div.subtitle
{font-size: 14px;
color: #272f6d;}

.post
{margin-top:10px;
margin-left:5px;
margin-right:20px;
margin-bottom:10px;}

.post_mobile
{margin-top:10px;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;}

.post_the_title
{padding: 0px;
margin: 0px;}

.post_the_date
{padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 14px;
color: #555555;}

.post h2
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 18px;}

#content table.minimal {
	border: none;
	width: auto;
	height: auto;
}
#content table.minimal td {
	border-top: none;
	border-left: none;
	padding: 0 12px 0 0;
}
#content.contact table.minimal td {
	padding: 0 12px 12px 0;
	width: 150px;
	text-align: center;
}
#content.contact table.minimal td img {
	width: 75px;
	height: auto;
}
#content.contact img.alignleft {
	clear: left;
}

.post h2 a:link
{text-decoration: none;
color: #000000;}

.post h2 a:visited
{text-decoration: none;
color: #000000;}

.post h2 a:hover
{text-decoration: none;
color: #00cc00;}

.post_mobile h2
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 18px;}

.post_mobile h2 a:link
{text-decoration: none;
color: #000000;}

.post_mobile h2 a:visited
{text-decoration: none;
color: #000000;}

.post_mobile h2 a:hover
{text-decoration: none;
color: #00cc00;}

.entry
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
color: #000000;
line-height: 18px;}

.entry img
{max-width: 100%;
height: auto;}

.entry iframe
{width: 100%;
height: auto;}

.entry td, .entry th
{width: auto;}

.entry td
{background: #FFFFFF;}

p.postmetadata
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 11px;
color: #000000;
border-top: 1px solid #ccc;
margin: 10px 0 0 0;}

.navigation
{margin: 10px 10px 10px 10px;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;}

/* --------------------------------------------------------------
Comments
-------------------------------------------------------------- */

.comment_body_author
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
color: #333333;
line-height: 18px;
font-weight: bold;}

h4.comment_body_author
{font-size: 14px;
margin-bottom: 0;}

.comment_body_meta
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
color: #333333;
line-height: 18px;}

p.comment_body_meta
{margin-top: 0;
font-size: 11px;
color: #666666;}

.comment_body_text
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
color: #333333;
line-height: 18px;}

/* Comments Style */
.comments-template
{margin: 10px 0 0;
border-top: 1px solid #ccc;
padding: 10px 0 0;}

.comments-template ol
{margin: 0;
padding: 0 0 15px;
list-style: none;}

.comments-template ol li
{margin: 10px 0 0;
line-height: 18px;
padding: 0 0 10px;
border-bottom: 1px dashed #ccc;}

.comments-template h2, .comments-template h3
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 16px;}

.commentmetadata
{font-size: 12px;}

.comments-template p.nocomments
{padding: 0;}

.comments-template textarea
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
width:100%;}

.input_text
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
width:100%;}

.label_text
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 11px;
color: #666666;}

/* --------------------------------------------------------------
Miscellaneous content
-------------------------------------------------------------- */

/* Login widget */
#os_login {
	max-width: 230px;
}
#os_login h3 {
	margin: 0 0 6px 0;
	font-weight: bold;
}
#os_login ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#os_login ul li {
	display: block;
	margin: 2px 0;
	line-height: 20px;
}
#os_login ul li.left {
	float: left;
}
#os_login ul li.right {
	float: right;
}
#os_login ul li.help_link {
	margin-bottom: 6px;
	font-size: 10px;
}
#os_login input {
	margin: 0;
}
#os_login input[type=text],
#os_login input[type=password] {
	width: 120px;
}
#os_login input[type=submit] {
	width: 70px;
}

/* Contact layout */
div.contact {
	clear: left;
}
img.contact {
	float: left;
	clear: left;
	width: 75px;
	margin: 12px 12px 0 0;
}

/* Aircraft layout */
.aircraft #container ul {
	list-style: none;
	margin: 0 5px 10px 5px;
	padding: 0px;
}
.aircraft #container li {
	clear: left;
	padding-top: 6px;
}
.aircraft #container li img {
	width: 100px;
	float: left;
	margin-right: 12px;
}

/* //////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
Sidebar /////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////// */

.sidebar ul
{list-style-type:none;
margin:0;
padding:0;
padding:0 5px;}

.sidebar ul li
{font-family:  Arial, Helvetica, Georgia, Sans-serif;
padding: 0 0 10px 0;
border-bottom-style:dotted;
border-bottom-width:1px;
border-bottom-color:#cccccc;
margin: 0 0 10px 0;}

.sidebar ul li h2
{padding-bottom:10px;
font-family:  Arial, Helvetica, Georgia, Sans-serif;
font-size: 16px;
color:#222222;
font-weight:bold;}

.sidebar ul ul li
{font-family:  Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
border-bottom-style:none;
margin: 0;}

table#wp-calendar
{font-family:  Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
padding: 0;
text-align:right;
width:100%;}

/* --------------------------------------------------------------
Comments
-------------------------------------------------------------- */

input[type=text].search_input
{font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size:12px;
width:65%;}

input[type=submit].search_input
{float:right;}

/* //////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
Footer //////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////// */

#footer
{margin-top:10px;
margin-bottom:10px;}

#footer_mobile
{margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;}

.footer_content, .footer_phone, .footer_map
{-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-align: center;
padding: 6px 4px;
}

.footer_content
{font-size: 14px;
color: #ffffff;
background: #333333;
clear: both;}

.footer_phone
{background: #000000;
margin-bottom: 10px;
float: left;
width: 60%;
border: 1px solid #2aa819;
background: #31b720;
background: -moz-linear-gradient(top, #80e373 0%, #31b720 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#80e373), to(#31b720));}

.footer_map
{background: #000000;
margin-bottom: 10px;
float: right;
width: 30%;
border: 1px solid #338bd6;
background: #3e9bea;
background: -moz-linear-gradient(top, #77b6eb 0%, #3e9bea 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#77b6eb), to(#3e9bea));}

.footer_phone a, .footer_map a
{display: block;
font-weight: bold;
font-size: 18px;
color: #000000;
width: 100%;
height: 100%;}

/* //////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
Miscellaneous ///////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////// */