/* ************************************************
Modern style, from a customized Dotclear css.
Credits to:
- design & code : Marco <marco@marcarea.com>
- icns : http://www.famfamfam.com/
************************************************ */

* { margin: 0; padding: 0; border: 0; }

body {
	background: #e9e4ee;
	font: 0.8em Arial, sans-serif;
}


/* Common styles
-------------------------------------------------------- */
ul { 
        list-style: none; }
ul li { 
        list-style: none; }

a:link, a:visited { 
        color: #5f4080; 
        text-decoration: none; }
a:hover {
	color: #000000;
        text-decoration: underline; }

pre { 
	font: 1.1em 'courier new', courier, monospace;
	background: #F5F5F5;
	padding: 10px 5px;
	margin: 6px 0;
        overflow: auto; 
        width: 100%; 
        height: auto; }

abbr { 
        color: #000000;
	border-bottom: #CCCCCC 1px dotted;
        cursor: help; }


a[href$=".txt"] {
        padding-left: 18px; 
        background: url(data/style/icons/page_white_text.png)
                    left center no-repeat; }
a[href$=".pdf"] {
        padding-left: 18px; 
        background: url(data/style/icons/page_white_acrobat.png)
                    left center no-repeat; }
a[href$=".odp"] {
        padding-left: 18px; 
        background: url(data/style/icons/page_white_powerpoint.png)
                    left center no-repeat; }
a[href$=".sh"] {
        padding-left: 18px; 
        background: url(data/style/icons/page_white_gear.png)
                    left center no-repeat; }

/* All-purpose classes
-------------------------------------------------------- */

.floatleft { 
        float: left; 
        margin: .2em; }

.floatright { 
        float: right; 
        margin: .2em; }

.center { 
        margin: .2em auto; } 

/* Page
-------------------------------------------------------- */
#page {
	width: 820px;
	margin: 0 auto;
	position: relative;
	background: transparent url(data/style/background.png) 
	        repeat-y top center; }


/* Header
-------------------------------------------------------- */
#header {
	/*width: 800px;*/
	width: 732px;
	background: transparent url(data/style/netmap.jpg) 
                no-repeat left bottom;
	padding: 54px 34px 46px 34px;
	margin: 0 10px 0 10px; }

	#header a { 
                color: #734c99; 
                text-decoration: none; }

	#header p { 
                font-size: 1.3em; 
                text-align: right; 
                font-weight: normal;
		letter-spacing: +1px; }


/* Footer
-------------------------------------------------------- */
#footer {
	width: 820px;
	background: transparent url(data/style/footer.png) 
                no-repeat center bottom;
	padding: 14px 0;
	border: none;
	clear: both; }

	#footer p {
		margin-left: 10px;
		margin-right: 10px;
		background: #be7ffe;
		color: #FFF;
		padding: 6px 16px;
		text-align: right;
		font-weight: bold;
		font-size: 80%; }

		#footer p a { 
                        color: #FFF; 
			text-decoration: none; }

		#footer p a:hover {
		        text-decoration: underline; }

	#footer address {
	        display: none; }

/* Actions
-------------------------------------------------------- */
#actions {
	width: 366px;
	position: absolute;
	top: 0;
	left: 18px;
	padding: 6px 0 0 0;
	color: #caaee6;
	text-align: center; }

	#actions a:link, #actions a:visited {
		font-size: 1em;
		font-weight: bold;
		color: #caaee6;
		text-decoration: none; }

	#actions a:hover { 
	        color: black; 
		text-decoration: underline; }

/* Menu
-------------------------------------------------------- */
#menu {
	background: transparent;
	width: 230px;
	float: right;
        margin-right: 20px;
	margin-bottom: 40px; }

	#menu a { 
	        text-decoration: none; }

	#menu a:hover { 
                text-decoration: underline; }

	#menu ul { 
                padding: 0; }

	#menu li {
	        background: transparent url(data/style/menu_li.png) 
	      	no-repeat 10px 7px;
	      	padding: 1px 0 1px 20px; }

	#menu dt {
	        display: block;
	   	color: #000000;
	   	font-size: 0.8em;
              	background: #F5F5F5 url(data/style/icons/bullet_green.png) 
                            left center no-repeat;
	        border: solid #ad95c4;
	        border-width: 1px 0;
	        padding: 5px 8px 5px 18px;
	        margin: 10px 0 5px 0;
	        font-weight: bold;
	        text-transform: uppercase; }

	#menu .badges { 
	        position: absolute;
		right: -100px; 
		bottom: 50px; }

	#menu .badges img { 
                display: block; 
                padding: 2px; 
		opacity: 0.3; }

	#menu .badges img:hover { 
		opacity: 1; }

/* Main
-------------------------------------------------------- */

#main {
	background: transparent;
	width: 460px;
	margin-left: 20px;
	float: left; }

#main h1, #main h2, #main h3, #main h4 { 
        padding: 0;
        color: #005D99; }

#main h1 {
        margin: .5em 0;
	font-size: 1.2em; 
      	font-weight: bold; }

#main h2 { 
        margin: .2em 0; 
	font-size: 1.1em; 
	font-style: italic; }

#main h3, #main h4 {
        margin: 0; 
      	font-size: 1em; }

#main p { 
        padding: 4px 0; 
	text-align: justify; }

#main ul { 
        padding: 4px 0; 
	margin: 0; }

	#main ul li {
		padding: 1px 0 1px 10px;
		background: transparent url(data/style/li.png) 
                        no-repeat 0 5px; }

#main ol { 
        padding: 0 2em; 
	margin: 0; }

#main blockquote { 
        border-left: 4px solid #ad95c4; 
        margin: 4px 0 4px 5px; 
        padding: 0 5px; }

#main hr {
	margin: 2em 20%;
	color: #EEEEEE;
	background-color: #EEEEEE;
	height: 1px; }

/* To check */
#main .title { 
        color: #666; 
        padding: 10px 0 0 0; 
        font-size: 1.3em; 
        font-weight: bold; }

#main .title a { 
        color: #666; 
        text-decoration: none; }

#main .title a:hover { 
        text-decoration: underline; }


/* Path
-------------------------------------------------------- */
.path {
        color: #888; 
      	text-decoration: none; 
	font-size: 1.2em; 
	margin: 0 5px 0 0; }

	.path a { 
                color: #999; 
                text-decoration: none;}
	.path a:hover { 
                text-decoration: underline;}

/* Page title
-------------------------------------------------------- */
.pagetitle { 
        color: #666; 
        padding: 10px 0 0 0; 
        font-size: 1.3em; 
        font-weight: bold; }

.pagetitle a { 
        color: #666; 
	text-decoration: none; }

.pagetitle a:hover { 
	   text-decoration: underline; }

/* Tags
-------------------------------------------------------- */
div.tags {
	overflow: hidden;
	margin: 0 5px 0 0;
	border: 0px; }

	.tags li { 
                display: inline; }

	.tags a {
		color: #005D99;
		text-decoration: none; }

       	.tags a:hover { 
                text-decoration: underline; }

/* Date
-------------------------------------------------------- */
.date { 
        color: #888;
	margin: 0 5px 0 0; }

/* Pagecloud
-------------------------------------------------------- */

.pagecloud {
	background: #F5F5F5;
	border: 1px solid #ad95c4;
	float: none;
	width: 80%;
        font-size: 120%;
	margin-left: auto;
	margin-right: auto; }

	.pagecloud a { 
                text-decoration: none; 
		color: #808080; }

	.pagecloud a:hover { 
                text-decoration: none !important;
		color: #000000; }

/* Inline
-------------------------------------------------------- */

.inlinepage {
	padding: 0;
	margin: 0;
	border: none; 
	border-bottom: #000000 1px solid; }


/* Feeds
-------------------------------------------------------- */

.feedbutton {
	background: #be7ffe;
	color: white !important;
	border-left: 1px solid #febffe;
	border-top: 1px solid #febffe;
	border-right: 1px solid #5f4080;
	border-bottom: 1px solid #5f4080;
	padding: 0px 0.5em 0px 0.5em;
	font-family: sans-serif;
	font-weight: bold;
	font-size: .8em;
	text-transform: lowercase;
	text-decoration: none !important;
	margin-top: 1em;
}
.feedbutton:hover {
	color: white !important;
	background: #debffe;
	border: 1px solid #debffe;
}

/************ extra details *********/

/* Sortable tables */
table.sortable thead {
    background-color:#EEEEEE;
    color:#666666;
    font-weight: bold;
    cursor: pointer;
}

.large {
    position: relative;
    left: -20em; }

table.large {
    width: 100em;
    background-color: white;
    border: #be7ffe 1px solid; }

td {
   padding: 0.1em 0.5em; }

td.large {
   white-space: nowrap; }

th {
   text-align:left;
   padding: 0.1em 0.5em; }

td {
   border-bottom: #DDDDDD 1px solid; }

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

/* Date information */

.ctime199x {
        color: darkred; }
.ctime200x {
        color: darkorange; }
.ctime2005 {
        color: darkgreen; }
.ctime2006 {
        color: darkblue; }
.ctime2007 {
        color: black; }
.ctime2008 {
        color: black; }