/* 
Theme Name: Maponics
Description: A custom theme for Maponics blog. Based on the <a href="http://whiteboardframework.com">Whiteboard Framework</a>.
Author: Bluehouse Group
Author URI: http://bluehousegroup.com/
Version: 1.0
*/

@import url("reset.css");
@import url("fonts.css");
@import url("base.css");
@import url("form.css");
@import url("fonts/droid.css");

:focus { outline:none; }

/* clearfix */
.clearfix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
* html .clearfix { zoom:1; }
*:first-child+html .clearfix { zoom:1; }

/* body */
body { font-family:Helvetica,Arial,sans-serif; font-size:14px; background:#f9fcfe none; color:#3b3b3b; }

h1,h2,h3,h4,h5,h6,p { margin:0; color:#666; }
h1,h2,h3,h4,h5,h6 { font-family:"DroidSansRegular",Helvetica,Arial,sans-serif; margin:0 0 10px; }
h2 { font-size:22px; margin:0 0 .5em; }

ul li, ol li, p { line-height:1.5; color:#666; }
ul, ul li, ol, ol li { margin:0; }
ul, ol { margin:1em 0 1em 1.5em; }
p { margin:0 0 1em; }

a, a:link { color:#008dcd; text-decoration:none; }
a:visited, a:hover, a:active { color:#dc8100; }

a.skip { position:absolute; top:-9999px; left:-9999px; }

img.alignleft { float:left; margin:0 10px 10px 0; }
img.alignright { float:right; margin:0 0 10px 10px; }

/* nav */
#nav { background:#008dcc url(images/nav_bg.png) 0 -123px no-repeat; height:41px; }
#nav ul { padding:0 10px; height:41px; list-style:none; margin:0; }
#nav ul li { float:left; display:-moz-inline-box; display:inline-block; *display:inline; font-size:13px; position:relative; z-index:9999; height:41px; list-style:none; margin:0; }
#nav ul li a { display:block; float:left; color:#d7f0fc; font-weight:700; padding:7px; font-family:"DroidSansRegular",Helvetica,Arial,sans-serif; cursor:pointer; }
#nav ul li a span { display:block; height:27px; padding:0 0 0 10px; background:transparent url(images/nav_current_bg.png) 0 -27px no-repeat; cursor:pointer; }
#nav ul li a span span { height:20px; padding:4px 10px 3px 0; background:transparent url(images/nav_current_bg.png) 100% -27px no-repeat; cursor:pointer; }

	#nav ul li.current_page_item a span, #nav ul li a:hover span { background-position:0 0; }
	#nav ul li.current_page_item a span span, #nav ul li a:hover span span { background-position:100% 0; }

#nav ul li#searchbox { width:209px; text-align:right; height:33px; padding:8px 0 0; float:right; }
#searchbox span.input { display:block; float:left; width:124px; height:16px; background:transparent url(images/nav_bg.png) -740px -8px no-repeat; padding:5px 8px 3px 5px; }
#searchbox span.input input.text { width:124px; height:16px; border:0; padding:0; background-color:#E5F3FA; }
#searchbox input.action { display:block; float:left; border:0; height:25px; width:72px; text-indent:-9999px; background:transparent url(images/nav_bg.png) -878px -8px no-repeat; }
#searchbox input.action:hover { background-position:-878px -49px; }
#searchbox label.hidden { display:none; }

/* header */
#container { background:#fff none; width:auto; margin:0; }
#header, #main, #nav { width:960px; margin:0 auto; }

#header *, #footer * { font-family:"DroidSansRegular",Helvetica,Arial,sans-serif; }

#header { padding-bottom:15px; }
#header h1 { float:left; width:760px; font-size:14px; margin:0; position:relative; }
#header h1 a { color:#000; text-decoration:none; font-weight:400; }
#header h1 a span.logo { display:block; height:28px; width:330px; float:left; background:transparent url(images/logo_blog.png) 0 0 no-repeat; vertical-align:baseline; padding-top:40px; text-indent:-9999px; }
#header h1 a span.tagline { display:block; width:430px; float:left; padding-top:40px; }
#header #utilnav { float:left; width:200px; }

/* utilnav */
#utilnav { padding-top:20px; text-align:right; font-family:"DroidSansRegular",Helvetica,Arial,sans-serif; }
#utilnav ul, #utilnav ul li { list-style:none; margin:0; }
#utilnav a { margin-left:10px; height:16px; line-height:1.3; font-weight:700; font-size:13px; color:#008dcd; display:-moz-inline-box; display:inline-block; *display:inline; }

/* footer */
#footwrapper { border-top:1px solid #aad9ef; margin:0; font-family:"DroidSansRegular",Helvetica,Arial,sans-serif; }
	#footer { width:960px; margin:0 auto; }
		#footer div.col { float:left; }
		#footer div.pad { margin:20px 0; }
		
		#footer #footer-nav { width:530px; margin:0 250px 0 180px; font-size:13px; }
			#footer-nav ul, #footer-nav ul li { list-style:none; margin:0; }
			#footer-nav ul { /* border-bottom:1px solid #aad9ef; */ padding:0 0 10px; margin:0 0 10px; }
			#footer-nav ul li { display:inline; margin-right:1.5em; }
			#footer-nav ul li.last { margin-right:0; }
		
		#footer #footer-info { text-align:right; width:140px; margin:0 0 0 -960px; }
			#footer-info .fn { background:transparent url(images/footer_logo.png) 10px 0 no-repeat; width:140px; height:30px; text-align:left; text-indent:-9999px; margin:0 0 5px; }
			#footer-info .tel { font-size:14px; font-weight:700; margin:0 0 5px; }
			#footer-info p { font-size:10px; }
			#footer-info p span { display:block; }
		
		#footer #footer-connect { float:left; width:210px; margin:0 0 0 -210px; }
			#footer-connect p { font-size:12px; }

/* content */
#mainwrap { background:transparent none; }
	#main { width:960px; margin:0 auto; }
	#breadcrumbs { margin:14px 10px; height:1.1em; line-height:1.1; font-size:11px; }

#content { width:620px; margin:0 340px 0 0; float:left; }
#sidebar { width:340px; margin:0 0 0 -340px; float:left; background:transparent none; }
	#content div.pad { margin:0 20px 20px; padding:0; }
	#sidebar div.pad { margin:0 0 20px 20px; padding:0; }

/* post */
.post { margin:0 0 15px; padding:0 0 15px; border-bottom:1px dotted #aad9ef; }
.single { border-bottom:0; }
	.post p.author { font-size:11px; text-transform:uppercase; padding:0 0 6px; color:#777; }
	.post p.author span { font-weight:700; }

.post h2 { margin:0 0 5px; }
	
.tweetmeme_button { padding:0 10px 10px; }

.postmeta, #postmeta { margin:10px 0 0; font-size:11px; }
.postmeta p, #postmeta p { margin:0; }
.postnavigation { padding:0 0 10px; }
.postnavigation a, .postnavigation span { display:block; font-size:11px; text-transform:uppercase; }
	.postnavigation a { line-height:1.1; }
	.postnavigation span.prev { float:left; text-align:left; width:30%; }
	.postnavigation span.next { float:right; text-align:right; width:30%; }

.postmeta p.comment-count, #postmeta p.comment-count { font-size:13px; font-weight:700; }

/* comments */
form { margin:0 0 10px; }
form .password input, form .text input, form .email input, form .textarea textarea, form .encrypt input, form .numeric input { padding:4px; font-size:12px; }
form .textarea textarea { width:550px; }
form .Actions { margin:10px 0; }
form .Actions input { padding:5px 10px; cursor:pointer; }
form .Actions input:hover {  }
form .Actions input:active { position:relative; top:1px; }

.comments_reply { padding:10px 0 0; }
.comments_reply p { font-size:12px; }

p.note { font-size:12px; }

#comments { margin:10px 0 0; padding:10px 0 0; border-top:1px dotted #ddd; }
ol#comments_list, ol#comments_list li { list-style:none; margin:0; }
ol#comments_list li { background:#fff; border:1px solid #e5e5e5; padding:10px; margin:0 0 10px; }
ol#comments_list li.odd { background-color:#f9fcfe; border-color:#e5f3fa; }
ol#comments_list li.bypostauthor { background-color:#fff8e3; border-color:#fcdfa6; }
ol#comments_list li p.author { color:#555; font-size:12px; font-weight:700; margin:0 0 5px; padding:0 0 5px; border-color:#ddd; }
	ol#comments_list li.even p.author { border-color:#e5f3fa; }
	ol#comments_list li.bypostauthor p.author { border-color:#fcdfa6; }
ol#comments_list li p span.date { font-size:12px; font-weight:400; }
ol#comments_list li .comment_text p { margin:0; }
ol#comments_list li .comment_text p+p { margin:0 0 10px; }

.comment_admin { font-size:10px; margin:5px 0 0; text-align:right; }
	.comment_admin a { color:#c00; }
.comment_admin span { float:left; text-align:left; }
	.comment_admin span a { color:#008dcd; }
	
input#submit-comment { display:block; height:29px; width:174px; background:transparent url(images/submit_comment.png) 0 0 no-repeat; border:0; text-indent:-9999px; cursor:pointer; }
input#submit-comment:hover, input#submit-comment:active { background-position:0 -29px; }

/* sidebar */
#sidebar div.pad { padding-bottom:4px; background:transparent url(images/callout_botcap.png) 0 100% no-repeat; }
#sidebar a {  }
#sidebar h3 a {  }
#sidebar ul, #sidebar ul li { list-style:none; margin:0; }
#sidebar ul { margin:0; }
#sidebar ul li.section, #sidebar ul li.categories { clear:both; background:transparent url(images/callout_bg.png) 0 -10px no-repeat; padding:0 25px 10px 20px; font-size:12px; }
#sidebar ul li.section h4, #sidebar ul li.categories h4 { text-transform:uppercase; font-size:12px; color:#feebab; background:#f59000 url(images/callout_heading_botcap.png) 0 100% no-repeat; width:; padding:5px 10px 15px; margin:0 -25px 0 -20px; border-right:3px solid #fff; }
#sidebar ul li ul, #sidebar ul ul li { margin:0; border:0; padding:0; }
#sidebar #search { display:none; }

p.socialnetworks { margin:0; font-size:16px; font-weight:700; }
p.socialnetworks img { vertical-align:middle; }