/*
Theme Name: Captivating Blog
Theme URI: http://www.captivatingromania.com/
Description: Captivating Romania
Owner: Lateral, www.lateral.ro
Author: VISUALIS, www.visualis.ro
Version: 1.0.0
*/


/* DEFAULT BROWSER STYLE RESET */
html, body, div, span, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd, ul, ol, li, form, fieldset, legend, label, input, textarea, select, button, blockquote, q, img, font, small, strong, strike, sup, sub, em, code, abbr, acronym, pre, table, caption, th, tr, td { margin:0; padding:0; border:0; outline:none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
strong {font-weight:bold;}
em {font-style:italic;}
a, a:active, a:hover, a:focus, a:visited, a:hover { outline: none; overflow:hidden;}
/* END STYLE RESET */

body {font:62.5% Arial, Helvetica, sans-serif; text-align:center; background:#333 url(media/2260149771_00cb406fd6_o.jpg) no-repeat fixed center; color:#fff;}
div.skip {display:none;}
hr {display:none;}

/*--- HEADER ---*/ 
div#header2 {width:100%; height:60px; background: url(img/background.png); margin-top:15px;}
div.header-wrap {width:950px; text-align:left; margin:0 auto;}

/* branding */
h1 {float:left; margin-top:17px; cursor: pointer}
h1 a {width:210px; height:27px; display: block;text-indent:-10000em; background: url(img/logo.png) no-repeat; float:left; z-index:100}

/* main navigation */
ul#navigation {float:right; margin-top:17px;}
ul#navigation li {display:block; margin-left:25px; float:left;}
ul#navigation li a {font-size:1.7em; color:#fff; text-decoration:none; padding:4px 6px; display:block;}
ul#navigation li a:hover { background:#fff; color:#000;}

/*--- MAIN ---*/ 
div#main {width:100%; margin-top:80px; color:#333; background:transparent; text-align:center;}
div.main-wrap {width:950px;text-align:left; margin:0 auto;}

/*--- CONTENT ---*/
div#content {float:left; width:730px; background:#fff; color:#333; min-height:450px;height:auto !important;height:450px;}
div#content div.top {height:20px; background:#000; color:#fff; padding:15px; width:700px;}
div#content div.top h2 {font-size:1.8em; float:left;}
div#content div.top a.back {float:left; color:#999; font-size:1.2em; text-decoration:none; margin-top:5px;}
div#content div.top a.back:hover {color:#fff; text-decoration:underline;}
div#content div.top a.rss {font-size: 1.1em; float:right; color:#ccc; background:url(img/icon-rss.gif) no-repeat left; padding-left:22px; height:14px; display:block; margin-top:3px; text-decoration:none;}
div#content div.top a.rss:hover {color:#fff; text-decoration:underline;}

/*display options */
div#content div.display {float:left; margin-left:15px; height:30px; width:695px; padding-bottom:5px; border-bottom:1px solid #eee; display:inline; margin-bottom:10px;}
div#content div.display ul {float:left; margin-top:10px;}
div#content div.display ul li {float:left; display:inline; margin-right:5px;}
div#content div.display ul li  a {float:left; display:block; padding:1px 3px; color:#999; background:#fff; text-decoration:none;}
div#content div.display ul li  a:hover {color:#333; text-decoration:underline;}
div#content div.display ul li  a.on {color:#fff; background:#999;}
div#content div.display ul li  a.on:hover {color:#fff; background:#999; text-decoration:none;}

/*posts index */
div#content div.posts-container {padding:14px; float:left; width:710px; padding-right:0;}
div#content div.post {width:225px; float:left; background:#000; color:#fff; margin-right:10px; margin-bottom:35px; height: 330px; position: relative; padding-bottom:10px;}div#content div.post:hover{background:#333; cursor: pointer}
div#content div.post img {margin-bottom:15px;}
div#content div.post h2 {font-size:1.40em; font-weight:bold; margin-left:15px;width:195px;}
div#content div.post h2 a {color:#fff; text-decoration:none;}
div#content div.post h2 a:hover {color:#ccc;}
div#content div.post p.date {font-size:1.1em; font-weight:normal; color:#999; margin-bottom:20px;margin-left:15px;}
div#content div.post p.summary {font-size:1.2em; line-height:1.4em; color:#ccc;margin-left:15px; width:195px;}
div#content div.post a.more {float:right; background:url(img/button-more.gif) no-repeat center center; width:16px; height:16px; text-indent:-10000em;  position: absolute; bottom:5px; right:10px}

div#content div.post-list {width:695px; margin-bottom:25px; padding-bottom:5px; border-bottom:1px solid #eee;}
div#content div.post-list h2 {font-size:1.8em; font-weight:bold;}
div#content div.post-list h2 a {color:#000; text-decoration:none;}
div#content div.post-list h2 a:hover {color:#666;}
div#content div.post-list p.date {font-size:1.1em; color:#999; margin-bottom:5px;}
div#content div.post-list p.summary {font-size:1.2em; margin-bottom:5px;}
div#content div.post-list a.more {color:#000; background:#fff; font-size:1.2em;}
div#content div.post-list a.more:hover {color:#fff; background:#000; text-decoration:none;}

/* pages nav */
div#content div.pages {font-size:1.1em; width:695px; float:left; display:inline; margin-left:15px; padding-bottom:20px;}
div#content div.pages div.prev {float:left;}
div#content div.pages div.next {float:right;}
div#content div.pages a {display:block; float:left; padding:4px 8px; border:1px solid #eee; color:#999; text-decoration:none;}
div#content div.pages a:hover {border:1px solid #999; color:#666;}

/* article info */
div#content div.info {float:left; margin-left:15px; height:30px; width:695px; padding-bottom:5px; border-bottom:1px solid #eee; display:inline; margin-bottom:10px;}
div#content div.info ul {float:left; margin-top:10px;}
div#content div.info ul li {float:left; display:inline; margin-right:15px; font-size:1.2em; color:#666;}
div#content div.info ul li.date {padding-left:17px; background:url(img/icon-dates.gif) no-repeat 0 0; padding-top:1px;}
div#content div.info ul li.comments {padding-left:17px; background:url(img/icon-comments.gif) no-repeat 0 0;}
div#content div.info ul li a {color:#666; background:#fff;}
div#content div.info ul li a:hover {text-decoration:none; background:#666; color:#fff;}

/* article view */
div#content div.article {padding:15px; float:left; width:690px;}
div#content div.article img {float:left; margin-bottom:15px;}
div#content div.article h2 {font-size:3.5em; font-weight:bold; letter-spacing:-2px; margin-bottom:10px;}
div#content div.article h3 {font-size:1.4em; font-weight:bold; margin-bottom:5px;}
div#content div.article p.intro {font-size:1.6em; margin-bottom:15px; line-height:1.4em; padding-bottom:5px; border-bottom:1px solid #eee;}
div#content div.article div.content {line-height:1.5em; border-top:1px solid #eee; padding-top: 15px; font-size: 1.1em;}
div#content div.article p {font-size:1.2em; line-height:1.6em; margin-bottom:10px;}
div#content div.article div.content p {margin-bottom: 20px; clear:left; width:100%; }
div#content div.article blockquote {font-size:1.8em; font-weight:bold; letter-spacing:-1px; width:480px; padding-left:10px; border-left:3px solid #ccc; margin-left:40px; margin-top:20px; margin-bottom:20px;}
div#content div.article blockquote p {line-height:120%;}
div#content div.article ul {font-size:1.2em; padding-left:20px;}
div#content div.article ul li {list-style:square; margin-bottom:2px;}
div#content div.article a {color:#000; background:#fff; text-decoration:underline;}
div#content div.article a:hover {color:#fff; background:#000; text-decoration:none;}

/* meta data */
div#content div.meta {float:left; margin-left:15px; display:inline; width:695px; padding:5px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:10px; margin-bottom:30px;}
div#content div.meta p {font-size:1.1em; color:#999; line-height:1.4em;}
div#content div.meta p a {color:#666; background:#fff;}
div#content div.meta p a:hover {color:#fff; background:#666; text-decoration:none;}


/* comments list */
div#comments {float:left; margin-left:15px; display:inline; width:690px;}
div#comments h2 {font-size:2.4em; font-weight:bold; letter-spacing:-1px; padding-bottom:5px; border-bottom:1px solid #eee; margin-bottom:15px;}
div#comments ol.commentlist { margin-bottom:30px; padding:0 15px; float:left; width:660px;}
div#comments ol.commentlist li { padding:10px 0; border-bottom:1px solid #eee; background:#fff; float:left; width:100%;}
div#comments ol.commentlist li.alt {background:#f9f9f9;}
div#comments ol.commentlist li cite {float:left; width:180px; font-style:normal;}
div#comments ol.commentlist li cite a {color:#333; background:transparent;}
div#comments ol.commentlist li cite a:hover {color:#fff; background:#333; text-decoration:none;}
div#comments ol.commentlist li cite strong {font-size:1.4em; font-weight:bold; color:#333;}
div#comments ol.commentlist li cite small {float:left; width:180px; color:#666; margin-top:5px;}
div#comments ol.commentlist li p {font-size:1.2em; float:right; width:480px;}
div#comments ol.commentlist li p a {color:#000; background:transparent;}
div#comments ol.commentlist li p a:hover {color:#fff; background:#000; text-decoration:none;}

/* comments write */
div#comments fieldset {float:left; margin-bottom:30px;}
div#comments fieldset legend {display:none;}
div#comments fieldset label {float:left; margin-bottom:7px; clear: left; display: block; width:100%}
div#comments fieldset strong { float:left; width:150px; font-size:1.4em; font-weight:bold}
div#comments fieldset input {width:420px; float:left; font-size:1.2em;}
div#comments fieldset textarea {width:420px; float:left; font-size:1.2em;}
div#comments fieldset .required {color:#999; font-size:1em;}
div#comments fieldset p {float:left; width:420px; padding-left:150px; margin-top:10px; clear:left}
div#comments fieldset button {float:left; width:120px; padding:8px 10px; text-align:left; background:#333; color:#fff; font-weight:bold; font-size:1.2em; cursor:pointer; clear: left;}

/* ------- FORMS ------- */
input, textarea, select { font-family:Arial, Helvetica, sans-serif; padding:6px;color:#333; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(img/bg-field.gif) repeat-x top;}
input.checkbox, input.radio { display:block; line-height:1.5em;	margin:.3em 0 0 3px; width:13px; height:13px; border:none; background:none;}


/*--- SIDEBAR ---*/

/* searchform */
div#sidebar {float:right; width:200px;}
div#sidebar fieldset {background:#000; color:#ccc; height:20px; padding:15px;}
div#sidebar fieldset legend {display:none;}
div#sidebar fieldset p {width:170px; background:#333; color:#ccc; float:left;}
div#sidebar fieldset label {display:none}
div#sidebar fieldset input {background:#333; color:#ccc; font-size:1.2em; width:134px; padding:5px; float:left; border:none;}
div#sidebar fieldset input:hover {background:#444; color:#fff;}
div#sidebar fieldset button {width:25px; height:22px; padding-top:2px;  background:url(img/button-search.gif) no-repeat center 7px; text-indent:-10000em; float:right; cursor:pointer;}

/*sidenav*/
div#sidebar div.container {background:#ddd; margin-bottom:15px; padding:15px 0; float:left; width:200px;}
div#sidebar div.container:hover {background:#fff;}
div#sidebar div.container h3 {font-size:1.5em; font-weight:bold; color:#000; margin-bottom:3px; padding-left:19px;  width:140px; }
div#sidebar div.container h3.line {border-top:1px solid #ccc; padding-top:10px;}
div#sidebar div.container ul {margin-bottom:20px; padding-left:15px;}
div#sidebar div.container ul li {line-height:2.2em; color:#999;}
div#sidebar div.container ul li a {font-size:1.35em; color:#444; padding:2px 4px;}
div#sidebar div.container ul li a:hover {background:#000; color:#fff; text-decoration:none;}
div#sidebar div.container ul.recent li {line-height:2.1em;}
div#sidebar div.container ul.recent li a {font-size:1.3em;}

/*flickr*/
div.flickr {float:left; padding-left:20px; margin-top:15px;}
div.flickr a img {border:2px solid #333; float:left; margin-right:10px; margin-bottom:10px; width: 71px; height: 71px;}
div.flickr a:hover img {border:2px solid #ccc;}
div.flickr a.more {float:left; margin-top:10px; color:#666; background:transparent;  font-size:1.2em;}
div.flickr a.more:hover {color:#fff; background:#666; text-decoration:none;}

/*--- FOOTER ---*/
div#footer {width:730px; float:left; margin-top:15px; height:100px;}

/*footernav */
div#footer ul.footer-nav {height:13px; background:#222; color:#ccc; padding:12px 15px;}
div#footer ul.footer-nav li {display:inline; margin-right:20px; float:left;}
div#footer ul.footer-nav li a {font-size:1.2em; font-weight:bold; color:#999; text-decoration:none;}
div#footer ul.footer-nav li a:hover {color:#fff; text-decoration:underline;}
div#footer ul.footer-nav li.terms {float:right; margin-right:0;}
div#footer ul.footer-nav li.terms a {font-size:0.9em; color:#666;}
div#footer ul.footer-nav li.terms a:hover {color:#fff;}
div#footer p.copyright {color:#999; margin-top:5px; }
div#footer p.copyright a {color:#999;}
div#footer p.copyright a:hover {color:#fff;}

/* mary had a little lamb */
#thumb{display: none;}
div.foto_thumb{
	margin: 1px 1px 1px 0;
	height: 188px;
	width: 184px !important;
	width: 183px;
	float: left;
	text-align: center;
}

div.foto_thumb a img {float: none !important;}
div.landscape img{
	margin-top: 32px;
}
div.portrait img{
	margin-top: 6px;
}
div.foto_thumb a:hover{background-color: none; text-decoration: none;}
div.foto_thumb a:hover{background-color: #ffffff !important; text-decoration: none;}

/*lateral code*/
.semnatura {position: fixed; bottom:10px; left: 100px; background:#000; filter:alpha(opacity= 50); -moz-opacity:.50; opacity:.50; height:20px; width: 200px;}
.recentPsts a {font-size: 12px !important;}
.children a {font-size: 12px !important;}
.children {margin:0 !important}

.flag  {text-align: center; font-size:9px !important; color: #666 !important; position: relative; top:-4px;}
.flag  img{border: solid 1px #666; padding:1px; width:16px;}
.flag:hover{background: none !important; text-align: center; font-size:9px !important; color: #fff !important}
.flag:hover img{border: solid 1px #fff}

.alignnone img {margin:0 !important}
.alignnone p {font-style: italic;}


.copyright span {display: block; float:left;}
.copyright span.byWho {color: #fff; width:470px; text-align: center; padding-top:3px;}
.copyright span.proudBy { padding-top:3px;}
.copyright span.toRight {float: right; color: #fff}
.copyright span.toRight img{position: relative; top:4px; padding-left: 3px; border:0;}

/* Sociable plugin fix */
.sociable ul li {float: left;}
.sociable ul li a {background: white;}

/*Pagina Oferte Cazare*/

.top2{background:#0a0a0a; height:7px; width:950px;}
.cazareTitle{font-size:26px !important;}
.contentBig{width:950px !important;}
.rightCln{width:215px; background:#f1f1f1; margin:56px 15px 15px 0; float:left;}
.rightCln h3{width:185px; background:#ea3625; display:block; font-size:17px; color:#fff; padding:7px 15px 7px 15px; font-weight:bold;}
.rightCln .rightClnContent{padding:13px !important;}
.rightCln .rightClnContent p{font-size:12px; padding-bottom:5px;}
.rightCln .rightClnContent .imput{width:140px; padding:3px !important; font-size:12px !important;}
.rightCln .btn{background: url(img/btn_leftPart.png) no-repeat 0 0; height:23px; float:left; padding-bottom:10px; margin-left:13px !important;}
.rightCln .btn a{background: url(img/btn_rightPart.png) no-repeat right 0; height:23px; margin-left:11px; padding:3px 12px 0px 1px; font-size:12px; float:left; color:#343434; text-decoration:none;}
.searchContent{height:113px; background:#f1f1f1; padding:10px;}
.searchContent input{width:280px; height:26px !important; padding:8px 10px 0 !important; margin:10px 0 0 20px; font-size:16px !important;}
.searchContent .searchBtn{border:0 !important; background:url(img/search_btn.png) no-repeat 0 0; content:"&nbsp;"; width:89px; height:36px !important; padding:0 !important; margin-left:15px !important;; text-indent:-999px !important;}
.searchContent .tags{width:650px !important; font-size:12px !important; padding:10px 0 0 20px;}
.contentList{width:880px !important; border-top:dotted 1px #c4c4c4; padding:20px; float:left; margin:0 15px 10px 15px; color:#333 !important;}
.contentList ul{width:285px; float:left; padding-right:5px;}
.contentList ul li strong{font-size:14px !important; color:#505051 !important; width:270px; display:block; padding-top:10px;}
.contentList ul li{display:inline; font-size:12px; clear:left;}
.contentList ul li a{color:#505051 !important;}
.bigFooter #footer{width:950px !important;}


