/*
Theme Name: DM Hub
Theme URI: http://dungeonmastering.com
Description: The future of Dungeon Mastering
Version: 0.1
Author: Yax
Author URI: http://dungeonmastering.com
Tags: DM, Dungeon Mastering

	DM Hub v0.1
	
	Designed by Yax
*/



/* Global styles */
body { margin:0; padding:0 0 0 0; font-family:"Times New Roman", Times, serif; background:#fff; color:#333; font-size:1.0em; line-height:1.4em; }
#page{ width:980px; margin:0 auto; position:relative; }
#header{ height:10px; margin: 20px 0 10px 0 ; text-align:center; }
#logo-notext{ position:absolute; top:-47px; left:-148px; z-index:9999; width:200px; border:none; }
#contentleft{ width:730px; float:left; }
.post{ margin-right:20px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:1.7em; }
.post h2{ margin:0; font-family:"Times New Roman", Times, serif; }
.post ul li{ margin-bottom:10px; line-height:1.7em; }

a:link, a:active, a:visited { color:#222; border-bottom:1px dotted #222; text-decoration:none; }
a:hover{ color:#660000; border-bottom:1px dotted #660000; text-decoration:none }
a.noline{ border-bottom:none; }
a.light{ color:#555; border-bottom:1px dotted #555; }
.bold{ font-weight:bold; }
.dark{ color:#111; }
.light{ color:#555; }
.xlight{ color:#777; }
.small{ font-size:0.9em; }
.xsmall{ font-size:0.8em; }
.xxsmall{ font-size:0.7em; }
.large{ font-size:1.2em; }
.xlarge{ font-size:1.5em; }
.hide{ visibility:hidden; }
.clearfloat{ clear:both; }
.float-l{ float:left; }
.float-r{ float:right; }
.lucida{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }

/* Top Nav bar */
#topnav{ z-index:9999; position:absolute; top:0; left:0; margin:0; padding:0; width:100%; height:24px; background:#660000; border-bottom:1px solid #000; border-top:1px solid #000; }
#topnav ul{ width:980px; list-style:none; margin:0 auto; padding:0; color:#fff; }
#topnav ul li{ margin:0 20px 0 0; padding:0; float:left; line-height:24px; font-size:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#topnav ul li a{ color:#fff; border:none; }

/* Global Nav bar */
#globalnav{ z-index:9999; position:fixed; bottom:0; left:0; margin:0; padding:0; width:100%; height:24px; background:#ddd; border-top:1px solid #999; }
#globalnav ul{ width:980px; list-style:none; margin:0 auto; padding:0; }
#globalnav ul li{ margin:0 20px 0 0; padding:0; float:left; line-height:24px; font-size:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }

/*	My Tools Navbar */
#nav{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; z-index:9999; position:absolute; top:26px; left:0; margin:0; padding:0; width:100%; height:28px; background:#333; border-bottom:1px solid #000; }
#nav ul{ width:980px; list-style:none; margin:0 auto; padding:0; color:#fff; line-height:28px; font-size:12px }
#nav ul li { float: left; list-style: none; margin: 0px; padding: 0px }
#nav ul li a, #nav ul li a:link, #nav ul li a:visited { color: #fff; display: block; border-bottom:none; }
#nav ul li a:hover, #nav ul li a:active {	background: #222222; color: #FFFFFF; display: block; border-bottom:none; }
#nav ul li li a, #nav ul li li a:link, #nav ul li li a:visited { opacity: .98; filter: alpha(opacity=98); background: #1A1A1A; width: 190px; color: #EEE; float: none; margin: 0px; padding: 5px 0; border-bottom: 1px solid #333333; }
#nav ul li li a:hover, #nav ul li li a:active {	background: #373737; color: #FFFFFF; padding: 5px 0; }
#nav ul li ul {	z-index: 999; position: absolute; left: -999em; height: auto; width: 190px; margin: 0px; padding: 0px; }
#nav ul li ul a { width: 160px }
#nav ul li ul ul { margin: -31px 0 0 192px; }
#nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li.sfhover ul ul, #nav ul li.sfhover ul ul ul { left: -999em; }
#nav ul li:hover ul, #nav ul li li:hover ul, #nav ul li li li:hover ul, #nav ul li.sfhover ul, #nav ul li li.sfhover ul, #nav ul li li li.sfhover ul { left: auto; }
#nav ul li:hover, #nav ul li.sfhover {	position: static; }



/* hub */
#header-hub{ margin: 20px 0; text-align:center; }
#logo-hub{ position:absolute; top:-20px; left:-20px; width:300px; }
#who-we-are{ margin:10px 0 65px 282px; padding:45px 0 0 0; }
#who-we-are h1{ font-size:1.6em; line-height:1.5em; font-weight:lighter; }
#hub{ margin:20px 0 0 0; padding:0 0 25px 0; border:3px solid #DDD; border-left:none; border-right:none; }
#hub ul { margin: 0; padding:0; list-style:none; }
#hub ul li{ width:282px; margin: 0 60px 20px 0; padding:0; float:left; }
#hub ul li h2 { line-height:0.2em; }
#hub ul li p { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }

/* blog home */
.article-excerpt img{	padding:1px; border:1px solid black; width:250px; height:150px; }
.title-excerpt{ padding:10px 0 20px; font-size:0.9em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.title-excerpt a{ border:none; }
.title-excerpt p{ margin:0; padding:0; width:580px; }
.title-excerpt h3{ font-size:1.3em; margin:0 0 0 0; padding:0; font-family:"Times New Roman", Times, serif; }
.more{ line-height:1.4em; margin-top:3px; margin-bottom:5px; }

/* sidebar */
#sidebar{ width: 239px; float:right; border-left:1px dotted #ccc; }
#sidebar div{ margin: 0 0 0 10px; }
#sidebar ul{ list-style:none; margin:0; padding:0; }
.brand-author{ padding-top:10px; }
.brand-author img{ float:left; margin:0 10px 0 0; padding:1px; border:1px solid #000; }
.brand-author p{ margin:0 0 0 0; padding:0; line-height:1.3em; }
.button {
	background:#F3BAB1;
	border:4px solid red;
	padding:2px;
	margin:0 0 0 0;
	color:black;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
width:155px;
	text-decoration:none;
}
.buttonHover {
	background:#F3BAB1;
	border:4px solid #66CC00;
	padding:2px;
	margin:0 0 0 0;
	color:black;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
width:155px;
	text-decoration:none;
}

/* Archives page */
table#projects{ margin:10px 0 0 0; }
table#projects tr td a{ border: none; }
table#projects tr td a img{ border: 1px solid #000; padding:1px; margin:0 10px 10px 0; }



/************************************************
*	Footer Background							*
************************************************/

#footerbg {
	background: #222222 url(http://www.dungeonmastering.com/wp-content/themes/epic/images/footer.png) repeat-x;
	}
	
/************************************************
*	Footer  									*
************************************************/

#footer {
	width: 980px;
	color: #CCCCCC;
	margin: 0px auto 0px;
	padding: 30px 0 20px 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
#footer a{ color:#ccc; border-bottom: 1px dotted #999; }

#footer table tr td.title-cell{ width:150px; }