/*
Theme Name: DNN News Fireball
Description: Joomla Conversion
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
a, a:visited {color:#333333}
a:hover {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {background:#FFF;color:#000;font:75%/125% Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {border-bottom:1px solid #CCC;font:bold 1.75em/1.25em Georgia, Garamond, Serif;margin:10px 0 0 10px}
h2 {font:bold 1.5em/1.25em Georgia, Garamond, Serif}
h3 {font:bold 1.25em/1.25em Georgia, Garamond, Serif}
h4 {font:bold 1em/1.25em Georgia, Garamond, Serif}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}

/* Containers */
#page {margin:20px auto;width:750px}

/* Header */
#header {border-bottom:1px solid #CCC;overflow:hidden;width:100%}
#header #logo {color:#09C;font:italic bold 2.25em/1.2em Georgia, Garamond, Serif}
#header span {display:block;font-style:italic;margin:4px 0 0}
#header ul {float:right;list-style:none;margin:-15px 0 0}
#header ul li {float:left;margin:0 0 0 10px}
#header ul li a {color:#333;float:left;font-weight:bold;padding:5px 10px}
#header ul li a:hover, #header ul li.current_page_item a {background:#CCC}

/* Content*/
#content {float:left;overflow:hidden;padding:0 0 20px;width:550px}

	/* Post */
	#content .post {border-bottom:1px solid #CCC;padding:10px;margin:0 0 25px}
	#content .post .meta {font-size:0.8em}
	#content .post ul {list-style:disc;margin:0 0 1em 18px}
	#content .post ol {list-style:decimal;margin:0 0 1em 22px}
	#content .post h1 {border:0;margin:0}

/* Pagination */
#prev-next {list-style:none}
#prev-next #prev {float:left}
#prev-next #next {float:right}

/* Sidebar */
#sidebar {float:right;padding:10px 0 20px;width:200px}
#sidebar ul {list-style:none;margin:0 0 1em 18px}
#sidebar ul ul {list-style:disc}

/* Footer */
#footer {border-top:1px solid #CCC;clear:both;height:1%;padding:5px 10px;overflow:hidden}
#footer p {float:left}
#footer ul {float:right;list-style:none}
#footer ul li {display:inline;margin:0 0 0 20px}

/* Image Alignment */
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Comments */
#comments #commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments #commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:#EEE}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:bold}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;

}

#nav ul a {
	display: block;
	height: auto;
	width:100%;
}
#nav li ul ul {
	margin: -1em 0 0 10em;
}

#nav li {
	float: left;
}
#nav li ul {
	position: absolute;
	width: 10em;
	margin:23px 0 0;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}
