/*
Theme Name: Mobile Net Connect
Theme URI: http://mobilenetconnect.com/wordpress/
Description: The default WordPress theme for Mobile Net Connect.
Version: 1.0
Author: Palms Development Company
Author URI: http://www.palmsdevelopment.com/
*/

/* --------------------------------
   General
----------------------------------- */

html {
	height: 100%;
	font-size: 62.5%; /* reset 1em to 10px */
}

body {
	background: #464646 url('img/body.gif') repeat-y center top;
	font: normal 1.2em sans-serif;
	color: #444;
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

small,.small {font-size: 0.9em;}

a {color: #2A85B4; text-decoration: none;}
a:hover {color: #036; text-decoration: underline;}

p {padding: 0.2em 0 1.2em;}

img.bordered {padding: 3px; background: #FFF;}

ol {list-style: decimal;}


/* --------------------------------
   Main layout
----------------------------------- */

#layout_wrapper {
	margin: 0 auto;
	width: 850px;
}

#navsearch {
	background: #1C1C1C url('img/navsearch.gif') no-repeat left top;
	color: #FFF;
	padding: 2px 12px 2px 8px;
}

#search {
	padding-top: 8px;
	width: 195px;
}
#searchform {
	background: url('img/search.gif') no-repeat;
	display: block;
	height: 20px;
	width: 193px;
}
#s_container {padding: 2px 0 0 24px;}
#s {
	background: transparent;
	border: none;
	color: #444;
	font: normal 12px sans-serif;
	width: 155px;
}

#main {background: #FFF url('img/main.gif') repeat-y left top;}

#main_left {width: 563px;}
#main_right {width: 286px;}

#sidebar {
	background: url('img/sidebar.gif') repeat-x left top;
	padding: 7px 0 10px;
}

#footer {
	background: #FEFEFE url('img/footer.gif') no-repeat left top;
	padding: 30px 12px 5px;
}

#layout_bottom {
	background: url('img/layout_bottom.gif') no-repeat left top;
	height: 25px;
}


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

#navigation {width: 540px;}
#navigation a {
	float: left;
	height: 35px;
	background-repeat: no-repeat;
	background-position: center top;
}
#navigation a:hover {background-position: center bottom;}
a#nav_about {
	background-image: url('img/nav_about.gif');
	width: 74px;
}
a#nav_contact {
	background-image: url('img/nav_contact.gif');
	width: 86px;
}
a#nav_development {
	background-image: url('img/nav_development.gif');
	width: 122px;
}
a#nav_faq {
	background-image: url('img/nav_faq.gif');
	width: 61px;
}
a#nav_feedback {
	background-image: url('img/nav_feedback.gif');
	width: 99px;
}
a#nav_dpi {
	background-image: url('img/nav_dpi.gif');
	width: 182px;
}


/* --------------------------------
   Main content
----------------------------------- */

#main_content {
	/* padding: 26px; */
}


/* --------------------------------
   Sidebar
----------------------------------- */

/* Notice box */
.notebox {
	background: #F7F7F7 url('img/notebox.gif') repeat-y left top;
	border-bottom: 1px solid #CCD1D2;
	padding: 16px 20px 12px;
	margin-bottom: 10px;
}
.notebox_content {line-height: 1.5em;}
.notebox_title {
	border-bottom: 2px solid #DDD;
	color: #666;
	font: bold 1.1em sans-serif;
	margin-bottom: 4px;
	padding-bottom: 3px;
}
.notebox p {padding: 0.3em 0 0.5em;}

/* Section */
.section {
	border-bottom: 1px solid #CCD1D2;
	padding: 7px 12px;
}
.section a {color: #666;}
.section a:hover {color: #002;}

/* Resource */


/* ul.level-1 {padding: 10px 10px 5px 15px;} */
	.resource-title {font-weight: bold;}
	#resource-list .level-1 ul {margin: 3px 0 0 8px;}
		li.level-2 {padding: 7px 5px;}

/* Ad */
.ad {
	margin: 5px auto;
	width: 250px;
}


/* --------------------------------
   Headings, titles
----------------------------------- */

h1 {font: normal 2em sans-serif;}
h2 {font: normal 1.6em sans-serif;}
h3 {font: normal 1.6em sans-serif;}
h4 {font: bold 1em sans-serif;}

h3 {
	 padding-bottom: 4px;
	 border-bottom: 1px solid #DDD;
}
h1,h2,h3,h4 {color: #456; margin-bottom: 5px;}


/* --------------------------------
   Text
----------------------------------- */

.tleft {text-align: left;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.vtop {vertical-align: top;}
.vcenter {vertical-align: center;}
.vbottom {vertical-align: bottom;}


/* --------------------------------
   Padding, margin, height, width etc
----------------------------------- */

.p26 {padding: 26px;}
.plr26 {padding: 0 26px;}
.pt26 {padding-top: 26px;}
.p10 {padding: 10px;}
.mb5{margin-bottom: 5px;}
.mb15 {margin-bottom: 15px;}


/* --------------------------------
   Floats
----------------------------------- */

.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer,.block {
	display: block;
	font-size: 0;
	line-height: 0;
}
.clearer {height: 0;}


/* --------------------------------
   Post
----------------------------------- */

.post {margin-bottom: 20px;}
.post_content {padding: 0 26px;}
.post_image {padding: 12px 0 0 26px; margin-bottom: 16px;}
.post_title h1 {font-size: 1.8em;}
.post_date {
	color: #666;
	margin-bottom: 10px;
}
.post_categories {padding: 5px 5px 0 0;}
.post_categories a {
	-moz-border-radius: 5px;
	background: #EEE;
	color: #444;
	float: right;
	margin: 0 0 2px 2px;
	padding: 5px 6px;
}
.post_categories a:hover {
	background: #DBF1FC;
	color: #113;
	text-decoration: none;
}
.post_body {
	line-height: 1.4em;
	padding-bottom: 8px;
}

.post_body ul, .post_body ol {margin: 0 0 15px 35px;}
.post_body ul {list-style: disc;}

.post_body a.lightview_gallery {
	background: #FAFAFA;
	border: 1px solid #DDD;
	float: left;
	margin: 0 5px 5px 0;
	padding: 3px;
}
.post_body a.lightview_gallery:hover {
	background: #DEF;
	border-color: #BCD;
}


/* --------------------------------
   Archive
----------------------------------- */

.archive_path {padding: 5px;}

.archive {padding: 26px;}
.archive_post {
	padding: 7px 15px 5px;
	border-top: 1px dashed #D5D5D5;
}
.archive_post_content {padding: 0 26px;}
.archive_post_body {color: #777;}
.archive_post_title h2 {font-size: 1.5em; margin: 0; padding: 0;}
.archive_post_date {
	color: #666;
	font-size: 0.9em;
}
.archive_post_categories {
	clear: both;
	font-size: 0.9em;
	padding: 5px 5px 0 0;
}
.archive .archive_post_categories a {
	background: #F2F2F2;
	color: #555;
	float: left;
	margin: 0 2px 2px 0;
	padding: 2px 4px;
	-moz-border-radius: 3px;
}
.alt .archive_post_categories a {
	background: #E2E2E2;
	color: #666;
}
.archive_post_categories a:hover,.alt .archive_post_categories a:hover {
	background: #DBF1FC;
	color: #113;
	text-decoration: none;
}

.archive_post_thumb {width: 74px;}
.archive_post_thumb img {border: 1px solid #CCC; padding: 4px; background: #FFF;}

.archive .alt {background: #F3F3F3;}


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

.commentlist li {padding: 5px; list-style: none;}
.commentlist li.odd {background: #F3F3F3;}

.comment_top {background: #F0F0F0; padding: 2px;}
.comment_date {font-size: 0.9em;}
.comment_date a {color: #999;}
.comment_avatar {width: 38px;}
.comment_author {font-weight: bold;}
.comment_author,.comment_author a,.comment_date a {color: #666;}
.comment_body {padding: 5px 12px;}
.comment_body p {padding: 0.3em 0 0.5em;}


/* --------------------------------
   Misc
----------------------------------- */


/* Pagination */
div.pagination {margin: 10px 0;}

/* Notice */
.notice {
	background: #FFD;
	color: #442;
	font-style: italic;
}
div.notice {
	padding: 5px 8px;
	margin: 5px 0;
}


/* Feedback */
div.feedback {
	margin: 0 26px 12px;
	background: #C9D1D4 url('img/feedback.gif') no-repeat left center;
	border-bottom: 5px solid #E5E5E5;
	border-top: 5px solid #E5E5E5;
	color: #456;
	padding: 8px 12px 8px 155px;
}

/* FAQ */
ol.faq_answers li {padding: 8px 12px;}
ol.faq_answers li.alt {background: #F3F3F3;}

/* Search */
.search_keyword {
	color: #888;
	margin-bottom: 8px;
}

/* Separator */
span.separator {padding: 0 5px; color: #AAA;}

/* Company link */
.company_links .alt {background: #F3F3F3;}

.company_link {padding: 10px 8px;}
.company_image {float: left; width: 150px;}
.company_image img {border: 2px solid #EEE;}
.company_info {float: left; width: 330px;}
.company_info strong {font-size: 1.1em; display: block;}

/* Site sections */
.site_sections {margin: 0 26px;}
.site_section {padding: 16px 0; border-top: 1px solid #EEE;}
.site_section:first-child {border-top: none;}
.site_section_image {width: 84px;}
.site_section_title h2 {font-size: 1.6em;}
.site_section_info {width: 415px;}

/* Dashed line */
.dashed_line {
	border-top: 1px dashed #CCC;
	height: 2px;
	margin: 10px 0;
}


/* --------------------------------
   Forms
----------------------------------- */

form p {padding: 0 0 0.8em}
form label {margin-left: 5px;}

input.text,textarea.textarea {
	font: normal 1em sans-serif;
	color: #444;
	border: 1px solid #999;
	border-color: #999 #DDD #DDD #999;
	padding: 3px 4px;
}
textarea.textarea {
	height: 160px;
	overflow: auto;
	width: 450px;
}
input.text:focus,textarea.texteara:focus {background-color: #FFFFF6;}


/* --------------------------------
   Icons
----------------------------------- */

span.comment {background: url('img/icon_comment.gif') no-repeat left center; padding-left: 18px;}
span.feed {background: url('img/icon_feed.gif') no-repeat left center; padding-left: 18px;}


/* --------------------------------
   WP-Snap
----------------------------------- */

ol.snap_nav {
	clear: both;
	list-style: none;
	margin-bottom: 10px;
}

ol.snap_nav li {
	display: block;
	float: left;
	padding: 0 5px 10px 5px;
	color: #999;
}

ol.snap_nav li a {
	font-weight: bold
}

ol.snap_nav li.snap_selected a {
	cursor: text;
	color: #000;
}

ol.snap_titles {
	clear: both;
	display: block;
	border: 0;
	list-style: none;
}


a.filetype {
	padding-right:25px;
	background-repeat:no-repeat;
	background-position:right;
}

a.filetype.zip {
	background-image:url(img/zip.png);
}