/*
Theme Name: Wapple Architect
Theme URI: http://mobilewebjunkie.com
Description: Dynamic mobile theme
Version: 1.2
Author: Rich Gubby
Author URI: http://mobilewebjunkie.com
Tags: mobile, dynamic

Notes:
	- Amend the colour on .entry and .postmetadata to match that of your selected theme
	- If you need further modifications, feel free to make any you want! I've removed
	  some background images on main things but there may be other ones you want to remove
	  for mobile to make it faster to load. You may also want to change the format of 
	  images (png -> jpg for example) to aid the load time again.
*/

/* Clear background image on body */
body, body.body {background-image: none;}
td{padding:0;}

/* Clear background image on #header */
#header {background-image: none;height:auto;font-size:1em;}
#headerH1{display:none;}

/* Reformat h1-h5 tags slightly for mobile */
h1{margin:10px 0 0;font-size:2em;height:auto;padding-top:0;}
h2{margin:5px 0 0;font-size:1.5em;}
h3{margin:5px 0 0;font-size:1.3em;}
h4{margin:5px 0 0;font-size:1.2em;}
h5{margin:5px 0 0;font-size:1.1em;}
.postTitle{text-align:left;}

/* Remove background on #nav */
.nav{}
.nav td{}

/* Set bottom margin on navigation */

.navigation{margin-bottom:0;padding-bottom:5px;}

/* Text align .entry classes to be to the left */
.entry,.entry_row{text-align:left;}
.waplsmall{font-size:0.9em;padding-left:2px;}

.postmetadata.alt {font-size:0.9em;padding:2px;}
.postmetadata{border-width:5px;}

/* Form posting */
.form_label{font-weight:bold;	}
.form_value {display:block;}
.postmetadata,.commentTitle,#f_author,#f_email,#f_url,#f_comment,#f_submit{text-align:left;}

/* Set background colour on .entry and .postmetadata classes */
/*.entry_row, .search_row, .entry_row_row, .postmetadata, .post-date_row, .postTitle_row, .navigation {background-color:#fff}*/
.main{padding:0;margin:0;}
.entry_row{padding-bottom:15px;}
.post-date{float:none;text-align:left; font-size:0.9em;padding-bottom:10px;}

.navigation .older a, .navigation .newer a{margin:0 0 0 5px;}
.postNext, .postPrev {padding-bottom:10px;}