/*  
Theme Name: Dymersion
Theme URI: http://www.dymersion.com/
Description: The official theme of <a href="http://www.dymersion.com">Dymersion</a>
Version: 1.5
Author: Michael Merritt
Author URI: http://www.dymersion.com/
*/

html {
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
}

body {
	margin: 0;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	text-align: center; 
	min-width: 720px;
	color: #333;
	background: #e6ecf2;
}

form,
input { 
	margin: 0;
	padding: 0; 
}

a { 
	text-decoration: underline; 
	color: #36414d; 
	background-color: transparent;
}

a img { 
	border: 0; 
}

a:hover { 
	color: #364199;
}

img {
	border: 0; 
}

blockquote {
	padding-left: 5px;
	background-color: #e6ecf2;
	border-left: 1px solid #426472;
}

h1, h2, h3, h4, h5, h6 { 
	font-family: verdana, helvetica, arial, sans-serif; 
	font-weight: normal; 
}

h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
	margin-top: 10px;
	margin-bottom: 10px;
}

hr { 
	color: #B4CDCD; 
	width: 50%; 
}

li { 
	font-size: 11px;
	color: #666; 
}


/* standard helper classes */

.clr {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0.0;
}

/* TOP NAVBAR */

#pages {
	background: transparent url("http://www.dymersion.com/site_img/head_bg.png") repeat-x top left;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
}

#pages span {
        text-align:center;
        margin: 10px;
}

#pages span a,
#pages span a:visited,
#pages span a:hover {
        text-decoration: none;
	color: #36414d;
}

#pages span a:hover {
	color: #364199;
}

/* 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.aligncenter {
	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 */

/* BANNERS */

#banner { 
	position: relative;  
	margin: 0; 
	padding: 0; 
	width: 738px; /* necessary for ie win */
}

#banner-inner { 
	background: transparent url("http://www.dymersion.com/site_img/head_bg.png");
	position: static;
	height:63px; 
}
						  
#banner-header {
	margin: 0;
	color: #000000;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.0;
}

#banner2 {  
	background: transparent url("http://www.dymersion.com/site_img/head_bg2.png") repeat-x top left;
	height: 8px;
	margin: 0; 
	padding: 0;
}

#banner3 { 
	background: transparent url("http://www.dymersion.com/site_img/head_bg3.png") repeat-x top left;
	height: 9px;
	margin: 0;
	padding: 0;
}

#banner4 {
	height: 4px;
	font-size: 1px;
        margin-bottom: 0;
}

#banner5 {
	height: 2px;
	background: transparent url("http://www.dymersion.com/site_img/dots.png");
	font-size: 1px;
}

/* AVATARS */

.avatar {
	float: left;
	padding: 1px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: transparent;
}  

.postavatar {
        float: left;
        padding: 0;
        margin: 0;
        border: 0;
}   

/* ENTRIES */

.content-nav {
	margin: 0 10px 10px 10px;
	padding: 1px;
	border: 1px solid #000; 
	text-align: center;
	background-color: #d9e4e9;
}

.entry {
	position: static;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

.entry-header {
	margin-top: 0;
	border-bottom: 2px dotted #a3b8cc;
	background: url("http://www.dymersion.com/site_img/chead_bg.png") top right;
	padding: 0;
	color: #426472;
	font-size: 18px;
}

.entry-header a,
.entry-header a:visited {
	text-decoration: none;
	color: #426472;
}

.entry-header a:hover {
	text-decoration: none;
	color: #000000;
}

.date-header {
	margin-top: 0;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: underline;
	color: #426472;
}

.date-header,
.entry-content {
	position: static;
	clear: both;
}

.entry-content {
	clear: both;
	margin: 0;
	line-height: 1.5;
}

.entry-body {
	clear: both;
}

.entry-footer {
	clear: both;
	margin: 0;
	border-top: 2px dotted #a3b8cc;
	padding-top: 3px;
	color: #666;
	font-size: 10px;
	text-align: right;
}

.entry-footer-search {
	clear: both;
	margin: 0;
	padding-top: 0;
	color: #666;
	font-size: 10px;
	text-align: right;
}

.entry-more-link {
   font-size: 11px;
}

/* COMMENTING */

.trackbacks,
.comments {
	position: static;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

.comment {
	border: 1px dashed #a3b8cc;
	background: #e6ecf2;
	margin: 10px;
	padding: 0 10px;
}

.comment-official {
	border: 1px solid #000;
	color: #fffff0;
	background: #40826D;
	margin: 10px;
	padding: 0 10px;
}

.trackbacks-header,
.comments-header {
	/* ie win (5, 5.5, 6) bugfix */
	p\osition: relative;
	width: 100%;

	w\idth: auto;

	margin: 0;
	border: 1px solid #426472;
	padding: 5px;
	color: #426472;
	background: #d9e4e9 url("http://www.dymersion.com/site_img/mhead_right.png") no-repeat bottom right;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.0;
	text-transform: uppercase;
}

.comments-header a,
.comments-header a:hover {
	color: #426472;
}

.comments-content {
	clear: both;
	margin: 5px;
	margin: 0;
	line-height: 1.5;
}

.comment-footer {
	font-size: 11px;
	clear: both;
	margin: 5px 10px 10px 10px;
	border-top: 2px dotted #a3b8cc;
	padding-top: 3px;
	color: #666;
	font-size: 10px;
	text-align: right;
}

.comment-footer-official {
	clear: both;
	margin: 5px 10px 10px 10px;
	color: #fff5f0;
	border-top: 2px dotted #fff;
	padding-top: 3px;
	font-size: 10px;
	text-align: right;
}

.comment-footer-official a {
	color: #fff5f0;
}

.trackbacks-info {
	margin: 10px 0;
	border: 1px dashed #a3b8cc;
	padding: 0 10px;
	color: #292e33;
	font-size: 11px;
	text-align: center;
	background: #e6ecf2;
}

#openid_url,
#lj_user {
	width: 240px;
	border: 1px solid #a3b8cc;
}

/* MODULES */

.module {
	position: relative;
	overflow: hidden;
	width: 95%;
	margin: 10px auto 10px auto;
	border: 1px solid #426472;
	background: #d9e4e9;
}

.module-header {
	/* ie win (5, 5.5, 6) bugfix */
	p\osition: relative;
	width: 100%;
	w\idth: auto;

	margin: 0;
	padding: 5px;
	color: #426472;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.0;
	text-transform: uppercase;
	border-bottom: 2px dotted;
	vertical-align: middle;
	background: #d9e4e9 url("http://www.dymersion.com/site_img/mhead_right.png") no-repeat bottom right;
}

.module-content {
	position: relative;
	margin: 0 0 10px 0;
	padding: 10px 10px 0 10px;
	font-size: 10px;
	line-height: 1.2;
}

.module-calendar .module-content table {
   font-size: 11px;
}

.module-calendar .module-content caption {
	font-weight: bold;
}

.module-calendar .module-content th,
.module-calendar .module-content td {
   width: 14%;
   text-align: center;
}

.module-content a { 
	color: #36414d; 
}

.module-content a:hover { 
	color: #a3b8cc; 
}

.module ul {
	margin: 0 15px 10px 15px;
	padding: 0;
	list-style: disc;
}

.module li a:hover {
	color: #364199;
}

.module-list-item {
	margin-top: 0;
	margin-bottom: 5px;
	color: #666;
	line-height: 1.2;
	font-size: 12px;
}

.meta-list {
        list-style: none;
        padding: 0;
}

.tag-link a:hover {
       	color: #364199;       
}

/* TWITTER */

li.twitter-item {
        margin-bottom: 5px;
}

.twitter-timestamp {
        font-style: italic;
}

/* SEARCH */
.search-header {
	/* ie win (5, 5.5, 6) bugfix */
	p\osition: relative;
	width: 100%;
	w\idth: auto;

	margin-bottom: 10px;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
	border: 1px solid #426472;
	padding: 5px;
	background: #d9e4e9;
	color: #426472;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.0;
	text-transform: uppercase;
}

/* PAGE STRUCTURE */

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0.0;
}

* html .pkg { 
	display: block; 
}

/* no ie mac \*/
* html .pkg {
	height: 1%; 
}

.pkg { 
	display: block; 
}
/* */

#container {
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 740px;
	text-align: left;
	margin-bottom: 20px;
	background: #fff
}

#container-inner { 
	position: static; 
	width: auto; 
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #426472;
	padding-right: 0;
}

#pagebody { 
	position: relative; 
	width: 100%; 
}

#pagebody-inner { 
	position: static; 
	width: 100%; 
}

#alpha, #beta {
	display: inline; /* ie win bugfix */
	position: relative;
	float: left;
	min-height: 1px;
}

#alpha-inner,
#beta-inner {
	position: static;
}

#alpha { 
	margin: 18px 15px 0 15px; 
	width: 460px; 
}

#beta { 
	margin-top: 15px; 
	width: 240px; 
	background: #e6ecf2; 
}

/* two-column-left tweaks */

.layout-two-column-left #alpha {
	margin: 0;
	width: 460px;
	background: #e6ecf2;
}


.layout-two-column-left #alpha-inner {
	padding: 10px 10px 0 0;
	border-width: 2px 0 2px 2px;
	border-style: solid;
	border-color: #fff;
}

.layout-two-column-left #beta {
	margin: 15px 15px 0 15px;
	width: 240px;
	background: #e6ecf2;
}

.layout-two-column-left #beta-inner {
	padding: 0;
	border-width: 0;
}