﻿a{color:#000;}
a:hover,div#footer ul li ul li a:hover{color:#F60;}
body    
{
    color:#000;
    text-align:center;
    margin:0;
    padding:0;
    font-family:Verdana;
    font-size:0.8em;
}
h1{font-size:2.4em;}
h1, h2, h3,
ul#mainarticles li a
{
	color:#888;	
	font-weight:normal;
	font-family:Trebuchet MS, Verdana, Arial;		
	margin:0.5em 0 0.25em 0;
} 
h2,ul#mainarticles li a{font-size:1.6em;}
#sliderNavigation a:hover,
a:hover{color:#F60;}
a img{border:0px;}

::selection {
	background: #F60;color:#FFF;
	}
::-moz-selection {
	background: #F60;color:#FFF;
}

div#logo
{
    position:absolute; 
    z-index:3;         
}
div#logo a
{
    width:400px;
    height:50px;   	
    display:block;    
    float:left;
}
div#logo a
{
	left:-13px;top:-42px;z-index:4;position:absolute; background:url("Images/logo.png") no-repeat 10px 10px;
	
}
#query
{
    background: url("Images/SearchInput.jpg") no-repeat scroll 0 0 transparent;border: 1px solid #CCCCCC;color: #333333;font-size: 0.9em;padding-left: 20px;width: 230px;position:absolute;top:-35px;left:700px;z-index:4;
}
ul,li{margin:0;padding:0;}

.hidden,div#logo a span, div#teaser ul li a span, div#toc,div#logo div.social{display:none;}
div#shadow{left:0px;width:100%;height:800px;overflow:hidden;position:absolute;z-index:1;top:3px;}
div#shadow div
{width:1020px;height:800px;position:absolute;left:50%;margin-left:-510px;}

div#page
{
    position:relative;
    background-color:#FFF;
    width:954px;
    margin:auto;
    text-align:left;
    top:60px;    	 
    z-index:2;    
    margin-bottom:120px;     
}       

div#teaser
{
    width:954px; background-color:#666; height:140px; text-align:center; background:url("Images/TeaserBg.png") repeat-x;        
}
ul#mainarticles,
div#teaser ul,
div#sidebar ul,
div#toc ul,
div#slider ul, #slider li,
div#slider2 ul, #slider2 li
{    
    padding:0;
    margin:0;
    list-style-type: none;    
}
ul.verticalList li,
div#teaser ul li,
div#sliderNavigation ul li
{
    margin:5px;	
    display: inline;
    list-style-type: none;
}
div#teaser ul li a img,
div#teaser ul li img
{
    padding-top:10px;
}
div#content
{    
    margin:20px 30px 30px 30px;
    width:560px;       
    float:left;
}
div#content h1, div.storycontent, div#pageappendix{margin-left:40px;}
div.storycontent ul{padding-left:16px;}
div#pageappendix{margin-top:50px;}

div#sidebar, div.tweet, div#toc
{
    background-color:#FAFAFA;
	border:1px solid #DDD; 
    border-radius: 10px;
    -moz-border-radius: 10px;    
    padding: 10px 20px 20px 20px;
    margin:20px;

}
div#sidebar
{
    float:left;    
    width:250px;                 	
    position:relative;
}

div#footer
{
	width:954px;
	height:250px;
	background:url("Images/Footer.jpg") repeat-x;
	clear:both;
	text-align:center;
	overflow:hidden; /* fix for 1024 width */
}
div#footer ul
{
	color:#777;
	margin:0;
    list-style-type: none;
    padding:30px 5px 0 40px;
    width:100%;
    text-align:left;
    
}
div#footer ul li
{
    display:block;
    width:155px;
    float:left;
    font-weight:bold;    
}
div#footer ul li ul
{    
    padding:0 0 0 0px;   
    margin:0;
    clear:both;
    width:auto;
    
}
div#footer ul li ul li, div#footer ul li ul li a {font-weight:normal; display:block;width:100%;}
div#footer ul li ul li a{color:#777;}

a.button {display:block; background: url("Images/ButtonBig.png") no-repeat scroll 0 -50px transparent; padding: 0 0 12px 60px;font-size:2.2em;}

strong.buttonLink {display:block; background: url("Images/ButtonBig.png") no-repeat scroll left -120px transparent; padding: 5px 0 15px 30px;font-size:2.2em;}
strong.buttonLink a{display:block; text-decoration:none;color:#FFF; background: url("Images/ButtonBig.png") no-repeat scroll right -13px transparent;padding:-15px 0 10px 0;margin:3px 0 0 0;}
strong.buttonLink a:hover{color:#FFF;}

div#copy{font-size:0.8em;margin-bottom:10px;}
div#copy a{text-decoration:none;}

ul#mainarticles li a,div#footer ul li ul li a{text-decoration:none;}
ul#mainarticles li a:hover,div#footer ul li ul li a:hover{text-decoration:underline;}
ul#mainarticles li a{display:block; background: url("Images/ArrowIconsBig.png") no-repeat scroll 0 9px transparent; padding: 0 0 0 40px;font-size:2.2em;}
ul#mainarticles li a:hover,ul#mainarticles li a:active,ul#mainarticles li a:focus{background-position:0 -116px;color:#F60;}

div#tags{width:250px;clear:both;}
a.tag{ border:1px solid #DDD; background-color:#EEE; padding:2px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:2px;display:inline;color:#000;text-decoration:none;background-image:none;margin:2px;white-space: nowrap;line-height:25px;}
a.tag:hover{border:1px solid #EEE; background-color:#DDD;}


div#sidebar ul li a,div#toc ul li a{display:block; background: url("Images/ArrowIconsSmall.png") no-repeat scroll 0 4px transparent; padding: 0 0 0 15px; text-decoration:none;}
div#sidebar ul li a:hover,div#sidebar ul li a:active,div#sidebar ul li a:focus,div#toc ul li a:hover,div#toc ul li a:active,div#toc ul li a:focus{background-position:0 -75px;color:#F60; text-decoration:underline;}

ul#mainarticles li span{padding:0 0 20px 40px;display:block;}
ul#mainarticles li
{
	display:block;	
}

#slider2{margin-top:1em;}
#slider li, #slider2 li{ 		
	overflow:hidden; 
}	
div#slider{position:relative;}
div#slider,#slider li, #slider2 li
{
	background-color:#333;
	width:954px;
    height: 200px;
    position:relative;
}
#sliderNavigation
{
    position:absolute;        	
    top:0;
    left:754px;
    width:200px;
    text-align:right;
    display:none;
    height:40px;
    padding-left:50px;
}  
#sliderNavigation a{color:#FFF;  text-decoration:none; display:block; float:left; height:20px; width:55px;}        
#sliderNavigation ul{padding-top:10px; text-align:left;}
#prevBtn{padding:2px 0 0 18px; background:url("Images/SliderArrows.png") no-repeat; background-position:3px -29px;}
#nextBtn{padding:2px 0 0 0; background:url("Images/SliderArrows.png") no-repeat; background-position:34px 6px;} 
#prevBtn:hover{background-position:3px -45px;}
#nextBtn:hover{background-position:34px -10px;}
.sliderNavigationHover{background:url("Images/navbg.png") repeat-y;}  
.fixedLogo{width:954px; height:50px;top:0px;position:fixed;margin:auto;}	
#notification{position:fixed;display:none;z-index:10;top:50px;width:450px;background-color:#FFF;border:1px solid #F60;left:50%;margin-left:-410px;padding:40px;text-align:left;border-radius: 10px;-moz-border-radius: 10px;}
/* Social Plugin */
.social div.socialplugin{float:left;}
div.googleplus{width:60px;}
div.facebook{width:60px;}
div.twitter{width:70px;}
.social{height:70px;display:block;padding-left:40px;}
.likedisqus{position:relative;top:42px;padding-top:0px;}
/* Disqus */
a.dsq-subscribe-email,a.dsq-subscribe-rss,#dsq-account-dropdown a, #dsq-content h3, div#dsq-reply div h3{color:#888;}
a.dsq-subscribe-email:hover,a.dsq-subscribe-rss:hover,#dsq-account-dropdown a:hover{color:#F60;}
#dsq-content h3{font-family:Trebuchet MS, Verdana, Arial;font-weight:normal;}
/* Tweet */
img.tweetProfilePicture{float:right;}
span.tweetText{font-size:16px;}
span.tweetScreenname{font-weight:bold;}
span.tweetDate{color:#888;	}
div.tweet,div#toc{margin-left:40px;}

div#logo div.social{position:fixed;right:0px;}

div#errorScreen{width:954px; height:700px; background:url("Images/Error.jpg") no-repeat #FFF; background-position:top;color:#FFF;font-size:30px;text-align:center}