/*
Theme Name: Zoom-Studios
Theme URI: http://zoom-studios.ro/
Description: Portofoliul Zoom-Studios
Author: Razvan Tirboaca
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button { margin: 0;	padding: 0;	border: 0; vertical-align: baseline; 	background: transparent; outline:0;}
* { margin: 0; padding:0; outline:none;}
body { line-height: 1;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both;}
ol, ul {	list-style: none;}
blockquote { quotes: none;}
blockquote:before, blockquote:after { content: '';	content: none;}
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}
a img { border: 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%;}


/* Generale
-------------------------------------------------------------- */

body { background:#fff; color:#515151; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.wrapper { width:900px; margin:auto;}
a { text-decoration:none !important; color:#047cc5;}
h2 { color:#1e1b19; font-size:28px; margin-bottom:6px;}
h3 { color:#1e1b19; font-size:24px; margin-bottom:4px;}
p { font-size:12px; line-height:18px; margin-bottom:10px;}
.intro { font-size:16px; line-height:16px;}
.fl { float:left}
.fr { float:right}
.bg-img { padding:8px; border:1px solid #b8b8b8; background:#fff; box-shadow:0 1px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1);}
.bg-img-mic { padding:4px; border:1px solid #b8b8b8; background:#fff; box-shadow:0 1px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1);}
.jumate { width:440px;}
.unsfert { width:210px;}
.complet { width:900px;}
.f11 { font-size:11px !important;} 
.nomr { margin-right:0 !important;}
.nomb { margin-bottom:0 !important;}
.nopb { padding-bottom:0 !important;}
.nopt { padding-top:0 !important;}
.nobb { border-bottom:none !important;}

.chill_message { background:#e0f6ff; border:1px solid #6dcdf4 !important; color:#292929; font-size:12px; line-height:150% !important; padding:5px 8px !important; margin-bottom:10px !important;}
.info_message { background:#fff9d7; border:1px solid #e2c822 !important; color:#292929; font-size:12px; line-height:150% !important; padding:5px 8px !important; margin-bottom:10px !important;}
.error_message { background:#ffebe8; border:1px solid #fc7955 !important; color:#292929; font-size:12px; line-height:150% !important; padding:5px 8px !important; margin-bottom:10px !important;}
.success_message { background:#edffd5; border:1px solid #82d513 !important; color:#292929; font-size:12px; line-height:150% !important; padding:5px 8px !important; margin-bottom:10px !important;}


/* Header
-------------------------------------------------------------- */

#header { background:url(../images/bg.jpg) left top repeat; height:98px;}
#header .wrapper{ width:900px; height:98px; margin:auto; position:relative;}
#header h1 { position:absolute; top:26px;}
#header ul { position:absolute; right:0; top:38px;}
#header ul li { float:left; display:inline; margin-left:15px;}
#header ul li a { float:left; display:block; padding:2px; color:#c3c6ca; font-size:16px; text-transform:uppercase; text-shadow:0 1px rgba(0,0,0,0.2);}
#header ul li a:hover { color:#fff; border-bottom:1px dashed #c3c6ca;}
#lang { background:url(../images/bg-lang.jpg) left top no-repeat; width:51px; height:16px; position:absolute; top:0; right:5px; padding:2px 0 3px 11px;}
#lang a { float:left; margin-right:8px;}


/* Slider portofoliu
-------------------------------------------------------------- */

#slide-portofoliu { width:900px; margin:auto; margin-bottom:62px;}
#slide-portofoliu h2 { margin:0 0 6px; padding-top:30px;}
#slide-portofoliu h3 { margin:0 0 20px;}

#slider { width:880px; height:379px; background:#1E1B19 url(../images/ajax-loader.gif) 50% 50% no-repeat; position:relative;}
#slider img { position:absolute; top:0; left:0; display:none;}
.nivo-controlNav { position:absolute; bottom:-48px; height:29px; left:290px;}
.nivo-controlNav a { float:left; width:29px; height:29px; background:url(../images/slider-location.png) left top no-repeat; text-indent:-9999px; display:block;}
.nivo-controlNav a.active { background:url(../images/slider-location.png) left bottom no-repeat;}
.nivo-caption { padding:5px 0; text-align:center; background:#D2D2D1 !important;}
.nivo-caption p { font-size:16px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#1e1b19; letter-spacing:.5px; font-weight:bold;}


/* Content
-------------------------------------------------------------- */

#continut { background:url(../images/bg-pattern.jpg);}
.content { width:900px; margin:auto; padding:30px 0; border-bottom:1px dashed #ccc;}
.content a { color:#047cc5; border-bottom:1px solid #aaa;}
.content a:hover { border-bottom:1px solid #333;}
.box { margin:10px 20px 0 0; padding-top:20px; border-top:1px dotted #e1e1e1;}
.box p { margin-bottom:8px;}
.box .intro { margin-bottom:5px !important; color:#343433; font-size:18px;}
.box img { margin-right:10px;}
.content li { font-size:12px; line-height:18px;}


/* Footer
-------------------------------------------------------------- */

#footer { background:#fff; padding:30px 0; border-top:1px solid #b8b8b8;}


/* Form
-------------------------------------------------------------- */

form li { padding-bottom:10px;}
input, textarea, select { padding:6px; border:1px solid #8d8d8d; background:#fff; box-shadow:0 1px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2); font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:18px; width:400px;}
input:focus, textarea:focus { border:1px solid #333;}
textarea { height:212px; width:654px;}
label { display:inline-block; width:250px; color:#1e1b19; margin-top:5px; font-size:11px; font-weight:bold;}
.in { padding-left:250px;}
.bloc { display:block; margin-bottom:5px; width:100%;}
label span { color:#515151 !important; font-weight:normal !important;}
button { border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; background-image:url("/../images/super-button-overlay.png"); border:1px solid #bfbfbf; border:1px solid rgba(0, 0, 0, 0.25); padding:0; line-height:1; display:inline-block; width:auto; cursor:pointer; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); position:relative; font-size:13px;}
button:focus { top:1px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);}
button span { border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-top:1px solid rgba(255, 255, 255, 0.2); display:block; line-height:1; padding:4px 15px 5px;}
.alb { background-color:#fff; color:#252525; text-shadow:0 1px 1px #fff;}
.alb:hover { background-color:#eee;}