/* Martius Web Version 2
 * @author Martin "Martius" Richard
 * 
 * All rights are reserved
 */

body
{
	background: url('./images/head/bg.png') repeat-x #FFFFFF;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet Ms", Arial, Helvetica, sans-serif;
}
.spacer
{
	clear: both;
	visibility: hidden;
}
.clear { clear: both; }
a:link { color: #336699; }
a:hover { color: #DFF918; }
a:active { color: #F1F9B5; }
a:visited {color: #003366; }

/*
 * == Accessibility ==
 */
#access-prelude
{
	display: none;
}
.access-info
{
	display: none;
}
	
/*
 * == Head ==
 */
#head
{
	height: 112px;
	margin: 0 10px 0 0;
	padding: 0;
	background: url('./images/head/baseline.png') no-repeat right;
}
#head h1
{
	width: 463px;
	height: 112px;
	margin: 0 0 0 10px;
	padding: 0;
	background: url('./images/head/logo.png') no-repeat;
}
#head strong { display: none; }
#homelink
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 110px;
	width: 420px;
	border: 0;
}

/*
 * == Prelude ==
 */
#prelude
{
	width: 100%;
	height: 180px;
	padding: 16px 0;
	background: url('./images/prelude/bg.png') repeat-x;
}
#prelude ul
{
	margin: 0 auto;
	padding: 0;
}
#prelude-carousel
{
	margin: 0 auto;
	width: 602px;
	height: 175px;
	overflow: hidden;
}
#prelude a { display:block; height: 175px; }
#prelude img { border: 1px #E1E8F0 solid; }
#prelude li { display: inline; }
#prelude span { display: none; }
/*
 * == Sidebar ==
 */
#main { background: url('./images/sidebar/bg.png') repeat-y; }
#sidebar
{
	float: left;
	width: 200px;
	padding: 10px;
}
#sidebar img { border: 0; }
#sidebar div
{
	margin: 20px 0;
}
#sidebar h2, #sidebar p, #search form { margin: 0; padding: 0; }
#sidebar h2
{
	font-weight: normal;
	color: #336699;
}
#search { margin-top: 0 !important; }
#search fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}
#q
{
	height: 18px;
	background: url('./images/icons/q.png') no-repeat 2px 50%;
	padding-left: 20px;
	width: 130px;
	border: 1px #336699 solid;
}
#search input[type="submit"]
{
	border: 0;
	background: #FFFFFF;
	color: #336699;
	font-family: inherit;
	font-size: 0.8em;
}
.syndicate ul
{
	margin: 0;
	padding-left: 20px;
	list-style-image: url('./images/sidebar/feed.png');
}
.syndicate li { font-size: 0.7em; }
.syndicate a { font-size: 1.3em; }
.links h3
{
	color: #6294CD;
	font-size: 0.8em;
	margin: 5px 0;
}
.links ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.9em;
}
.links li { padding-left: 10px; }
#side-projects p { clear: right; }
#side-projects span
{
	display: block;
	height: 14px;
	float: left;
	background: #DFF918;
	margin-top: 2px;
	margin-right: 5px;
}
#side-projects em
{
	float: left;
	color: #97A33C;
	font-size: 0.8em;
}

/*
 * == Menu ==
 */
#page
{

	margin-left: 220px;
	margin-right: 10px;
}
#mainmenu
{
	width: 100%;
	height: 47px;
	margin: 0;
	background: url('./images/menu/bg.png') repeat-x;
}
#mainmenu h2
{
	display: none;
}
#mainmenu-left, #mainmenu-right
{
	display: block;
	width: 15px;
	height: 47px;
}
#mainmenu-left
{
	float: left;
	background: url('./images/menu/left.png') no-repeat;
}
#mainmenu-right
{
	float: right;
	background: url('./images/menu/right.png') no-repeat;
}
#mainmenu ul
{
	/*width: 507px; with forum */
	width: 450px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
#mainmenu a
{
	display: block;
	height: 47px;
	background-repeat: no-repeat;
}
#mainmenu li
{
	margin: 0;
	float: left;
	padding: 0px 10px;
	background: url('./images/menu/separator.png') no-repeat right;
}
#menu-accueil { padding-left: 0 !important; }
#menu-accueil span, #menu-realisations span, #menu-services span, #menu-tutoriaux span,
#menu-blog span, #menu-forum span, #menu-contact span { display: none; }
#menu-accueil a
{
	width: 55px;
	background: url('./images/menu/accueil.png') 0px 0px;
}
#menu-accueil a:hover
{ background: url('./images/menu/accueil.png') no-repeat 0px -47px; }
#menu-realisations a
{
	width: 82px;
	background: url('./images/menu/realisations.png') 0px 0px;
}
#menu-realisations a:hover
{ background: url('./images/menu/realisations.png') 0px -47px; }
#menu-services a
{
	width: 57px;
	background: url('./images/menu/services.png') 0px 0px;
}
#menu-services a:hover
{ background: url('./images/menu/services.png') 0px -47px; }
#menu-tutoriaux a
{
	width: 64px;
	background: url('./images/menu/tutoriaux.png') 0px 0px;
}
#menu-tutoriaux a:hover
{ background: url('./images/menu/tutoriaux.png') 0px -47px; }
#menu-blog a
{
	width: 32px;
	background: url('./images/menu/blog.png') 0px 0px;
}
#menu-blog a:hover
{ background: url('./images/menu/blog.png') 0px -47px; }
#menu-forum a
{
	width: 45px;
	background: url('./images/menu/forum.png') 0px 0px;
}
#menu-forum a:hover
{ background: url('./images/menu/forum.png') 0px -47px; }
#menu-contact a
{
	width: 52px;
	background: url('./images/menu/contact.png') 0px 0px;
}
#menu-contact a:hover
{ background: url('./images/menu/contact.png') 0px -47px; }
#menu-contact
{
	padding-right: 0 !important;
	background: none !important;
}

/*
 * == Content ==
 */
.flowout
{
	float: left;
}
#content
{
	margin: 10px 0;
	padding: 0px 10px;
}
#content img { border: 0; }
#content h2
{
	width: 100%;
	background: url('./images/content/title_bg.png');
	text-align: center;
	font-weight: normal;
	color: #79A6D8;
}
#content p, #content li 
{
	text-align: justify;
	font-size: 0.9em;
}
#content table
{
	font-size: 0.9em;
	border-collapse: collapse;
	border: 1px #79A6D8 solid;
}
#content td, #content th
{
	border: 1px #79A6D8 solid;
	text-align: left;
	padding: 5px;
}
#content > pre { font-size: 0.9em; }
/* #content p:first-letter { padding-left: 10px; } */
#content h3, a.update-title
{
	font-weight: normal;
	text-decoration: none;
	color: #79A6D8;
}
#content h4, #content h5, #content h6 { color: #79A6D8; }
#content h4 { font-size: 1em; }
#content h5 { font-size: 0.9em; }
#content h6 { font-size: 0.8em; }

.col-left
{
	width: 49%;
	float: left;
}
.col-right
{
	width: 49%;
	float: right;
}
#home-lastupdates
{
	float: left;
	width: 100%;
}
a.home-update-subject, .realisations-for
{
	color: #DFF918;
	text-decoration: none;
}
.user
{
	width: 250px;
	margin: 10px;
	float: right;
	font-size: 0.7em;
}
.user-avatar
{
	width: 50px;
	height: 50px;
	margin: 0 5px;
	padding: 10px;
	background: url('images/avatars/avatar_bg.png') no-repeat;
	float: right;
}
.user-nickname
{
	margin-top: 5px;
	background: url('./images/icons/user.png') no-repeat 0 50%;
	padding-left: 20px;
}
.user-date
{
	background: url('./images/icons/calendar.png') no-repeat 0 50%;
	padding-left: 20px;
}
.user-feed
{
	background: url('./images/icons/rss.png') no-repeat 0 50%;
	padding-left: 20px;
}
.read-it
{
	background: url('./images/icons/flag.png') no-repeat 0 50%;
	padding-left: 20px;
}
.read-it a { font-weight: bold; text-decoration: none; }
.illustration-left, .illustration-right, .illustration-center { border: 0; }
.illustration-left, .illustration-right { margin: 0px 10px; }
.illustration-left { float: left;}
.illustration-right { float: right; }
.illustration-center
{
	display: block;
	margin: 0px auto;
}
.realisations-link
{
	font-size: 1.3em;
	text-align: right;
	height: 32px;
	background: url('./images/icons/webbrowser.png') no-repeat right;
	padding-right: 35px;
	line-height: 32px;
}
.realisations-link a { text-decoration: none; }
.realisation
{
	clear: both;
	padding: 10px 0;
}
#services-menu
{
	width: 540px;
	margin: 10px auto;
}
#services-menu-list
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#services-menu-list li
{
	margin: 0;
	padding: 0;
	width: 90px;
	float: left;
	text-align: center;
}
#services-developpement a, #services-integration a, #services-identite a,
#services-communication a, #services-conseils a, #services-formation a
{
	display: block;
	padding-top: 110px;
	width: 90px;
	height: 0px;
	background-repeat: no-repeat;
	font-size: 0.7em;
	text-decoration: none;
	overflow: visible;
}
#services-developpement a:hover, #services-integration a:hover, #services-identite a:hover,
#services-communication a:hover, #services-conseils a:hover, #services-formation a:hover
{
	background-position: 0px -110px;
}
#services-developpement a { background-image: url('./images/illustrations/developpement.png'); }
#services-integration a { background-image: url('./images/illustrations/integration.png'); }
#services-identite a { background-image: url('./images/illustrations/identitevisuelle.png'); }
#services-communication a { background-image: url('./images/illustrations/communication.png'); }
#services-conseils a { background-image: url('./images/illustrations/conseils.png'); }
#services-formation a { background-image: url('./images/illustrations/formation.png'); }
#services-zone
{
	clear: both;
	margin-top: 160px;
	border-top: 1px #E1E8F0 solid;
}
.to-top
{
	text-align: right;
}
.to-top a
{
	background: url('./images/icons/top.png') no-repeat 0 50%;
	padding-left: 20px;
}

#tutoriaux-index
{
	clear: both;
	width: 100%;
}
.tutoriaux-list
{
	list-style: none;
	padding: 0;
}
.tutoriaux-list-item { margin-bottom: 10px; }
.tutoriaux-author, .tutoriaux-tags
{
	font-size: 0.7em;
	margin: 0;
}
.tutoriaux-author { list-style-image: url('./images/icons/user.png'); }
.tutoriaux-tags { list-style-image: url('./images/icons/tag.png'); }
.tutoriaux-list-title { margin: 0px; }
.tutoriaux-list-title a:link
{
	font-weight: normal;
	color: #79A6D8;
	text-decoration: none;
}
#tutoriaux-list-light ul
{
	margin: 0;
	list-style-image: url('./images/icons/category.png');
}
.post-excerpt
{
	padding-left: 10px;
	color: #666666;
	font-size: 0.9em;
}
#content pre
{
	/* border-left: 5px #DFF918 solid; */
	padding: 20px 0px 5px 10px;
	background: url('./images/content/code_bg.png') no-repeat 10px 0px #F0F0F0;
}
#content pre ol { font-size: 1.1em; }
#content dl { font-size: 0.9em; }
#content blockquote
{
	/*padding: 20px 0px 5px 10px;*/
	background: #F0F0F0;

}

/**
 * == Pagination ==
 */
.pagination
{
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}
.pagination a
{
	padding: 0 5px;
	text-decoration: none;
}
.pagination-first , .pagination-last{ font-size: 1.3em; }
.pagination-prev, .pagination-next { font-size: 1.1em; }
form#pagination-jump
{
	display: inline;
}

/*
 * == Tags cloud ==
 */
.tags
{
	margin: 0;
	padding: 0;
	text-align: justify;
}
.tags a { text-decoration: none; }
.tags li
{ display: inline; }
.tag0 { font-size: 75%; }
.tag10 { font-size: 80%; }
.tag20 { font-size: 90%; }
.tag30 { font-size: 100%; }
.tag40 { font-size: 110%; }
.tag50 { font-size: 120%; }
.tag60 { font-size: 140%; }
.tag70 { font-size: 150%; }
.tag80 { font-size: 160%; }
.tag90 { font-size: 170%; }
.tag100 { font-size: 180%; }
.post-tags { margin: 0; padding: 0; }
.post-tags li
{
	font-size: 0.8em;
	display: inline;
	background: url('./images/icons/tag.png') no-repeat;
	padding-left: 20px;
}
p#navlinks
{
	text-align: center;
}

/*
 * == Foot ==
 */
#foot
{
	clear: both;
	height: 90px;
	margin: 10px 0;
	border-top: 1px #CCCCCC solid;
	background: url('./images/foot/bg.png') no-repeat 10px 10px;
	padding: 10px 0 0 150px;
}
#foot p
{
	margin: 0;
	font-size: 0.7em;
}

/*
 * == Comments ==
 */
#comments-area
{
	margin-top: 20px;
}
.comment_count
{
	background: url('./images/icons/comment.png') no-repeat;
	padding-left: 20px;
}
#comments
{
	width: 55%;
	float: left;
}
#comments dt
{
	padding-bottom: 23px;
	background: url('./images/comments/speak.png') no-repeat 100px bottom;
	font-size: 0.9em;
	margin-top: 10px;
}
#comments dd
{
	margin-top: 0;
	padding: 0px;
	background: #E1E8F0;
	color: #666666;
}
#comments p
{
	padding: 0px 10px;
}
.comments-tl, .comments-tr, .comments-bl, .comments-br
{
	display: block;
	width: 5px;
	height: 5px;
	background-repeat: no-repeat;
}
.comments-tl { background-image: url('./images/comments/tl.png'); width: 100%; }
.comments-bl { background-image: url('./images/comments/bl.png'); width: 100%; }
.comments-tr { background-image: url('./images/comments/tr.png'); float: right; }
.comments-br { background-image: url('./images/comments/br.png'); float: right; }
.comment-number
{
	font-size: 1.2em;
	text-decoration: none;
}
#comment-form
{
	margin-left: 5%;
	margin-bottom: 10px;
	float: left;
	width: 40%;
}
#comment-form p
{
	text-align: left;
}
#comment-form fieldset
{
	border: 0;
}
/*
#comments dt.comment-highlight
{background: url('./images/comments/uspeak.png') no-repeat 100px bottom;}
#comments dd.comment-highlight
{background: #E1E8F0;}
.comment-highlight .comments-tl { background-image: url('./images/comments/tl.png'); width: 100%; }
.comment-highlight .comments-bl { background-image: url('./images/comments/bl.png'); width: 100%; }
.comment-highlight .comments-tr { background-image: url('./images/comments/tr.png'); float: right; }
.comment-highlight .comments-br { background-image: url('./images/comments/br.png'); float: right; }
*/

/*
 * == Twitter ==
 */
#twitter_martiusweb
{
	background: url('./images/sidebar/twitter.png') no-repeat;
	padding-top: 20px;
}
#twitter_martiusweb ul
{
	padding: 0;
	margin: 0 0 0 5px;
}
#twitter_martiusweb li
{
	color: #336699;
	list-style-type: none;
	font-size: 0.8em;
	overflow: hidden;
}

/*
 * == Landing Page ==
 */
#landingpage
{
	margin: 10px;
	padding: 0px;
}
#landingpage h2
{
	margin: 0;
	width: 100%;
	background: url('./images/content/title_bg.png');
	text-align: center;
	font-weight: normal;
	color: #79A6D8;
}
#landingpage li
{
	list-style-image: url('./images/icons/mini-search.png');
}
#landingpage p
{
	margin: 5px;
}

/*
 * == Special:TutoCSS ==
 */
.tuto-css-browsers-short
{
	text-align: center;
	padding: 0;
	list-style-type: none;
}
.tuto-css-browsers img
{
	position: relative;
	top: 10px;
}
.tuto-css-browsers-short li { display: inline; }
.tuto-css-colors li
{
	float: left;
	width: 100px;
	height: 50px;
	list-style: none;
	margin: 2px;
}
.tuto-css-text-align li
{
	width: 20%;
	font-size: 0.8em;
	border: 1px black solid;
	margin: 5px;
	padding: 5px;
	float: left;
	list-style: none;
}
.tuto-css-text-align code { font-weight: bold; font-size: 1.2em; color: red; }
a.tuto-css-no-sprite
{
	background: url('../../public/cours-xhtml/sprites-separated_01.png');
	display: block;
	width: 100px;
	height: 25px;
	padding-top: 5px;
	text-align: center;
}
a.tuto-css-no-sprite:hover
{
	background: url('../../public/cours-xhtml/sprites-separated_02.png');
	color: #FEFEFE;
}