/*******************************************************
	Theme & CSS created by Digi Nut for netdotworks
	http://www.digi-nut.co.uk
********************************************************/

/***** Remove padding and other settings for browser variants *****/
body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, a, div, img {margin: 0; padding: 0; border: 0;}


/***** Body styles *****/
body {
	background: #fff url(images/background.jpg) top left repeat-x; 
	color: #000; 
	font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif; 
	font-size: 100%; 
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.wrapper{
	margin: 0px auto 0px; 
	/*margin-bottom: 20px; */
	width: 978px;
	padding: 0px;
}

a {color: #426f96;}
a:active {color: #426f96;}
a:visited {color: #426f96;}
a:hover {color: #426f96; text-decoration: none;}

h1 {padding: 15px 15px 3px 15px; font-weight: normal;}
h2, h3 {font-size: 1.2em; color: #666; padding: 0 40px 17px 28px; font-weight: normal; font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h3 {font-size: 1.0em; color: #7f7f7f;}
h4 {font-size: 0.9em; color: #666; padding: 0 40px 5px 28px; font-weight: normal; font-family: Lucida Grande, Tahoma, Arial, Helvetica, Verdana, sans-serif;}
h2 a, h3 a {color: #666; text-decoration: none;}
h2 a:hover {text-decoration: underline; color: #666;}
h2 a:visited {color: #666;}
h2 .post_name, h3 .post_name {font-size: 0.7em; color: #426f96;}
.post_page {padding-top: 47px;}

p {font-size: 0.9em; color: #7f7f7f; line-height: 130%; font-family: Lucida Grande, Tahoma, Arial, Helvetica, Verdana, sans-serif; padding: 0 15px 20px 28px;}
ul, ol {padding: 0 15px 20px 70px; font-size: 0.9em; color: #999; font-family: Lucida Grande, Tahoma, Arial, Helvetica, Verdana, sans-serif;} 
ul li {list-style-type: none; padding: 0;}
ul li {list-style-type: disc;}
#right_column ul li {list-style-type: none;}


/***** Header *****/
#header {text-align: left; height: 180px; padding: 44px 0 0 0;}
#header p {padding: 0; display: none;}
#logo {background: url(images/logo_colour.jpg) top left no-repeat; width: 256px; height: 96px;}

#top_navigation {position: absolute; top: auto; left: auto; width: 950px;}
#top_navigation ul {padding: 0 8px 0 0; float: right;}
#top_navigation li {float: left; list-style-type: none; padding: 0 0 0 10px;}
#top_navigation a {color: #fff; font-size: 0.8em;}


/***** Navigation *****/
#navigation ul {padding: 32px 0 0 28px;}
#navigation li {float: left; list-style-type: none;}
#navigation li a {background: url(images/navigation-2.jpg) top left no-repeat; width: 115px; height: 0; overflow: hidden; display: block; padding: 65px 0 0 0;}
#navigation li a.events {background-position: -115px 0;}
#navigation li a.people {background-position: -230px 0;}
#navigation li a.sign-up {background-position: -345px 0;}
#navigation li a.contact {background-position: -460px 0; width: 120px;}
#navigation li a.home:hover, #navigation li a.home_on {background-position: 0 -65px;}
#navigation li a.events:hover, #navigation li a.events_on {background-position: -115px -65px;}
#navigation li a.people:hover, #navigation li a.people_on {background-position: -230px -65px;}
#navigation li a.contact:hover, #navigation li a.sign-up_on {background-position: -345px -65px;}
#navigation li a.contact:hover, #navigation li a.contact_on {background-position: -460px -65px;}

/***** Container *****/
#container {background: #fff url(images/container_background.jpg) top left no-repeat;}


/***** Content DIVs *****/
#content {text-align: left; padding: 0 0 15px 0;}

#left_column {width: 669px; float: left;}
#left_column .user_image_date {float: left; padding: 0 0 2px 0; margin: 0 11px 0 28px; font-size: 0.6em; color: #fff; font-weight: bold; line-height: 100%; background: url(images/user_image_bottom.gif) bottom center no-repeat; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: center;}
#left_column .user_image_date img {border-bottom: 1px solid #fff; margin-bottom: 2px;}

.title_homepage {padding: 47px 0 40px 27px;}

#left_column .post {padding: 0 0 30px 0;}
#left_column p.postmetadata {font-size: 0.8em;}
#left_column .previous_next p {font-size: 0.7em; line-height: 180%;}

#right_column {width: 309px; float: left;}
#right_column h2 {text-indent: -99999px; margin: 0 0 12px 0; padding: 0;}
#right_column p {padding: 0 40px 12px 44px; font-size: 0.8em; font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif; color: #676767; line-height: 120%;}

#twitter_feed {padding: 43px 0 0 0;}
#twitter_feed h2 {background: url(images/logos/twitter.gif) 44px 0 no-repeat; width: 165px; height: 27px;}
#twitter_feed .twitter_time {font-size: 0.9em;}
#twitter_feed p {margin-bottom: 10px; background: url(images/right_col_separator.gif) 44px bottom no-repeat;}
#twitter_feed p.last {background: none; padding: 0 46px 0 0; text-align: right;}
#twitter_feed a.twitter {background: url(images/icons/twitter.gif) left center no-repeat; padding-left: 20px; font-size: 0.9em;}

#sponsors {padding: 13px 0 30px 0;}
#sponsors h2 {background: url(images/titles/sponsors.gif) 44px 0 no-repeat; width: 165px; height: 35px;}
#sponsors ul {padding: 0 0 0 44px;}
#sponsors li {float: left; padding: 0 20px 12px 0;}

#netdotworks {clear: left; width: 307px; background: url(images/netdotworks_background.jpg) top left no-repeat; padding: 70px 0 0 0;}
#netdotworks ul {padding: 10px 0 1px 44px;}
#netdotworks li {float: left; padding: 0 1px 1px 0;}
#netdotworks h2 {text-indent: 0; color: #426f96; padding: 0 20px 0 44px; margin: 0; text-indent: 0;}
#netdotworks a.flickr {background: url(images/icons/flickr.gif) left center no-repeat; padding-left: 20px; font-size: 0.9em;}
#netdotworks p {clear: left; padding-bottom: 15px; background: url(images/right_col_separator.gif) 44px bottom no-repeat;}

#advertisements h2 {text-indent: -99999px; background: url(images/titles/advertisements.gif) 44px 0 no-repeat; width: 158px; height: 36px; margin: 16px 0 18px 0;}
#advertisements p {background: none;}

#netdotworks {margin: 0 0 30px 0;}
#netdotworks .categories {text-indent: -99999px; background: url(images/titles/on_the_site.gif) 44px 0 no-repeat; height: 36px; margin-top: 17px;}

#netdotworks ul.standard_nav_list {color: #999; padding-bottom: 15px;}
#netdotworks ul.standard_nav_list li {float: none;}

#left_column .page .logo {float: right; padding: 0 0 10px 10px;}
#left_column .page h1, h1.homepage_heading {padding: 47px 0 30px 28px; color: #5ab005; font-size: 1.6em;}
h1.homepage_heading a {font-size: 0.5em; color: #999;}
#left_column .page h3 {padding: 0 40px 2px 28px;}

cite {font-style: normal;}
.commentlist {padding: 0 0 0 28px; font-size: 0.9em;}
.commentlist em {padding-left: 36px;}
.commentlist p em {padding-left: 0;}
.commentlist p {padding-left: 36px;}
.comment-meta {padding: 3px 0 0 36px;}
.comment-meta a {font-size: 0.7em; color: #b8b7b7; text-decoration: none;}

.eventbrite_widget {float: right; margin: 0 0 10px 15px;}


/***** Footer *****/
#footer {
	/*clear: left; */
	font-size: 0.9em; 
	text-align: left;
	background-image:url(images/footer_grad.png);
	background-repeat:repeat-x;
	background-attachment:scroll;
	border-top: #636363 1px solid;
	width: 100%;
	margin: 0px;
	padding: 12px 0px 12px 0px;
}

#footer-wrap{
	width: 978px;
	margin: 0px auto 0px;
	padding: 0px;
}

.clearer{
	clear:both;
	padding: 0px;
	margin: 0px;
}

#footer p {color: #333; padding-right: 27px;}
#footer a {color: #333; font-weight: normal; text-decoration: none;}
#footer a:hover {color: #333; text-decoration: underline;}
#footer ul {padding: 0 0 0 28px;}
#footer li {float: left; list-style: none; padding: 0 75px 30px 0;}
#footer li.wudbud {padding-top: 5px;}


/***** Forms *****/
textarea {width: 90%;}


/***** Misc *****/
.float_left {float: left;}
.float_right {float: right;}
.clear {clear: both; height: 0; font-size: 0;}
.hide {display: none;}
.error {color: #000; background-color: #FFFFCC; padding: 0 3px 2px 3px;}

/*.....................................Event Styling ...............................................*/
.event-image{
	float: left;
	margin: 0px 12px 10px 0px;
	padding: 0px 0px 0px 28px;
}

/* start calendar */
.module1{
	margin: 0px 0px -20px 43px;
	
}

.calendar table, .calendar tr,.calendar td,.calendar th{
	margin: 0;
	border: 0;
	padding: 0;
}
.calendar table{width: 219px;}
.calendar td,.calendar th{
	width: 28px;
	font-size: 1em;
	font-weight: normal;
	line-height: 14px;
	padding: 4px 0;
}
.calendar td{
	border: 1px solid #e6e6e6;
	background: #e6e6e6;
	text-align: center;
	vertical-align: middle;
	color: #55534d;
}
.calendar .today{
	background: #444;
	color: #fff;
	border-color: #444;
}

.calendar .today a{
	color: #fff;
	text-decoration:none;
}

.calendar thead th{
	background: #49759a;
	color: #fff;
	padding: 6px 0;
	font-weight: normal;
	text-align: center;
}
.calendar .white{background: #fff;}
.calendar .pad{
	background: #49759a;
	border-collapse: collapse;
	color: #fff;
	line-height: 16px;
	white-space: nowrap;
	padding: 9px 0 6px;
	border:none;
}
#calendar_wrap{padding: 18px 0 31px;}
#calendar_wrap .pad{
	text-align: center;
	width: 200px;
}
#calendar_wrap #prev{width: 28px;}
#calendar_wrap #next{width: 28px;}

/* end calendar */


/* Form CSS */

.sub-frm{
	background:#FFC;
	margin: 0px 10px 10px 25px;
	padding: 12px;
	color:#555;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
     border: 1px solid #FF6;
}

.tbl1 tr{
	margin: 0px 0px 12px 0px;
	padding: 10px 0px 10px 0px;
}