/*   
Theme Name: Lomo
Description: Custom theme for Lomo
Author: scribu
Author URI: http://scribu.net
Version: 1.3
*/

/* Colors:
#ebebeb (background - gri)
#757575 (text)
#ccc (border)
#ffd3ca (roz)
#fdfdfd (alb)
*/

/*** RESTET ***/
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, input {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* Lists */
ol, ul {list-style-position:inside}
ul {list-style-type:square}
ol {list-style-type:decimal}

input, textarea {border:1px solid #ccc; padding:3px; background-color:white}
:focus {border-color:#757575}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0}

.alignleft {float: left}
.alignright {float: right}

/*** Typography ***/
body {font-family:Trebuchet MS,Arial,Verdana,sans-serif; font-size:14px; line-height:1.5}

h2 {font-size:18px}
h3 {font-size:16px; letter-spacing:1px}

p, ul, ol, table {clear:both; margin-bottom: 1em; word-wrap: break-word}
h2 + h3 {margin-top:.5em}

a:link, a:hover, a:visited, a:active, .user a {text-decoration:underline}
#header a, #navigation a {text-decoration:none}

.notice, .notice a {color:red !important}
#eroare {
	-moz-border-radius: 3px;
	background-color:#FFCBCC;
	padding:4px 8px;
}
#not-found p {line-height:200px; vertical-align:middle}
#s {padding: 4px}

/*** Colors ***/
body {background:#EBEBEB; color:#757575}
#wrapper {background:#fdfdfd}

a {color:#757575}
a:hover {color:#ccc}

/*** Layout ***/
.clear {clear: both !important; line-height: 0 !important}
img.wp-smiley {vertical-align: -15%; border:none; margin:0; padding:0}
.section {clear:both; overflow: hidden; width:800px; margin:0 auto; padding:1em 0; text-align:left}
.heading {padding: 0}
.heading + .section {padding-top: .5em}

#navigation, #title {text-align:center}
#content {width:100%; text-align:center}
#content img {margin:0 auto}
#content a:link, #content a:active, #content a:visited {border:0}

#main-info {float:left; width: 540px; margin-bottom: 1em}
#details {width: 230px;	float: right}

#pagetitle {text-align:center}

span + span {border-left: 1px solid #ccc; padding-left: .3em}
#footer p {margin-top: 0}
#footer span {padding-right: .5em}
#footer span + span {padding: 0 0 0 .6em}

#functions, #credits {width: 49%}
#functions {float:left; text-align:left}
#credits {float:right; text-align:right}

/*** Thumb lists ***/
.thumbs {display:block; clear:both}
.lomo-thumb {display:block; border:0}
.thumbs .lomo-thumb img {display:block; float: left; margin:0 10px 10px 0}

.mature {display:block !important; margin: 0 auto; background-color:black}
span.mature {width: 100px; height: 100px}
div.mature {width: 600px; height: 600px}
.mature p {margin: 0; padding: 2em 0 0 0}
.mature * {color:white !important; text-decoration: none !important}
.mature a:hover {color:#ccc !important}

/*** Header ***/
#header {
	position: relative;
	padding-top: 2em;
}
#logo a {
	display: block;
	background: url("http://lomo.ro/wp/wp-content/themes/lomo/files/logo.png") no-repeat scroll 0 0 transparent;
	text-indent: -9999px;
}
#topbar {
	position: absolute; 
	bottom: -2px;
	right:0; 
}

#notice {
	padding: 2px 0 2px 7px !important;
	background-color: #bfb !important;
	-moz-border-radius-bottomleft: 5px !important;
	-moz-border-radius-bottomright: 5px !important;
}

#notice a {text-decoration: none !important}
#notice a:hover {color: #fff !important}

/* Navigation */
#navigation, #info, #extra, #title, #useronline {border-bottom:1px solid #ccc}
#prev, #next {font-weight:bold; text-transform:uppercase; letter-spacing:.1em}
#prev {float:left}
#next {float:right}

/* PageNavi */
.wp-pagenavi + h2 {margin-top: 14px}
.wp-pagenavi * {margin-right: 5px}
.wp-pagenavi a {background-color:white; border:1px solid #ccc !important; padding: 2px 5px}
.wp-pagenavi span {border:0}

.wp-pagenavi .pages {display:none}
.wp-pagenavi .current {font-weight:bold}

/* HOME */
#intro p {margin-bottom: 0}


#extra div {float:left; width: 50% !important}
#extra h3, #extra li {margin-bottom: .5em}

/* SINGLE */
#edit-link {float: right}
.top-info {clear: none}
.top-info span {
	display: block;
	clear: left;
}

#share {padding: 2px 0 1.5em}

#details h3 {
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding: 1px 0;
}

/* Date tehnice */
#extra-info {width: 100%; font-size: 13px}
#extra-info .tbody-head, #details h3 {font-size: 14px}
#extra-info th {width: 90px; padding: 1px 0; text-align: left}
#extra-info .tbody-space {border-top: 1px solid #ccc !important}
#extra-info .tbody-space td {padding-bottom: 4px}
#extra-info tbody + tbody .tbody-head * {padding-top: 15px}

#tags {margin-top: .5em}
#tags h3 {margin-bottom: 1px}

#faved {margin-top: 1em}
#faved h3 {margin-bottom: .5em}

/* Share */
#fav-link, #share em, .share-link {
	display: block;
	float: left;
	margin-right: .4em;
}

#fav-link {
	margin-right: .5em;
	margin-top: -1px;
	line-height: 14px;
}
#fav-link strong {
	font-size: 16px;
	vertical-align: -1px;
}
#fav-link a {
	display:block;
	padding: 2px 4px 3px;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	font-size: 13px !important;
	text-decoration: none !important;
	background: #ccc;
}
#fav-link a:hover {color:#fdfdfd}

.share-link {
	float: left !important;
	display: block !important;
	height: 16px !important;
	width: 16px !important;
	background: url('http://lomo.ro/wp/wp-content/themes/lomo/files/sprite.png');
}

#yahoo {background-position: 0 0}
#twitter {background-position: 0 -16px}
#facebook {background-position: 0 -32px}
#email {background-position: 0 -48px}

/* Comments */
#comments h2 {text-align:center; font-size: 16px}
#comments h3 {margin:1em 0 .25em}
.commentlist, .children {list-style:none}
.comment-body {
	border:3px solid #ccc;
	border-left: 65px solid #ccc;
	margin-top: 10px;
	padding: .5em .5em 0 .5em;
	min-height: 85px;
	position: relative;
}
.comment-body p {
	margin-bottom: .5em;
}

li .children, .comment-body + #respond {margin-left:20px}

#comments .avatar {position:absolute; top:5px; left:-58px}

.reply {visibility: collapse}
.logged-in .reply {visibility: visible}
.page-id-11800 .reply {display: none}

.reply {
	position: absolute;
	bottom: 4px;
	left: -56px;
}

.reply a {
	text-decoration: none;
	background: #ebebeb;
	padding: 0 5px 2px;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px;
}

.reply a:hover {
	color:#fdfdfd;
	background-color:#757575;
}

.comment-meta {font-size:0.8em; margin-top: .3em}
.comment-meta a {border:0 !important}

.comment cite {
	display:block;
	float:left;
	margin:0 .5em .5em 0;
	font:1.2em bold normal;
}
.says {display:none}
.comment p {clear:both}

#respond, .comment > div {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#respond {
	border:3px solid #ccc;
	margin-top:10px;
	padding: 0 10px;
}

#respond h3 {float:left; margin:10px 0 10px 1px; padding-right:8px}
#respond form {clear:both}
.cancel-comment-reply {padding-top:11px}
.cancel-comment-reply a {border:0}

#comment {width:98.5%}
.submit {font-weight:bold !important; float:left; margin-right:10px}
.submit:hover, input[name='action'] {background-color:#ccc !important; cursor:pointer}
.subscribe-to-comments {padding-top:5px}
.subscribe-to-comments input {vertical-align:-2px}

/* Color switcher  */
#colors {line-height:10px}
.color {
	border:1px solid #ccc;
	display:inline-block;
	width:10px;
	height:10px;
	text-decoration:none !important;
}

/*** MEMBRI ***/
.user h3 span, #topbar li span {font-size:75%; vertical-align:top}
.users {width:800px; margin:0 auto; text-align:left}
.users + .users {margin-top:2em}
.users h2 {margin-top:.5em}
.users p {margin-top:.5em; line-height:1.5}


/*** PROFILE ***/
.vert-section {float:left}
.vert-section + .vert-section {margin-left:1em; padding-left:1em; border-left:1px solid #ccc}

/* General info */
.user .avatar {float:left; margin-right:1em}
#user-general {width:45% !important}


/* Stats */
#member-stats {width:40%}
#member-stats p + p {margin-top:.5em}

/* Aparate */
#photo-info {width:30%}
#photo-info h4 {margin-bottom:.5em}

/*** ARHIVA ***/
#finder, #finder tbody {
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#finder th + th, #finder td + td {
	padding-left: 0.5em;
}

#finder ul {
	list-style-type: none;
	height: 105px;
	margin: 0;
	overflow-y: scroll;
	padding-right: 1em;
}
#finder li {
	margin-bottom: 0;
}

#finder tfoot td {
	padding: 4px 0;
}

#finder-reset {
	display:block;
	float:left;
	padding: 0 5px;
	-moz-border-radius: 3px;
	background: #EBEBEB;
	text-decoration: none;
}
#finder-reset:hover {
	color:#fdfdfd;
	background-color:#757575;
}

#finder-count {
	float:right;
	font-size: 13px;
	font-weight:bold;
}

/* Smilies */
#respond {
	position: relative;
}
#bb_smilies_toggle {
	position: absolute;
	top: 14px;
	right: 14px;
	cursor: pointer;
}

#bb_smilies_panel {
	width: 250px;
	background: #fdfdfd;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	padding: 4px;
	position: absolute;
	top: 7px;
	right: 37px;
}
#bb_smilies_panel img {
	padding: 1px;
}
#bb_smilies_panel img:hover {
	padding: 0;
	border: 1px solid #ccc;
	cursor: pointer;
}

/* Front-end Editor */
.fee-filter-the_tags .fee-form-content {width: 96.5%}
.fee-filter-the_terms .fee-form-content {width: 94%}
.fee-type-terminput button {margin-top: 5px}

/* Concurs: Tricoul Rosu */
#tricoul-rosu p {border-top: 1px solid #ccc; padding-top: 10px}
#tricoul-rosu h2 {margin-bottom: 10px}
#tricoul-rosu img, #tricoul-rosu p {vertical-align: middle}
#tricoul-rosu img {margin-right: 10px}
#tricoul-rosu span {font-weight: normal}

/* Concurs: Sunburn */
#sunburn {background:url(files/sun.png) transparent !important; padding: 1px 7px 2px 5px !important}
#sunburn:hover {color: #fff !important}

/* The Chain */
#the-chain a:link, #the-chain a:visited {color:red}

.section {position: relative}
#comments.the-chain {float: left !important; width: 450px !important}
#respond.the-chain {float: right; width: 300px !important}
.the-chain .navigation {clear: left}


/* =Menu
-------------------------------------------------------------- */

#header {overflow: visible}

#access {
	display: block;
	float: right;
	margin: -26px auto 0;
}
#access .menu-header,
div.menu {
	margin-left: 12px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	display: block;
	line-height: 28px;
	padding: 0 5px;
	text-decoration: none;
}
#access ul ul a {
	color: #aaa;
}
#access ul ul {
	background: #757575;
	display: none;
	position: absolute;
	top: 28px;
	left: 0;
	float: left;
	z-index: 99999;
}

#access ul ul li {
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	line-height: 1em;
	padding: 5px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #757575;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}

.menu .drop {font-weight: bold}

#you img {vertical-align: 4px}