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

body { background:#ccc; }

#container { width:960px; margin:0px auto; background:#fff;  border:1px solid #ccc; border-bottom:0; border-top:10px solid #ccc;   }

#header { background-color:#efefef;  padding:5px 0 5px 0; border-bottom:5px solid #ccc; }

#bodyStarter { margin-top:40px;}

.post { margin-bottom:80px;}

#nav { margin-top:5px; }

#footerShell { background-color:#0099FF; width:960px; margin:0px auto; padding:20px 0 40px 0; border:1px solid #ccc; border-top:5px solid #ccc; }

#footer {  padding-left:10px;}





/* Type
----------------------------------------------------------------------------------------------------*/

body { font-family:Helvetica, Arial, Sans-serif; }

h2 { font-size:28px; line-height:36px;  }

h1 { font-size:28px; line-height:36px;  }

#sidebar h3 { font-size:18px; line-height:18px; color:#333; text-transform:uppercase; }

h4 { font-size:14px; line-height:18px; }

p { font-size:12px; line-height:18px; }

li { font-size:12px; }

#nav { text-transform:uppercase; font-weight:bold; color:#333; }

#navFoot { text-transform:uppercase; font-weight:bold; color:#333; font-size:10px; }

#footer p { color:#ccc; font-weight:bold;}

.postmetadata { margin:0; padding:0; }
.postmetadataTwo { border-top: 1px solid #ccc;  margin:5px 0 0 0; padding:5px 0 0 0;  }


/* Links
----------------------------------------------------------------------------------------------------*/

a { color:#0099FF; }

h2 a { text-decoration:none; color:#333;  }

h2 a:hover { color:#0099FF; }

h1 a { text-decoration:none; color:#333;  }

h1 a:hover { color:#0099FF; }

#nav a { color:#333; text-decoration:none; font-size:14px; }

#navFoot a { color:#000; text-decoration:none; font-size:10px; }

#nav a:hover { color:#0099FF; }

#navFoot a:hover { color:#efefef; }

a#current { color:#0099FF; }

#sidebar li  a { text-decoration:none; padding:0 10px;  }




/* Lists
----------------------------------------------------------------------------------------------------*/
ul { list-style-type: none; margin:0; padding:0; }

li { list-style-type: none; margin:0; padding:0;}

#sidebar ul { margin-bottom:40px; }

#sidebar li { margin-bottom:50px; }

#sidebar li li {  border-bottom:1px solid #ccc; padding:5px 0; display:block; margin-bottom:0px; }

#sidebar li li:hover { background:#F1F1F1; }

#sidebar li li:hover a { color:#333; font-weight:bold; }

#nav ul { margin-left:10px;}

#navFoot ul { margin-top:10px;}

#nav li { display:inline; padding-right:10px;  }

#navFoot li { display:inline; padding-left:10px;  }


/* Images
----------------------------------------------------------------------------------------------------*/

.post img { border:1px solid #CCC; }


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

/*	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 */



/* Forms
----------------------------------------------------------------------------------------------------*/
#s, #email { height:16px; width:160px; }

#search, #subscribe { background-color:#333; border:0; color:#fff; font-size:10px; padding:3px; margin:0; margin-left:2px; }