/*+++++++ PANEL +++++++*/
html, body, #totcontinutul {height: 100%;}
body {
	text-align: center;
	color: #333;
	background: #fff;
	font-size: 13px;
        font-family: Arial, sans-serif;
        height:100%;
}

a:focus { outline: none;}

a abbr, a acronym {
	border: none;
}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*+++++++ TOT CONTINUTUL (FARA FOOTER) +++++++*/
body > #totcontinutul {
   height: auto;
   min-height: 100%;
}

/*+++++++ PANOU +++++++*/
#top-panel{background:#373737; border-top: 3px solid #f02a2b;font-size:100%;  font-family: 'Helvetica Neue','Helvetica',Arial; min-width: 965px;}
#nav{display: block; height: 30px; margin-left:15px; font-size:13px; text-transform:uppercase;}
#nav, #nav ul {list-style: none;}
#nav ul {padding:0; margin:0;}
#nav li{float: left; list-style:none;}
#nav li a {color:#fff; display:block;font-weight:bold; padding:6px 15px 7px 15px;text-decoration:none}
#nav li a:hover {background: #555}

#cat{float: left; clear: both}
#cat li a:hover {color:#fff}
#cat li a {font-size: 0.9em}
.cat-item a {color:#333;}
#nav li.current-cat a {background: #f02a2b; color:#fff;}
.current-cat a:hover {background: #f02a2b!important; color:#fff}fot

/*+++++++ WRAPPER +++++++*/
div#totcontinutul {width:920px}
div#wrapper {
        display:block;
        margin: 0 auto;
        width:920px;
        height:auto;
        min-height:100%;
	text-align: left;
	padding-left: 20px;
        padding-right:20px;
        padding-bottom: 30px;
}

/*+++++++ HEADER +++++++*/
#header {display:block; width: 920px; margin:0 auto; height: 78px; border-bottom:1px #000;}
#logo {height: 65px; padding:14px 0 0 10px; text-align:left;}
#logo img {width:320px; height:65px;}
#formular {float:right; display: block;  border: 1px solid #ccc; width:236px; margin:29px 0 0 0;}
#formular #s { float: left; margin: 3px 0 0 5px; border: 0; width: 177px; background: none; color:#999999;}
#formular #go { float: right; border-left: 1px solid #ccc}

/*+++++++ STANGA +++++++*/
div#bordura {border:10px solid #e7e7e7; margin:0; display:block; position:relative; z-index:1; height:auto; min-height:600px;}

div#content {
font-family:  Arial, Helvetica, sans-serif,sans-serif;
line-height:19px;
display: block;
width:640px;
padding: 10px;
background:#FFFFFF;            
	}

div#content h1 {font-size:16px; font-weight:bold; border-bottom:2px solid #bbb; margin-bottom:5px;}

div#content h2 {font-family: Helvetica,Arial,Calibri,sans-serif;}

div.post-content {font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif}

div.numecategorie {font-weight:bold; color:#ddd; font-size:44px; margin-bottom:10px; text-transform: capitalize; }
div.numecategorie span {border-bottom:1px dotted #ddd;}
.cat-prima {font-size:12px; margin-bottom:1px; border-bottom: 1px dotted #dddddd; text-transform: capitalize; }

div.extras-continuare a {
	margin-bottom:30px;
	color: #777;
        font-size:11px;
}

div.extras p{
       font-size:11px;
       text-decoration:none;
       color: #555!important;
       background: #FFF!important;
       line-height: 13px;
       margin:0 0 5px 0;
       padding:0;

}

div.extras p span, div.extras p span a, div.extras p span a:hover {
        background:#FFF!important;
        color: #555!important;
        }

div.extras p a, div.extras p a:hover {color:#555!important; text-decoration:none!important; background:#FFF!important;}

div.extras {       margin: 0 0 20px 0;
            display:block;
            height:140px;}

div.extras-categorie {
            display:block;
            height:140px;}


div.extras-title {
	margin: 0 0 10px;
}
div.extras-title h2 {
        color: #ea2d2e;
        font-size:15px;
        font-weight:bold;
	margin: 0;
}

div.extras-title h2 a, div.extras-title h2 a:hover {color:#ea2d2e}

div.extras-title h3 {
	color: #b2b2b2;
	font-size: 9px;
}
div.extras-title h3 a {
	color: #888;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}
div.extras-title h3 a:hover {
	border-bottom: 1px solid #aaa;
	color: #444;
}


/*+++++++ DREAPTA +++++++*/
ul#sidebar {
	display: block;
	width: 237px;
	float: right;
	padding: 0 0 0 3px;
        margin:0px;
	font-size: 13px;
}


ul#sidebar p {
	background:#FFFFFF;
        padding:10px;
}

ul#sidebar h2 {
        font-family: Arial Black, sans-serif;
        color: #FFFFFF;
	font-size: 20px;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:15px;
        font-weight: bold;
}

ul#sidebar h2 a{
        color: #FFFFFF;
}

ul#sidebar h2 a:hover {text-decoration:underline}


ul#sidebar li {
	margin: 0 0 0px;
	padding: 0 0 10px;
	
}
ul#sidebar li ul li {
	font-size: 13px!important;
	margin: 0;
	border: none;
}
ul#sidebar ul.block-list li a {
	display: block;
	padding: 7px 0;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}
ul#sidebar ul.block-list li a:hover {
	text-decoration: none;
}

div.noutati {background:#ffc112;}

div.fitness {background:#00adef;}

div.auto {background:#8ac63e;}

div.fotbal {background:#ea2d2e;}

div.alergare {background:#ae00ff;}

div.natatie {background:#2e3191;}

div.ciclism {background:#fd9733;}

div.nutritie {background:#00ab61;}

div.haios {background:#ff8500;}

/*+++++++ CATEGORIE +++++++*/
div.categorie {margin: 0 0 10px 0;
            display:block;}

div.categorie img {max-width:100px; max-height:73px; float:left; padding:2px 10px 10px 0;}

div.categorie-title {
	margin: 0 0 10px;
}
div.categorie-title h2 {
        color: #ea2d2e;
        font-size:33px;
        font-weight:bold;
	margin: 0;
}

div.categorie-title h2 a, div.extras-title h2 a:hover {color:#ea2d2e}

div.categorie-title h3 {
	color: #b2b2b2;
	font-size: 9px;
}
div.categorie-title h3 a {
	color: #888;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}
div.categorie-title h3 a:hover {
	border-bottom: 1px solid #aaa;
	color: #444;
}

div.categorie-continuare a {
	margin-bottom:30px;
	color: #777;
        font-size:11px;
}

div.categorie p {
       font-size:11px;
       text-decoration:none;
       color: #555!important;
       background: #FFF!important;
       line-height: 13px;
       margin:0 0 5px 0;
       padding:0;

}

div.categorie p span, div.categorie p span a, div.extras p span a:hover {
        background:#FFF!important;
        color: #555!important;
        }

div.categorie p a, div.categorie p a:hover {color:#555!important; text-decoration:none!important; background:#FFF!important;}

div.categorie {       margin: 0 0 20px 0;
            display:block;}

/*+++++++ POSTARE +++++++*/
h2, h3, h4, h5, h6 {
	color: #000;
}
h2 {
	font-size: 44px;
	margin: 0 0 2px!important;
	letter-spacing: -1px;
}
h2 a {
        color:#000000;
	text-decoration: none;
}

h2 a:hover {
        color:#000000;
	text-decoration: underline;
}
h3 {
	font-size: 18px;
	margin: 0 0 8px;
}
div.post h3 {
	margin: 0 0 2px;
}

h4 {
	font-size: 16px;
}
div.post-title {
	margin: 0 0 10px;
}
div.post-title h2 {
	margin: 0;
}

div.post-title h3 {
	color: #999;
	font-size: 12px;
        font-family: Helvetica, Arial, sans-serif;
}
div.post-title h3 a {
        text-transform: lowercase;
	color: #777;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}
div.post-title h3 a:hover {
	border-bottom: 1px solid #aaa;
	color: #444;
}


/*+++++++ DIVERSE +++++++*/

div.post-content { line-height: 20px;}

p {
	margin: 0 0 20px;
	font-size: 13px;
	line-height: 20px;
}

p a:hover img {
	border: 1px solid #ebebeb;
	border-top: 1px solid #ededed;
	border-left: 1px solid #ededed;
}

div.post-content img {
        margin:0 10px 10px 0;
        padding:2px;
        border:1px solid #e9e9e9;
}

.alignright { float: right; } 
.alignleft { float: left ;}

img.center, img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

img.float-left, img.alignleft {
        padding: 4px;
        margin: 0 0 2px 0px;
        display: inline;
}
img.float-right, img.alignright{
        padding: 4px;
        margin: 0 0 2px 0px;
        display: inline;
}
 
div.post-content ul, div.post-content ol {
	margin: 5px 10px 12px 24px;
	font-size: 13px;
}
div.post-content ol {
	list-style: decimal;
}
a, a:hover {
	color:#555; text-decoration : underline;
}

blockquote {
	color: #676;
        font-size:13px;
	margin: 0 0 0 22px;
	line-height: 19px!important;
	display: block;
}
blockquote p {
                font-size:13px;
	line-height: 19px!important;
}
cite {  padding-left:30px;
	color: #aaa;

}cite a {
	color: #aaa;
	text-decoration: none;
}
cite a:hover {
	color: #999;
	text-decoration: underline;
}
code {
	font-size: 130%;
	background: #fafafa;
}
code.block {
	display: block;
	padding: 10px;
}
div.post {
	padding: 0 0 10px;
	margin: 0 0 25px;
	border-bottom: 1px dotted #eee;
}
div.post-meta {
	display: block;
	padding: 15px 10px 0px 10px;
	font-size: 13px;
	background: #eaf3f9 url('../images/meta_top.gif') no-repeat top;
	color: #6f7f8a;
}
div.post-meta-cap {
	background: transparent url('../images/meta_bottom.gif') no-repeat bottom;
	height: 5px;
}
div.post-meta span {
	display: block;
	padding: 10px 0;
}
div.post-meta a {
	text-decoration: none;
}
div.post-meta a:hover {
	text-decoration: underline;
}
ul.post-comments {
	margin: 26px 0;
}
ul.post-comments h3 {
	margin: 0 0 5px;
}
li.comment {
	display: block;
	padding: 20px 20px 0;
	border-bottom: 1px dotted #ccc;
	background: #fafafa;
}
li.comment.alt {
	background: #fff;
}
cite.comment-author {
	text-align: left;
	float: left;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	width: 150px;
	clear: left;
	display: block;
}
cite.comment-author a {
	color: #333;
	text-decoration: none;
}
cite.comment-author a:hover {
	text-decoration: underline;
}
cite.comment-author img {
	position: relative;
	top: 6px;
	margin: 0 10px 0 0;
}
div.comment-content {
	display: block;
	width: 300px;
	float: left;
	padding: 0 0 0 10px;
}

/*+++++++ ARTICOLE SIMILARE +++++++*/
.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}
.clearfloat {display:inline-block;visibility:hidden;clear:both;height:0;content:".";}
.clearfloat {display:block;}
.related-titlu h3 {color:#444; font-family: Arial,sans-serif; font-weight:bold; font-size:16px; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:5px}
.related-titlu h3 span {border-bottom:1px dotted #ddd; }
.related-post {font-family: Arial,sans-serif; padding: 0px; margin-left: 15px; width:500px;}
.related-post a:link, .related-post a:visited {color:#444; text-decoration : none;}
.related-post a:hover {background:#eeeeee; color : #333;text-decoration : underline;}
.related-post ul {padding: 0px; margin-bottom: 5px;}
.related-post ul li {padding-bottom:5px; padding-top:7px; border-bottom: 1px dotted #dedede;}
.subcontrol {margin-bottom: 10px;padding:10px; background: #fbfbfb; font-size: 11px; font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6}
.share {float: right; padding-left: 20px}
.camp-comentarii {margin-left:15px}

/*+++++++ FOOTER +++++++*/
div#footer {
        background: #222;
	padding: 25px 0 15px;
	display: block;
        min-width: 965px;
	text-align: left;
        position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
}
div#footer p {
	font-size: 12px;
	margin: 0 0 5px 20px;
	color: #555;
}
div#footer a {
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px solid #222;
	font-weight: bold;
}
div#footer a:hover {
	color: #fff;
	border-bottom: 1px solid #444;
}
div#footer p#blog-name {
	font-size: 16px;
	color: #aaa;
}
div#footer p#webrevolutionary-link {
	color: #333;
}
div#footer p#webrevolutionary-link a {
	color: #444;
}
div#footer p#webrevolutionary-link a:hover {
	color: #666;