/*-- custom design by razvan tirboaca
--------------------------------------*/


/*-- reset css 
------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;  }
:focus, :active { outline:none;}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
* { margin: 0; padding:0; outline:none;}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner, input[type="radio"]::-moz-focus-inner, input[type="checkbox"]::-moz-focus-inner, button, checkbox, colorpicker[type="button"], datepicker[type="grid"], menulist, radiogroup, tree, browser, editor, iframe { border:none;}



/*-- clearfix
------------------------------*/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%; }



/*-- general
------------------------------*/

body { background:url(images/bg.jpg) center center fixed; color:#464545; font-size:11px; line-height:150%; font-family:Verdana, Arial, Helvetica, sans-serif;}
.wrapper { width:880px; margin:auto;}
.fl { float:left;}
.fr { float:right;}
.round { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.roundjos { border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px;}
.bgalbtrans { background:#BFCBCD; background:rgba(148, 167, 171, 0.5);}
.bgopac { background:#BFCBCD;}
.bgalb { background:#fff;}
.bggri { background:#EBF0F3;}
.p10 { padding:10px;}
.p15 { padding:10px 15px;}
.pink { color:#94A7AB}
.pink:hover { color:#ec0a7a}
iframe { margin-bottom:15px;}
textarea {background-color:#F6F6F6; border:1px solid #D6E0E2; width:460px; padding:10px; height:50px;}
.black { color:#000 !important}

a { color:#5A8626; text-decoration:underline;}



/*-- header
------------------------------*/

#header { height:115px; margin-bottom:20px; position:relative;}
#header h1 { text-indent:-9999px; background:url(images/modu-logo-nobg.png) left top no-repeat; width:222px; height:99px; position:absolute; top:16px; left:0;}
#header h1 a { display:block; width:222px; height:99px;}
#tdt {position:absolute; right:0; top:25px;}
#header p { text-indent:-9999px; background:url(images/smnr.png) right center no-repeat; width:174px; height:12px; display:block; position:absolute; bottom:-1px; right:0;}


#intro { margin-bottom:10px;}
#socialmedia ul li { border-bottom:none !important; padding:0 !important; margin:0 !important;}
#socialmedia ul li a { height:32px; line-height:32px; padding:5px 5px 5px 45px; display:block; font-size:15px; border:1px solid #fff;}
#socialmedia ul li a:hover { background-color:#F6F6F6; border:1px solid #D6E0E2;}
#twitter { background:url(images/twitter.png) 5px center no-repeat;}
#facebook { background:url(images/facebook.png) 5px center no-repeat;}
#delicious { background:url(images/delicious.png) 5px center no-repeat;}
#youtube { background:url(images/youtube.png) 5px center no-repeat;}
#flickr { background:url(images/flickr.png) 5px center no-repeat;}


.principal { width:510px; padding:5px}

#content { margin-bottom:20px;}
.post {}
.post h2 { font-size:20px; line-height:120%; color:#5A8626; margin-bottom:14px;}
.post h3 { font-size:14px; line-height:120%; color:#5A8626; margin-bottom:10px; font-weight:bold;}
.post p { margin-bottom:15px; line-height:160%;}
.share { border-top:1px solid #B3C2C5; font-size:9px !important; color:#666; padding:4px 0 0; margin-bottom:0 !important;}
.share a { text-decoration:none; padding:0 0 0 21px;}
.share a:hover { color:#000;}
.share .twitter { background:url(images/twitter-mic.png) left center no-repeat;}
.share .facebook { background:url(images/facebook-mic.png) left center no-repeat;}
.share .yahoo { background:url(images/yahoo-mic.png) left center no-repeat;}

.twtr-tweet-text p {font-size:11px !important; line-height:160% !important; font-family:Verdana, Arial, Helvetica, sans-serif !important;}
.twtr-timeline { border-bottom-left-radius:0 !important; -moz-border-radius-bottomleft:0 !important; -webkit-border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; -moz-border-radius-bottomright:0 !important; -webkit-border-bottom-right-radius:0 !important;}
#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 { font-size:20px !important; color:#5A8626 !important; font-family:Verdana, Geneva, sans-serif !important}
.twtr-ft span a { font-size:12px;}

/*-- sidebar
------------------------------*/

.sidebar { width:340px; padding:5px;}
.sidebox { margin-bottom:20px; padding-bottom:20px; border-bottom:3px solid #B3C2C5;}
#contact { margin-bottom:0; padding-bottom:0; border-bottom:none;}
.sidebox h3 { text-indent:-9999px; height:18px; display:block; margin-bottom:12px;}
#video h3 { background:url(images/video.png) left center no-repeat;}
#poze h3 { background:url(images/foto.png) left center no-repeat;}
#contact h3 { background:url(images/contact.png) left center no-repeat;}
#concurs h3 { background:url(images/concurs.png) left center no-repeat;}
#mc h3 { background:url(images/mc.png) left center no-repeat; height:23px;}

.sidebar ul li { padding-bottom:8px; margin-bottom:8px; border-bottom:1px dotted #B3C2C5;}
.sidebar ul li a { text-decoration:none;}

#flickr_badge_uber_wrapper { width:320px;}
#flickr_badge_wrapper {width:320px}
.flickr_badge_image { float:left;}
.flickr_badge_image a { padding:13px; display:block; border:1px solid #D6E0E2; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background:#fff;}
.flickr_badge_image a:hover { border:1px solid #B3C2C5;}
.flickr_badge_image img { width:78px; height:78px;}

#footer { border-top:1px dotted #B3C2C5; padding:10px 0;}
#footer p { color:rgb(148, 167, 171) !important; font-size:10px !important;}