/*
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:#DB3838}
h1, h2, h3, h4 { font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-weight:normal;}
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:160px; background:#232323; position:relative;  }
#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:#DB3838 url(images/bg_mcontainer.gif) repeat-x; }
#container { width:828px; margin:0 auto; text-align:left;}
#leftside { width:170px; float:left;}
#content { width:470px; float:left; background-color:#232323; background-image:url(images/bg_container.gif); background-position:bottom; }
#rightside { width:154px; float:left; padding:25px 0 0 25px; }
#footer { clear:both; width:470px; margin:0 auto; color:#fff; padding:15px 0;}
#footer a { color:#fff; }

.post {  padding:0 19px 35px 19px;}
.post h2 { font-size:24px; color:#C3BEBD; font-weight:normal; line-height:24px; padding-top:10px;}
.post h2 a, h2 a:hover { }

.postdata { clear:both; padding-top:10px;}

.data { width:48px; height:48px;  text-align:center;  color:#fff; font-size:9px; float:left; margin-right:10px;background-image:url('images/data.gif');}
.data strong {font-family:Georgia, "Times New Roman", Times, serif; display:block; font-size:18px; padding-top:5px; }
.data sup { font-size:9px; font-weight:normal}

.links { width:145px; float:left; color:#6F6F6F; margin-right:18px;}
.links ul { list-style-type:none;}
.links ul li { width:145px; border-bottom:1px dotted #333; padding:3px 0; overflow:hidden}
.links ul li.categ { background:url(images/ico-categ.gif) no-repeat; background-position:130px 6px;}
.links ul li.user { background:url(images/ico-user.gif)  no-repeat; background-position:130px 6px;}
.links ul li.rss { background:url(images/ico-rss.gif) no-repeat; background-position:130px 6px;}
.links ul li.permalink { background:url(images/ico-permalink.gif) no-repeat; background-position:130px 6px;}
.links ul li.coment { background:url(images/ico-coment.gif) no-repeat; background-position:130px 6px;}

.entry { }
.entry img { border:3px solid #2E2E2E; display:block;}

/*----------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 { width:420px; margin:0 auto; padding:0 25px 10px 25px; }
#comentarii h3 { font-size:18px; margin:0 0 20px 0;}
#comentarii ol.commentlist { margin:0 0px 20px 0px; list-style-type:none;}
#comentarii ol.commentlist li { padding:15px 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:#DB3838; color:#fff; border:0; height:30px; width:202px; cursor:pointer;}

#colt-right { width:100%; height:14px; background-image:url(images/bg_colt_right.gif); background-position:right; margin:0; padding:0;  font-size:1px;}
#colt-left {width:14px; height:14px; background-image:url(images/bg_colt_left.gif); margin:0; padding:0 ;}
.nav {  text-align:center; margin:0 18px; padding:18px 0; background-image:url(images/dot-line.gif); background-repeat:repeat-x; background-position:top;}
.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:0 0 25px 0;padding:0;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-content ul li a { display:block; color:#fff; background-image:url(images/dot-line-red.gif); background-position:bottom; background-repeat:repeat-x; width:152px; line-height:20px; height:21px;}
#rightside .dbx-content ul li a:hover { background-color:#CB3232; color:#000;}
#rightside .dbx-content .input-search {border-right:0; border-top:1px solid #E46A6A; border-left:1px solid #E46A6A; border-bottom:1px solid #E46A6A; width:121px; height:21px; font-size:12px; background-color:#EBE9ED; vertical-align:middle; padding-top:3px; padding-left:3px }
#rightside .dbx-content .input-search-on {border-right:0; border-top:1px solid #E46A6A; border-left:1px solid #E46A6A; border-bottom:1px solid #E46A6A; width:121px; height:21px; font-size:12px; background-color:#fff; vertical-align:middle; padding-top:3px; padding-left:3px }
#rightside .dbx-content .buton-search { border:0;  vertical-align:middle; }
.dbx-handle  {color:#000;font-size: 20px;margin: 0;font-weight:normal;padding-left:20px;}
.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;background-position: 0 6px;background-image: url(images/plus.gif);}
#rightside a.dbx-toggle-open {height: 20px;width: 20px;background-position: 0 9px;background-image: url( images/minus.gif );}
.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:24px; color:#C3BEBD; font-weight:normal; line-height:24px; padding-top:0; margin-bottom:20px;}

#searchpage #content { padding:0 20px 35px 20px; width:430px}
#searchpage #content h2 { font-size:24px; color:#C3BEBD; font-weight:normal; line-height:24px; padding-top:0; margin-bottom:20px;}
#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:24px; color:#C3BEBD; font-weight:normal; line-height:24px; padding-top:0; margin-bottom:20px;}
#categpage #content h3 { font-size:18px;}
#categpage #content * { margin:0; padding:0;}
#categpage #content .post { margin-bottom:20px;}
#categpage #content .nav { padding-top:20px;}

#acrhivepage #content { padding:0 20px 35px 20px; width:430px}
#acrhivepage #content h2 { font-size:24px; color:#C3BEBD; font-weight:normal; line-height:24px; padding-top:0; margin-bottom:20px;}
#acrhivepage #content h3 { font-size:18px;}
#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 */