/*
Theme Name: notarf
Version: 1.0
Author: Adam Flaherty 
Author URI: http://notarf.com/
*/


/* @import "oldstyle.css";  */

body {
	background-image: url('images/bg.png');
	color: white;
	font-family:Tahoma;
}

div#banner {
	position:relative;
	background-image: url('images/header.png');
	width: 900px;
	height: 90px;
	margin: 0 auto 0px;
}

img#logo {
	position:absolute;
	top:15px;
	left:10px;
}

p {
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

h1 {
	text-align:center;
}

.posttime {
	display:block;
	text-align:left;
}

.message {
    clear:both;
    color:red;
    font-weight:bold;
}

div#content {
	width: 900px;
	margin: 0 auto 0px;
}

div#menu {
  	text-decoration:none;
	background-color: #13141B;
  	font-weight: bold; 
	width: 900px;
	height: 32px;
	line-height:32px;	
	margin: 0px auto 0px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#b0b0b0;
}

a {
    color: #b0b0b0;
    text-decoration:none; 
}

div#menu ul {
	margin:0px;
	margin-left:40px;
	padding:0px;
	list-style-type:none;
}

div#menu li {
	float:left;
	margin: 0 auto 0px;
}

div#contact {
	float:right;
	margin-right:15px;
}

div#page_content {
	background-color: #13141B;
	width: 900px;
    height: 100%;
	margin: 0px auto 0px;
}
div#page_content:after {
                        content: '.'; 
                        display: block; 
                        clear: both; 
                        visibility: hidden; 
                        height: 0; 
                        line-height: 0;
                }

.section_wrapper {
	float:left;
	margin-top:40px;
	margin-left:15px;
	width: 280px;
}

.section {
	position:relative;
	background-color: #4E555C;
	width: 280px;
	height: 330px;
	text-align:center;
}

.gallery  {
    position:relative;
    top:-25px;
	left:0px 
}

.section img {
	float:left;
	margin-left:8px;
	margin-right:5px;
	margin-bottom: 40px;
}

.section p {
	text-align:left
}

.sectionbar {
	background-color: #4E555C;
	float:left;
	height:25px;
	width: 230px;
}

.tl, .tr, .bl, .br {
	width:25px;
	height:25px;
} 

.tl {
    width:25px;
	height:25px;
	float:left;
	background-image: url('images/tl.png');
}

.tr {
    width:25px;
	height:25px;
	float:left;
	background-image: url('images/tr.png');
}

.bl {
	width:25px;
	height:25px;
	float:left;
	background-image: url('images/bl.png');
}

.br {
	width:25px;
	height:25px;
	float:left;
	background-image: url('images/br.png');
}

.postbar {
	float:left;
	background-color: #4E555C;
	height: 25px;
	width: 820px;
}

.post {
	clear:both;
	padding-top:20px;
}

.post .tl, .post .bl {
	margin-left:15px;
}

.post_content {
	position:relative;
	background-color: #4E555C;
	width: 870px;
	float:left;
	margin-top:0px;
	margin-left:15px;
}

.post_title {
	position:relative;
	top:-25px;
	left:25px;
}

.post_entry {
        width:820px;
	position:relative;
	left:25px;
}

.post_comments {
	margin-top:70px;
	position:relative;
	width:820px;
	left:25px;
	/*top:10px;*/
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#b0b0b0;
}

.post_metadata {
	position:relative;
	top:24px;
	left:25px;
}


.product_image {
	display:block;
	margin-left:15px;
	margin-right:15px;
	float:left;
	width:150px;
}

.product_data {
	display:block;
	margin-left:15px;
	margin-right:15px;
	float:left;
	width:144px;
}

.product_title {
	position:relative;
	top:-25px;
}

.gallery {
    margin-top: 10px;
    clear:both;
}

.gallery img {   
    border:0;
}

.gallery ul {
   list-style-type:none;
}

.gallery li {
	margin-right:5px;
 	float:left;
}

.gallery  {
    position:relative;
    margin-left:0px;
    top:15px;
	left:-25px 
}

.appstore_home img {
	display:block;
	position:absolute;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	bottom:0px;
	left:40px;
}

.appstore {
	margin-right:15px;
	float:right;
	width:200px;
}

div#footer {
	position:relative;
	background-color: #13141B;
	clear:both;
	width: 900px;
	height: 26px;
	margin: 0 auto 0px;
	text-align:center;
}

div#footer p {
	font-size:10pt;
    line-height:26px;	
}

div#footer_image { 
	background-image: url('images/footer.png');
	width: 900px;
	height: 15px;
	margin: 0 auto 0px;
}

img {
   border:0;
}

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;
	}