/*  
Theme Name: Dmarie
Theme URI: http://wordpress.org/
Description: Custom built theme.
Version: 0.1
Author: WWP
Author URI: 
*/

/*    basic layout    */
body		{ background: #000 url(images/bg.jpg) repeat-x left 0px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

#container	{ background: url(images/bg.jpg) repeat-x -55px -1px; width: 861px; position: absolute; left: 50%; margin-left: -430px; top:0;  z-index: 2;}

#head		{ width: 861px; height: 113px; position: relative; z-index: 5;}
#logo		{ width: 75px; height: 160px; position: absolute; left: -13px; top: 16px; z-index: 6;}
#name		{ width: 365px; height: 25px; position: absolute; left: 68px; top: 45px; background: url(images/dms.gif) no-repeat; }
#menu		{ width: 756px; height: 34px; position: absolute; left: 5px; top: 90px; background: url(images/menubg2.jpg) no-repeat; z-index: 5; padding-left: 120px;} 
#menu a		{ height: 20px; margin: 11px 20px; text-align: center; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 1px; display: block; float: left; color: #ffffff; text-transform: uppercase; cursor: pointer;}
#menu a:hover	{ color: #dfe;}
#menu a:visisted	{ color: white;}
#submenu	{ width: 306px; height: 27px; overflow: hidden; position: absolute; left: 168px; top: 122px; z-index:6;}
#submenu a 	{ float: left; display: block; height: 27px;}
#sub-local		{ width: 103px; background: url(images/submenu.png) no-repeat 0 0;}
#sub-local:hover	{ background-position: 0 -27px;}
#sub-regional	{ width: 100px; background: url(images/submenu.png) no-repeat -103px 0;}
#sub-regional:hover	{ background-position: -103px -27px;}
#sub-national	{ width: 103px; background: url(images/submenu.png) no-repeat -203px 0;}
#sub-national:hover	{ background-position: -203px -27px;}

#canvas		{ width: 861px; height: 412px; position: absolute; top: 114px; background: url(images/canvas.jpg) no-repeat; z-index: 3; padding: 15px 10px;}
#content	{ width: 861px; height: 412px; position: absolute; background: url(images/content.gif) no-repeat; z-index: 4}
#content *	{ padding: 0; margin: 0;}

#footer		{ width: 881px; height: 215px; position: absolute; left: 0; top: 546px; z-index: 5; background: url(images/footerbg.jpg);}
#about		{ width: 298px; height: 195px; position: absolute; left: 5px; top: 16px; z-index: 6; background: url(images/about-bg.jpg);}
#news		{ width: 570px; height: 185px; position: absolute; left: 305px; top: 23px; z-index: 6; background: url(images/news-bg.jpg);}
#about-content	{ width: 255px; height: 119px; position: absolute; left: 26px; top: 50px; z-index: 7; }
#about-content h2 { display: none;}
#about-content p	{ margin:0; text-indent: 12px; font-size: 12px;}
#about-content a	{ text-decoration: none; border-bottom: 1px dashed black; color: black;}
#about-content a.more	{ width: 245px; position: absolute; bottom: 25px; right: 5px; display: block; text-align: right;}
#about-content #contact	{ position: absolute; bottom: 5px; right: 5px;}
#about-content a:hover	{ color: #333; border-bottom:1px solid #aaa;}
#news-content	{ width: 536px; height: 134px; position: absolute; left: 14px; top: 33px; z-index: 7; }

img			{ border: 0;}
#viewer		{ margin: 1px 0 0 1px;}

#post-6		{ padding: 80px 150px;}
#post-6 p		{ text-indent: 5em;}

#resume		{ display: none; padding: 60px 40px 40px; text-align: center;}
#resume a	{ text-decoration: none; color: red;}
#resume a img	{ margin: 10px;}

.not-yet	{ cursor: not-allowed !important;}

.news-post-date	{ float: right; text-align: right; margin: 0 10px 3px 30px; font-weight: bold; }
.news-post-content	{ font-size: 12px;}
.news-post-content p { margin: 0 0 10px; padding: 3px 15px; clear: both; border-bottom: 1px dashed #dddddd;}