﻿/*  
Theme Name: Demirel
Theme URI: #
Description: Tema pentru demirelspiridon.ro
Version: 1.0
Author: WSI
Author URI: http://www.wsipronet.ro/
Tags: Two Column, Widget
*/

/* Global Settings */
html,body {
border:0;
margin:0;
padding:0;
outline:0;
}

body {
background:#15264c url(img/bg.png) repeat-x left top;
font:75% verdana, arial, helvetica, tahoma, sans-serif;
line-height:18px;
text-align:center;
}

a {
color:#55668C;
outline:0;
}

a:hover {
text-decoration:underline;
}

/* Common Formatting */
h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
font-weight:400;
}

h1 {
padding:30px 0 25px;
letter-spacing:-1px;
font:2em arial, helvetica, sans-serif;
}

h2 {
padding:20px 0;
letter-spacing:-1px;
font:1.5em arial, helvetica, sans-serif;
}

h3 {
font:1em arial, helvetica, sans-serif;
font-weight:700;
}

p,ul,ol {
margin:0;
padding:0 0 18px;
}

ul,ol {
list-style:none;
padding:0 0 18px 40px;
}

.single-thumb {
border:7px solid #DFDFDF;
float:left;
display:inline;
margin:0 15px 5px 0;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-.2em;
vertical-align:baseline;
}

acronym,abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

script {
display:none;
height:0;
}

/* Links */
a,a:visited {
text-decoration:none;
}

/* Forms */
form {
margin:0;
padding:0;
display:inline;
}

input,select,textarea {
font:1em helvetica, arial, sans-serif;
}

textarea {
line-height:14px;
}

label {
cursor:pointer;
}

/* Global Classes */
.clear {
clear:both;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.text-left {
text-align:left;
}

.text-right {
text-align:right;
}

.text-center {
text-align:center;
}

.text-justify {
text-align:justify;
}

.bold {
font-weight:700;
}

.italic {
font-style:italic;
}

.underline {
border-bottom:1px solid;
}

.highlight {
background:#161616;
color:#0fb2fc;
}

.img-left {
float:left;
margin:4px 10px 4px 0;
}

.img-right {
float:right;
margin:4px 0 4px 10px;
}

.nopadding {
padding:0;
}

.noindent {
margin-left:0;
padding-left:0;
}

.nobullet {
list-style:none;
list-style-image:none;
}

/* Layout */
#wrap {
width:960px;
height:100%;
margin:0 auto;
text-align:left;
}

.logo {
float:left;
width:390px;
height:70px;
margin:19px 10px 11px;
padding:0;
outline:0;
border:0;
}

.logo a {
outline:0;
border:0;
}

#citat {
float:left;
width:490px;
padding:0;
margin:30px 0 0 50px;
color:#fff;
}

#citat p {
font-size:12px;
font-style:italic;
line-height:16px;
float:right;
padding:0;
}

#citat span {
font-size:12px;
float:right;
margin-top:-5px;
}

/* Top Navi Styles */
.topnav {
width:960px;
min-height:40px;
float:left;
background:transparent url(img/bnav.png) top left no-repeat;
clear:both;
}

.topnav ul {
margin:0;
padding:0;
float:right;
}

.topnav ul li {
display:inline;
padding:0;
background:transparent;
float:left;
display:block;
height:40px;
}

.topnav ul li a {
font-size:11px;
color:#fafafa;
padding:10px 15px;
margin:0;
display:block;
}

.topnav ul li a:hover {
background:transparent url(img/nav-hover.png) no-repeat top center;
}

/* Featured Content Styles */
.feature_wrap {
position:relative;
top:0;
left:0;
width:960px;
height:390px;
overflow:hidden;
background:#FFF url(img/fbg.png) repeat-x;
clear:both;
padding:0;
margin:0;
}

ul#taburi {
position:relative;
top:20px;
left:20px;
width:265px;
height:250px;
margin:0;
padding:0;
background:transparent url(img/tabsbg.png) no-repeat left top;
z-index:2;
}

ul#taburi li {
padding:0;
margin:0;
zoom:1;
display:block;
}

ul#taburi li a {
color:#063754;
display:block;
height:23px;
width:230px;
padding:30px 25px 30px 10px;
font-size:14px;
outline:none;
}

* html #taburi li a {
width:265px;
height:63px;
padding:20px 25px 0 10px;
margin:0;
zoom:1;
}

ul#taburi li a:hover {
color:#0060b9;
}

ul#taburi li a.current {
background:transparent url(img/slidebg.png) no-repeat left top;
}

ul.output {
position:absolute;
top:20px;
left:285px;
width:670px;
height:250px;
margin:0 0 0 -15px;
padding:0;
}

ul.output li {
position:absolute;
width:670px;
height:250px;
top:0;
right:0;
margin:0;
padding:0;
}

ul.output li img {
position:absolute;
width:670px;
height:250px;
margin:0;
padding:0;
}

.feat_text {
position:relative;
background:none;
width:600px;
height:56px;
top:280px;
left:-240px;
margin:0 10px 0 0;
padding:0;
}

.btn_maimult {
position:relative;
top:230px;
left:445px;
padding:0;
margin:0;
height:42px;
width:133px;
background:transparent url(img/maimult.png) no-repeat left top;
text-align:center;
}

.btn_maimult a {
color:#0060b9;
font-size:18px;
line-height:42px;
margin:0;
padding:0;
background:none;
}

.btn_maimult a:hover {
color:#000;
}

/*Sub Post Styles */
.subpost_wrap {
position:relative;
top:0;
left:0;
width:958px;
min-height:450px;
float:left;
background:#bbb89e url(img/subbg.png) repeat-x top left;
border-left:#4d4b45 1px solid;
border-right:#4d4b45 1px solid;
border-bottom:#4d4b45 1px solid;
border-top:none;
}

* html .subpost_wrap {
width:960px;
padding-bottom:10px;
}

/*SUB POST STYLES*/
.subpost {
position:relative;
float:left;
width:510px;
padding:10px 0 0;
margin:0 10px 20px 20px;
background:#fff url(img/subpost.png) no-repeat center top;
overflow:visible;
}
* html .subpost {
float:none;
}
.subarticol {
position:relative;
float:left;
width:480px;
margin:0;
padding:10px 10px 5px;
color:#000;
border-left:#dfe1cb 5px solid;
border-right:#dfe1cb 5px solid;
}

* html div.subarticol {
/*width:510px;*/
}

.subpost-bottom {
width:510px;
height:10px;
float:left;
font-size:1px;
line-height:10px;
background:transparent url(img/subpost-bottom.png) no-repeat center bottom;
}

.subarticol img {
float:right;
border:5px solid #615E56;
margin:0 0 0 10px;
}

.subarticol h3,.subpost h3 {
margin-bottom:10px;
position:relative;
}

.subarticol h3 a,.subpost h3 a {
color:#455d98;
font-size:1.8em;
padding:4px 5px;
}

.subarticol h3 a:hover {
color:#000;
}

.subarticol p {
padding-top:10px;
line-height:14px;
font-size:.9em;
}

.mai-mult {
text-align:right;
}

.catimage {
border:5px solid #DEDEDE!important;
}

.subpost_left {
margin-top:20px;
width:540px;
float:left;
}

.large-thumb {
width:470px;
height:110px;
margin-bottom:6px;
}

.pagination {
float:left;
width:510px;
margin:10px 0 10px 20px;
padding:0;
}

.pagination a {
margin:0 60px;
font-weight:bold;
}

.post-info {
padding:10px 0;
border-top:1px solid #DBDBDB;
border-bottom:1px solid #DBDBDB;
float:left;
clear:both;
margin-bottom:20px;
width:100%;
}

.post-info2 {
padding:5px 0;
border-top:1px solid #DBDBDB;
border-bottom:1px solid #DBDBDB;
float:left;
clear:both;
margin-bottom:5px;
width:100%;
font-size:10px;
color:#000;
}

.post-info3 {
padding:0 0 5px;
border-bottom:1px solid #615E56;
float:left;
margin-bottom:5px;
margin-top:0;
width:100%;
font-size:10px;
color:#4A473F;
}

.post-info2 a:link,.post-info2 a:visited {
color:#000;
}

/*Sidebar*/
.sidebars {
position:relative;
float:right;
width:410px;
margin:0;
padding:0;
border:0;
}

.sidebar-unu-wrap {
position:relative;
float:left;
width:190px;
margin:0 0 10px 0;
padding:0 10px 0 0;
border:0;
}
* html .sidebar-unu-wrap {
width:180px;
padding:0;
}

.sidebar-doi-wrap {
position:relative;
float:right;
width:200px;
margin:0 0 10px 0;
padding:0 10px 0 0;
border:0;
}
* html .sidebar-doi-wrap {
width:190px;
padding:0;
}

.sidebar-rss {
width:390px;
height:76px;
background:transparent url(img/rssbg.png) no-repeat top right;
}

.sidebar-rss a {
float:left;
margin:25px 0 0 10px;
font-size:16px;
font-weight:700;
color:#fff;
}

.aboutus {
width:380px;
background-color:#f2f2e8;
color:#000;
padding:5px;
line-height:120%;
font-size:1.1em;
margin:0 0 10px;
float:left;
border:#dfe1cb 5px solid;
}


.aboutus h3 {
background:transparent url(img/aboutus-top.png) no-repeat left top;
padding:10px;
color:#000;
float:left;
width:380px;
margin:-10px 0 0 -10px;
}

* html .aboutus h3 {
width:380px;
}

.aboutus-bottom {
width:400px;
height:10px;
margin:0 0 -10px -10px;
float:left;
background:transparent url(img/aboutus-bottom.png) no-repeat left top;
line-height:1px;
font-size:1px;
}

* html .aboutus-bottom {
width: 380px;
}

.aboutus a {
color:#f2f2f2;
padding-left:0;
padding-left:0;
}

.aboutimage {
border:5px solid #5F5949;
float:left;
display:inline;
margin-right:10px;
margin-bottom:5px;
}

.adverts {
width:200px;
background:none;
}

.adverts img {
margin:0 0 10px;
}
*html .adverts img {
margin:0;
padding-right:10px;
}

.sidebar-unu {
width:170px;
background-color:#f2f2e8;
color:#000;
padding:5px;
margin:5px 0 10px;
float:left;
border:#dfe1cb 5px solid;
}
* html .sidebar-unu {
width:170px;
}

.sidebar-unu h3 {
background:transparent url(img/sidebar-unu-top.png) no-repeat left top;
padding:10px;
color:#000;
float:left;
width:170px;
margin:-15px 0 0 -10px;
}
* html .sidebar-unu h3 {
width:150px;
}

.sidebar-unu-bottom {
float:left;
width:190px;
height:10px;
line-height:1px;
font-size:1px;
background:transparent url(img/sidebar-unu-bottom.png) no-repeat left top;
margin:0 0 -10px -10px;
padding:0;
}

*html .sidebar-unu-bottom {
width:170px;
}

.sidebar-unu ul {
width:170px;
float:left;
padding:0;
margin:0;
}

.sidebar-unu ul li {
padding-bottom:5px;
width:150px;
padding:2px 0 2px 20px;
background:url(img/arrow3.png) no-repeat left center;
display:block;
float:left;
}


.sidebar-unu ul li a:hover {
background:none;
color:#000;
}


.sidebar-unu a {
color:#666;
padding-left:0;
padding-left:0;
}

.sidebar-doi {
width:180px;
background-color:#f2f2e8;
color:#000;
padding:5px;
margin:5px 0 10px;
float:left;
border:#dfe1cb 5px solid;
}

* html .sidebar-doi {
position:relative;
float:none;
}

.sidebar-doi h3 {
background:transparent url(img/sidebar-doi-top.png) no-repeat left top;
padding:10px;
color:#000;
float:left;
width:180px;
margin:-15px 0 0 -10px;
}

* html .sidebar-doi h3 {
margin-top:-10px;
width:180px;
}

.sidebar-doi-bottom {
float:left;
width:200px;
height:10px;
line-height:1px;
font-size:1px;
background:transparent url(img/sidebar-doi-bottom.png) no-repeat left top;
margin:0 0 -10px -10px;
padding:0;
border:0;
}
* html .sidebar-doi-bottom {
width:180px;
}

.sidebar-doi ul {
width:170px;
float:left;
padding:0;
margin:0;
}

.sidebar-doi ul li {
padding-bottom:5px;
width:160px;
padding:2px 0 2px 20px;
background:url(img/arrow3.png) no-repeat left center;
display:block;
float:left;
}


.sidebar-doi ul li a:hover {
background:none;
color:#000;
}

.sidebar-doi a {
color:#666;
padding-left:0;
padding-left:0;
}

.browsing {
padding-left:20px;
}

.browsing h2 {
color:#333;
font-size:1.8em;
margin-top:0;
padding-top:0;
}

/* Begin Comments*/
.commentlist {
padding:0;
margin:0;
width:480px;
background-image:url(images/comment-bg.gif);
list-style-image:none;
list-style-type:none;
float:left;
}

.commentlist li {
font-weight:700;
width:478px;
display:block;
padding:0;
margin:0 0 10px 0;
list-style-image:none;
list-style-type:none;
float:left;
border:#e5e5e5 1px solid;
}

.commentlist li div {
width:460px;
display:block;
margin:0;
padding:9px;
float:left;
}

.commentlist li .avatar {
float:left;
border:1px solid #eee;
padding:2px;
background:#fff;
}

.commentlist cite {
font-size:18px;
float:left;
font-style:normal;
margin-left:10px;
margin-right:6px;
margin-top:5px;
font-weight:400;
}

.says {
display:none;
}

.commentlist p {
font-weight:400;
line-height:1.5em;
text-transform:none;
display:block;
float:left;
width:90%;
margin-left:3%;
}

#commentform p {
clear:both;
}

.alt {
margin:0;
padding:10px;
}

.nocomments {
text-align:center;
margin:0;
padding:0;
}

.commentlist .children li {
width:90%;
display:block;
margin:0;
background-color:#FDFDFD;
background-image:url(images/comment-children-bg.gif);
background-position:left;
background-repeat:repeat-y;
border:1px solid #E2E2E4;
overflow:hidden;
}

.commentlist .children li div {
width:97%;
padding:3%;
background-image:url(images/comment-children-top.gif);
background-repeat:no-repeat;
background-position:top left;
}

.commentlist .commentmetadata {
font-weight:400;
float:left;
margin:5px 0 0;
display:block;
clear:both;
background-image:none;
width:90%;
margin-left:3%;
}

.commentlist .vcard,.commentlist .children .comment-author,.commentlist .children .vcard,.commentlist .commentmetadata,.commentlist .children .comment-author,.commentlist .children .comment-meta {
background-image:none;
width:100%;
padding:0!important;
}

.commentlist .reply,.commentlist .children .reply {
float:right;
background-image:none;
width:54px;
height:22px;
margin-bottom:0;
padding:0;
margin-right:10px;
font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist .reply a:link,.commentlist .reply a:hover,.commentlist .children .reply a:link,.commentlist .children .reply a:hover {
background-image:url(images/reply.gif);
width:39px;
height:17px;
display:block;
color:#FFF;
font-size:8px;
text-transform:lowercase;
font-weight:400;
padding:5px 0 0 15px;
letter-spacing:1px;
}

.commentlist .children li {
padding-bottom:10px;
}

.commentlist .children li ul li {
padding-bottom:10px;
background-color:#FFF;
}

#respond {
margin-top:20px;
float:left;
background-image:none;
}

.commentlist #respond h3,.commentlist #respond a {
margin-left:28px;
}

#comments {
line-height:30px;
color:#A40505;
font-weight:400;
font-size:20px;
margin-bottom:15px;
}

.children {
clear:both;
}

.children .commentmetadata,.children .vcard {
background-image:none;
}

.children textarea {
width:90%!important;
}

.children input {
width:80%!important;
}

#cancel-comment-reply-link {
display:block;
background-image:url(images/comment-close.gif);
width:144px;
height:21px;
padding:5px 0 0 23px;
font-weight:400;
color:#84878E;
font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#respond div {
background-image:none;
}

#submit {
width:120px!important;
}

#commentform {
margin:1em 0;
background:#FFF;
margin-left:20px;
}

#commentform textarea {
background:#f8f7f6;
border:1px solid #d6d3d3;
width:370px;
}

#commentform #email {
font-size:1.1em;
background:#f8f7f6;
border:1px solid #d6d3d3;
width:280px;
background-image:url(img/comment-email.gif);
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:30px;
padding-top:6px;
}

#commentform #author {
font-size:1.1em;
background:#f8f7f6;
border:1px solid #d6d3d3;
width:280px;
background-image:url(img/comment-author.gif);
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:30px;
padding-top:6px;
}

#commentform #url {
font-size:1.1em;
background:#f8f7f6;
border:1px solid #d6d3d3;
width:280px;
background-image:url(img/comment-website.gif);
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:30px;
padding-top:6px;
}

#commentform #email:focus {
font-size:1.1em;
background:#fff;
border:1px solid #939793;
width:280px;
background-image:url(img/comment-email.gif);
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:30px;
padding-top:6px;
}

#commentform #author:focus {
font-size:1.1em;
background:#fff;
border:1px solid #939793;
width:280px;
background-image:url(img/comment-author.gif);
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:30px;
padding-top:6px;
}

#commentform #url:focus {
font-size:1.1em;
background:#fff;
border:1px solid #939793;
width:280px;
background-image:url(img/comment-website.gif);
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:30px;
padding-top:6px;
}

#commentform input {
margin-bottom:3px;
}

/* End Comments */
/*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/
#nav2 ul {
background-image:url(img/categories-bottom.png);
padding-bottom:18px;
}

#nav2 li:hover ul,ul#nav2 li.sfHover ul {
top:44px;
}

#nav2 li {
z-index:99;
}

#nav2 li li {
background-color:#3F4045;
background-image:none;
margin:0;
z-index:100;
}

#nav2 li li a:hover {
background-color:#34353B;
border:none;
background-image:url(img/pages-hover-arrow2.gif);
}

#nav2 li li:hover ul,ul#nav2 li li.sfHover ul {
top:0;
}

/* Search Styles */
.search {
float:left;
margin:10px;
padding:0;
width:198px;
height:20px;
background:url(img/searchbg.png) no-repeat;
}

#searchform {
padding:0;
margin:0;
width:198px;
height:20px;
}

.search input {
float:left;
margin:0;
padding:0;
height:20px;
width:176px;
background:none;
font-size:14px;
line-height:20px;
color:#000;
border:none;
font-size:12px;
}

#searchsubmit {
width:22px;
height:20px;
float:right;
margin:0;
padding:0;
}

* html #searchsubmit {
float:none;
width:22px;
margin-left:-3px;
}

/* Footer Styles */
.footer {
position:relative;
clear:both;
width:960px;
height:233px;
background:#848168 url(img/footerbg.png) no-repeat top left;
overflow:hidden;
margin-bottom:20px;
}

.footer p {
color:#d3d3d3;
margin-left:20px;
}

.footer p a {
color:#e5e5e5;
}

.footer p a:hover {
color:#fff;
}

#img_demirel {
position:relative;
top:56px;
left: 486px;
width:464px;
height:155px;
margin:0;
padding:0;
background:transparent url(img/img_demirel_footer.jpg) no-repeat bottom left;
}

* html #img_demirel {
left:220px;
top:-94px;
}
*:first-child+html  #img_demirel {
top:2px;
left:15px;
}


.copyright {
position:relative;
left:0;
top:210px;
width:600px;
height:20px;
display:block;
padding:0;
}

.footer-box {
float:left;
width:200px;
padding:0 10px;
margin:-10px 0 10px 10px;
color:#FFF;
border-right:#BBB89E 1px dashed;
}

* html .footer-box {
width:220px;
}

.footer-box h3 {
padding:10px 0 5px;
}

.footer-box ul {
margin:0;
padding:0;
}

.footer-box ul li {
margin:0;
padding:0;
display:block;
float:left;
width:100%;
}

.footer-box a:link,.footer-box a:hover,.footer-box a:visited {
color:#D5D5D5;
display:block;
padding:2px 0;
line-height:20px;
width:100%;
}

/*Sprite Date articol*/
.data-articol {
position:relative;
width:67px;
height:55px;
float:left;
left:-42px;
top:-10px;
background:transparent url(img/data-articol-home.png) no-repeat left top;
}

.data-articol-home {
position:relative;
width:67px;
height:55px;
float:left;
left:-42px;
top:-10px;
background:transparent url(img/data-articol-home.png) no-repeat left top;
}

.luna,.ziua,.anul {
position:absolute;
text-indent:-1000em;
background-image:url(img/date_img.png);
background-repeat:no-repeat;
}

.ziua {
top:2px;
left:5px;
width:30px;
height:30px;
}

.luna {
top:25px;
left:5px;
width:30px;
height:30px;
}

.anul {
bottom:1px;
left:35px;
width:24px;
height:55px;
}


.luna-01{background-position:0 0;}
.luna-02{background-position:0 -30px;}
.luna-03{background-position:0 -62px;}
.luna-04{background-position:0 -94px;}
.luna-05{background-position:0 -125px;}
.luna-06{background-position:0 -155px;}
.luna-07{background-position:0 -185px;}
.luna-08{background-position:0 -217px;}
.luna-09{background-position:0 -248px;}
.luna-10{background-position:0 -279px;}
.luna-11{background-position:0 -310px;}
.luna-12{background-position:0 -341px;}

.ziua-01{background-position:-52px 0;}
.ziua-02{background-position:-52px -31px;}
.ziua-03{background-position:-52px -61px;}
.ziua-04{background-position:-52px -91px;}
.ziua-05{background-position:-52px -121px;}
.ziua-06{background-position:-52px -151px;}
.ziua-07{background-position:-52px -181px;}
.ziua-08{background-position:-52px -211px;}
.ziua-09{background-position:-52px -241px;}
.ziua-10{background-position:-52px -271px;}
.ziua-11{background-position:-52px -301px;}
.ziua-12{background-position:-52px -331px;}
.ziua-13{background-position:-52px -361px;}
.ziua-14{background-position:-52px -391px;}
.ziua-15{background-position:-52px -421px;}
.ziua-16{background-position:-52px -451px;}
.ziua-17{background-position:-102px 0;}
.ziua-18{background-position:-102px -30px;}
.ziua-19{background-position:-102px -60px;}
.ziua-20{background-position:-101px -90px;}
.ziua-21{background-position:-101px -120px;}
.ziua-22{background-position:-101px -150px;}
.ziua-23{background-position:-101px -180px;}
.ziua-24{background-position:-101px -210px;}
.ziua-25{background-position:-101px -240px;}
.ziua-26{background-position:-101px -270px;}
.ziua-27{background-position:-101px -300px;}
.ziua-28{background-position:-101px -330px;}
.ziua-29{background-position:-101px -360px;}
.ziua-30{background-position:-101px -390px;}
.ziua-31{background-position:-101px -420px;}

.anul-2008{background-position:-144px -5px;}
.anul-2009{background-position:-146px -69px;}
.anul-2010{background-position:-145px -130px;}
.anul-2011{background-position:-145px -189px;}
.anul-2012{background-position:-145px -249px;}
.anul-2013{background-position:-147px -307px;}
.anul-2014{background-position:-146px -366px;}

#galerie {
text-align:center;
width:480px;
}
.imagine-galerie {
display:block;
float:left;
width:240px;
margin-bottom:30px;
}
.imagine-galerie img {
margin:0;
padding:0;
float:none;
}