/* 

 * Set up general font colours, sizes, etc.  Some of these will override

 * settings from the shared CSS 

 */

.intro-header H1 {

	font-size : 18pt;

}

#page-links a .link-label, #action-links a .link-label {

	font-size : 10pt;
	font-weight : 600;
	color : #666666;

	position: absolute;

	top:30px;

	left:80px;

}

#page-links a p .text, #action-links a p .text {

	font-size : 9pt;
	font-weight : 100;
	color : #666666;

}

/* 

 * Set up the navigation bar.  It should be centered in the middle

 * of the page

 */

#links-background {	
	text-align : center;

	font-weight:100;

}

/* specify a width for Moz so we can center.  

 * **Important** If additional links are added, we will have to increase this width 

 * to accomodate them, otherwise they will wrap to a new line 

 */

#links-background > #page-links {

	width : 200px;/*33em;*/
	margin : 0 auto;

	font-weight:100;

}

#above-page-links{

	width:900px;

	position:relative;

	top: 30;

	font-weight:100;

	left: 40;

	/*top:50px;*/

	/*background-color:blue; for debugging layout*/	

	}

#page-links {

	width: 650px; 

	position : relative;	

	font-weight:100;

	/*background-color:yellow; for debugging layout*/

}

#page-links .root-link{

	background-image: url(graphics/rootpage2/itemBackground.gif);

	width:200px;

	height:200px;

	margin-right: 100;

	margin-bottom: 30;

	background-color:transparent;

	font-weight:100;	

}

#page-links a {

	position : relative;

	margin:10px;

	font-weight:100;

	text-align : left;

}

/* float left for Moz so the items all appear inline */

#page-links > a {

	float : left;

	position : relative;

}

#page-links a img {

	height : 52px;
	width : 57px;
	vertical-align : middle;

	margin-top: 15px;

	margin-left:13px;	

}

/* remove the hover image from the flow of the document,

   so it doesn't take up space and change the position

   of the link label and descriptions */

#page-links a .background-image {

	position : absolute;

}

/* properly align the link label and text based on class (left vs. right) */

#page-links a:hover {

	/* This is needed for IE to force the hover pseudo selectors below to work.*/

	padding : 0 em;

}

/* properties for each of the page-links  */

a .background-image {

	background-image : url(graphics/icons2/bullet_turq-whitebg.gif);
	visibility : hidden;

}

/* properties for each of the page-links */

a#overview img {background-image : url(graphics/icons2/guide.gif); }

a#overview:hover img,

a#overview:focus img,

a#overview:active img { background-image : url(graphics/icons2/guide_hover.gif);}

a#tutorials img {background-image : url(graphics/icons2/tutorials.gif); }

a#tutorials:hover img,

a#tutorials:focus img,

a#tutorials:active img { background-image : url(graphics/icons2/tutorials_hover.gif);}

a#forumnokia img {background-image : url(graphics/icons2/forum_nokia.gif); }

a#forumnokia:hover img,

a#forumnokia:focus img,

a#forumnokia:active img { background-image : url(graphics/icons2/forum_nokia_hover.gif);}

a#createtheme img {background-image : url(graphics/icons2/create_theme.gif); }

a#createtheme:hover img,

a#createtheme:focus img,

a#createtheme:active img { background-image : url(graphics/icons2/create_theme_hover.gif);}

a#opentheme img {background-image : url(graphics/icons2/open_theme.gif); }

a#opentheme:hover img,

a#opentheme:focus img,

a#opentheme:active img { background-image : url(graphics/icons2/open_theme_hover.gif);}

a#transfertheme img {background-image : url(graphics/icons2/transfer_theme.gif); }

a#transfertheme:hover img,

a#transfertheme:focus img,

a#transfertheme:active img { background-image : url(graphics/icons2/transfer_theme_hover.gif);}

#big-tile-link a .link-label{

	font-size : 10pt;

	font-weight : 100;

	color : #666666;

	position:relative;

	top:-30px;

	left:80px;

}

#page-side-links a p{

	font-size : 8pt;

	font-weight : 500;

	color : #666666;

}

#big-tile-link a img {

	height : 30px;

	width : 36px;

	/*vertical-align : middle;*/

	margin-top: 16px;

	margin-left:20px;

}

#big-tile-link a .link-label {

	font-size : 10pt;

	font-weight : 600;

	color : #666666;

}

#big-tile-link .root-projects{

	width:200px;

	font-size : 2pt;

	font-weight : 600;

	color : #111666;		

	position: relative;

	top: 10px;	

}

#link .examples{

	color : #000000;		

	position: relative;

	font-weight:400;

}

.examples-heading{

	color : #666666;		

	position: relative;

	top: 15px;

}

.examples-heading-text{

	color : #666666;		

	position: relative;	

	font-size : 10pt;

	font-weight : 600;	

	top:-45px;

	left: 60px;

}

.group-of-links{

	width:100%;

}

.examples{

	color : #111666;		

	position: relative;

	float:left;

	left:20px;		

	font-weight : 400;

	font-size:8pt;

	top:-20px;

}

.examples-imgs{

	color : #111666;		

	position: relative;	

	top:-8px;

	left:10px;

}

.examples-side-text{

	color : #000000;		

	position: relative;

	top: 10px;	

	left: 10px;	

}

.examples-group-text{

	color : #666666;		

	position: relative;

	top: -20px;	

	left: 0px;

	font-size : 10pt;

	font-weight : 600;

}

.page-side-links-text{

	font-size : 10pt;

	font-weight : 600;

	color : #666666;

	margin-top: 15px;

	top: 0px;

	left: 0px;

	position:relative;

}