@charset "UTF-8";
/* css reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ----------------------------------------------------- */

/* DanLaBotz.com css */

/* ALL */

body{
	background-image:url(images/page_background.gif);
	}

.all_inner{
	background-image:url(images/top.gif);
	background-position:top;
	background-repeat:repeat-x;
	width:100%;
	text-align:center;
	}
.all{
	background-image:url(images/bottom.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
	}
	
.holder{
	width:860px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}

p{
	margin-bottom:10px;
	}

/* ----------------------------------------------------- */

/* TOP */
.top{
	text-align:center;
	width:860px;
	position:relative;
	}

.buttons{
	position:absolute;
	right:0px;
	top:22px;
	text-align:right;
	}

/* ----------------------------------------------------- */

/* FOOTER */

.footer{
	height:255px;
	}

.disclaimer{
	border:1px #FFFFFF solid;
	padding:3px;
	color:#FFFFFF;
	font-size:10px;
	width:240px;
	text-align:center;
	}

/* ----------------------------------------------------- */

/* TEXT AREA */

.text{
	background-color:#FFFFFF;
	width:860px;
	position:relative;
	}
	
#ne{
	background-image:url(images/text_ne_corner.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	width:21px;
	height:18px;
	}
#nw{
	background-image:url(images/text_nw_corner.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width:21px;
	height:18px;
	}
#se{
	background-image:url(images/text_se_corner.gif);
	background-repeat:no-repeat;
	position:absolute;
	bottom:0px;
	right:0px;
	width:21px;
	height:18px;
	}
#sw{
	background-image:url(images/text_sw_corner.gif);
	background-repeat:no-repeat;
	position:absolute;
	bottom:0px;
	left:0px;
	width:21px;
	height:18px;
	}
#n{
	background-image:url(images/text_n_side.gif);
	background-repeat:repeat-x;
	position:absolute;
	top:0px;
	left:0px;
	width:860px;
	height:9px;
	}
#s{
	background-image:url(images/text_s_side.gif);
	background-repeat:repeat-x;
	position:absolute;
	bottom:0px;
	left:0px;
	width:860px;
	height:8px;
	}
#e{
	background-image:url(images/text_e_side.gif);
	background-repeat:repeat-y;
	position:absolute;
	top:0px;
	right:0px;
	height:100%;
	width:10px;
	}
#w{
	background-image:url(images/text_w_side.gif);
	background-repeat:repeat-y;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:10px;
	}
.text_holder{
	padding:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px;
	}
.photo_holder{
	float:right;
	width:400px;
	padding-left:20px;
	height:100%;
	}
	
/* ----------------------------------------------------- */

/* TEXT STYLES */

h1{
	padding-bottom:30px;
	font-size:26px;
	line-height:30px;
	color:#CC3333;
	text-align:center;
	}

/* ----------------------------------------------------- */

/* MENU */
.menu{
	height:50px;
	padding-left:60px;
	}

.menu ul{
	display:table;
	height:50px;
	}
	
.menu li{
	float:left;
	}
	
.menu span{
	display:none;
	}
	
.menu a{
	display:block;
	height:50px;
	}
	
#about{
	width:101px;
	background-image:url(images/about.gif);
	background-repeat:no-repeat;
	}

#issues{
	width:107px;
	background-image:url(images/issues.gif);
	background-repeat:no-repeat;
	}

#join{
	width:106px;
	background-image:url(images/join.gif);
	background-repeat:no-repeat;
	}
#downloads{
	width:106px;
	background-image:url(images/downloads.gif);
	background-repeat:no-repeat;
	}

#events{
	width:107px;
	background-image:url(images/events.gif);
	background-repeat:no-repeat;
	}

#blog{
	width:107px;
	background-image:url(images/blog.gif);
	background-repeat:no-repeat;
	}

#newsroom{
	width:106px;
	background-image:url(images/newsroom.gif);
	background-repeat:no-repeat;
	}

#contact{
	width:106px;
	background-image:url(images/contact.gif);
	background-repeat:no-repeat;
	}

/* ----------------------------------------------------- */

/* ISSUES INDEX */

.col{
	float:left;
	width:235px;
	padding:0px 15px;
	line-height:18px;
	font-size:12px;
	}
	
.col h2{
	font-size:14px;
	text-transform:uppercase;
	line-height:20px;
	}

	
.hr{
	width:800px;
	height:30px;
	color:#FFFFFF;
	border:none;
	display:block;
	clear:both;
	}
#issuesList ul{
	list-style-type: none;
	margin: 0px;
}
#issuesList li{
	margin-bottom: 0px;
	line-height: 25px;
}

#issuesList .colL{
	width:370px;
	float:left;
}
/* ----------------------------------------------------- */

/* ISSUES */

.text_holder ul{
	list-style-type:circle;
	margin:15px;
	padding:5px;
}
.text_holder li{
	margin-bottom:10px;
	}
/* ----------------------------------------------------- */

/* NEWS */

#news h2{
	padding-top:20px;
	margin-bottom:0px;
	}
	
/* ----------------------------------------------------- */

/* ABOUT */
#twoCol .col{
	float:left;
	width:370px;
	line-height:20px;
	font-size:14px;
	}

#twoCol .col:first{
	padding:0px 60px 0px 0px;
	border-right:#000000 1px solid;
	}
	
#twoCol .col h2{
	font-size:16px;
	text-transform:uppercase;
	line-height:22px;
	}
	
		
/* ----------------------------------------------------- */

/* FRONT */

.frontHead{
	font-size:26px;
	line-height: 35px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	margin-bottom: 20px;
}
.frontHead img{
	padding-right: 20px;
}

.frontLeftCol{
	width:550px;
	float: left;
	border-right: 1px solid #000000;
	margin-right: 20px;
	padding-right: 20px;
}
.frontRightCol{
	width:200px;
	float: left;
}

/* ----------------------------------------- */
/* sidebar */
.sidebar{
	float: right;
	width: 250px;
	border-left: 1px solid #CCCCCC;
	margin-left: 20px;
	padding-left:20px;
}
.blog_post{
	float: left;
	width: 480px;
}