/*
* {
	border:1px dotted silver;
}
*/

.smalltxt {
	font-size:.8em;
}

/* general rules */

body {
	font-family: verdana, arial, 'Bitstream Vera Sans', helvetica, sans-serif;
	font-size:0.8em;
	background-color:white;
}

ul, ol, dl {
	position: relative;
}

img {
	border:0px none;
}

a img {
	vertical-align:middle;
	margin-right:5px;
}

p {
	color:#000000;
	margin-bottom:0;
	position:relative;
}

p, dl, ul {
	margin-top:0;
}

acronym {
	cursor:help;
	border:none;
	color:gray;
}

ul {
	list-style-position:inside;
	margin:0;
}

pre {
	background: #EEE;
	color: #000;
	border: 1px solid #DDD;
	border-left-width:5px;
	margin : 0 1em 1em 1em;
	padding : 1em;
	text-align:left;
	/* white-space:normal; */
	font-size:12px;
	font-family:courier,sans;
}

hr {
	color:#B2C9D7;
	background-color:#B2C9D7;
	border:0px none;
	height:1px;
	margin-top:10px;
	margin-bottom:10px;
}

.nopadd,
.nopadd * {
	padding:0 !important;
	margin:0 !important;
}

.noborder {
	border:0px none !important;
}

.nohover:hover {
	border:0px none !important;
	background:none !important;
}

/* paragraph links */

.extlink,
.extlink:visited {
	background: url(../img/extlink0.gif) 1px center no-repeat;
	padding-left: 16px;	
	border-bottom: 1px dotted #bbb;
}

.pdflink,
.pdflink:visited {
	background: url(../img/pdf00000.gif) 1px center no-repeat;
	padding-left: 16px;	
	border-bottom: 1px dotted #bbb;
}

.traclink,
.traclink:visited {
	background: url(../img/traclink.gif) 1px center no-repeat;
	padding-left: 16px;	
	border-bottom: 1px dotted #bbb;
}

p a,
p a:visited,
.legend a,
.legend a:visited,
.module .quicklinks a,
.module .community a {
	color:#FD8F17;
	text-decoration: none;
	border-bottom: 1px dotted #bbb;
}

p a:hover,
.extlink:hover,
.traclink:hover,
.module .quicklinks a:hover,
.module .community a:hover  {
	background-color: #eee !important;
	text-decoration: none;
	color: #555;
}

a {
	color:#004D79;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* download links */

a.download_link {
	text-decoration:none;
	color:#FD8F17 !important;
	font-weight:bold;
	background: url(../img/dllink00.gif) 1px center no-repeat;
	padding-left: 12px;	
	text-decoration: none;
	border-bottom: 1px dotted #bbb;

}

a.download_link:hover {

	text-decoration:none;
	color:#FD8F17 !important;
	background: url(../img/dllink-a.gif) #eee 1px center no-repeat;
}

/* titles */

h2 {
	position:relative;
	font-size:1.3em;
	font-weight:bold;
	color:#790E3E;
	margin:0 0 0 0;
	height:33px;
	line-height:33px;
}

h2 span,
h3 span {
	float:left;
}

h2 span {
	position:absolute;
	float:left;
	display:block;
	background-color:white;
	z-index:20;
	height:30px;
	overflow:hidden;
}

h2 small {
	float:right;
	font-weight:normal;
	padding-top:10px;
	display:inline;
	height:20px;
	line-height:20px;
}

h3 {
	position:relative;
	margin:10px 0 10px 0;
	padding:5px 0 5px 10px;
	border-bottom:1px solid #B2C9D7;
	font-size:1.1em;
	font-weight:bold;
	color:#790E3E;
	height:20px;
	clear:both;
}

h4 {
	position:relative;
	margin:10px 0 10px 0;
	padding:5px 0 5px 10px;
	border-bottom:1px solid #B2C9D7;
	font-size:1.1em;
	font-weight:bold;
	color:#790E3E;
	height:20px;
	clear:both;
}

h5 {
	position:relative;
	margin:0px 0 0px 0;
	padding:0px 0 0px 10px;
	
	
	font-weight:bold;
	
	height:20px;
	clear:both;
}

ul h3,
dl h3 {
	font-size:1.1em;
	font-weight:bold;
	color:#696969;
	margin:0;
	padding:0;
	border:0 none;
	height:auto;
}

h4 {
	margin:5px 0 5px 0;
	padding:0px 0 5px 0;

	font-size:1em;
	font-weight:bold;
	color:#004D79;
	height:20px;

}


.aligned_to_title {
	padding-left:45px !important;
}



/* frequently used elements */

.gradient_gray,
.gradient_blue {
	background-repeat:repeat-x;
	background-color:white;
	margin-top:0;
	padding-top:10px;
}

.gradient_gray {	background-image:url(../img/bg_gradi.gif); }
.gradient_blue {	background-image:url(../img/bg_gradj.gif); }


.gradient_gray p,
.gradient_blue p,
.gradient_gray blockquote,
.gradient_blue blockquote,
.gradient_gray h4,
.gradient_blue h4,
.gradient_gray img,
.gradient_blue img,
.gradient_gray ul,
.gradient_blue ul {
	padding:10px;
	padding-top:0;
}

blockquote h4 {
	padding:0 !important;
	padding-top:0;
}

.compact {
	list-style-type: none;
	list-style-position:outside !important;
	list-style-image: none !important;
	margin:0;
	padding:0;
}


.spaced_block {
	padding:10px;
}

li.active {
	border:1px solid #659036;
	background-color:#F8FFEF;
	padding-top:5px;
	padding-bottom:5px;
	z-index:-100;
}

/* Code Camp*/
dl.codecampsubj dt {
	color:#004D79;
	font-size:1.2em;
}
dl.codecampsubj dd {
	margin:0 0 0 50px;
}

dl.codecampsubj dd ul li {
	list-style:square outside;
	margin-left: 30px;
}

/* FRIENDS LIST */
dl#friendslist {
	clear:both;
	display:block;
}

dl#friendslist dt {
	clear:both;
	padding-top:7px;
	line-height:13px;
	float:left;
	text-align:center;
	color:#E13A00;
	height:33px;
	width:110px;
}

dl#friendslist dd {
	margin:0 0 0 110px;
	padding:0 0 10px 5px;
	position:relative;
	top:-33px;
}

dl#friendslist dd p {
	margin:0;
	padding:0;
}

/* NEWS (DATE) */

dl.date_list {
	clear:both;
	display:block;
}

dl.date_list dt {
	clear:both;
	padding-top:7px;
	line-height:13px;
	float:left;
	text-align:center;
	color:#E13A00;
	height:33px;
	width:40px;
	background:url(../img/date_bg0.png) no-repeat;
	font-weight:bold;
	font-size:10px;
}

dl.date_list dt small {
	font-weight:normal;
	color:#E13A00;
	display:block;
}

dl.date_list dd {
	padding-left:5px;
	padding-top:2px;
	padding-bottom:10px ;
	min-height:40px;
	height:auto !important;
	height:40px;
	position:relative;
}

dl.date_list dd h3 {
	clear:none;

}

dl.date_list dd h3 a {
	color:#696969;
	text-decoration:none;
	border-bottom:1px dotted #696969;
}

dl.date_list dd h3 a:hover {
	color:#696969;
	text-decoration:none;
	background: #eee right center no-repeat;
}

dl.date_list dd h3 span.active{
	color:#004D79;
}

dl.date_list dd p {

	margin:0;
	padding:0;
}


/* big date */

.bigdate_box {
	line-height:26px;
	width:80px;
	height:72px;
	padding-top:16px;
	padding-left:5px;
	display:block;
	background-image:url(../img/date_bg_.png);
	text-align:center;
	color:#E13A00;
	float:right;
	position: relative;
	margin-right:5px;
}

.bigdate_box .month {
	font-size:10px;
	font-weight:bold;
}

.bigdate_box .day {
	font-size:40px;
	font-weight:bold;
}

/* author */

small {
	font-size:x-small;
	color:silver;
}
small.author * {
	font-size:inherit;
	color:silver !important;
}
small.author a:hover {
	color:gray !important;
}


/* FAQ */

#faq {
	min-height:2000px;
	height:auto !important;
	height:2000px;
}

.faq li {
	list-style-type: none;
	color:#790E3E;
	font-weight:bold;
	list-style-position:outside;
	margin:0 0 20px 0px;
	padding:0 0 0 0;
}

.faq_questions li {
	list-style-type: decimal;
	margin:0 0 0 22px;
}

.faq li p {

	padding:0;
	font-weight:normal;
}

.faq li a,
.faq li a:visited {
	color:#FD8F17;
	text-decoration:none;
}

.faq li a:visited {
	color:#FD8F17;
}

a.faq_top {
	display:inline;
	float:right;
	font-weight:normal;
	margin:0;
	padding:0;
	padding-right:10px;
	background: url(../img/toplink0.gif) right bottom no-repeat;
	color:gray !important;
	text-decoration:underline !important;
	text-align:right;
	font-size:x-small;

}

.infos_block {
	color:#2084D1;
	padding-top:4px;
	padding-bottom:0;
	float:none !important;
}

.infos_block p {
	color:#2084D1;
	padding:0 0 10px 0;
	float:none !important;
}



/* INSIDE A PROJECT */

/* float box with little icons */

.toolbox {
	position:absolute;
	right:270px;
	top:2px;
	margin:0;
	padding:0;
	white-space:nowrap;
}




.toolbox * {
	white-space:nowrap !important;

}

ul[class=toolbox] {
	right:0;
}

h2 .toolbox {
	top:6px;
}

.toolbox li {
	display:inline;
	padding:0;
	margin:0;
	white-space:nowrap;
}

.toolbox li a {
	color:#004D79;
	border:0px none;
	text-decoration: none;
	font-weight:normal;
	font-size:12px;
	background-position:0px bottom;
	background-repeat:no-repeat;
	margin:0;
	display:inline-block;
	height:25px;
	line-height:25px;
	white-space:nowrap;
	padding-left:25px;
	margin-left:10px;
}

ul[class=toolbox] li a {
	display:block;
	float:left;
}

.toolbox li a.active,
#section_featuredprojects li a,
#section_otherprojects li a{
	color:#004D79;
	background-position:0px top;
}

.toolbox li.active {
	border:none 0px !important;
	background-color:#FFFFFF;
}

.toolbox li a:hover  {
	text-decoration:underline;
}

/* GALLERY */
.sshotrow {
	display:table-row;
}

.sshotcell {
	vertical-align:middle;
	display: table-cell;
	margin-right:10px;
}

.gallery_image {
	float:left;
	margin-bottom:10px;
}

.gallery {
	margin-left:10px;
	margin-right:10px;
	padding-bottom:5px;
	clear:both;
}

.gallery .legend {
	margin-left:90px;
	vertical-align:middle;
}

.gallery .legend_link {
	margin-left:210px;
	height:150px;
	vertical-align:middle;
}

.gallery pre {
	margin-top:10px;
	margin-left:0px;
	margin-bottom:0;
}

.gallery ul {
	margin:55px 0 0 0;
	text-align:middle;
	padding:0;
}

.gallery img {
	position:relative;
	padding:0;
}

.gallery a {
	margin:0;

}

.legend pre {
	margin-bottom:2em;
}

.legend .legend_title, .legend_link .legend_title {
	display:block;
	color:#004D79;
}



/* INSIDE A PROJECT : DOWNLOADS */

ul.download_list {	
	padding:0 0 0 35px;
	list-style-type:none;
	margin:0 0 20px 0;
	
}

.download_list li {
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	background-image:url(../img/package0.png);
	background-repeat:no-repeat;
	background-position:7px top;
	padding:2px 2px 2px 45px !important;
	margin-bottom:10px;
}

.download_list li p {
	padding:0px;
	margin:0;
}

.download_list .infos {	
	background-image:url(../img/infos000.png);
	min-height:25px;
	height:auto !important;
	height:25px;
	color:#286A9E;
	padding-top:2px;
}

/* get involved 3 cols */

.threecols {
	width:31.9%;
	float:left;

	margin-right:2%
}

.threecols ul li {
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	clear:both;
	border:1px solid white;
}

.threecols a.icon_small {
	position:relative;
	background-position:1px center;
	background-repeat: no-repeat;
	padding: 0 0 0 26px;
	margin:0 0 0 0;	
	clear:both;
}

.threecols p {
	position:relative;

}

.threecols small {
	margin:0 0 10px 0;
	padding:0 0 0 0;
	display:block;
	position:relative;
	clear:both;
}

/* wallpapers */

.wallpapers ul {
	padding-bottom:0;
}


.icon_list {
	position:relative;
	min-height:40px;
	height:auto !important;
	height:40px;
}


#section_home {
	position:relative;
	min-height:235px;
	height:auto !important;
	height:233px;
	padding-left: 135px;
}

#section_home_codecamp {
	position:relative;
	min-height:105px;
	height:auto !important;
	height:103px;
	padding-left:125px;
	color:#FF4E07;
	width:300px;
	margin:0 auto 80px auto !important;
	margin-bottom:50px;
}

#title_home {
	margin-top: 12px;
	padding-left: 135px;
}

#image_home {
/*	position:relative;
	top:-10px;
	left:500px;*/
}

#image_home2 {
	position:absolute;
	top:-30px;
	left:-10px;
	background-image: url(../img/screensh.png);
}

/* for news article */

blockquote.compact {
	padding-top:10px;
}

blockquote.compact p {
	padding:0;
	padding-bottom:10px;
}

/* home download button */

#homedownloadbox {
	position:relative;
	background:url(../img/download.png) #FFF no-repeat 0 0;
	width:300px;
	height:57px;
	padding:25px 15px 0 80px;
	margin:0;
	display:block;
	left:50%;
	margin-left:-258px;
}

blockquote[id=homedownloadbox] {
	margin-left:-197px !important;
	font-size:0.9em;
}


#homedownloadbox a {
	color:gray;
}

#homedownloadbox a.download_link {
	text-decoration:none;
	color:#FD8F17;
	font-weight:bold;
	font-size:1em;
	background:none;
	padding:0;
	margin:0;
}

#homedownloadbox a.download_link:hover {
	background-color: #eee !important;
	text-decoration: none;
	color: #FD8F17;
}

#homedownloadbox small {
	display:block;
	white-space:nowrap;
	margin-top:4px;
}