/* --------------------------------
Site:       GraniteNet
CSS author: Simon Giesemann
Updated:    24/5/2010
Updated by: Simon Giesemann
-------------------------------- */

/* ----------------------------
simple reset
---------------------------- */

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }
fieldset,img { border: 0; }
legend { color: #000; }
li { list-style: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select
{
	font-size: 110%;
	line-height: 1.1;
}

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

body
{
	color: #000;
	font: 1em/1.5 "DejaVu Sans", "URW Gothic L", "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
}

/* ----------------------------
Accesbility
---------------------------- */

.structural {
	left: -500em;
	position: absolute;
}
/* ----------------------------
Header
---------------------------- */
.header {
	height: 100px;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#logo {
	/* margin-top: -20px; */
	float: none;
	height: 60px;
}

#editorlogin {
	margin-top: -60px;
}

#search {
	margin: 0;
	right: 0px;
}

/* ----------------------------
Navigation
---------------------------- */

.navigation {
	clear: both;
	margin: 0px auto;
	width: 1000px;
	height: 84px;
	text-align: left;
	background: url('../images/navbg.png');
}
.navigation ul {
	float: left;
}

.navigation li {
	display: inline;
	float: left; 
/*	width: 138px;*/
/*	border-left: 1px solid #888888; 
	height: 65px;
	z-index: 20; */
	
}

.navigation li a {
	text-decoration: none;
/*	font-size: 1em; */
	line-height: 1;
}
.navigation ul li a {
	float: left;
	width: 139px;
	padding-left: 60px;
}
.navigation ul li a span {
	display: block;
	height: 64px;
	padding-top: 20px;
	/*background: url('../images/navbg2r.png') no-repeat 100% 0px;*/
}
.navigation ul li ul li {
	width: 140px;
}
.navigation ul li ul {
	float: none;
	width: 200px;
}
.navigation ul li ul li {
	float: left;
	font-size: 75%;
	margin-top: -30px;
	padding-left: 60px;
}
.wrapper .navigation ul li ul li a {
	background: none;
	float: none;
	padding: 0;
	text-decoration: underline;
	border: none;
}
.navigation ul li.licommgroups a {
	color: #C90C13;
	background: url('../images/community.png') no-repeat 5% 50%;
	/*background: url('../images/community2.png') no-repeat;*/
}
.navigation ul li.libusinesses a {
	border-left: 1px solid black;
	color: #FF7200;
	background: url('../images/business.png') no-repeat 5% 50%;
	/*background: url('../images/business2.png') no-repeat;*/
}
.navigation ul li.lipeople a {
	border-left: 1px solid black;
	color: #70B90E;
	background: url('../images/people.png') no-repeat 5% 50%;
	/*background: url('../images/people2.png') no-repeat;*/
}
.navigation ul li.liforums a {
	border-left: 1px solid black;
	color: #2AA0DA;
	background: url('../images/forumclassifieds.png') no-repeat 5% 50%;
	/*background: url('../images/forum2.png') no-repeat;*/
}
.navigation ul li.limail a {
	border-left: 1px solid black;
	color: #EC008C;
	background: url('../images/gnetmail.png') no-repeat 5% 50%;
	/*background: url('../images/email2.png') no-repeat;*/
}


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

.container {
	width: 1000px;
	margin: 10px auto 0;
	position: relative;
}
.grapeleft {
	float: left;
	position: absolute;
	left: -105px;
}
.graperight {
	float: left;
	position: absolute;
	right: -105px;
}

#contentleft {
	float: left;
	/* width: 645px; */
	width: 740px;
}

#content {
	float: left;
	width: 780px;
}

#content li {
	list-style: disc;
	margin-left: 15px;
}

#contentright {
	float: left;
	/* width: 350px; */
	width: 255px;
}

.contenttitle {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border: 1px solid white;
}

.contentitem h2 {
	margin: 0;
	font-size: 110%;
	padding: 0;
	text-transform: uppercase;
}
#content .contentitem {
	float: left;
	width: 100%;
}
.article {
	background: white;
	font-size: 90%;
	line-height: 1.5;
	padding: 0 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	margin-bottom: 10px;
}
.article ul {
	margin-bottom: 10px;
	text-align: left;
}
.article ul ul {
	padding-left: 10px;
}
.newsitem {
	margin-bottom: 10px;
}
.newsitem img {
	float: left;
	margin: 5px;
	padding: 3px;
	border: 1px solid #3AA7DC;
	width: 300px;
}
.article .newsitem {
	clear: both;
}
.newsitem h2 {
	border-top: 1px solid #3AA7DC;
	border-bottom: 1px solid #3AA7DC;
	background-color: #6AC3ee;
	padding: 5px;
	text-align: center;
}
.newsitem h2 a {
	text-decoration: none;
}
.newsdate {
	float: right;
	font-size: 0.8em;
}
.newstags {
	font-size: 0.8em;
}
.newscomments {
	float: right;
}
#weather h3 {
	margin: 0;
}
#weather article div {
	padding-bottom: 10px;
}
#addons {
	background: none;
}
#addons .contentitem {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border: 1px solid #3AA7DC;
	margin-bottom: 10px;
}
#addons .article {
	margin: 0;
}

#articlefoot {
	clear: both;
}
.extracontent {
	border-bottom: 1px solid #3AA7DC;
	border-left: 1px solid #3AA7DC;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}
.extracontent p {
	padding-left: 7px;
}

#sidebar1 {
	background: none;
}

#breadcrumbs {
	margin: 0;
}
#archive {
	clear: both;
}
/* ----------------------------
Footer
---------------------------- */

#footercontent {
	padding: 10px 10px 0px;
	margin: 0px auto;
}
/* People */
.peopleblog {
	float: left;
	height: 600px;
	margin-bottom: 15px;
	width: 240px;
	padding: 0px 5px;
}
.alt {
	background-color: #eee;
}