/******************************************
blog.dmgma.com layout CSS
******************************************/
* { margin: 0; padding: 0; outline: none; }
body {background:url(img/dmgma-header-bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#fff; color:#484b50;}
p {margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}

a {outline-style:none;} /* removes dotted lines around links when active */
a:link, a:visited {color:#990000; text-decoration:underline;}
a:hover {color:#FF0000; text-decoration:none;}

h3 {color:#9F1D1D;}
img {border:none;}
strong {font-weight:bold;}
b {font-weight:bold;}

#wrapper {width:905px; padding:0 0 0 5px; margin:0 auto;}
#header {width:1230px; height:155px; margin:0 -164px; background:url(img/dmgma-header.jpg) top left no-repeat;}

a.logo { width: 192px; height: 52px; float: left; background: url(img/logo.png); margin-top: 45px; }
a.logo span { display: none; }

#click-link {position:absolute; left: 150px; top: 0px; }
#click-link a {width: 275px; height: 155px; display:block;}

#subNav {position:absolute; width:55px; margin:14px 0 0 977px; text-align:right; line-height:25px;}
#subNav ul {}
#subNav li {}
#subNav a {color:#fff; text-decoration:none;}
#subNav a:hover { text-decoration:underline;}

#mainNav {position:absolute; margin:128px 0 0 430px; height:20px; font-size:12px;}
#mainNav ul {width:640px; list-style:none;}
#mainNav li {float:left; width:90px; text-align:center; display:inline; border-left:1px solid #4082c5;}
#mainNav li.last {border-right:1px solid #4082c5;}
#mainNav a {display:block; width:90px; color:#fff; text-decoration:none;}
#mainNav a:hover {display:block; color:#fff; text-decoration:underline;}

#branding { position:absolute; right:0px; top: 0px;}
#branding h1 a {color:#134077;font-weight: normal; text-decoration: none; font-size: 16px; margin: 0; padding: 0;}
#branding p { color:#6891c3; }

.search { float: right; margin-top: 55px; }
.search .search-text { background: url(img/search-bg.png) no-repeat; width: 157px; padding: 6px 30px 8px 10px;  border: none; }

#subheader { background:url(img/dmgma-blog-header-bg.jpg) top left no-repeat; width:900px; height:180px; float:left; margin:0 0 10px 0;}
#subheader p {font-size: 10px; margin: 55px 0 0 10px; width: 460px;}
/*
	script stuff 
*/

.search-alert {display: none; background: url(img/search-alert-arrow.png) no-repeat; padding: 20px 15px 10px 15px; float: left; margin-top: 2px; position: absolute; font-size: 10px; cursor: pointer; color: #000; }

#content { width: 560px; float: left; }

.post { width: 560px; margin-bottom: 50px; }
.post h2 a { color: #24446b; font-weight: normal; text-decoration: none; font-size: 24px; }
.post span.post-info { color: #CCCCCC; font-size: 10px; padding-bottom: 10px; width: 560px; float: left; }
.post p { line-height: 22px; margin-bottom: 10px; }
.post div.cats { border-top: 1px solid #ececec; padding-top: 10px; }

#sidebar {width:185px; float:right;}
#sidebar ul { list-style-type: none; }
#sidebar ul li { padding-bottom: 5px; border-bottom: 1px solid #ececec; margin-bottom: 15px; }
#sidebar ul li ul li { margin: 0; border: none; padding: 0; }
#sidebar ul li ul li /* a */ {padding:5px 0px 5px 20px; display:block; width:165px; background:url(img/sidebar-bullet.gif) no-repeat 0px 7px;}
#sidebar ul li h2 { font-size: 18px; color: #474747; padding-bottom: 9px; font-weight: normal; }

.navigation .previous {float:left;}
.navigation .next {float:right;}

#footer {float:left; width:909px; height:84px; margin:10px 0 30px 0; background:url(img/footer-bg.jpg) top right no-repeat;}
#footer ul {margin:30px 0 0 55px; font-size:11px;}
#footer ul li {display:inline; list-style:none; border-right:1px solid #fff; padding:0 5px;}
#footer ul li.last {border-right:none;}
#footer a {color:#fff; text-decoration:underline;}
#footer a:hover {text-decoration:none;}

#delaware {padding:20px 0;}

/*
	.comments template styles
*/

textarea { width: 450px; }

.comments { float: left; padding: 0; }
.comments input[type=text], textarea { width: 350px; }
.comments fieldset { padding: 20px; border: 1px solid #CCC; margin: 10px 0 20px 0; }
.comments p { padding: 0 0 10px 0; }
.comments h2 { padding: 0 0 15px 0; }

#cdisplay { list-style-type: none; padding: 0; margin: 0; }
#cdisplay li { padding: 10px;  margin-bottom: 10px; width: 560px; }
#cdisplay li.first {  background: #f9f9f9; border-bottom: #CCC 1px solid; }
#cdisplay li.second {  background: #f6f6f6; border-bottom: #dedede 1px solid; }

.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.alignleft {float: left;}
.alignright {float: right;}

.wp-caption {border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

img.avatar {float:right;}

/*=== clearfix ===*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
