/*
This code is written by Ibanescu Nicolae 
Theme Name: Patratelu' Rosu
Theme URI: http://wp-design.org
Description:  The second theme designed for  <a href="http://www.patratelurosu.com/">www.patratelurosu.com</a>.
Version: 2.0
Author: WP-design
Author URI: http://wp-design.org
*/

* { margin:0; padding:0; background-repeat:no-repeat;}
html, body { width:100%; height:100%;}
body {font: normal 11px/normal "lucida sans unicode", "lucida sans", "lucida grande", sans-serif; color: #C3BEBD; text-align:center; background:#cf1e18}
h1, h2, h3, h4 { font-family:"trebuchet ms";}
img { border:0;}
ul { list-style-type:none;}
a { text-decoration:none; color:#A18A64;}
a:hover { color:#BEA988;}
input, select, textarea {font-family:"lucida sans unicode", "lucida sans", "lucida grande", sans-serif; color: #666;}


#header { width:100%; height:209px; background:#151515; position:relative;  }
#headerimg { width:850px; height:160px; background:#232323; position:center;  }
#logo { padding-top:60px ; text-align:center;}
#logo h1 { font-size:30px; }
#logo a  { color:#fff;}
#logo div.description { text-align:center; color:#fff;}

#mcontainer { width:100%; background:#cf1e18 repeat-x; }
#container { width:832px; margin:0 auto; text-align:left;}
#leftside { width:172px; float:left; padding:0px 0 0 0px;}
#content { width:470px; float:left; background-color:#232323; }
#rightside { width:160px; float:left; padding:0px 0 0 0px; }

#footer { clear:both; width:470px; margin:0 auto; color:#fff; padding:0px 0px;}
#footer a { color:#fff; }

.post {  padding:0px 0px 15px 0px;}
.post h2 { font-size:12px; color:#C3BEBD; font-weight:bold; line-height:12px; padding: 7px 15px 0px 15px;}
.post h2 a, h2 a:hover { padding-left: 3px; }

.postdata { clear:both; padding: 0px 0px 0px 0px;}

.data { width:45px; height:20px;  text-align:left;  color:#fff; font-size:11px; float:left; padding: 2px 0px 0px 7px; background-image:url('images/data.gif');}
.data strong {font-family:"trebuchet ms"; display:block; font-size:11px; padding-top:0px; }
.data sup { font-size:11px; font-weight:normal}

.links { width:440px; float:left; color:#6F6F6F; padding:4px 0px 0px 15px;}
.links ul { list-style-type:none;}
.links ul li { width:440px; border-bottom:2px dotted #333; padding:0px 0px 0px 0px; overflow:hidden; display:inline;}
.links ul li.categ { }
.links ul li.user { }
.links ul li.rss { }
.links ul li.permalink { }
.links ul li.coment { }

.entry { text-align:justify; padding:5px 15px 0px 15px;}
.entry img { border:0px solid #2E2E2E; display:inline; margin:5px 10px 5px 0px; }
.entry p { padding-top:3px; padding-bottom:3px; }

/*----------articol-------------*/
#container-mare { width:470px;  margin:0 auto; text-align:left; background-color:#232323;}


#container-mare .post .postdata .entry p img.hide {display: none;}
#container-mare .post .postdata .entry p img.show {display: block; margin:0 auto;}

.postmetadata { width:410px; margin:20px auto 0 auto; padding:15px 10px;}
.alt { background-color:#1D1D1D; border-bottom:1px solid #282828; border-top:1px solid #282828; }

#comentarii { margin:0; padding:10pt 15px 0px; }
#comentarii h3 { font-size:12px; margin:0 0 0 0;}
#comentarii ol.commentlist { margin:0 0px 10px 0px; list-style-type:none;}
#comentarii ol.commentlist li { padding:5px 5px 10px 10px; }

#commentform p { margin:0 0 5px 0;}
#commentform input { width:200px; height:21px;}
#commentform textarea { width:420px; height:150px;}

#commentform .input-comment {border-right:0; border-top:1px solid #000; border-left:1px solid #E46A6A; border-bottom:1px solid #E46A6A; font-size:12px; background-color:#EBE9ED; vertical-align:middle; padding-top:3px; padding-left:3px }
#commentform .input-comment-on {border-right:0; border-top:1px solid #000; border-left:1px solid #E46A6A; border-bottom:1px solid #E46A6A; font-size:12px; background-color:#fff; vertical-align:middle; padding-top:3px; padding-left:3px }
#commentform .textarea-comment {border-right:0; border-top:1px solid #000; border-left:1px solid #E46A6A; border-bottom:1px solid #E46A6A;   font-size:12px; background-color:#EBE9ED; vertical-align:middle; padding-top:3px; padding-left:3px }
#commentform .textarea-comment-on {border-right:0; border-top:1px solid #000; border-left:1px solid #E46A6A; border-bottom:1px solid #E46A6A;   font-size:12px; background-color:#fff; vertical-align:middle; padding-top:3px; padding-left:3px }
#commentform input.buton-comment {  background-color:#cf1e18; color:#fff; border:0; height:30px; width:202px; cursor:pointer;}

.nav {  text-align:center; padding:0px 0px 10px 0px; }
.nav span { padding:0 3px;}
.nav a { padding:0 3px;}


/* ------------boxuri-------------- */
.dbx-clone {position:absolute;visibility:hidden;}
.dbx-clone, .dbx-clone .dbx-handle-cursor {cursor:move !important;}
.dbx-dummy {display:block;width:0;height:0;overflow:hidden;}
.dbx-group, .dbx-box, .dbx-handle {display:block;}
.dbx-box {margin: 0px;padding: 0px 0px 0px 0px;border:none;}
.dbx-box1 {margin: 0px;padding: 5px 0px 0px 12px;border:none;}
.dbx-box-open .dbx-content {display: block;}
.dbx-box-closed .dbx-content {display: none;}
#rightside .dbx-content { padding-top:5px; padding-bottom:3px;}
#rightside .dbx-contentjogo { padding-top:5px; padding-bottom:3px;}
#rightside .dbx-content2 { padding: 12px 0px 5px 12px;}

#rightside .dbx-content ul li a { display:block; color:#fff; width:152px; line-height:20px; height:21px; padding:1px 0px 1px 12px; border-bottom: 1px solid #ad1a15;}
#rightside .dbx-content ul li a:hover { background-color:#232323; color:#EFEFEF; padding:1px 0px 1px 12px;}
#rightside .dbx-content ul li ul li a { background-color:#c0130d; display:block; color:#fff; width:142px; line-height:20px; height:21px; padding:1px 0px 1px 22px; border-bottom: 1px solid #ad1a15;}
#rightside .dbx-content ul li ul li a:hover { background-color:#232323; color:#EFEFEF; padding:1px 0px 1px 22px;}

#rightside .dbx-contentjogo ul li a { display:block; color:#EFEFEF; width:152px; line-height:20px; height:84px; padding:8px 2px 5px 12px; border-top: 1px solid #ad1a15; border-right: 1px solid #ad1a15; border-bottom: 1px solid #ad1a15;}
#rightside .dbx-contentjogo ul li a:hover { background-color:#232323; color:#EFEFEF; padding:8px 2px 5px 12px;}
#rightside .dbx-content2 .input-search {border-right:0; border-top:1px solid #E46A6A; border-left:1px solid #E46A6A; border-bottom:1px solid #E46A6A; width:90px; height:21px; font-size:12px; background-color:#EBE9ED; vertical-align:middle; padding-top:3px; padding-left:3px; }
#rightside .dbx-content2 .input-search-on {border-right:0; border-top:1px solid #E46A6A; border-left:1px solid #E46A6A; border-bottom:1px solid #E46A6A; width:90px; height:21px; font-size:12px; background-color:#fff; vertical-align:middle; padding-top:3px; padding-left:3px; }
#rightside .dbx-content2 .buton-search { border:0;  vertical-align:middle; }
.dbx-handle  {color:#000;font-size: 11px;margin: 0;font-weight:normal;padding-left:12px;}
.dbx-handle-cursor {cursor: move;}
a.dbx-toggle {display:block;overflow: hidden;position: absolute;top: 0px;left: -20px;background-repeat: no-repeat;border: 0px;margin: 0px;padding: 0px;}
a.dbx-toggle[class] { left: 0px;}
#rightside a.dbx-toggle{height: 20px;width: 20px;}
#rightside a.dbx-toggle-open {height: 20px;width: 20px;}
.dbx-clone {opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8;	filter: alpha(opacity=80); background-image:url(images/bg-box-clone.gif); background-position:bottom; }
/* -------------------------- */

.dbx-clone {position:absolute;visibility:hidden;}
.dbx-clone, .dbx-clone .dbx-handle-cursor {cursor:move !important;}
.dbx-dummy {display:block;width:0;height:0;overflow:hidden;}
.dbx-group, .dbx-box, .dbx-handle {display:block;}
#leftside .dbx-box {margin: 0px;padding: 0px 0px 0px 0px;border:none;}
.dbx-box-open .dbx-content {display: block;}
.dbx-box-closed .dbx-content {display: none;}
#leftside .dbx-content { padding: 5px 0px 3px 0px;}
#leftside .dbx-content ul li a { display:block; color:#fff; width:160px; line-height:20px; height:21px; padding:1px 12px 1px 0px; border-bottom: 1px solid #ad1a15; text-align:right;}
#leftside .dbx-content ul li a:hover { background-color:#232323; color:#EFEFEF; padding:1px 12px 1px 0px; text-align:right;}
#leftside .dbx-handle  {color:#000;font-size: 11px;margin: 0;font-weight:normal;padding-right:12px; padding-top:12px; text-align:right;}
#leftside .dbx-handle-cursor {cursor: move;}
a.dbx-toggle {display:block;overflow: hidden;position: absolute;top: 0px;left: -20px;background-repeat: no-repeat;border: 0px;margin: 0px;padding: 0px;}
a.dbx-toggle[class] { left: 0px;}
#leftside a.dbx-toggle{height: 20px;width: 20px;}
#leftside a.dbx-toggle-open {height: 20px;width: 20px;}
.dbx-clone {opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8;	filter: alpha(opacity=80); background-image:url(images/bg-box-clone.gif); background-position:bottom; }


#page h2 {  font-size:12px; color:#676767; font-weight:bold; line-height:12px; padding: 0px 0px 10px 15px; }

#searchpage #content { padding:0 20px 35px 20px; width:430px}
#searchpage #content h2 { font-size:12px; color:#676767; font-weight:bold; line-height:12px; padding: 0px 0px 10px 15px;}
#searchpage #content h3 { font-size:18px;}
#searchpage #content * { margin:0; padding:0;}
#searchpage #content .post { margin-bottom:20px;}
#searchpage #content .nav { padding-top:20px;}

#categpage #content { padding:0 20px 35px 20px; width:430px}
#categpage #content h2 { font-size:12px; color:#676767; font-weight:bold; line-height:12px; padding: 0px 0px 10px 0px;}
#categpage #content h3 { font-size:12px;}
#categpage #content * { margin:0; padding:0;}
#categpage #content .post { margin-bottom:20px;}
#categpage #content .nav { padding-top:20px;}

#acrhivepage #content { padding:0 15px 0px 15px; width:430px}
#acrhivepage #content h2 { font-size:12px; color:#676767; font-weight:bold; line-height:12px; padding: 0px 0px 10px 15px;}
#acrhivepage #content h3 { font-size:12px;}
#acrhivepage #content * { margin:0; padding:0;}
#acrhivepage #content .post { margin-bottom:20px;}
#acrhivepage #content .nav { padding-top:20px;}

#wp-design a {padding:0 2px;}
#wp-design a:hover { background:#65C9E2; color:#fff; }
#wp-design a:hover strong {color:#FF3300;}

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