/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }

html, body { height: 100%; }

body {
    font-size: 13px;
    line-height: 1.4em; /* was 30px */
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #999;
    background: #212121 url(images/body-bg.gif) repeat-x 0 0;
    text-align: left;
}

a img { border: 0; }
a { color: #3B5998; text-decoration: underline; } /*-- #b478b6 [purple] --*/
a:hover { text-decoration: none; }

ul li { list-style-type: none; }

h2 { text-transform: uppercase; font-weight: normal; color: #bdbdc1; font-size: 18px; line-height: 36px; }
h2 a { color: #bdbdc1; text-decoration: none; }

.left { float: left; display: inline; }
.right { float: right; display: inline; }

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

/*----- End "Main definitions" -----*/

#page { width: 900px; margin: 0 auto; background: #000; min-height: 100%; }

#header { background: url(images/body-bg.gif) repeat-x 0 0; }

#logo { float: left; display: inline; width: 408px; height: 112px; font-size: 0; line-height: 0; padding-top: 13px; }
#logo a { display: block; width: 408px; height: 112px; text-indent: -4000px; background: url(images/logo.gif); }

/*------ Color was: #cfcfd2 ------*/
#top-info { float: right; display: inline; text-align: right; font-size: 13px; line-height: 12px; color: #dfe0e3; font-weight: normal; }
#top-info { letter-spacing: 1px; padding: 48px 30px 0 0; }

#head { height: 338px; background: url(images/head-image.jpg) no-repeat 0 0; }

#navigation { height: 30px; background: url(images/navigation-bg.png) repeat; padding: 0 30px 0 5px; }
#navigation ul { float: left; display: inline; line-height: 30px; }
#navigation ul li { list-style-type: none; float: left; display: inline; margin: 0 10px; text-transform: uppercase; font-weight: bold; }
#navigation ul li a { float: left; display: inline; color: #eae8e8; text-decoration: none; font-size: 13px; height: 30px; padding: 0 10px; }
#navigation ul li a:hover,
#navigation ul li a.hover { background: url(images/navigation-bg.png) repeat; }

#navigation .facebook { float: right; width: 22px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/facebook-ico.gif); }
#navigation .facebook { margin-top: 4px; }

#main { padding: 25px 18px 15px; }
#content { float: left; display: inline; width: 570px; margin-left: 15px; }
#sidebar { float: right; display: inline; width: 220px; margin-right: 15px; }

#sidebar .box { padding-bottom: 20px; }
#sidebar .box h2 { border-bottom: dotted 1px #424244; padding-bottom: 3px; }
#sidebar .box ul li { background: url(images/list-arrow.gif) no-repeat 0 center; padding-left: 15px; line-height: 1.5em; }
#sidebar .box p { text-align: justify; line-height: 1.4em; /* was 25px */ }

#sidebar .gallery { margin-top: 5px; }
#sidebar .gallery a { float: left; margin: 5px 5px; }

.post { padding-bottom: 25px; text-align: justify; }
.post .post-head { border-bottom: dotted 1px #424244; line-height: 20px; padding-bottom: 3px; }
.post .post-head h2 { padding-bottom: 0; }
.post .entry p { padding-bottom: 10px; line-height: 1.4em; /* was 28px */}
.post .entry .photos { padding-top: 10px; padding-right: 20px; padding-bottom: 20px; }
.post .entry .title { font-size: 17px; font-weight: normal; text-transform: uppercase; text-decoration: underline; color: #bdbdc1;}
.post .entry .bloglike { font-size: 17px; font-weight: normal; text-transform: uppercase; text-decoration: underline; color: #bdbdc1; padding-top: 10px; padding-bottom: 0; margin-bottom: 0; }
.post .entry .bloglike a { display: none; }
.post .entry .date { font-size: 9px; padding-top: 0; margin: 0; }
.post .entry .date .small { padding: 0; margin: 0; }
.post .entry .border a img { border-width: medium; border-style: solid; color: #3B5998; }
.post .entry .postmeta { padding-bottom: 20px; padding-top: 10px; font-size: 12px; }
.post .entry .postmeta a { margin-right: 0px;}

#footer { padding: 0 12px; border-top: dotted 1px #424244; margin-top: 10px; font-size: 12px;}