/*
Designed by Jesse Gardner, PlasticMind Design (http://www.plasticmind.com)
For Byrne Reese, MajorDojo (http://www.majordojo.com)
*/

/* REMOVE STANDARD FORMATTING FROM HTML ELEMENTS */

	body {
		margin:0;
		padding:0;
		}
	p, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, dt, dd {
		margin: 0;
		padding: 0;
		line-height: 1;
		font-size:100%;
		}
	form, select, input, textarea, optgroup {
		margin: 0;
		padding: 0;
		font-size:100%;
		font: 1em "Lucida Sans", Arial, helvetica, sans-serif;
		}

/* LAYOUT AND STRUCTURE */

	body { 
		font: 1em "Lucida Sans", Arial, helvetica, sans-serif; 
		background: #212121 url(images/common/body-black.gif) repeat-x top left;
		text-align: center; /* Oh the joys of IE... */
		}  
	.container {
		width: 760px;
		margin: 0 auto;
		text-align: left;
		}
	#mid {
		background: #a6d2e5 url(images/common/mid.gif) top left repeat-x;
		}
	#bottom {
		background: url(images/common/bottom.gif) top left repeat-x;
		}

/* Miscellaneous Standard Elements */

	.clear {clear:both;}
	a { 
		color: #27a; 
		text-decoration: none; 
		font-weight: bold;
		}
	a:hover { 
		text-decoration: underline; 
		}
	a img {
		border:solid 1px #ccc;
		}

/* TOP NAVIGATIONAL MENU */

	#navmenu-top {
		height: 64px;
		overflow: hidden;
		}
	#navmenu-top ul { list-style: none;	}
	#navmenu-top li {
		float:left;
		font-size: 80%;
		color: #fff;
		}
	#navmenu-top li a {
		display:block;
		background: transparent url(images/common/navmenu-top-select.gif) repeat-x top left; /* Speedy image switching */
		color: #fff;
		padding: 25px 15px;
		}
	#navmenu-top li a:hover {
		background: transparent url(images/common/navmenu-top-select.gif) repeat-x bottom left; /* Speedy image switching */
		}
	#md-logo { 
		float:right; 
		margin-top:10px;
		}
	#md-logo h1 a {
		display: block;
		width:175px;
		height:45px;
		background: url(images/common/logo-majordojo.gif) top left no-repeat;
		text-indent:-9999px;
		overflow:hidden;
		}
	#md-logo h1 a:hover {
		background: url(images/common/logo-majordojo.gif) bottom left no-repeat;
		}


/* BANNER */

	#banner {
		height: 241px;
		overflow: hidden;
		}
	#banner h1 {
		position: relative;
		top: 25px;
		left: 55px;
		text-indent: -999em; /* Image replacement for title */
		}
	#banner h2 {
		position: relative;
		top: 25px;
		left: 55px;
		text-indent: -999em; /* Image replacement for slogan */
		}
	#banner a.dlbox {
		display:block;
		overflow: hidden;
		width: 365px;
		height: 91px;
		background: transparent url(images/common/download-box.gif) no-repeat top left; /* Speedy image flipping */
		position: relative;
		top: 40px;
		left: 55px;
		color: #fff;
		font-size:150%;
		font-weight: normal;
		}
	#banner a.dlbox:hover {
		background: transparent url(images/common/download-box.gif) no-repeat bottom left; /* Speedy image flipping */
		text-decoration:none;
		}
	#banner .dlbox-inner { /* Lets us pad the inside of the download box */
		display:block;
		padding: 30px 0 0 80px;
		}	
	#banner .dlbox-inner span { 
		font-size:60%;
		display:block; /* Allows us to break the second line of the download box */
		}
	#banner #logo {
		float:right;
		margin:35px 0 0 0;
		}

/* Banner Customizations: Lets us apply customizations to the banner via the id in the body tag */

	#mediamanager #banner h1 {
		background: transparent url(images/mm/logo-text.gif) no-repeat top left;
		width: 392px; height: 64px;
		}
	#mediamanager #banner h2 {
		background: transparent url(images/mm/logo-slogan.gif) no-repeat top left;
		width: 441px; height: 21px;
		}
	#mediamanager #banner #logo {
		background: transparent url(images/mm/logo.gif) no-repeat top left;
		width: 231px; height: 168px;
		}
		
	#pluginmanager #banner h1 {
		background: transparent url(images/pm/logo-text.gif) no-repeat top left;
		width: 399px; height: 66px;
		}
	#pluginmanager #banner h2 {
		background: transparent url(images/pm/logo-slogan.gif) no-repeat top left;
		width: 356px; height: 21px;
		}
	#pluginmanager #banner #logo {
		background: transparent url(images/pm/logo.gif) no-repeat top left;
		width: 243px; height: 173px;
		}
		
	#widgetmanager #banner h1 {
		background: transparent url(images/wm/logo-text.gif) no-repeat top left;
		width: 424px; height: 68px;
		}
	#widgetmanager #banner h2 {
		background: transparent url(images/wm/logo-slogan.gif) no-repeat top left;
		width: 432px; height: 21px;
		}
	#widgetmanager #banner #logo {
		background: transparent url(images/wm/logo.gif) no-repeat top left;
		width: 231px; height: 168px;
		}

	#feedmanager #banner h1 {
		background: transparent url(images/fm/logo-text.gif) no-repeat top left;
		width: 357px; height: 64px;
		}
	#feedmanager #banner h2 {
		background: transparent url(images/fm/logo-slogan.gif) no-repeat top left;
		width: 422px; height: 21px;
		}
	#feedmanager #banner #logo {
		background: transparent url(images/fm/logo.gif) no-repeat top left;
		width: 237px; height: 179px;
		}
		
	#photogallery #banner h1 {
		background: transparent url(images/pg/logo-text.gif) no-repeat top left;
		width: 336px; height: 64px;
		}
	#photogallery #banner h2 {
		background: transparent url(images/pg/logo-slogan.gif) no-repeat top left;
		width: 441px; height: 21px;
		}
	#photogallery #banner #logo {
		background: transparent url(images/pg/logo.gif) no-repeat top left;
		width: 242px; height: 190px;
		}
		
	#promotethis #banner h1 {
		background: transparent url(images/pt/logo-text.gif) no-repeat top left;
		width: 347px; height: 53px;
		}
	#promotethis #banner h2 {
		background: transparent url(images/pt/logo-slogan.gif) no-repeat top left;
		width: 297px; height: 20px;
		}
	#promotethis #banner #logo {
		background: transparent url(images/pt/logo.gif) no-repeat top left;
		width: 205px; height: 197px;
		}
		


/* COLUMN LAYOUTS */

	.column {
		margin: 16px 12px 12px 0;
		float:left;
		}
	.thin {	width:243px; }
	.column-inner { padding: 11px; }
	#col3 { margin-right:0; }
	.column h2 {
		font-size: 120%;
		color: #333;
		margin: 3px 0 12px 0;
		}
	.column h3 {
		font-size: 85%;
		color: #777;
		margin: 8px 0 12px 0;
		}
	.column p, .column dd,
	.column li {
		font-family: Arial, Helvetica, sans-serif;
		line-height: 1.2;
		}
	.column p, .column dd {
		font-size:75%;
		margin: 5px 0 12px 0;
		}
	.column dt {
		font-size:90%;
		padding: 0 0 0 10px;
		background: url(images/common/bullet.gif) no-repeat 2px 4px;
		}
	.column dd {
		padding: 0 0 0 10px;
		color:#777;
		}
	.column dt a {color:#047;}
	.column ul {
		margin:0;padding:0;
		}
	.column ul li a {
		}
	ul.news-list,
	ul.resources-list {
		list-style: none;
		font-size:90%;
		font-weight:normal;
		margin:0 0 12px 0;
		}
	ul.news-list a, 
	ul.resources-list a { color:#777; }
	.news-list li,
	.resources-list li {
		border-bottom: 1px dashed #CCCCCC;
		padding: 5px 0;
		}
	.resources-list li {
		padding-left: 12px;
		background: url(images/common/bullet.gif) left no-repeat;
		}
	.news-list li a {
		font-weight: normal;
		font-size: 85%;
		}
	#mid .column {
		border: solid 1px #85B4CE;
		background: #fff url(images/common/column.gif) repeat-x top left;
		}
	#bottom .column {
		margin-top: 0;
		margin-bottom: 0;
		}
	#bottom h2 {
		color:#00B7FF;
		}
	#bottom h3 {
		color:#7FDBFF;
		}
	#bottom p, 
	#bottom li, 
	#bottom a, 
	#bottom dl {
		color:#fff;
		}

/* FOOTER STYLING */

	#footer {
		clear:both;
		color: #fff;
		font-size:70%;
		}
	#footer ul {
		list-style: none;
		text-align:center;
		padding: 10px 0;
		}
	#footer li {
		display: inline;
		margin-right:5px;
		}

/* Byrne's additions for entry and comment formatting */

#archive .content-nav {
	text-align: center;
	font-weight: normal;
	font-size: 13px;
	}

#archive .entry h3 { font-size: 18px;	}
#archive .entry h4 { font-size: 16px; }
#archive .entry h5 { font-size: 14px; }

#archive .entry p {
	font-size: 14px;
	line-height: 160%;
	}

#archive .entry ol,
#archive .entry ul {
	font-size: 14px;
	margin-left: 30px;
	}

#archive .entry li { padding: 5px 0 5px 0; }


.avatar {
	padding: 5px;
	background: white;
	width: 80px;
	float: right;
	margin: 0 0 5px 10px;
	}	

ul.recent-comments {	margin-left: 20px; }

/* Sidebar Styling  */

	#archive #col1 {
		background:#fff url(http://www.majordojo.com/projects/beta/images/container-iea.gif);
		}
	#archive .column-inner {
		padding-right:251px;
		}
	#archive .sidebar {
		float:right;
		width:240px;
		}
	#archive .sidebar-inner {
		padding:11px;
		}

/* Comment Styling */

#archive .comment {
	background: url(images/comment-bottom.gif) no-repeat bottom left;
	}
#archive .comment p {
	font-size: 12px;
	overflow:hidden;
	}
#archive .comment-content {
	background: url(images/comment-top.gif) no-repeat top left;
	padding: 6px 11px;
	}
p.comments-open-moderated {
	color:#777;
	font-size:11px;
	margin-top:0;
	}
.comments-open label,
.comments-open p,
.comments-open input,
.comments-open textarea {
	font-family: "Lucida Sans", Arial, helvetica, sans-serif;
	padding:2px;
	}
.comments-open label {
	font-weight:bold;
	color:#555;
	font-size: 13px;
	}
.comments-open-content {
	border:solid 1px #ddd;
	padding:11px;
	background:#f3f7f9;
	}
#comments-open-data label {
	width:100px;
	display:block;
	float:left;
	}
#comment-author,
#comment-email,
#comment-url,
#comment-text {
	width:345px;
	border: solid 1px #ddd;
	font-size:12px;
	}
#comments-open-footer { text-align:right; }
#comments-open-footer input {
	background: #666 url(http://www.majordojo.com/projects/beta/images/common/body-black.gif) repeat-x top left;
	border: 3px double #555;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #fff;
	font-weight:bold;
	padding: 2px;
	}


/* Added by Byrne for refinement */
#col1 ul.entry-listing {
	margin: 5px 0 0 0px;
	}

#col1 ul.entry-listing li {
	list-style: none;
	padding: 5px 0 5px 0;
	}
.entry-content h3,
.entry-content h4,
.entry-content h5 {
	margin: 20px 0 7px 0;
	}
#comments .comments-content {
	margin-bottom: 25px;
	}


/* Byrne's Tweaks */
#mid {
	background: white;
	border-top: 1px solid #a6d2e5;
	border-top: 1px solid #333333;
}
#mid .column {
	border: 0;
	background: none;
}

#archive .entry img
{
	max-width: 480px;
}
#archive blockquote
{
	border-left: 3px solid #CCCCCC;
	margin: 15px 0 15px 25px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 160%;
}
.entry pre 
{
	overflow: auto;
}

#bottom #col2 li
{
	padding: 2px;
	line-height: 150%;
	margin-left: 10px;
}
#bottom #col2
{
	font-size: 12px;
}
.pullquote
{
	float: right;
	padding: 0 0 0 10px;
	margin: 0 0 10px 15px;
	border-left: 3px solid #CCCCCC;
	width: 180px;
	font-size: 22px;
	line-height: 150%;
	font-family: serif;
}

.screenshot {
	text-align: center;
	font-size: 10px;
	font-family: Verdana;
}

.column-inner a img {
	border: 0;
}