/*
Theme Name: pda-theme
Theme URI: http://imthi.com/wp-pda/
Description: A theme especially designed for embedded devices (PDA,WAP)
Version: 1.0
Author: Imthiaz
Author URI: http://imthi.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

$Id: style.css 8 2007-03-05 04:48:43Z imthiaz $

*/

/* Start Generic Styles */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #fff;
	color: #000;
	padding:0px;
	margin:0px;
}

h1,h2,h3{
	font-size: 1.25em;
	padding:0px;
	margin:0px;
	margin-bottom:3px;
}
h4,h5,h6{
	font-size: 1em;
	padding:0px;
	margin:0px;
	margin-bottom:2px;
}
form{
	padding:0px;
	margin:0px;
}
a{
	color:#000;
}
/* End Generic Styles */


/* Start Heading Styles */

#header {
	background-color: #73a0c5;
	padding:5px;
	margin:0px;
	border-bottom: 1px solid #3C6A91;
}


#header h1{
	font-size: 2em;
	padding:0px;
	margin:0px;
}
#header div.description{
	font-size: 1.5em;
}

#searchform {
	background-color: #AEC8DD;
	padding:0px;
	margin:0px;
	border-bottom: 1px solid #3C6A91;
}
#content{
	margin:0px;
	padding:5px;
}
div.pagetitle{
	background-color: #AEC8DD;
	padding:5px;
	margin:0px 0px 5px 0px;
	border: 1px solid #3C6A91;
}

/* End Heading Styles */


/* Start 404  styles */

h2.center{
	padding:10px;
	font-size: 2em;
	text-align:center;
}

/* End 404  styles */

/* Start Content Related */

div.post{
	padding:0px;
	margin:0px;
	margin-top:2px;
	clear:both;
}

div.post h2{
	font-size: 1.5em;
	padding:0px;
	margin:0px;
}
div.post small{
	margin-left:5px;
}

div.entry{
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	margin-left:5px;
}
p.postmetadata{
	background-color: #E8E8E8;
	padding:5px;
	margin:0px;
	margin-bottom:5px;
}
.navigation{
	display: block;
	text-align: center;
	background-color: #E8E8E8;
	padding:5px;
	margin:0px;
	margin-top:3px;
	margin-bottom:3px;
}

/* End Content Related */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	border:0px;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}
/* End Images */

/* Start comments sections */
textarea#comment{
	width:80%;
}

h3#comments{
	font-size: 1.25em;
	padding:3px;
	margin:0px 0px 5px 0px;
	background-color: #808080;
	color:#fff;
}
ol.commentlist{
	margin: 0px;
	padding: 0px;
}
ol.commentlist li{
	margin: 0px 0px 2px 0px;
	padding: 3px;
	list-style-type: none;
	background-color: #dcdcdc;
}
ol.commentlist li.alt{
	background-color: #f5f5f5;
}
/* End comments sections */


/* Start Sidebar */
#sidebar{
	padding: 0px;
	margin: 0px;
	background-color: #AEC8DD;
	border-top: 1px solid #3C6A91;
}
ul.list{
	margin: 0px;
	padding: 3px;
	margin-bottom:0px;
}
ul.list li{
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}
ul.list li.head{
	font-weight:bold;
}
ul.list a {
	padding: 0px 3px 3px 0px; 
}

ul.list.line{
	border-bottom: 1px dashed #3C6A91;
	margin-bottom:3px;
	padding-bottom:6px;
}

/* End Sidebar */

/* Start Footer */
#footer {
	background-color: #73a0c5;
	padding:3px;
	margin:0px;
	border-top: 1px solid #3C6A91;
	text-align:center;
}
#footer p{
	padding:0px;
	margin:0px;
}
/* End Footer */

ul#nav{display:block;list-style:none;margin:0 20px;width:100%;position:relative;}
#nav li{float:left;position:relative}
