/*{{{  global switch, user account  */

#global {
	height: 30px;
	background: url(images/navBG.png)  repeat-x;
	margin-bottom:25px;
}

#global .wrap {  
	width: 983px;  
	margin:0px auto;	
}


#global ul { 
	list-style: none; 
	margin: 0; 
	padding: 0;	
	float:left;
}

#global li { 
	float: left; 
	margin: 0; 
	padding: 0; 
	text-indent: 0; 
}






/*{{{ flowplayer & jquery Tools navi */

/* global navigations */
.globalnav {  
	width: 982px; 
	height: 30px; 
	margin: 10px auto; 
	position: relative; 
	text-align: left; 
	height: 38px !important;
	z-index: 1;	
	clear:both;
}

.globalnav a { 
	float: left; 
	height: 38px; 
	line-height: 38px; 
	width: 138px; 
	overflow: hidden; 
	text-indent: -999em; 	
	background-image: url(../images/navi-fp.png); 
	background-repeat: no-repeat;	
}

.globalnav a.active { 
	cursor: default; 
}




/*{{{ very basic styles */

body {
	margin:0;
	background-color:#fff;
	font-family:verdana,tahoma,arial,Sans-Serif;
	padding:0 0 50px 0;
}

body, p, div, a {
	font-family:verdana,tahoma,arial,Sans-Serif;
	font-size:12px;
}

a {
	color:#295c72;		
}

a.external {
	background:transparent url(/images/external.png) no-repeat scroll right 0;
	padding-right:15px;		
}


div.clear, hr {
	clear:both;
	display:block;
	font-size:1px;
	height:0pt;
	line-height:1px;
	margin:0pt;
	padding:0pt;
}

hr {
	margin:-5px 0px 5px 0;
	border:1px solid #ccc;
	border-width:1px 0 0 0;
}

.col {
	float:left;
	margin-right:20px;
}

#contentsss div.col50 {
	float:left;
	margin-right:40px;
	width:350px;
}

.last {
	margin-right:0px !important;		
}

div.col h2 {
	margin:0 0 5px 0;		
}

img {
	border:0;		
}

table {
	border-collapse:collapse;		
}

a:active {
  outline:none;
}

:focus, button {
  -moz-outline-style:none;
}

#content ul li, #content ol li, #right ul.smaller li {	
	margin-top:7px;	
}

#content ul li, #right ul.smaller li {
	list-style-image:url(/images/bullet.png);
}

#right ul.smaller {
	margin-top:20px;
}

#right ul.smaller li a.selected {
	cursor:default;
	color:#000;
	font-weight:bold;
}

body.ie7 #content ul, body.ie7 #content ol {
	margin-left:50px;
}

/*}}}*/


/*{{{ typo */

h1, h2, h3, h4 {
	font-weight:normal;
	letter-spacing:-1px;
	color:#444; 
	margin:35px 0 -5px 0;
}

h2 { font-size:22px; }
h3 { font-size:18px;	}
h4 { font-size:16px;	margin-top:20px; }

h1 em, h2 em, h3 em, h4 em {
	font-style:normal;
	color:rgb(45, 90, 195);
}



samp {
	color:#112699;		
}

.first {
	margin-top:0px;		
}

.lower {
	margin-top:20px !important;		
}

.higher {
	margin-top:40px !important;	
}

.red {
	color:#bf0d00;	
}

.blue {
	color:#2D5AC3;	
}


/*}}}*/


/*{{{ global elements */

#wrap {
	margin:10px auto;
	width:982px;		
}

#lefttop{
		background:#fff url(/images/content_top2.jpg)no-repeat;
		float:left;
		min-height:300px;	
		padding:15px;
		width: 400;
		}

#righttop{
		background:#fff url(/images/content_top2.jpg);
		float:right;
		min-height:300px;	
		padding:0px;
		width: 400;}

#content {
	background:#fff url(/images/content_top.jpg) no-repeat;
	float:left;
	min-height:400px;	
	padding:20px;
	width: 748px;
}

#contentsss {
	background:#fff no-repeat;
	float:left;
	min-height:400px;	
	padding:20px;
	width: 748px;
}

#contentssss {
	background:#fff no-repeat;
	float:left;
	min-height:400px;	
	padding:20px;
	width: 900px;
}

#contents {
	background:#fff url(/images/content_top222.jpg) no-repeat;
	float:left;
	min-height:400px;	
	padding:20px;
	width: 748px;
}

#right {
	float:right;
	width:180px;
}

#content, #right {
	margin-top:2px;		
}

#lefttop, #righttop{
	margin-top:10px;
			}

/* title */
#content h1 {
	background-repeat:no-repeat;
	padding:15px 0 0 95px;
	letter-spacing:-1px;
	font-size:28px;
	height:90px;
	position:relative;
	top:-146px;
	margin:0px 0 -140px 0;
	color:#809198;
	font-weight:bold;
	width:870px;
}

#content h1 strong {
	color:#505050;	
}

/* a little wider title icon for these */
#download_index #content h1, #forum #content h1, #forum_index #content h1 {
	padding-left:105px;		
}


/* move API tabs lower */ 
#documentation_api #content, #documentation_api #right {
	margin-top:160px !important;	
}

#documentation_api #content h1 {
	top:-160px;	
}



#content h1 em {
	display:block;
	font-size:20px;
	color:#808080;
	margin-top:-2px;
	font-weight:normal;
}




/*}}}*/


/*{{{ BOXES */



#content div.box.code h2 {
	margin-left:-40px;
	margin-top:0px;
}


#content table.listing div.box.code {
	padding-left:0px;
	background-image:none;	
	outline:0;
}
/*}}}*/


/*{{{ #content box, listing, div.tip  */

#content div.box, table.listing, div.tip {
	outline:1px solid #999;
	border:2px solid #fff;
	background-color:#f0f1f2;
	margin:10px 0 15px 0;
	padding:10px;
	
	/* outline radius */
	outline-radius:4px;
	-moz-outline-radius:4px;
	-webkit-outline-radius:4px;	
}




/*{{{ #right box */

#right .box {
	width:181px;
	margin:-1px 0 7px 0;
}

#right h2 {
	background:url(../images/sidenav.png) no-repeat;
	font-size:12px;
	height:16px;
	margin:0px;
	padding:8px 10px;
	display:block;
	text-decoration:none;
	color:#000;
	letter-spacing:0px;
	
}

#right h2.ruby {
	background-position:0 -255px;	
	color:#fff;	
}

#right h2.active {
	background-position:0 -192px;	
	color:#fff;		
	height:17px;
}


#right .inside, #right div.box ul {
	background:url(../images/sidenav_strip.png) no-repeat;
}

#right .gradient {
	background:#f0f6f7 url(../images/h300.png) repeat-x;	
	margin:0 3px;	
	padding:6px 8px;
}

#right .gradient.ruby {
	background:#fff url(../images/h150.png) repeat-x;
}

#right .clear {
	background:url(../images/sidenav.png) no-repeat 0 -353px;
	height:10px;	
}


/* box content */
#right div.box ul {
	margin:0;
	padding:0;
}

#right div.box li {	
	list-style-type:none;		
}

#right div.box li a {
	display:block;
	padding:6px 8px;
	border-bottom:1px solid #999;
	text-decoration:none;	
	font-size:12px;
	margin:0px 3px;
}


#right div.box li a:hover {
	background-color:#efefef;
	color:black;
}

#right div.box li a.selected, #right div.box li a.selected:hover {
	background-color:#666;
	color:#fff;
	cursor:default;
}

#right div.box input.text {
	width:150px;		
}

/* upper right box content */

#uright .box {
	width:400px;
	margin:-1px 0 7px 0;
}
#uright div.box ul {
	margin:0;
	padding:0;
}

#uright div.box li {	
	list-style-type:none;		
}

#uright div.box li a {
	display:block;
	padding:6px 8px;
	border-bottom:1px solid #999;
	text-decoration:none;	
	font-size:12px;
	margin:0px 3px;
}


#uright div.box li a:hover {
	background-color:#efefef;
	color:black;
}

#uright div.box li a.selected, #right div.box li a.selected:hover {
	background-color:#666;
	color:#fff;
	cursor:default;
}

#uright div.box input.text {
	width:150px;		
}


/*{{{ tables */

table.listing {
	width:100%;
	background-color:#fff;
}

table.listing td {
	border-bottom:1px solid #ddd;
	padding:5px;	
}


table.listing a:hover {
	color:#000;
}

table.listing a:hover span {
	color:#333;
}

th { 
	background:url(../images/h30.png) 0 0px repeat-x;
	background-color:#c2d0da;
	text-align:left;
	padding:5px; 
	border-bottom:5px solid #fff;
	font-weight:normal;
	font-size:14px;
}

table.listing td img {
	cursor:pointer;		
}

th.sort {
	cursor:pointer;
	background-color:#A2D0DA;
	border-left:1px solid #FFFFFF !important;
}

th.sort.asc, th.sort.desc {
	background-color:#ffD0DA;
}

/* api listings */
th.col1 {
	width:120px;		
}

td.code {
	color:blue;		
	width:120px;	
}

div.type {
	color:#789;
	font-family:verdana,tahoma,arial,Sans-Serif;
}

td.default {
	color:#345;
	width:80px;	
}

td.type {
	color:navy;		
}

td.code em {
	color:#666;
	font-style:normal;
}

td.description {
	color:#333;
	font-size:12px;
}

td.code i {
	font-style:normal;
	color:#666;
}

.pre {
	white-space:pre;	
}

.code strong {
	color:navy;		
}


/*}}}*/


/*{{{ info, overlay, grippie */



/*{{{ home */

#index #content {
	background:none;
	width:768px;
	margin:0px;
	padding:0px;
}

#index #right {
	width:210px;
	float:right;
	margin:-1px  0;	
}

#downloadInfo  {
	float:right;
	margin:60px 36px 0pt 0pt;
	text-align:center;
	color:#555;
	font-size:11px;	
}

#downloadInfo a {
	font-size:11px;		
}

h1#logo {
	background:transparent url(/images/logo-3.1.jpg) no-repeat scroll 0 0;
	float:left;
	height:131px;
	margin:25px 0 46px 25px;
	text-align:right;
	width:490px;
}

h1#logo em {
	display:none;		
}

h1#logo span {
	position:relative;
	top:32px;		
	font-size:22px;
}



#tab_panes {
	background:url(/img/home/main.jpg) no-repeat 0 -98px;
	position:relative;
	top:-1px;
	height:448px;	 
	overflow:hidden;
	width:757px;
}

#items {
	position:absolute;
	width:9999em;
}

#items div.item {
	padding:10px 30px;
	width:690px;
	float:left;
	color:white;
	display:none;
}


#items #first a.flowplayer {
	width:460px;		
	margin:0px;
}


#items #first div.col {
	width:165px;		
}

#items p.more {
	font-weight:bold;
	font-size:12px;
	margin-top:30px;
}

#items div.clips {
	float:left;
	margin-top:10px;
}

#items pre code {
	line-height:14px;	
}

/* tabs */
ul#tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0 !important; 
}

#player3 object {
	z-index:10000;		
}

ul#tabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-image:none;
}

#content ul#tabs li a { 
	display:block;
	height: 33px;  
	overflow: hidden; 
	text-indent: -999em; 
	width: 189px; 
	background: url(/img/home/main.jpg) no-repeat;
	padding:0px;
	margin:0px;
}

#content #tabs #t1 { background-position: 0 0; }
#content #tabs #t2 { background-position: -189px 0; }
#content #tabs #t3 { background-position: -378px 0; }
#content #tabs #t4 { background-position: -567px 0; width:192px;}
               
#content #tabs #t1:hover { background-position:      0 -33px; }
#content #tabs #t2:hover { background-position: -189px -33px; }
#content #tabs #t3:hover { background-position: -378px -33px; }
#content #tabs #t4:hover { background-position: -567px -33px; }

#content #tabs a.active   {cursor:default; }
#content #tabs #t1.active { background-position:      0 -66px; }
#content #tabs #t2.active { background-position: -189px -66px; }
#content #tabs #t3.active { background-position: -378px -66px; }
#content #tabs #t4.active { background-position: -567px -66px; }


/* right picks */
#right div.pick {
	background: url(/images/h300.png) no-repeat;
	width:214px;
	height:152px;
	margin:0px 0 12px 0 !important;
	cursor:pointer;
}

#right a {
	text-decoration:none !important;		
}

#right div.pick h4 {
	padding:15px 15px 0 85px;
	font-size:11px;
	color:#666;
	margin:0px;
}

#right div.pick h3 {
	padding:0px 15px 0 85px;
	font-size:13px;
	color:#000;
	margin:3px 0px;
}

#right div.pick p {
	padding:5px 15px 0 85px;
	font-size:12px;
	color:#666;
	margin:0px;
}



h12 {
color:#FFFFFF;
font-size:50px;
font-weight:400;
line-height:60px;
margin:0 0 5px;
padding:0;
}





/* initially all panes are hidden */ 
div.panes div.pane {
			
}

body {
	padding:150px 50px;
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}





/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:760px;
	height:31px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	background: url(../images/blue_panes.jpg) no-repeat;
	display:block;
	height: 31px;   
	width: 189px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#000;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -189px 0; }
#flowtabs #t3 			{ background-position: -378px 0; }
#flowtabs #t4 			{ background-position: -567px 0; width:192px;}
 
/* mouseover state */
#flowtabs a:hover 		{ color:#fff;	 }
#flowtabs #t1:hover 	{ background-position:      0 -33px; }
#flowtabs #t2:hover 	{ background-position: -189px -33px; }
#flowtabs #t3:hover 	{ background-position: -378px -33px; }
#flowtabs #t4:hover 	{ background-position: -567px -33px; }

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#fff; line-height:34px; }
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }


/* panes */
#flowpanes {
	background: url(../images/blue_panes.jpg) no-repeat 0 -100px;		
	width:760px;
	height:450px;	
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	margin:20px 40px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}

#flowpanes a {
	color:#cc9;		
	font-size:14px;
}

#flowpanes p, #flowpanes samp {
	color:#ccc;		
}

#flowpanes div.narrow {
	padding-right:160px;		
}
	
	


#pageWrap {
	width:					500px;
	background-color:		transparent;
	margin:					25px auto;
}

#pageBody {
	width:					100%;
}

div.hoverBtn {
	position: 		relative;
	float:			left;
	background:		black url(../images/navBG.png) repeat-x 0 0 scroll;
}
div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			100px;
	height: 		30px;
	line-height: 		30px;
	text-align: 		center;
	font-size:		1.1em;
	text-decoration:	none;
	color:			#fff;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(../images/navHover.png) repeat-x 0 0 scroll;
}
h1 {
	font-size:		2.0em;
	margin:			0.5em 0;
}
p {
	padding-top:	10px;
	margin:			0.5em 0;
}

.clear	{ clear: both; }


/* right picks */
#right div.pick {
	background: url(../images/blank.png) no-repeat;
	width:214px;
	height:152px;
	margin:0px 0 12px 0 !important;
	cursor:pointer;
	
}

#right a {
	text-decoration:none !important;		
}

#right div.pick h4 {
	padding:15px 15px 0 85px;
	font-size:11px;
	color:#666;
	margin:0px;
}

#right div.pick h3 {
	padding:0px 15px 0 85px;
	font-size:13px;
	color:#000;
	margin:3px 0px;
}

#right div.pick p {
	padding:5px 15px 0 85px;
	font-size:12px;
	color:#666;
	margin:0px;
}


/* --- VISUALIZATIONS --- */


/* images */

#right div.pick.release 		{ background-image: url(images/blank.png); }



/* book & screens are left justified */
#right div.pick.book h3, #right div.pick.book h4, #right div.pick.book p,
#right div.pick.screens h3, #right div.pick.screens h4, #right div.pick.screens p,
#right div.pick.tools h3, #right div.pick.tools h4, #right div.pick.tools p
{
	padding-left:15px;
	padding-right:76px;
}

/* release */
#right div.pick.release h3, #right div.pick.release h4,
#right div.pick.blank h3, #right div.pick.blank h4 {
	padding-left:15px;		
}
	
#right div.pick.release p, #right div.pick.blank p {
	padding:15px 15px 0 90px;	
}

#right div.pick.screens h3 {
	padding-right:92px;	
}

/* rainbows*/
.rainbow {
	background: transparent;
	display: block;
	position: relative;
	height: 1px;
	overflow: hidden;
	z-index: 4;
	}

	.rainbow span {
		position: absolute;
		top: 0;
		left: 1px;
		display: block;
		xwhite-space: nowrap;
		}
	
	a .rainbow span { /* For within floated elements. */
		white-space: nowrap; 
		}

.rainbows-highlight {
	color: #fff !important;
	display: block;
	position: absolute;
	top: -1px;
	left: 0px;
	z-index: 2;
	}

.rainbows-shadow {
	color: #000 !important;
	display:block;
	position: absolute;
	top: 1px;
	left: 2px; /* can be one or two depending on 90 or 135 degree global light */
	z-index: 3;
	}

.back .text .rainbows-shadow {
	color: #fff !important;
	opacity: 0.3;
	}

h8{
color:#FFFFFF;
font-size:18px;
font-weight:400;
line-height:22px;
margin:0 0 5px;
padding:0;
}

.blue.sample {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#0062A9 none repeat scroll 0 0;
}

.container {
	padding: 10px 5%;
}
ul.column{
	width: 100%;
	padding: 0;
	margin: 10px 0 50px;
	list-style: none;
}
ul.column li {
	float: left;
	width: 200px;
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.block {
	height: 250px;
	width:  200px
	border:1px solid #666;
	font-size: 1em;
	margin-right: 10px;
	padding: 20px;
	background: url(images/h300.png);
	-moz-border-radius: 5px;
	
	-webkit-border-radius: 5px;
	-webkit-box-shadow:0 0 10px #666;
}
.block h2 {
	font-size: 1.8em;
}
.block img {
	width: 89%;
	padding: 5%;
	margin: 0 auto;
	background:#fff;
	-ms-interpolation-mode: bicubic;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

images {
	background:#fff url(/images/h300.png) repeat-x;
	border:1px solid #666;
	position:relative;	
	height:300px;
	
	width:600px;
	float:left;	
	margin:15px;
	cursor:pointer;
	
	/* CSS3 tweaks for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;

div.clear, hr {
	clear:both;
	display:block;
	font-size:1px;
	height:0pt;
	line-height:1px;
	margin:0pt;
	padding:0pt;
}

hr {
	margin:-5px 0px 5px 0;
	border:1px solid #ccc;
	border-width:1px 0 0 0;
}


.FooterLeft {
display:table;
padding:14px 0 14px 12px;
width:100%;
}
.footTab {
background: url("images/navBG.png") repeat-x scroll 0 0 transparent;
border-bottom:1px solid #505050;
border-top:1px solid #505050;
color:#444444;
font-size:10px;
vertical-align:middle;
}
#footer em {
color:#555555;
font-style:normal;
padding:0 5px;
}
#footer a {
color:#444444;
}
#footer a:hover {
color:#444444;
text-decoration:underline;
}
.FooterRight {
text-align:right;

#navigation_wrapper {
  background: url(images/navigation.png);
  height: 70px;
  border-bottom: solid 2px #727785; }
 
  #navigation_wrapper #nav {
    font-size: 16px;
    list-style: none;
    font-weight: normal;
    margin: 0px auto;
    width: 1000px;
    display: block; }

    #navigation_wrapper #nav li {
      float: left;
      height: 66px;
      border-left: solid 1px #2c2c2c;
      border-top: solid 4px #222; }
     
      #navigation_wrapper #nav li:hover, #navigation_wrapper #nav li:active, #navigation_wrapper #nav li:focus {
        -webkit-box-shadow: rgba(90,135,221,0.4) 0 0 10px;
  -moz-box-shadow:    rgba(90,135,221,0.4) 0 0 10px;
  box-shadow:         rgba(90,135,221,0.4) 0 0 10px; 
   background: #426dc0;
   -webkit-transition: border-color linear 0.6s, background-color linear 0.6s, color linear 0.6s;
  -moz-transition: border-color linear 0.6s, background-color linear 0.6s, color linear 0.6s;
  }
     
      #navigation_wrapper #nav li.last {
        border-right: solid 1px #2c2c2c; }
       #navigation_wrapper #nav a {
      display: block;
      color: #CCC;
      text-decoration: none;
      padding: 25px 20px 24px;
      text-shadow: 2px 2px 6px #000;
      outline: none; }
      
      #navigation_wrapper #nav a:hover, #navigation_wrapper #nav a:active, #navigation_wrapper #nav a:focus {
        color: #FFF; }
   
    #navigation_wrapper #nav li.icons ul {
      margin: 21px 5px 0;
      padding: 0;
      list-style: none; }
     
      #navigation_wrapper #nav li.icons ul li {
        float: left;
        width: 16px;
        height: 16px;
        padding: 4px;
        border: 0; }
              #navigation_wrapper #nav li.icons ul li:hover, #navigation_wrapper #nav li.icons ul li:active, #navigation_wrapper #nav li.icons ul li:focus {
          background-color: transparent; }
        
        #navigation_wrapper #nav li.icons ul li a {
          border: 0;
          width: 16px;
          height: 16px;
          background-color: transparent;
          background-image: url(/images/icons.png);
          text-indent: -100000em;
          display: block;
          overflow: hidden;
          padding: 0;
          opacity: 0.7; }
        
          #navigation_wrapper #nav li.icons ul li a:hover, #navigation_wrapper #nav li.icons ul li a:active, #navigation_wrapper #nav li.icons ul li a:focus {
            background-color: transparent;
            opacity: 1.0; }
        
        #navigation_wrapper #nav li.icons ul li.twitter a {
          background-position: -16px 0; }
       
        #navigation_wrapper #nav li.icons ul li.rss a {
          background-position: -32px 0; }
        
        #navigation_wrapper #nav li.icons ul li.itunes a {
          background-position: -48px 0; }
          
          
.module {
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -moz-border-radius: 6px;
  border: solid 1px #43494A;
  background: url(img/bg_mainsection.png);
  padding: 20px;
  color: #000;
  margin-bottom: 20px; }
  
  .module h3 {
    border-top: solid 4px #609ACB;
    margin: -20px -20px 20px;
    background: #000;
    border-bottom: solid 2px #4d535b;
    color: #fff;
    text-shadow: 2px 2px 6px #000;
    font-size: 1em;
    font-weight: normal;
    padding: 12px 20px 11px; }
    
    .module h3 a:link,
    .module h3 a:visited,
    .module h3 a:hover,
    .module h3 a:active {
      text-decoration: none;
      color: #FFF;
      display: block;
      padding: 12px 20px 11px;
      margin: -12px -20px -11px; }

#sidebar {
  margin: 0px 5px 50px 0;
  float: right;
  width: 250px; }