/*

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 12px/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;}

br {height:1em;}




#header { width:100%; height:160px; background:#232323; position:relative; z-index=45 }

#logo { text-align:center; margin-left:-60px}

#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:50px; float:left;}

#content { width:550px; 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:550px; 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:11px; 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:11px; 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;}



/*----------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;}

.authcomment {
background-color: RGB(41,41,41) !important;
}

#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;

 }
/* soluciona problema con imágenes */
img.alignleft, div.alignleft
      {float:left;
      margin:0 0.5em 0.5em 0;}
img.alignright, div.alignright
      {float:right;
      margin:0 0 0.5em 0.5em;}      }

img.aligncenter, div.aligncenter
      {text-align:center;
      margin:0 auto; }



.clearfix { display:inline;}

/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */