/*
Theme Name: Bighousegraphix Blog
Theme URI: http://www.bighousegraphix.com
Description: Bighousegraphix Blog Website.
Version:
Author: Sarah Brenner, Bighouse Graphix
Author URI: http://www.bighousegraphix.com

*/

/* Reset global properties
----------------------- */
* {
	margin: 0px;
	padding: 0px;
 }

html, body, p, form, input, label, 
div, span, h1, h2, h3, h4, h5, h6, h7,
br, a, table, tr, td, ul, ol, li, img {
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-decoration: none;
	list-style-type: none;
 }
 
h1, h2, h3 ,h4 ,h5 ,h6 ,h7 {
	display: inline;
 }
 
/* Basic HTML tags
--------------- */
a {
	color: #666666;
 }

a:hover {
	text-decoration: underline;
 }
 
p {
	font-weight: normal;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
 }
 
p a {
	color: #181818;
 }
 
p.postmetadata a {
	color: #666666;
 }
 
p.postmetadata .orange a {
	color: #FE5815;
 }
 
h2 {
	font-weight: normal;
	font-size: 14px;
	color: #FE5815;
 }
 
h2 a {
	font-weight: normal;
	font-size: 14px;
	color: #FE5815;
 }
 
h3 {
	font-weight: normal;
	font-size: 14px;
	color: #666666;
 }
 
#content h2 a {
	font-weight: normal;
	font-size: 18px;
	color: #FE5815;
 }
 
#sidebar h2 {
	font-weight: normal;
	font-size: 11px;
	color: #FE5815;
	text-transform: uppercase;
	letter-spacing: 2px;
 }
 
#sidebar .orange {
	color: #FE5815;
 }
 
.orange a {
	color: #FE5815;
 }
 
.small {
	font-size: 9px;
 }
 
.post_entry {
	text-align: justify;
	margin-top: 10px;
 }
 
 .postmetadata {
	border-bottom: dotted 1px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
 
.email {
	vertical-align: text-bottom;
 }
 
/* Start Website in Sequence */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #666666;
	background: #000000;
 }

#container {
	width: 700px;
	height: auto;
	margin: auto;
	background: #FFFFFF;
 }

#banner {
	width: 700px;
	height: 210px;
	margin: auto;
	background: url(images/bighouse_header.jpg) no-repeat 15px 15px;
 }

#pagebody {
	width: 700px;
	margin: auto;
 }

#content {
	width: 430px;
	float: left;
	padding: 0px 40px 15px 40px;
	margin-bottom: 10px;
 }

#sidebar {
	width: 175px;
	float: right;
	margin: 0px 10px 10px 0px;
 }

#sidebarDotted {
	border-top: dotted #666666 1px;
 }

   
 /* End Center */
 
/* Start Nav
--------- */
#nav {
	width: 800px;
	height: 45px;
 }
 
 ul {
	list-style: none;
	margin: 0;
}
 
#sidebar ul {
	list-style: none;
	margin-bottom: 10px;
	font-size: 11px;
}

li {
	position: relative;
	cursor: default;
}

 /* End Nav */
 

/* Start Bottom */



/* End Bottom */

/* Start Footer */

#footer {
	width: 800px;
	margin: auto;
	text-align: right;
	color: #636363;
 }
 
 /* End Footer */
 
 /* Start Forms */

input, textarea {
	border: 1px solid #666666;
	background-color: #FFFFFF;
 }

form td {
	color: #FFFFFF;
	font-weight: bold;
 }

.submit {
	width: 55px;
	font-size: 0.9em;
	background-color: #FFFFFF;
	margin: 5px 0px;
 }
 
/* End Forms */

/* Clear Fix Code */
.ClearFix:after{
      content:".";
      display:block;
      height:0;
      clear:both;
      visibility:hidden;
}

/* WinIE7 only */
*:first-child+html .ClearFix{
      height:1%;
 }

/* WinIE6 and below */
* html .ClearFix{
      height:1%;
}

/* MacIE only */
/*¥*//*/
.ClearFix{
	display:inline-table;
 }
/**/


	
	
	/* Begin Images */
p img {
	margin-right: 3px;
	margin-bottom: 3px;
	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 */