* {
    margin: 0;
    padding: 0;
}

body {
    font: 16px Georgia, Times, serif;
    color: #0C0C0C;
    background: #FFFFFF;
}

h1, h2 { font-weight: normal; }

h1 {
    float: left;
    font-size: 50px;
    line-height: 60px;
    color: #FFC014;
}

h1 a, h1 a:hover {
    color: #999999;
    text-decoration: none;
}

p {
    padding: .75em 0;
    line-height: 1.67em;
    text-align: justify;
}

p#subtitle {
    float: right;
    padding: 30px 0 0 0;
    font-size: 24px;
    line-height: 30px;
    color: #F8EEE4;
}

a {
    text-decoration: none;
    color: #4276BC;
}

a:hover { text-decoration: underline; }

/* header */

#header {
    width: 100%;
    min-width: 960px;
    background: #191919;
}

#header2 {
    width: 960px;
    height: 420px;
    margin: 0 auto;
}

/* menu */

#menu {
    width: 100%;
    /*min-width: 960px;*/
    background: #191919;
}

#menu2 {
    width: 960px;
    height: 60px;
    margin: 0 auto;
}

#menu ul { list-style: none; }

#menu ul li {
    display: block;
    float: left;
    margin-right: 6px;
    padding-top: 10px;
}

#menu ul li a {
    display: block;
    float: left;
    height: 50px;
    padding: 0 8px 0 0;
    font: 18px/44px Arial, Helvetica, sans-serif;
    color: #CCCCCC;
    background: #191919;
}

#menu ul li a span {
    display: block;
    float: left;
    height: 50px;
    padding: 0 35px 0 43px;
    cursor: pointer;
}

#menu ul li a:hover, #menu ul li.active a {
    text-decoration: none;
    color: #000000;
    background: #FFFFFF url('/images/menu.gif') no-repeat right;
}

#menu ul li a:hover span, #menu ul li.active a span {
    background: #FFFFFF url('/images/menu2.gif') no-repeat left;
}

/* main */

#main {
    clear: both;
    width: 960px;
    margin: 0 auto;
}

/* content */

#content {
    float: left;
    width: 560px;
    padding: 10px 0 10px 10px;
}

#content .post { padding: 0 0 2.5em 0; }

#content h2 {
    font-size: 2.0em;
    color: #000000;
}

#content h2 a {
    color: #000000;
    text-decoration: none;
}

p.postmeta {
    margin-top: .75em;
    padding: 0 0 0 10px;
    line-height: 36px;
    color: #868686;
    background: #EFEFEF url('/images/postmeta.gif');
}

p.postmeta .category { color: #4276BC; }

#content .entry { padding: 0px; }

#entries-pagination {
	width:100%;
	text-align:center;
	padding:10px;
	margin-bottom: -11px;
}

#entries-pagination li {
	list-style:none outside none;
	display: inline;
	margin: 0 2px 0 2px;
}

#entries-pagination li a { 	padding:10px;	background-color: #191919;	}

p.postmeta2 { height: 1.2em; }
p.postmeta2 span.readmore { float: left; }
p.postmeta2 span.comments { float: right; }

/* sidebar */

#sidebar {
    float: right;
    width: 320px;
    padding: 10px 10px 20px 0;
}

#sidebar h2 {
    padding-left: 20px;
    font-size: 1.5em;
    line-height: 1.2em;
    color: #988142;
    background: none;
}

#sidebar .box {
    margin-bottom: 20px;
    padding-bottom: 5px;
    background: #191919 url('/images/box.gif') no-repeat bottom;
}

#sidebar .box h2 {
    line-height: 50px;
    color: #FFFFFF;
    background: #000000 url('/images/h2.gif') no-repeat top;
}

#sidebar ul {
    list-style: none;
    padding: .5em 20px;
}

#sidebar ul li {
    padding: 0;
    line-height: 2.5em;
    border-bottom: 1px solid #2E2E2E;
}

#sidebar ul li a {
    display: block;
    padding: 0 0 0 22px;
    color: #CBE1FF;
    background: url('/images/li.gif') no-repeat 0 .9em;
}

#sidebar .box2 {
    padding-bottom: 10px;
    background: none;
}

#sidebar .box3 { padding: 5px 20px 0 20px; }
#sidebar p { text-align: left; }
#sidebar .controls { display: none; }

.entry .controls {
	text-align:center;
	padding: 0px 0px 10px 0px;
}
.entry .controls span { margin: 0 10px; }
.entry .controls span a {
	background-color: #191919;
	padding: 10px;
}

/* footer */

#footer {
    width: 100%;
    min-width: 960px;
    background: #191919;
}

#footer2 {
    clear: both;
    width: 960px;
    margin: 0 auto;
    padding: 50px 0;
}

#footer p {
    font-size: .875em;
    text-align: center;
    color: #7C7C7C;
}

#footer a { color: #CBB474; }

.clearing {
    clear: both;
    height: 1px;
    overflow: hidden;
}

.post ul {
    padding: 0;
    line-height: 2em;
}

.post ul li {
    display: block;
    padding: 0 0 0 22px;
    background: url('/images/bullet_arrow_right.png') no-repeat 0 .5em;
}

.errors { color: red; background-color:pink; margin:5px; padding:5px; border:1px solid red; display: block; }

.ui-state-error { padding: 0 .7em; }
.ui-state-highlight { padding: 0 .7em; }
.ui-widget p { padding: 5px; line-height: 1.2em; }
.ui-icon { float: left; margin: .2em; }

td { padding: 5px; }
textarea { padding: 2px; }
option { padding-left: 5px; padding-right: 5px; }
select { padding: 5px 2px; }
.form { width:99%; padding: 5px 2px; }
.submit { padding: 5px 10px; background-color:#191919; color:#FFFFFF; }
.seperate { padding: 10px 0px; }

.galery-photos {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	height: 168px !important;
	overflow: hidden;
	padding-bottom: 5px;
}
.galery-photos ul, .galery-photos ul li a, .galery-photos img { background:none; padding:0px !important; }
.galery-photos ul li { float: left; background:none; padding:0px; }

.galery-photos-500 {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	height: 281px !important;
	overflow: hidden;
	padding-bottom: 5px;
}
.galery-photos-500 ul, .galery-photos-500 ul li a, .galery-photos-500 img { background:none; padding:0px !important; }
.galery-photos-500 ul li { float: left; background:none; padding:0px; }

.entry-modalebox img { float:left; padding: 0 10px 0 0; background: #FFFFFF url('/images/loading.gif') no-repeat center !important; }
.entry-modalebox img.left {	 float:left;  padding: 0 10px 0 0; }
.entry-modalebox img.right { float:right; padding: 0 0 0 10px; }

.justified { text-align: justify !important; }
.centered { text-align: center !important; }
.righted { text-align: right !important; }
.underlined { text-decoration: underline !important;}

.centered img { float:none !important; }

#modale-box {
	padding: 5.5px;
	background-color:#000000;
    width:98%;
    height:98%;
    min-width:1205px;
    min-height:585px;
}
#modale-image {	float:left; padding-right: 15px; height: 580px; overflow-x: hidden; overflow-y: auto; }
#modale-comments {
    margin-left: 1035px;
    background-color: #ECECEC;
}
#modale-comments table { width:98%; }
#modale-comments input { width:98%; }

#list-comments {	background-color: #FFFFFF; max-height: 420px; overflow: auto;	}
#list-comments .loading {
    text-align:center;
    font-style: italic;
}

.comment { border-bottom: solid 1px #999999; }
.comment p {
	text-align: left;
	padding: 2px;
	font-size: 14px;
	line-height: 1.37em;
}
.comment div.message { padding: 0px 7px; }

#last-comments p { color: #FFFFFF; text-align: right; line-height: 1.15em; padding: 0px;}

.post .comment {
	border:0px;
	background-color: #ECECEC;
	padding: 5px;
	color: #868686;
	height: 40px;
	line-height: 2.5em;
}

.post .comment img {
	float: left;
	display: block;
	position: relative;
	margin-right: 5px;
}

.gravatar {
	background: #FFFFFF url('/images/profile.jpg') no-repeat center !important;
}

.reply {
	margin-left:15px;
}
.quote {
	padding-left:15px;
	border-left: 2px dotted black;
}

@media screen and (max-width: 620px) {
    #header { display: none; }
    #menu { min-width: none !important; }
    #menu2 { width: 100%; }
    #main { width: 100%; }
    #content { width: 100%; }
    #sidebar { width: 100%; }
    #footer { min-width: 0px; }
    #footer2 { width: 100%; }

    #menu ul li {
        float: none;
        padding-top: 0;
    }

    #menu ul li a {
        float: none;
        padding: 0;
    }

    #menu ul li a:hover, #menu ul li.active a {
        background: #FFFFFF;
    }

    #menu ul li a:hover span, #menu ul li.active a span {
        background: none;
    }

    #sidebar .box { background: #191919; }
    #sidebar .box h2 { background: #000000; }
}