/*
THEME NAME: MNML
THEME URI: http://themeshaper.com/mnml-a-tumblelog-style-wordpress-theme/
DESCRIPTION: A Tumblelog-style Theme for WordPress based on <a href="http://www.plaintxt.org/themes/sandbox/">The Sandbox</a>
VERSION: 1.3
AUTHOR: <a href="http://themeshaper.com/">Ian Stewart</a>
AUTHOR URI:
Tags:two column, fixed width, fixed header, seo
*/


@import url('styles/reset.css');
@import url('styles/typography.css');




/* Structure
-------------------------------------------------------------- */


#header, #header-sub {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	width:100%;
}


#branding, #branding-sub {
    width:950px;
    margin:0 auto;
}

#access {
    width:950px;
    margin:0 auto;
}
#content-wrap {
    width:950px;
    margin:0 auto;
    overflow:hidden;
}
#container {
    width:590px;
    float:left;
}

#content {
	margin:0 40px 0 40px;
}

#primary {
	float:left;
	width:350px;
	margin:0 0 36px 10px;
}

#footer {
	clear:both;
    width:950px;
    margin:0 auto;
}


/* Global Elements
-------------------------------------------------------------- */


body {
	color:#FFF;
	background:#1B1B1B url(images/body-background.gif) no-repeat top center;
	background-attachment:fixed;
}
a:link, a:visited {
	color:#6DCFF6;
	text-decoration:none;
}
blockquote {
    font-family:Georgia,serif;
    font-size:15px;
    font-style:italic;
	line-height:140%;
}



/* Header
-------------------------------------------------------------- */


#header {
	background:url(http://www.hotsdots.com/wp-content/uploads/design/bg-bar-black.png) top;
	padding:15px 0 0 0;
	z-index:100;
	margin-bottom:-2px;
}

#branding {
	padding:20px 0;
}


#characters {
	float:right;
	margin:-190px 30px -40px 0;
	height: 245px;
	overflow: hidden;
}

#blog-title {
	font-size:24px;
	font-weight:bold;
	line-height:24px;
	padding:0 5px 0 40px;
}

#blog-title a {
	text-decoration:none;
}

#blog-title a:hover {
}

#blog-description {
    display:inline;
    font-size:18px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#040405;
	margin-right:70px;
}

/* Sub Page Header
-------------------------------------------------------------- */


#header-sub {
	background:url(http://www.hotsdots.com/wp-content/uploads/design/bg-bar-black.png) top;
	padding:15px 0 0 0;
	z-index:100;
	margin-bottom:-2px;
}

#branding-sub {
	padding:22px 0 5px 0;
}

#blog-title-sub {
	font-size:24px;
	font-weight:bold;
	line-height:24px;
	padding:0 5px 0 40px;
}

#blog-title-sub a {
	text-decoration:none;
}

#blog-title-sub a:hover {
}


/* Menu
-------------------------------------------------------------- */


.skip-link {display:none;}


#access {
    overflow:hidden;
}	
#access ul {
	margin:0 40px 0 30px;
	list-style:none;
	float:left;
    border-right:1px solid #232829;
}
#access ul ul {
	display:none;	
}
#access li {
	display:inline;
	margin:0;
}
#access a {
    display:block;
    float:left;
    color:#fff;
    padding:0 10px;
    line-height:21px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:1px;
    border-left:1px solid #232829;
border-top:1px solid #232829;
}
#access .current_page_item a {
    background:#3D4243;
}
#access a:hover {
    background:#323739;
}


/* Content
-------------------------------------------------------------- */


#wrapper {
	padding:0 0 320px 0;
}
#postbox {
    padding:54px 0;
    position:relative;
}
#postbox form {
    width:870px;
    margin:0 auto;
}
#postbox textarea {
    width:100%;
    margin-bottom:9px;
}
#postbox label {
	display: block;
}
#postbox input#tags {
}
#postbox input#submit {
}
#postbox #user-info {
    position:absolute;
    bottom:54px;
    right:40px;
}
#container {
	padding:54px 0 32px 0;
}
.hentry {
	margin:0 0 54px 0;
	position:relative;
}
.entry-title {
	font-size:27px;
	font-weight:bold;
	line-height:28px;
	margin-bottom:3px;	
	letter-spacing:-1px;
}
.entry-title a {
	text-decoration:none;
}
.entry-content {
	padding-top:16px;
}
.entry-content h1,.entry-content h2,.entry-content h3 {
	font-size:15px;
	font-weight:bold;
	margin:0 0 16px 0;
}
.entry-content h4,.entry-content h5,.entry-content h6 {
	font-weight:bold;
}
.entry-content h5 {
	font-size:12px;
}
.entry-content h6 {
	font-size:11px;
}
.entry-content abbr,.entry-content  acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
.caps {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:2px;
}
.important {
	font-weight:bold;
}
.entry-meta {
	font-size:11px;
}
.content-column, .entry-content .linkcat {
	margin-left:0;
	list-style:none;
}
.entry-content .linkcat {
	margin-left:-18px;
}
.content-column {
	margin-left:-18px;
	margin-bottom:18px;
} 


/* Tumblelog Categories
-------------------------------------------------------------- */


/* Asides */
.home .category-asides * {
    display:inline;
    position:relative;
}
.home .category-asides .entry-title {
    display:none;
}
.home .category-asides .comments-link {
    margin:0 0 0 .125em;
}
.home .category-asides .edit-link {
    margin:0 0 0 .125em;
}


/* Comments - modified 21 March for WordPress 2.7
-------------------------------------------------------------- */


h3#comments, h3#pings {                    /* Heading eg 13 Responses to "Eavesdropping on WoW Conversations" AND "Pingbacks/Trackbacks"  */
	padding-top:40px;
	font-size:17px;
	font-weight:bold;
	margin: 0 0 20px 0;
	border-top:1px solid #333;
	line-height:120%;
}

ol.commentlist {                          /* The list of all comments, including sublists made up of replies to comments */
	margin:30px 0 0 0;
}

ol.commentlist li {
	margin:0 0 45px 0;
}

ol.commentlist ul {                       /* Sublist containing replies to any given comment */
	margin: 5px 0 0 15px;
	border-left:1px solid #222;
	padding-left:15px;
	list-style:none;
}

.comment-author {
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}

.says {
	font-weight:normal;
	color:#666}

.comment-meta {                           /* the Posted: timestamp AND links AND vertical dividers */
	font-size:8px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 0 10px 0;
	color:#666;

}

.comment-meta a, .comment-meta a:hover, .comment-meta a:visited, comment-meta a:active {/* the linked timestamp AND edit link AND reply link */
	/*color:#fff;*/
}

.comment-meta a.timestamp, .comment-meta a.timestamp:visited {
	color:#666;
} 

.comment-body p {							  /* Text of any comment or reply, a div element */
	margin-bottom:8px;
}


.reply {                               /* A Reply text link that appears at the end of each comment - Span */
}

ol.pinglist {
	margin-bottom: 25px;
	border-bottom: 1px solid #333}		/* Add formatting to divide a Pingback/Trackback list from the Leave a Comment form


/* Primary Sidebar
-------------------------------------------------------------- */


#primary {
	width:348px;
    padding:0 0 18px 0;
    border-left:1px solid #272727;
	border-bottom:1px solid #272727;
	border-top:none;
}

#primary ul {
	margin:0;
	list-style:none;
}
#primary ul ul {
    padding:0 40px 18px 40px;
    background:transparent;
}
#primary ul ul ul {
    padding:0;
}
#primary h3 {
    text-transform:uppercase;
    font-size:12px;
    line-height:36px;
	font-weight:bold;
    padding:0 39px 0 39px;
    border:1px solid #272727;
    border-width:1px 0;
    margin:0 1px 10px 1px;
}
#primary a:link, #primary a:visited {
	color:#6DCFF6;
}
#primary a:hover {
        text-decoration:underline;
}
.sidebar #search form {
    padding: 0 40px 12px 40px;
}
.sidebar #search input#s {
    width:75%;
}

.sidebar li.suboptions {
padding-bottom:5px;
}

/* Primary Sidebar - Cass Customisation (Subscribe and Achievements) 
-------------------------------------------------------------- */

.suboptions_widget {
padding-bottom:15px;
}

.rss_icon {
padding-left:40px;
}

#achiev0, #achiev1 {
padding:0 0 15px 40px;	
}


/* Footer
-------------------------------------------------------------- */


#footer p {
    margin-left:40px;
}
/* Navigation
-------------------------------------------------------------- */


.nav-previous {
	float:left;
	width:50%;
}
.nav-next {
	float:right;
}
#nav-above,#nav-below {
	float:right;
	width: 100%;
}
.home #nav-above,.single #nav-above {
	display:none;
}
#nav-above {
	margin:16px 0;
}
#nav-below {
	margin-top:-16px;
	margin-bottom:16px;
}


/* Images
-------------------------------------------------------------- */


.entry-content img {
	margin: 0 0 16px 0;
	max-width:100%;
}
img.alignleft,
img.align-left {
	float: left;
	margin-right:1.5em;
}
img.alignright,
img.align-right,
div.alignright {
	display: block;
	float: right;
	margin-left:1.5em;
}
img.centered,
img.align-center {
	margin: 0 auto;
	display: block;
	float: none;
	clear: both;
}
.alignright {
    float: right;
}


.alignleft {
    float: left;
}


p.wp-caption-text {
color: #666;
border-top: 1px solid #333;
margin:-10px 10px 15px 0;
padding-top:5px;
font-size:11px;
line-height:normal;
}

/* Blogroll/Links Page
-------------------------------------------------------------- */

.blogroll {
	margin: 0 auto 2em auto;
	list-style-position:outside;
	list-style-type:circle;
}

.blogroll li {
	display: inline;	
}

.blogroll li img, .blogroll li img:hover {
	margin: auto -3px -5px auto;
	width:120px;
}

.blogroll li img {
	border:1px solid transparent;

}

.blogroll li img:hover {
	border:1px solid #transparent;
	background-color:#333;
	width:120px;
}

/* Form and Input Buttons, Leave a Comment/Reply
-------------------------------------------------------------- */


#respond h3 {
	font-size:17px;
	font-weight:bold;
	margin: 0 0 18px 0;
	padding-top:20px;
}

#respond input, #respond textarea {width:500px}

#respond label {
	color:#666;
	text-transform:uppercase;
	font-size:9px;
	letter-spacing:1px;
}

#respond p {margin-bottom:10px;}

#submit {}

input, textarea {
	background-color:#222;
	font-family: Georgia;
	font-size:12px;
	color:#fff;
	line-height: 150%;
	border:0;
	padding:5px;
	border-bottom:1px solid transparent;

}

input:focus, textarea:focus {
	background-color:#111;
	border-bottom:1px dashed #666
}

#searchsubmit {
  width: 45px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: 0;
  position:relative;
  top:2px;
  background: transparent url(http://www.hotsdots.com/wp-content/uploads/input-buttons/search.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#searchsubmit:hover {
  background: transparent url(http://www.hotsdots.com/wp-content/uploads/input-buttons/search-hover.png) no-repeat center top;
}

#commentform #submit {
  width: 130px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: 0;
  position:relative;
  top:2px;
  background: transparent url(http://www.hotsdots.com/wp-content/uploads/input-buttons/comment.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#commentform div.form-submit {margin-bottom:2em;}

#comment-notes {
	color:#666; 
	font-size:10px;
	margin: -1.5em 0 2em 0;
}

/* Miscellaneous Formatting */
/* ----------------------------------------------------------- */

span.tocheroic {background-color:#4a483e}

h2.spaciousheading {padding-top:3em; border-top:1px dashed #333}

table.PostTable, table.DataTable, table.LDataTable {
	border:1px solid #333; 
	font-size:85%; 
	margin-bottom:15px;}

table.DataTable {
	background-color:#222;
	color:#fff;
	border-bottom:none;
}

table.LDataTable {
	background-color:#222;
	color:#fff;
	border-bottom:none;
	border-left:none;
}

table.PostTable td, table.DataTable td, table.LDataTable td {
	border-bottom:1px solid #333;
	border-collapse:collapse;
	vertical-align:middle;
	}
	
table.PostTable td {
	text-align:center;
	padding:5px;
	}
	
table.DataTable td {
	text-align:center;
	padding:3px; 
}

table.LDataTable td {
	text-align:left;
	padding:3px;
	border-left:1px solid #333;	 
}


table.DataTable td.Ignore {color:#444;}
table.DataTable td.Highlight {background-color:#000; font-weight:bold;}

table.DataTable td.VT {background-color: #003366}
table.DataTable td.MF {background-color:#0099CC}
table.DataTable td.DP {background-color:#993399}
table.DataTable td.SWP {background-color:#FF9900}
table.DataTable td.SWD {background-color:#CC3333}
table.DataTable td.MB {background-color:#FF66CC}
table.DataTable td.MS {background-color:#330066}
	
div.bluepost {
	background-image:url('http://www.hotsdots.com/wp-content/uploads/blizzard/blizzard-tiny.png');
	background-repeat:no-repeat;
	background-position:top left;
	color:#35b3fa;
	padding: 0 20px 0 50px;
	margin:10px 0 15px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	
}
	
/* Success message displayed when user edits their comment with Plugin: Editable Comments */	
.comm_edited_msg {
	color:#ABD473;
	font-size: 10px;
	padding:0;
	margin-top:-8px;
	}
	
/* ALTS page formatting */
h3.character {
 font-size: 17px;
 margin:30px 0 0 0;
 padding:0;
 font-weight:normal;
 clear:both;
}

h4.characterinfo {
	font-size: 9px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:2px 0;
	padding:0;
	font-weight:normal;
	clear:none;
}

p.armory {
	font-size:10px;
	margin-top:-10px;
}

.druid {color:#ff7D0A}
.priest {color:#fff}
.mage {color:#69ccf0}
.warlock {color:#9482c9}
.rogue {color:#fff569}
.paladin {color:#f58cba}
.shaman {color:#2459ff}
.deathknight {color:#C41F3B}

img.alt {float:left; margin:2px 8px 0 0; width:120px; padding-right:8px; border-right:1px solid #333}

/* Top 52 Raid Boss List Styles */
h4 {margin:0; font-size:17px;}

.num {float:left; font-size:250%; margin:10px 10px 0 0; color:#333}

.raidzone {text-transform:uppercase; font-size:55%; color:#999}
.raidwing {text-transform:uppercase; font-size:55%; color:#666}

.boss {}

.tier7 .boss {color:#99ff00}
.tier8 .boss {color:#ffff00}
.tier9 .boss {color:#ff9900}
.tier10 .boss {color:#00ccff}

/* Herald of the Titans Gear Set List */
div.Tier8GearList {
	background-image:url('http://www.hotsdots.com/wp-content/uploads/2010/06/cass-t8-verticalhalf.png');
	background-repeat:no-repeat;
	padding-left:80px;
	}
	
div.Tier8GearList ul {list-style:none;}
div.Tier8GearList ul li {margin-bottom:10px;}