/*  
Theme Name: DEFU
Theme URI: http://jomilla.com
Version: 1.0
Author: JoMilla
Author URI: http://jomilla.com
*/


/*/////////////////////////////////////////
///////////////// OVERRAL ////////////////
/////////////////////////////////////////*/	
body {
text-align:center;
}
html {
	margin:0;
	padding:0;
	font: 76%/130% "Lucida Grande", Arial, Verdana, sans-serif;
	color:#a6a6a6;
	background:#111;
	background-image:url(images/debg.jpg);
	background-repeat: no-repeat;

}
a	{ outline:none;  text-decoration:none; }
a:link, a:visited { color:#ccc; }
a:hover { color:#fff; }
.clear { clear:both; }
.center { text-align:center; }
.pagetitle { margin:0; padding:5px 5px 20px 20px; font:16px arial,verdana;color:#679ef1; background:url(images/exclamation.gif) no-repeat 0 22%; }
p { line-height:20px; }
ul { list-style:none; margin:0; padding:0; }	
	
code { font:.9em Arial, "Courier New"; color:#fff; padding:8px; background:#b28327; display:block; border:1px solid #daac52; }
blockquote { color: #679ef1; padding-top: 5px; padding-bottom: 5px; background: url(images/close-quote.gif) no-repeat right bottom; }
blockquote p { padding-left: 10px; text-indent: -18px; }
blockquote p:first-letter { background: url(images/open-quote.gif) no-repeat left top; padding-left: 18px; padding-top: 8px; }
blockquote p ~ p:first-letter { font-size:12px; background: none; }
.pullquote { padding: 6px; float: right; width: 180px; margin:10px 0 10px 10px; border-top:1px solid #005b8e; border-bottom:1px solid #005b8e; text-align: center; line-height: 22px; font-family: georgia, verdana, Arial, Helvetica, sans-serif; text-transform:none; color:#ccc; }

/*/////////////////////////////////////////
//////////// MAIN STRUCTURE /////////////
/////////////////////////////////////////*/	
div#container {
	text-align:left;
	width:850px;
	padding:0;
	margin:0 auto;
	margin-top:130px;
	margin-left:110px;
}	
div#wrapper { width:100%; overflow:auto; }
div#content {
	width:425px;
	float:left;
	padding:10px 8px 20px 12px;
	background:#121314 url(images/wrapper-corner.gif) no-repeat left top;
}


/*/////////////////////////////////////////
///////////////// HEADER ////////////////
/////////////////////////////////////////*/
div#header {
	margin:0;
	padding:0;
	border-bottom: 2px solid #660000;
}
div#header h1 {
	font:26px times;
	margin:0;
	visibility: hidden;
}
div#header h1 a:link, div#header h1 a:visited { color:#eee; display:block; width:200px; height:100px; }
div#header h1 a:hover {
	color:#990000;
}	
div#header h1 small { display:block; color:#666; font-size:10px; text-transform:uppercase; letter-spacing:-1px; margin:10px 0 0 0; }	


/*/////////////////////////////////////////
////////////////		MENU     ////////////////
/////////////////////////////////////////*/
ul#menu { float:right; }
ul#menu li#rss { text-indent:-9000em; width:51px; height:54px; display:block; padding:0 10px 0 30px; margin:0; }
ul#menu li#rss a { background:url(images/feed.gif) no-repeat; display:block; width:51px; height:54px; position:relative; padding:0; margin:40px 0 0; }
ul#menu li#rss a:hover { background:url(images/feedover.gif) no-repeat; }	

	
/*/////////////////////////////////////////
///////////////   POST  ////////////////
/////////////////////////////////////////*/
div.post { margin-bottom:  10px; padding-bottom:20px; background:url(images/separator.gif) no-repeat bottom left; }
div.post h2  { font:1.5em Arial, verdana; letter-spacing:-1px; margin:0px; text-transform: capitalize; }
div.post h2 a:link, a:visited {
	color:#660000;
	text-decoration:none;
	font-family: "century schoolbook";
}
div.post h2 a:hover {
	color:#FFFFFF;
	border-bottom:1px dotted #444;
}
div.post small { font-size:85%; font-family:arial; letter-spacing:normal; display:block; }			
div.post small a { color:#eee; }
div.post small a:hover { color:#ccc; }
	
div.post div.entry ul{ margin:10px; padding:5px; }
div.post div.entry ul li { background:url(images/icon_miniarrow.gif) no-repeat 0 50%; padding:2px 0px 2px 10px; }		
div.post div.entry ol { list-style:decimal-leading-zero; }

div.post div.entry a { text-decoration:none; font-weight:bold; }
div.post div.entry a:link, div.post div.entry a:visited { color:#fff; }
div.post div.entry a:hover {
	color:#990000;
}

div.post img { border:4px solid #646a70; }
div.post img:hover { border:4px solid #999; }
div.post img.wp-smiley  { border:0px none; margin:0; }
.post-comments { background: url(images/icon-comment.gif) no-repeat 0 50%; padding-left: 13px; margin:0; }


/*/////////////////////////////////////////
///////////////// COMMENTS ////////////////
/////////////////////////////////////////*/
h3#comments, h3#respond { font-weight:normal; font:bold 12px arial, verdana; text-transform:uppercase; letter-spacing:-1px; color:#bdbd9f;padding:0 0 0 25px;
	background-position:left; background-repeat:no-repeat; }
h3#comments { background-image:url(images/icon_comments.gif); }
h3#respond  {background-image:url(images/icon_addcomment.gif); }	

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist cite { text-transform:none; font-style:normal; }

ol.commentlist li { border-bottom:1px solid #666; padding:10px; }
ol.commentlist h5 { font-size:11px; margin:0; padding:0; }	
ol.commentlist h5 a:link, a:visited {
	color:#660000;
}
ol.commentlist h5 a:hover { color:#eee; }
ol.commentlist h5 small { display:block; }	
ol.commentlist li { background-color:#1e2224; }
ol.commentlist li.alt { background-color:#292d30; }
ol.commentlist li span.moderate { background:url(images/icon_cursor.gif) no-repeat; padding:2px 0px 2px 20px; color:#f30; }
	
#commentform input#author,
#commentform input#email,
#commentform input#url { background:#fff url(images/icon_form.gif) no-repeat; border:1px solid #fff; padding:4px 4px 4px 30px; width:210px; }

#commentform input#author	{ background-position:3px -3px; }
#commentform input#email	{ background-position:3px -33px; }
#commentform input#url { background-position:3px -63px; }
	
#commentform #comment { width:99%; font: 16px/18px Arial, Verdana, sans-serif; background-color:#eee; border:1px solid #CCC; color:#333; }		

/*/////////////////////////////////////////
///////////////// SIDEBARS ////////////////
/////////////////////////////////////////*/
div#sidebar {
	width:400px;
	float:left;
	background-color: #000000;
	border-bottom: 1px solid #660000;
}
div#sidebar a:link,div#sidebar a:visited { color:#eee; }
div#sidebar a:hover {
	color:#666666;
}	
div#sidebar a img { border:none; }	
div#sidebar h2 { font-size:12px; color:#999; text-align:center;	text-transform: uppercase; }


#sidebar .cat {
	font-size:11px;
	width:200px;
	float:right;
	background-color: 111;
	background-image: url(images/grad1.png);
	background-repeat: repeat-x;
}
#sidebar .cat h2 {
	margin: 5px;
	font:bold 12px Century schoolbook, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#660000;
	height:30px;
}
#sidebar .cat ul { margin: 0px; padding: 0 0 10px 0; }
#sidebar .cat li { margin: 0px; padding: 5px 5px 5px 18px; list-style-type: none; }
#sidebar .cat li a {
	text-decoration:none;
	border-bottom:1px dotted #fff;
}
#sidebar .cat li a:hover { text-decoration:none; border-bottom:1px solid #ccc; }


#sidebar .recent-posts {
	font:11px arial;
	width: 200px;
	float: left;
	background:#111 url(images/grad1.png) repeat-x;
}
#sidebar .recent-posts h2 {
	margin: 5px;
	font:bold 12px Century schoolbook, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#660000;
	height:30px;
	}
#sidebar .recent-posts ul { margin: 0px; padding: 0 0 10px 0; }
#sidebar .recent-posts li { margin: 0px; padding: 5px 5px 5px 18px; list-style-type: none; background:url(images/left-folder.gif) no-repeat 5px 50%; }
#sidebar .recent-posts li a {
	text-decoration:none;
	border-bottom:1px dotted #fff;
}
#sidebar .recent-posts li a:hover { text-decoration:none; border-bottom:1px solid #eee; }


#sidebar .monthly {
	font-size:11px;
	width:200px;
	float:right;
	background-color: #000000;
}
#sidebar .monthly h2 {
	margin: 5px;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#660000;
	font-family: "century schoolbook";
}
#sidebar .monthly ul { margin: 0px; padding: 0 0 10px 0; }
#sidebar .monthly li { margin: 0px; padding: 5px 5px 5px 18px; list-style-type: none; }
#sidebar .monthly li a {
	text-decoration:none;
	border-bottom:1px dotted #fff;
}
#sidebar .monthly li a:hover { text-decoration:none; border-bottom:1px solid #ccc; }


#sidebar .delicious  {
	font:11px arial;
	width: 200px;
	float: left;
	padding-bottom:45px;
	background-color: #000000;
}
#sidebar .delicious h2 {
	margin: 5px;
	font:bold 12px Century schoolbook, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#660000;
	height:30px;
	}
#sidebar .delicious h2.delicious-banner  { display:none; }
#sidebar .delicious ul {	list-style-type:none; margin:1em 0 1em 0; }
#sidebar .delicious li { list-style-type:none; margin:0; padding:5px 5px 5px 18px; background:url(images/left-dot.gif) no-repeat 5px 50%; }
#sidebar .delicious a {
	text-decoration:none;
	border-bottom:1px dotted #fff;
}
#sidebar .delicious a:hover { text-decoration:none; border-bottom:1px solid #ccc; }



#sidebar .sponsor {
	font-size:11px;
	width:200px;
	float:right;
	padding-bottom:65px;
	background-color: #000000;
}
#sidebar .sponsor h2 {
	margin: 5px;
	font:bold 12px Century schoolbook, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#660000;
	height:30px;
}
#sidebar .sponsor ul { margin: 0px; padding: 0 0 10px 0; }
#sidebar .sponsor li { margin: 0px; padding: 5px 5px 5px 18px; list-style-type: none; }
#sidebar .sponsor li a {
	text-decoration:none;
	border-bottom:1px dotted #fff;
}
#sidebar .sponsor li a:hover {
	text-decoration:underline;
	border-bottom:1px solid #ccc;
	font-weight: bold;
}	


/*/////////////////////////////////////////
///////////////// TOPNAV ////////////////
/////////////////////////////////////////*/
div#sidebar div#about {
	background:#000 url(images/wrapper-corner2.gif) no-repeat right top;
	padding:5px;
	border-bottom: 1px solid #660000;
	font-family: "century schoolbook";
}		
div#about ul { margin:4px 0; }	
div#about ul li { padding:4px 0px; display:inline; font:10px  arial; }
div#about ul li a {
	text-transform:uppercase;
	padding:4px 5px;
	margin:0px 3px;
	font-family: "century schoolbook";
	font-size: 10px;
}	
div#about ul li a:link,div#about ul li a:visited { color:#ccc; }
div#about ul li a:hover {
	color:#eee;
	background:#660000;
}	
	
/*/////////////////////////////////////////
///////////////// UTW TAGS ////////////////
/////////////////////////////////////////*/
div#utwtag  {
	padding:10px;
	border-bottom: 1px solid #660000;
	background-color: #000000;
	background-image: url(images/bg3.jpg);
	background-repeat: repeat-x;
}
div#utwtag a { text-decoration:none; border-bottom:1px dotted #333; }
div#utwtag a:hover { color:#fff; border-bottom:1px dotted #333; }
	
/*/////////////////////////////////////////
///////////////// TWITTER ////////////////
/////////////////////////////////////////*/
div#twitter  {
	min-height:75px !important;
	height:75px;
	background-color: #260004;
	background-image: url(images/grad1.png);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom: 1px solid #660000;
	padding: 3px;
}
div#twitter li { font-family:georgia, times; padding: 10px 8px 5px 5px; margin:0; width:300px; color:#ebbb86; float:right; }
div#twitter a { color:#eee; text-decoration:none; }
div#twitter a:hover { color:#ebbb86; }
div#twitter a.mini_rss { float:right; margin-right:35px; margin-top:120px; text-indent:-9000em; width:20px; height:20px; display:block; background-image:url(images/icon_rss.gif);	 border:0; }
div#sidebar div#twitter a.mini_rss:link, div#sidebar div#twitter a.mini_rss:visited { background-position:0 0; }
div#sidebar div#twitter a.mini_rss:hover { background-position:0 -20px; }

/*/////////////////////////////////////////
///////////////// FLICKR ////////////////
/////////////////////////////////////////*/
div#flickr  { background:#0f1721; min-height:120px !important; height:120px; }
div#flickr a.mini_rss { float:right; margin-right:10px; margin-top:5px; text-indent:-9000em; width:20px; height:20px; display:block; background-image:url(images/icon_rss.gif);	 border:0; }
div#sidebar div#flickr a.mini_rss:link, div#sidebar div#twitter a.mini_rss:visited { background-position:0 0; }
div#sidebar div#flickr a.mini_rss:hover { background-position:0 -20px; }	
	
	
/*/////////////////////////////////////////
///////////////// SEARCH FORM (disabled) ////////////////
/////////////////////////////////////////*/
	
.searchform { margin:10px auto; background-color:#333; width:400px; margin:0; padding:0; }	
.searchform div { padding:5px 0; text-align:center; }		
			
.searchform label { background-image:url(images/icon_search.gif); background-position:0 0; background-repeat:no-repeat; text-indent:-9000em;
	padding:2px 0 10px 25px; height:14px; }		

.searchform #s { font:bold 10px verdana, arial; padding:2px; width:72%; background:#999; }		
.searchform img { border:none; padding:0; margin:0; }
.searchform .searchsubmit { margin:0 5px 0 0; padding:0; width:50px; height:21px; position:relative; float:right; }	

/*/////////////////////////////////////////
///////////////// FOOTER ////////////////
/////////////////////////////////////////*/
#sbm { clear:both; padding:10px 5px 0px 15px; font-size:10px; }
#sbm a { color: #ccc; text-decoration:none; border-bottom:1px dotted #333; }
#sbm a:hover { color: #5b9ef1; border-bottom:1px solid #ccc; }


/*/////////////////////////////////////////
///////////////// FEED COUNTS ////////////////
/////////////////////////////////////////*/
.feedcountdiv { float:left; font-family: arial; padding:0; margin-left:15px; background:url(images/rss1616.gif) no-repeat 0 50%; }
.feedcountdiv a { text-decoration:none; color:#f89838; border-bottom:1px dotted #ccc; }
.feedcountdiv a:hover { text-decoration:none; color:#fff; border-bottom:2px solid #f89838; }
.subscribers { float:left; margin-right:4px; color:#f99a39; margin-top:-3px; margin-left:20px; font:bold 20px Arial, Helvetica, sans-serif; }

/*/////////////////////////////////////////
///////////////// BLORGOLL  PAGE ////////////////
/////////////////////////////////////////*/
#linkpage { margin:0; padding:0; clear:both;}
#linkpage h2 { font:16px arial,verdana; color:#679ef1; }
#linkpage ul li { list-style-type:none; margin:10px 4px 10px 4px; padding:0; width:100%; float:left; }
#linkpage ul li ul li { margin:3px 0 0 3px; width:32%; float:left; list-style:none; line-height:25px; }
#linkpage ul li ul li:hover { background-color:#27466a; color:#fff; }
#linkpage ul li ul li a { padding-left:5px; color:#666; text-decoration:none; font-size:11px; display:block; }
#linkpage ul li ul li a:hover { color:#fff; }


/*/////////////////////////////////////////
///////////////// SLIDING DOOR BUTTON ////////////////
/////////////////////////////////////////*/	
button { border:0; cursor:pointer; font-weight:bold; padding:0 20px 0 0; text-align:center; width:auto; overflow:visible; }
button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }
button.submitBtn { background:url(images/btn_blue_right.gif) right no-repeat; font-size:1.2em; }
button.submitBtn span { height:30px; line-height:30px; background:url(images/btn_blue_left.gif) left no-repeat; color:#fff; }
button.submitBtn:hover { background:url(images/btn_blue_right_hover.gif) right no-repeat; }
button.submitBtn:hover span { background:url(images/btn_blue_left_hover.gif) left no-repeat; }
	
#roster_list{
}
#roster_list a{
	text-transform: uppercase;
	font-size: 24px;
	text-align: justify;
	border: 1px dotted #660000;
	margin: 5px;
	line-height: 50px;
	width: 425px;
	padding: 5px;
	background-color: #000000;
}