/**
* Colors :
* #53832B --> green
* #74b83c --> lighter green
*
* #726262 --> dark purple
*
* From white to black :
*
* #fff
* #bbb
* #999
* #555
* #2a2a2a
* #000
*/
body {font: 0.62em verdana, arial, sans-serif; color: #fff; min-width: 1000px}
/* Sticky footer */
html, body, #container {height: 100%}
#container {height: auto; min-height: 100%}
/*********** ***********/
a {text-decoration: none; color: #74b83c; font-weight: bold}
a:hover {text-decoration: underline; color: #53832B}
p {padding: 5px 0}
code {font: 1.5em 'Courier New', Courier, Fixed; margin: 5px 0 5px 20px; overflow: auto;
border-left: solid #74b83c 5px; padding: 0px 0 15px 10px; display: block; max-height: 300px}
.centered {width: 940px; margin: 0 auto}
.hidden {display: none}
.clearboth {clear: both}
#go_back {margin-bottom: 20px}
#mainbar {width: 730px; float: left}
#sidebar {margin-left: 750px; clear: right}
#sidebar h3 {margin: 20px 0 5px; padding: 2px 0; text-align: right; color: #555; font-size: 1.3em;
background: transparent url("http://static.reflectiv.net/images/splitter.png") no-repeat bottom right}
#sidebar h3:first-child {margin-top: 0}
#sidebar>ul>li {padding: 5px 5px 5px 20px; text-align: right}
#sidebar>ul>li>a {color: #555; font-weight: normal}
#sidebar>ul>li.active{color: #74b83c; font-weight: bold}
#sidebar>ul>li>a>em{color: #74b83c; font-weight: bold}
#sidebar>ul>li.active>em{color: #555; font-weight: bold}
#search {text-align: right; width: 190px}
#search input[type=text] {width: 150px}
#search input[type=image] {vertical-align: top}
/*********** ***********/
/*********** ***********/
div#menu {height: 31px; background: #fff url("http://static.reflectiv.net/images/bg_menu.png") repeat-x 0 0}
div#menu ul {width: 950px; margin: 0 auto; text-align: right; padding: 10px 0 0}
div#menu ul>li {display: inline;
background: transparent url("http://static.reflectiv.net/images/split_menu.png") no-repeat center left}
div#menu ul>li:first-child {background: none}
div#menu ul>li>a {color: #bbb; font-weight: bold; margin-left: 5px; padding: 10px 5px 8px 5px}
div#menu ul>li>a:hover {color: #fff}
div#menu ul>li>a.active {color: #fff}
div#header h1 {padding: 25px 0 0 50px}
div#header h1>a {margin-top: 10px; padding: 25px 100px}
div#header h1>a>span, div#header h2 {display: none}
div#header h3 {
padding: 0px 55px 0;
text-align: right;
font: italic normal bold 2.5em "Candara", "Trebuchet MS", arial, sans-serif
}
div#header {background: #fff url("http://static.reflectiv.net/images/bg_header.png") repeat-x 0 0}
div#header>div {width: 1050px; margin: 0 auto; height: 142px;
background: transparent url("http://static.reflectiv.net/images/header.jpg") no-repeat 0 0}
/*********** ***********/
/*********** ***********/
#content {color: #000; background-color: #fff; padding-bottom: 150px}
#content h2 {font: 20px "Trebuchet MS", arial, sans-serif;
color: #555; margin: 5px 0 25px; font-style: italic}
#content h2>strong {color: #74b83c; }
#content h2>span {font-size: 10px; color: #999}
#content h2>span>a {color: #777; font-weight: bold}
#content h2>span>a:hover {color: #555}
/*********** ***********/
/*********** ***********/
/*********** ***********/
#aboutus h2 {margin: 50px 0 15px}
#aboutus h2:first-child {margin: 0 0 15px}
#aboutus p {padding: 5px 0; text-align: justify; font-size: 1.1em}
#aboutus ul {list-style-type: disc; margin: 5px 0 5px 20px}
#aboutus li {font-size: 1.1em; margin: 2px 0}
/*********** ***********/
/*********** ***********/
#profiles-list {margin-top: 25px}
#profiles-list>li {padding: 30px 0 0;clear: both}
#profiles-list>li:first-child {padding: 0}
#profiles-list>li>a {border: none}
#profiles-list>li>a>img {clear: both; float: left; margin: 0 10px 0 0; padding: 2px;
border: solid #bbb 1px; border-top: none; border-left: none}
#profiles-list>li>h3 {font-size: 20px; margin: 0}
#profiles-list>li>h3>a {color: #555}
#profiles-list>li>p>a {color: #74b83c; font-weight: bold}
/*********** ***********/
/*********** ***********/
#profile-details>h2 {margin-bottom: 0; font-size: 3em}
#profile-details>img {float: right; padding: 2px; border: solid #bbb 1px;
border-top: none; border-left: none}
#profile-details>h3 {font-size: 1.5em; color: #555; border-bottom: solid #bbb 1px}
#personal-informations {margin: 20px 0}
#social-networks {margin: 10px 0 20px}
#social-networks>h3 {font-size: 1.2em; color: #555; margin: 0 0 5px 0}
#social-networks>a {margin: 2px}
#profile-details div.parts {margin: 10px 0 30px 30px}
#profile-details div.parts>ul>li {margin: 5px 0}
#profile-details div.parts>ul>li>dl>dt {float: left; width: 200px; text-align: right; padding-right: 50px; font-weight: bold}
#profile-details div.parts>ul>li>dl>dd {margin-left: 250px; width: 500px}
/*********** ***********/
/*********** ***********/
#references-list {width: 680px; margin: 0 auto}
div.reference {width: 300px; float: left; margin: 0px 20px 50px}
div.reference h3 {margin: 0 0 10px; padding: 0; text-align: center}
div.reference h3 a {color: #555; font: italic normal bold 2.5em "Candara", "Trebuchet MS", arial, sans-serif}
div.reference>p {margin: 0; padding: 0 0px 10px}
div.reference>div {margin: 0 0 10px; padding: 0; text-align: right}
/*********** ***********/
/*********** ***********/
#reference-details>div.logo {text-align: center; margin: 0 0 20px}
#reference-details>h2 {font-size: 3em; margin: 0 0 20px; color: #53832B}
#reference-details>ul {margin: 0 0 50px}
#reference-details>ul>li {margin: 5px 0}
#reference-details div.parts {text-align: justify; margin: 20px 0 30px; padding: 0 10px}
#reference-details>h3 {font-size: 1.5em; color: #555}
ul#images {margin: 0 20px; padding: 0; text-align: center}
ul#images>li {display: inline; list-style: none}
ul#images a img {padding: 10px 10px; filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40}
ul#images a:hover img {filter:alpha(opacity=100); -moz-opacity:1; opacity:1}
/*********** ***********/
/*********** ***********/
#contact tr:first-child {display: none}
#sidebar>ul>li#send_a_tweet>a {color: #48a2ff}
/*********** ***********/
/*********** ***********/
div.entry {padding-top: 15px; margin-bottom: 15px; border-top: solid #eee 1px}
div.entry:first-child {padding-top: 0; margin-bottom: 15px; border-top: none}
div.entry>div.date {background: transparent url("http://static.reflectiv.net/images/blog_date.png") no-repeat center center;
height: 56px; width: 56px; float: left;
}
div.entry>div.date>div.day {font-size: 2em; color: #fff; padding-top: 2px; text-align: center}
div.entry>div.date>div.month {font-size: 0.9em; color: #fff; padding-top: 1px; text-align: center; font-weight: bold}
div.entry>div.date>div.year {font-size: 0.8em; color: #fff; text-align: center; font-weight: bold}
div.entry>h3 {clear: right; margin-left: 65px}
div.entry>h3, div.entry>h3>a {color: #555; font-family: "Candara", "Trebuchet MS", arial, sans-serif}
div.entry>h3 {font-size: 2.5em}
div.entry>div.details {clear: right; margin: 0 0 0 65px}
div.entry>div.details>a.author {color: #000; font-weight:normal; text-decoration: underline}
div.entry>div.message {clear: both; line-height: 1.6em; font-size: 1.05em; margin: 10px 0 20px 65px; text-align: justify}
#content div.message h2,
#content div.message h3,
#content div.message h4,
#content div.message h5
{font-family: "Trebuchet MS", arial, sans-serif; font-style: italic}
#content div.message h2 {font-size: 20px; color: #555; margin: 25px 0 5px}
#content div.message h3 {font-size: 18px; color: #777; margin: 15px 0 5px}
#content div.message h4 {font-size: 16px; color: #999; margin: 10px 0 5px}
#content div.message h5 {font-size: 14px; color: #aaa; margin: 5px 0 5px}
div.entry>div.message ul {display: block; list-style-type: disc; margin: 10px 0 10px 30px}
div.entry>div.message ol {display: block; list-style-type: decimal; margin: 10px 0 10px 30px}
div.entry>div.message ol ul, div.entry>div.message ul ul {list-style-type: circle}
div.entry>div.message ol ol ul, div.entry>div.message ol ul ul,
div.entry>div.message ul ol ul, div.entry>div.message ul ul ul {list-style-type: square}
div.entry>div.message blockquote, div.entry>div.message q {margin: 15px 10px; padding: 5px 20px;
border: 1px dashed #ddd; color: #555; font-style: italic}
div.entry>div.message acronym, div.entry>div.message abbr {
font-size: 1.3em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999}
div.entry>div.message small {font-family: Arial, Helvetica, Sans-Serif; font-size: 1.3em; line-height: 1.5em}
div.entry>div.message p {padding: 5px 0}
div.entry>div.message pre {width: 700px; margin: 0 auto}
div.entry>div.infos {text-align: right}
a.edit-article {margin-right: 20px; color: red}
div.pagination {text-align: center; margin-top: 50px}
div.pagination input {width: 20px; text-align: center}
div.socialize {text-align: center; margin-top: 30px}
div.socialize ul {padding-bottom: 20px}
div.socialize li {display: inline; margin: 0 20px; vertical-align: middle}
div.socialize li.dzone {padding-top: 11px}
div.socialize li.digg {padding-top: 37px}
div.socialize li.reddit {padding-top: 13px}
div.comments {margin: 40px 0 20px}
div.comments>h3 {color: #555; font-family: "Candara", "Trebuchet MS", arial, sans-serif;
font-size: 2em; border-bottom: solid #000 1px}
div.comments>ol, ol#preview {list-style-type: decimal; font-weight: bold; margin: 0 0 0 20px}
ol#preview {border-bottom: dotted #bbb 1px; margin-bottom: 20px}
div.comments>ol>li, ol#preview>li {border-top: dotted #bbb 1px; padding: 10px 0 5px; margin: 0}
div.comments>ol>li:first-child, ol#preview>li {border-top: none}
div.comments>ol>li.user, ol#preview>li.user {background-color: #f2f2f2}
div.comments>ol>li.removed {background-color: #ffe0e1}
div.comments>ol>li.removed strong {color: red; font-weight: bold}
div.comments>ol>li>img, ol#preview>li>img {float: left; padding: 0 2px 2px 0; border: solid #bbb 1px;
border-top: none; border-left: none}
div.comments>ol>li>h4, div.comments>ul>li>h4>a
{margin: 0 0 2px 50px; font-size: 1.3em;}
ol#preview>li>h4, ol#preview>li>h4>a {margin: 0 0 2px 10px; font-size: 1.3em}
div.comments>ol>li>div, ol#preview>li>div {font-weight: normal; padding: 0 0 5px 0; margin-left: 50px}
ol#preview>li>div {margin-left: 55px}
div.comments>ol>li>p, ol#preview>li>p {margin: 10px 10px 0 53px; font-weight: normal; line-height: 2em;}
div.comments>ol>li ul, ol#preview>li ul {margin: 10px 10px 0 53px; font-weight: normal; line-height: 2em; list-style-type: disc}
div.comments>ol>li li, ol#preview>li li {margin: 0 0 0 20px; font-weight: normal; line-height: 1.5em}
div.comments>ol>li code, ol#preview>li code {font-weight: normal; line-height: 1.5em; margin: 5px 0 10px 15px; border-left: solid #53832B 5px; padding: 5px}
div.comments>ol>li blockquote, ol#preview>li blockquote, div.comments>ol>li q, ol#preview>li q
{margin: 2px 10px 0 70px; font-weight: normal; line-height: 1.5em; border: dotted #bbb 1px; padding: 5px}
div.manage {float: right; clear: left; margin-right: 10px}
div.manage img {vertical-align: middle}
div.respond {margin: 40px 0 20px}
div.respond>h3 {color: #555; font-family: "Candara", "Trebuchet MS", arial, sans-serif;
font-size: 2em; border-bottom: solid #000 1px; margin-bottom: 20px}
div.respond table {width: 655px; margin: 0 auto}
div.respond tr:first-child {display: none}
div.manage {text-align: center}
/*********** ***********/
form td {padding: 5px 0}
form td.labels {width: 150px; vertical-align: middle; font-weight: bold}
form td.fields input {width: 250px}
form td.fields textarea {width: 500px}
form td.fields input, form td.fields textarea,
#search input[type=text], .pagination input {border: solid #999 1px; color: #999; padding: 2px}
form td.fields input:focus, form td.fields textarea:focus,
#search input[type=text]:focus, .pagination input:focus
{border: solid #53832B 1px; color: #53832B}
form tr.buttons {text-align: right}
form tr.buttons>td>input, input[type=submit] {background-color: #53832B; color: #fff;
font-weight: bold; border: solid #555 1px; border-left: solid white 1px;
border-top: solid white 1px}
form tr.buttons>td>input:active, input[type=submit]:active {border: solid #555 1px;
border-right: solid white 1px; border-bottom: solid white 1px}
form tr.errors {color: red; font-weight: bold}
form tr.errors ul {list-style-type: disc; margin-left: 10px}
form tr.error td.labels {color: red}
form tr.error input, form tr.error textarea {border: solid red 1px}
form tr.error input:focus, form tr.error textarea:focus {border: solid #000 1px}