/* Key To this stylesheet like a navigation */
/* 
[a] Colors
[d] header
[e] 

*/

/* [A] COLORS 

bgblue = 3096cf
darkerblue = 006FBE
lightblue = 83BAD8
buttonOrange = 255,175,39
pale blue = 
textblack/grey = #2D3437
*/


body{
	background:#3096cf url('../imgs/style/blue-swirly-bg.gif') 50% -300px fixed no-repeat;
		background-color:#3096cf;
	padding-top:1em;
	color:#2D3437;
	font-family:'Lucida Grande','Lucida',verdana,san-serif;
}
.container{  position:relative;}
.container, .credits{
	margin:auto;
	width:800px;
	clear:both;
	}
	.clear{clear:both;}
/*hr{ background-color:red; color:red; padding:0px; margin:0px; border:1px solid #CCCCCC; height:0px; padding:0px;}*/	
a{ color:#3096cf; /* text-decoration:none; */ }	
p{margin-bottom:.25em;}

h1{ color:#006FBE; font-size:2em;}
h2{ font-size:1.5em; font-weight:bolder; margin-bottom:.05em;}

h1.b{margin-bottom:0px;}
.subtitle{ font-size:.9em; font-style:italic;}

h1,h2,h3,p.subtitle{font-family:arial,verdana,'univers 55 light','san-serif'}
.social-networking{ text-align:right;}
.social-networking-links{ margin-bottom:1px; margin-right:30px;}
.social-networking-links li {display:inline;padding-left:0px; }


.social-networking a {	display:inline-block;
						width:30px; 
						height:50px; 
						/*background-color:yellow;*/
						background-image: url('../imgs/style/social-network-icons.gif');
						background-position:-3px -6px;
						}
						
.social-networking a:hover {background-position:-3px -56px; }
.social-networking a:active{background-position:-3px 51px;  }	
/* specific links */
.social-networking-links li.twitter{
	padding-right:1.5em;
}

.social-networking-links li.rss a{	background-position: -51px -6px;}
.social-networking-links li.rss a:hover{	background-position:-51px -56px; }
.social-networking-links li.rss a:active{	background-position:-51px 51px;}

.social-networking-links li.facebook a{	background-position: -84px -6px;}
.social-networking-links li.facebook a:hover{	background-position: -84px -56px;}
.social-networking-links li.facebook a:active;{	background-position: -84px 51px;}

.social-networking-links li.myspace a{			background-position: -116px -6px; }
.social-networking-links li.myspace a:hover{	background-position: -116px -56px; }
.social-networking-links li.myspace a:active{	background-position: -116px 51px; }

.social-networking-links li.stumbleUpon a{	background-position: -149px -6px;}
.social-networking-links li.stumbleUpon a:hover{	background-position: -149px -56px;}
.social-networking-links li.stumbleUpon a:active{	background-position: -149px 51px;}

.social-networking-links li.digg a{	background-position: -182px -6px;}
.social-networking-links li.digg a:hover{	background-position: -182px -56px;}
.social-networking-links li.digg a:active{	background-position: -182px 51px;}

.social-networking-links li.reddit a{	background-position: -215px -6px;}	
.social-networking-links li.reddit a:hover{	background-position: -215px -56px; }
.social-networking-links li.reddit a:active{	background-position: -215px 51px; }

.social-networking a span{ 
	position:absolute; 
	left:-1949px;}
	
	
/* header */	
.header{ background-color:#fff; height:100px; height:115px;
	
	-moz-border-radius-topleft:12px;
	-webkit-border-top-left-radius:12px;
	border-top-left-radius:12px;
	-moz-border-radius-topright:12px;
	-webkit-border-top-right-radius:12px;
	border-top-right-radius:12px;
	
	}
.geek{ position:absolute; top:10px; left:0px; }
.header p{position:absolute; 
	left:130px;
	top:67px;
	}
.IBMGoldPartner{
	position:absolute; 
	right:30px;
	top:67px;
	}

.links-to-main-site{ color:#fff; text-align:right; padding:10px 30px 10px 0px; }
.links-to-main-site a{color:#fff; padding:2px; text-decoration:none;}
.links-to-main-site a:hover{ border-bottom:1px dashed #fff;}

/* page blocks */

/* .email-signup, 
.upcoming-articles, 
.previous-articles,*/
.supplementary,
.lastest-headline, 
.confessions{
	background-color:rgb(255,255,255);
	background: rgba(255,255,255,0.8);
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #ccc;
	border-left:1px solid #fff;
	min-height:70px;
	position:relative;
}
.white,.confessions{ background-color:rgb(255,255,255);}
.supplementary{ padding-bottom:1em;  }
.previous-articles{clear:left;}

.previous-articles {	position:relative; min-height:180px; width:40%; float:left;}
.upcoming-articles{position:relative; min-height:180px; width:30%; float:left;}
.email-signup{ width:30%; position:relative; min-height:110px; float:right;}
.tweet{ width:30%; float:left; position:relative; min-height:160px;}
.third{ width:30%; float:right;}
/*
.supplementary:hover,
.email-signup:hover, 
.upcoming-articles:hover, 
.previous-articles:hover, 
.lastest-headline:hover, 
.confessions:hover{
	
	background-color:#fff;
}*/
span.tab{
display:block;
width:80px;
height:45px;
position:relative;
left:-13px;
top:10px;
background-image: url('../imgs/style/tabs.png');
background-repeat:no-repeat;
}

.confessions span.tab{
	background-position:0px 0px;
}
.lastest-headline span.tab{
	background-position:0px -94px;
	
}
.previous-articles span.tab{
	background-position:0px -45px;
}


span.tab2{
display:block;
width:80px;
height:45px;
position:absolute;
right:-13px;
top:10px;
background-image: url('../imgs/style/tabs.png?h');
background-repeat:no-repeat;
}
.tweet span.tab2{
	background-position:100% -145px;
}
.tweet-time-since{ font-size:.75em;}
.inner{ width:65%; position:relative; top:-35px; left:83px; margin-bottom:-25px;}
.upcoming-articles .inner,
.email-signup .inner, 
.tweet .inner {left:15px;width:80%; top:10px;margin-bottom:0px; }
.tweet .inner {width:70%;}


.previous-articles .button{ margin-bottom:10px;}
.previous-articles p{clear:both;}
.previous-articles p a{ text-decoration:none; border-bottom:1px solid #83BAD8; padding:.5em 0em .15em 0em;}
.previous-articles .subtitle{ font-size:9px;}

.email-signup form{ display:block;
position:relative;
right:0px;
top:10px;
background-color:#006FBE;
background:transparent url('../imgs/style/email-signup-bg.png') 100% 0% no-repeat;
padding:.25em;
margin:0px;
width:120%;
text-align:left;
padding-bottom:.75em;

 }

.email-signup legend{display:none;}
.email-signup fieldset{ padding:.25em; border:1px solid #83BAD8; height:22px;}
.email-signup label  { display:inline; margin:0px 0px 0px 0px; position:relative; }
.email-signup input#emailAddr { display:inline; border:0px; font-size:12px; width:160px; margin:0px 0px 0px 0px; padding:4px 3px 3px 3px;}
.email-signup input#emailAddr{ color:#4D4D4D; }
.email-signup input#submit{display:inline;/*border:1px solid red;*/ padding-right:8px; position:absolute; top:6px; right:14px; /*float:right;*/}

.links{ width:17%; float:right; position:absolute; right:30px; bottom:1em;}
.links a{ 
	background-color:#006FBE; 
	background-image: url('../imgs/style/email-signup-bg.png');
	border:1px solid #83BAD8;
	background-repeat: repeat-x;
	background-position: 0% 0%;
	color:#fff; 
	text-decoration:none; 
	padding:.25em; 
	display:block;
	margin-top:.25em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-opera-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	font-size:.9em;
	font-weight:bolder;
	text-align:center;
	}

.links a:hover { color:#000;}
.links a span{ padding:.25em;display:block; border:1px solid #83BAD8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-opera-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	}
	
body.detail .links{
	right:30px; top:1em;
}
.PreviousAndNext{ border:1px dashed #83BAD8; padding:1em; height:3.25em;}
.PreviousAndNext a.previous{ float:left; }
.PreviousAndNext a.next{float:right;}

.woo{border:1px solid red;}
a.button {
	background-color:rgb(255,175,39); 
	background-image: url('../imgs/style/orange-bg.png');
	color:#fff; 
	text-decoration:none; 
	padding:2px; 
	display:block;
	margin-top:.25em;
	width:43%;
	margin-right:.25em;
	float:left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-opera-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	text-align:center;
	}
a.button:hover { color:#000;}	
a.button span{ padding:1px; display:block; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-opera-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid rgb(255,175,39);
	}

.credits a{color:#fff; text-decoration:none;}
.credits a:hover{border-bottom:1px dashed #fff;}
/*{border:1px solid red!important;}*/
/* the end of this file is nigh */