/*
Theme Name: Conectoo
Theme URI: http://conectoo.ro/blog
Description: Conectoo
Version: 1
Author: VISUALIS / www.visualis.ro
*/


/* DEFAULT BROWSER STYLE RESET 
---------------------------------------------------------------- */

html, body, div, span, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd, ul, ol, li, hr, 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 { outline: none; overflow:hidden;}

/* END DEFAULT BROWSER STYLE RESET */

/* ------- BOXES success / notice / error */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd;}

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.error,
.notice,
.success {padding-left:20px;}

/* ------- FORMS */
input, textarea, select { font-family:Arial, Helvetica, sans-serif; padding:5px; color:#333; border-top:1px solid #666; border-left:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff;}
input.checkbox, input.radio { display:block; line-height:1.5em;	margin:.3em 0 0 3px; width:13px; height:13px; border:none; background:none;}

body {background:#fff url(img/background-body.jpg) repeat-x top left; color:#333; text-align:center; font:62.5% Arial, Helvetica, sans-serif;}
div#page {width:950px; margin:0 auto; text-align:left;}

div#header {width:950px; height:230px; position:relative;}
div#header h1 {position:absolute; top:20px; left:20px;}
div#header h1 a {width:167px; height:34px; display:block; text-indent:-10000em; background:url(img/conectoo-logo.jpg) no-repeat top left;}
div#header ul {position:absolute; top:30px; right:30px;}
div#header ul li {display:inline; margin-left:25px; float:left;}
div#header ul li a {font-size:1.1em; color:#125687; text-decoration:none; float:left;}
div#header ul li a.login {padding:3px 0 0px 23px; background:url(img/icon-login.jpg) no-repeat left;}
div#header ul li a:hover {color:#f60; text-decoration:underline;}

div#hero {width:950px; height:134px; background:url(img/bg-header.jpg) no-repeat top left; position:absolute; margin-top:70px;}
div#hero h1 { top:30px; left:30px;}
div#hero h1 a {background:url(img/heading-blog.jpg) no-repeat left top; display:block; width:291px; height:42px; text-indent:-100000em;}
div#hero h1 a:hover {background-position:left -45px;}
div#hero a.rss {height:21px; background:url(img/icon-rss.jpg) no-repeat left; padding-left:30px; padding-top:3px; display:block; position:absolute; left:710px; top:85px; color:#fff; font-size:1.4em; text-decoration:none; font-weight:bold;}
div#hero a.rss:hover {color:#f60;}
div#hero h2 {position:absolute; left:30px; top:86px; font-size:1.8em; font-weight:bold; color:#fff; letter-spacing:-1px;}

div#main {width:950px; float:left;padding-bottom:30px;}

div.articles {float:left; width:675px;}
div.container {float:left; width:675px; overflow:hidden; display:inline; margin-bottom:10px;}
div.feedback {float:left; width:115px; margin-left:20px; margin-top:25px; display:inline;}
div.feedback a {width:80px; display:block; background:url(img/bg-comments.png) no-repeat top left; height:25px; padding:6px; padding-left:10px; font-weight:bold; text-decoration:none; color:#69c; font-size:1.1em}
div.content {width:480px; float:left; font-size:1.4em; line-height:1.6em; background:url(img/bg-content.png) no-repeat top; padding:30px; overflow:hidden;}
div.content p {margin-bottom:10px;}
div.content a {color:#69c;}
div.content a:hover {color:#f60;}
.storytitle { margin: 0; font-size:2.2em; margin-bottom:5px; letter-spacing:-1.2px; font-weight:bold; color:#125687; line-height:110%;}
.storytitle a {text-decoration:none; color:#125687 !important;}
.storytitle a:hover {color:#f60;}

div.content h3 {margin-bottom:5px; font-size:140%; font-weight:bold; letter-spacing:-1px; color:#125687; margin-top:20px;}

ul.post-meta { list-style: none;}
ul.post-meta span.post-meta-key {font-weight: bold;}

.meta {font-size:.80em; padding-top:10px; margin-top:20px; border-top:1px solid #D5E3F0; margin-bottom:30px;}
.meta li, ul.post-meta li {display: inline;}
.meta ul {	display: inline; list-style: none; margin: 0; padding: 0; }
.meta {color:#666;}
.meta a {color: #69c;font-weight: normal;letter-spacing: 0;}

.date {font-size:.80em; color:#666;}
.date {margin-bottom:20px;}


h2#comments {font-size:1.8em; color:#69c; letter-spacing:-1px; font-weight:bold; margin-bottom:20px;}
h2#comments a {color:#125687; text-decoration:none;}
h2#comments a:hover {color:#f60;}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {}
#commentform textarea {width:430px;font-size:1.1em; font-style:normal;}
#commentform label {width:430px; display:block; font-weight:bold; font-style:normal; font-size:1.2em; font-family:Arial, Helvetica, sans-serif;}
#commentform input {width:240px; padding:7px; font-size:1.1em; font-style:normal;}
#commentform p {font-size:11px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
#commentform p.button {padding-top:10px;}
#commentform button {width:120px; height:34px; display:block; text-indent:-10000em; background:url(img/button-submit-ro-white.jpg) no-repeat left top; cursor:pointer;}
#commentform button:hover {background-position:left bottom;}
#commentlist {margin-bottom:30px; float:left;}
#commentlist li ul {border-left: 1px solid #ddd;font-size: 110%;list-style-type: none;}
#commentlist li .avatar {float: left; margin-right:20px; margin-bottom:10px;}
div.comment-meta {width:110px; float:left; }
div.comment-content {float:right; width:310px; line-height:1.4em; font-size:90%;}
#commentlist li {padding:20px; background:#F9F9F9; border-bottom:1px solid #eee; float:left; width:440px;}
#commentlist li cite {float:left; font-size:.80em; font-style:normal; line-height:1.4em;}
#commentlist li cite strong {display:block; float:left; width:100px; font-size:1.1em;}
#commentlist li cite a {color:#69c; text-decoration:none;}
#commentlist li cite a:hover {color:#f60;}
#commentlist li.alt {background:#fff;}

form#commentform {width:440px; padding:20px; background-color:#f9f9f9;}
form#commentform h2 {margin-bottom:5px; margin-top:0; font-weight:bold;}

p.tracks {font-size:90%; padding-bottom:20px;}
p.tracks a {color:#69c;}
p.tracks a:hover {color:#f60;}

div.navigate {width:540px; height:50px; float:left; margin-left:135px; display:inline; font-size:1.4em; font-weight:bold; border-top:1px solid #F6F2FF; padding-top:10px;}
div.navigate a {color:#69c; text-decoration:none;}
div.navigate a:hover {color:#f60;}


div#aside {float:right; width:230px; margin-right:20px; display:inline; }
div#aside h2 {font-size:1.6em; margin-bottom:5px; color:#69c;}
div#aside ul li {line-height:1.8em; color:#666;}
div#aside ul li a {font-size:1.2em; color:#125687; font-weight:bold; text-decoration:none;}
div#aside ul li a:hover {color:#f60;}

form#searchform fieldset {border:1px solid #D5E3F0; padding:10px; padding-left:15px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-bottom:15px; background: url(img/bg-box.jpg) repeat-x bottom; margin-bottom:15px;}
form#searchform fieldset label strong {font-size:1.6em; margin-bottom:5px; color:#69c; display:block; width:190px; font-weight:normal;}
form#searchform fieldset label input {font-size:1.2em; width:182px; padding:7px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#999;}
form#searchform fieldset button {display:none;}
div#aside div.box {border:1px solid #D5E3F0; padding:10px; padding-left:15px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-bottom:15px; background: url(img/bg-box.jpg) repeat-x bottom;}

/* ------- Footer */
div#footer {width:890px; height:70px; border-top:1px solid #F6F2FF; padding:20px 30px 20px;}
div#footer ul.nav {float:left; width:400px;}
div#footer ul.nav li {font-size:1.2em; color:#999; display:inline; margin-right:5px;}
div#footer ul.nav li a {color:#125687; text-decoration:none; font-weight:bold;}
div#footer ul.nav li a:hover {color:#F60; text-decoration:underline;}

div#footer ul.sites {float:right; width:200px; margin-top:1px;}
div#footer ul.sites li {display:inline; float:left; margin-left:15px;}
div#footer ul.sites li a {text-indent:-10000em; float:left;}
div#footer ul.sites li a.twitter {width:53px; height:14px; background:url(img/icon-twitter.jpg) no-repeat 0 0;}
div#footer ul.sites li a.facebook {width:53px; height:14px; background:url(img/icon-facebook.jpg) no-repeat 0 0;}
div#footer ul.sites li a.linkedin {width:47px; height:14px; background:url(img/icon-linkedin.jpg) no-repeat 0 0;}

div#footer p.copyright {color:#ccc; float:left; width:600px; margin-top:7px; font-size:1.1em;}

.clear {clear:both;}
.hide {display:none; visibility:hidden;}
.odd {background:#f6f2ff;}

/* Captions & aligment */
.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
.alignleft {float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; s}
/* End captions & aligment */