@charset "utf-8";
/* CSS Document */


/*Page Styles*/

html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	background:url(images/vruum_trans.png) #1F1F1F top left;
	background-repeat:no-repeat;	
}

a {
	color:#3399cc;
}

a:hover {
	color:#8BD1DF;

}

a:visited {
	color:#23BFBC;
}

/*=======Typography=========*/

p,li {
	line-height:17px;
}


/*headers*/

h1,h2,h3,h4,h5 {
	font-weight:bold;
margin-bottom:10px;
}

h1 {
	font-size:18px;
	margin-bottom:20px;
}

h1.big_blurb{
	font-size:30px;
font-weight:normal;
line-height:37px;
}

h2 {
	font-size:18px;
	margin-bottom:7px;
}

h2.h2trans {
	background:url(images/header2_back.png) repeat-x bottom;
	padding-bottom:10px;
}

h3 {
font-size:14px;
color:#409F1D;
}

h4{
color:#409F1D;
}



/*Page layout*/

#home_wrapper {
	position:relative;
	top:0px;
	width:980px;
	padding:0 5px 0 5px;
	background:url(images/glass.png) repeat-y;
	margin:0 auto;
	z-index:0;
}

#header,#section1,#section2,#section3,#footer,#section1_mini {
	position:relative;
	top:0px;
	margin:0 auto;
	width:920px;
	padding: 0 20px 0 20px;
	background-repeat:no-repeat;
}

#header {
	height:102px;
	background:url(images/header.jpg);	
}

#section1{
	height:350px;
	background:url(images/top_green.jpg);
}

#section1_mini{
	height:22px;
text-align:right;
padding-top:3px;
	background:url(images/top_green.jpg);
}

#section2{
	height:322px;
	background:url(images/middle.jpg);
}

#section3{
	min-height:350px;
	background:url(images/bottom.jpg);
padding-bottom:30px;
}
	
#footer {
	height:87px;
	background:url(images/footer.jpg);
	
}


p {
	margin-bottom:20px;
}

/*Header Content*/

a#logo {
	position:absolute;
	top:0px;
	left:10px;
	height:92px;
	width:242px;
}



#nav {
	position:absolute;
	top:32px;
	left:274px;
}

#nav li {
	display:block;
	float:left;
	width:91px;
	height:60px;
	margin: 0 3px 3px;
	text-align:center;
}

#nav li a {
	display:block;
	width:91px;
	height:20px;
	padding-top:40px;
	background:url(images/nav.png) no-repeat -91px 0px;
	text-decoration:none;
	font-style:italic;
	font-size:14px;
	color:#fff;
}

#nav li a:hover {
	background:url(images/nav.png) no-repeat 0px 0px;
}



#section1_mini a {
	padding:2px 5px 5px 5px;
	width:91px;
	height:30px;
	text-decoration:none;
	font-style:italic;
	font-size:13px;
	color:#fff;
}

#section1_mini a:hover{
background:#335F23;
}
	
/*top content*/

#intro_media {
	margin-top:40px;
	float:left;
	width:500px;
	height:250px;
}

#intro_blurb {
	margin-top:40px;
	float:right;
	width:390px;
}
	
/*content areas*/

.home_left,.home_middle,.home_right {
	position:absolute;
	top:10px;
	height:280px;
	width:250px;
	margin-top:20px;
}

.home_left {
	left:20px;
}

.home_middle {
	left:340px;
}

.home_right {
	left:660px;
}

img.icon_top_right {
	position:absolute;
	left:220px;
	top:-10px;
	display:block;
}

#left_maincontent {
width:520px;
}


/*Social links*/

#social_links ul {
	margin: 0 auto;
}

#social_links li{
	width:37px;
	height:37px;
	float:left;
	margin:10px;
}

#social_links li a{
	width:36px;
	height:36px;
	display:block;
	text-indent:-999em;
	background:url(images/content/social-sprite.png);
}


li#social_del a{
	background-position:-7px -2px;}
li#social_del a:hover{
	background-position:-7px -38px;}
li#social_face a{
	background-position:-44px -2px;}
li#social_face a:hover{
	background-position:-44px -38px;}
li#social_twitter a{
	background-position:-81px -2px;}
li#social_twitter a:hover{
	background-position:-81px -38px;}
li#social_tum a{
	background-position:-119px -2px;}
li#social_tum a:hover{
	background-position:-119px -38px;}
li#social_rss a{
	background-position:-156px -38px;}
li#social_rss a:hover{
	background-position:-156px -1px;}
li#social_speech a{
	background-position:-193px -39px;}
li#social_speech a:hover{
	background-position:-193px -2px;}
li#social_stumble a{
	background-position:-230px -39px;}
li#social_stumble a:hover{
	background-position:-230px -2px;}
li#social_digg a{
	background-position:-268px -39px;}
li#social_digg a:hover{
	background-position:-268px -2px;}
li#social_lastfm a{
	background-position:-311px -2px;}
li#social_lastfm a:hover{
	background-position:-311px -38px;}
li#social_face2 a{
	background-position:-349px -2px;}
li#social_face2 a:hover{
	background-position:-349px -38px;}
li#social_flickr a{
	background-position:-387px -2px;}
li#social_flickr a:hover{
	background-position:-387px -38px;}
li#social_youtube a{
	background-position:-423px -2px;}
li#social_youtube a:hover{
	background-position:-423px -38px;}



/*Footer Content*/

#pfoot{
	position:absolute;
	top:34px;
	left:75px;
	height:30px;
	width:820px;
}

a#ulster,a#trans,a#electric{
	display:block;
	text-indent:-999em;
	background:url(images/content/sponsor-sprite.png);
	height:20px;
	float:left;
	margin-right:30px;
}

a#ulster {
	width:80px; background-position:0px -3px;}
a#ulster:hover {
	background-position:0px -27px;}
	
a#trans {
	width:90px; background-position:-80px -3px;}
a#trans:hover {
	background-position:-80px -27px;}

a#electric {
	width:80px; background-position:-180px -3px;}
a#electric:hover {
	background-position:-180px -27px;}
	
/*Lists*/
ul.bullet_list{
	list-style:url(images/bullet.png);
	margin: 20px 50px;
}

ul.bullet_list li {
	padding:4px 0px;;
}
	


/*Extras*/

.clear { clear:both;}

.dark {font-weight:bold;}


/*Flickr*/
            
 #flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0px; width:75px; height:75px; display:inline;}
.flickr_badge_image img {border: 2px solid #3F3F3F !important; margin:2px;}
.flickr_badge_image a img:hover {border: 2px solid white !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/*Twitter*/

ul#twitter_update_list li {
	margin-bottom:10px;
}

	
