/*
Theme Name: GrungeMag
Version: 1.0
Description: 2 Column theme from Elegant WPT
Author: Elegant Wordpress Theme
Author URI: http://www.elegantwordpressthemes.com
Share URL: http://www.boygj.com/
*/

body {
margin: 0px;
padding: 0;
color: #727272;
background-color:#F6DDAE;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
background-position: 50% 205px;
font-family: Trebuchet MS;
font-size: 11px;
line-height: 18px;
}

#wrapper2 {
width: 950px;
margin: auto;
padding: 0px 0px 0px 0px;
background-color: #FFF3D8;
}

.share-div {
width: 590px;
height: 30px;
display: none;
}

.single-entry {
float: left;
width: 100%;
margin-bottom: 10px;
padding: 0px;
}
.post-wrapper {
background-color: #FFF;
padding: 15px;
width: 581px;
border: 1px solid #F3DDAC;
}

a:link { 
text-decoration: none; 
color: #E00000; 
}

a:visited { 
text-decoration: none; 
color: #E00000; 
}

a:hover, a:active { 
color: #3B3B3B; 
}

h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 
margin: 0px 0 10px; 
}

h1 { 
font-size: 32px; 
margin-bottom: 0px; 
margin-top: 10px;
}

h2 { 
font-size: 28px; 
}

h3 { 
font-size: 24px;
}

.post-title {
line-height: 30px;
}

.home-post-wrap {
width: 278px;
height: 345px;
margin-right: 10px;
float: left;
background-color: #FFF;
margin-bottom: 10px;
padding: 10px 10px;
overflow: hidden;
border: 1px solid #F3DDAC;
}

.home-post-wrap-box {
width: 278px;
min-height: 230px;
margin-right: 10px;
float: left;
background-color: #FFF;
margin-bottom: 10px;
padding: 10px 10px;
overflow: hidden;
border: 1px solid #F3DDAC;
}

.home-post-wrap-home {
width: 278px;
margin-right: 10px;
float: left;
background-color: #FFF;
margin-bottom: 10px;
padding: 10px 10px;
border: 1px solid #F3DDAC;
}

.home-post-wrap2 {
width: 591px;
padding: 10px;
margin-right: 13px;
float: left;
background-color: #FFF;
border: 1px solid #F3DDAC;
margin-bottom: 10px;
}

.index-post-wrap {
width: 593px;
margin-right: 13px;
margin-bottom: 10px;
float: left;
background-color: #FFF;
border: 1px solid #EBEBEB;
padding: 10px;
}

.readmore {
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: left;
float: right;
padding-left: 20px;
}

.readmore a:link, .readmore a:hover {
color: #E00000;
}
.thumbnail-home {
border: 0px;
margin: 0px 0px 0px 0px;
}

h4, h5, h6 { 
font-size: 20px; 
}

.titles { 
font-weight: normal; 
font-size: 24px; 
text-decoration: none;
}

.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
font-size: 17px;
font-family: Trebuchet MS;
margin-bottom: 10px;
margin-top: 5px;
display: block;
background-color: #313131;
padding: 5px 10px 5px 10px;
color: #FFF;
float: left;
}

.titles2 a:link, .titles a:visited, .titles a:active {
text-decoration: none;
font-size: 17px;
font-family: Trebuchet MS;
margin-bottom: 10px;
margin-top: 5px;
display: block;
background-color: #313131;
padding: 5px 10px 5px 10px;
color: #FFF;
float: left;
}

.titles-featured a, .titles-featured a:hover, .titles-featured {
font-size: 30px;
display: block;
margin-bottom: 10px;
margin-top: 5px;
}

blockquote {
font-size: 15px;
font-style: italic;
font-weight: bold;
line-height: 30px;
text-align: justify;
display: block;
padding: 20px 30px 0px 5px;
width: 450px;
}
blockquote p {
background: url(http://www.wittyowl.eu/imagini/semn.png) no-repeat  -5px 5px;
padding-left: 20px;
text-indent: 5px;
}
blockquote:before, blockquote:after {
color: #000;
display: block;
font-size: 500%;
width: 50px;
padding-top: 20px;
}
blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.1em;
padding-bottom: 20px;
}
blockquote:after {
content: close-quote;
height: 50px;
margin-top: -10px;
margin-left: 430px;
}

ul { 

}

#header {
width: 100%;
height: 205px;
background-color: #000;
background-image: url(images/header-bg.gif);
margin: 0px;
border-bottom: 1px solid #FFFCF4;
}

#slide {
background-image: url(images/slide-bg.gif);
height: 198px;
margin-top: 10px;
width: 935px;
margin-left: 7px;
float: left;
}

#categories {
width: 948px;
height: 45px;
background-image: url(images/categories-bg.gif);
margin: auto;
border-left: 1px solid #F91111;
border-right: 1px solid #F91111;
}

#categories ul { 
list-style-type: none; 
list-style-image: none; 
float: left; 
padding: 0px 0px 0px 0px; 
margin: 0px 10px 0px 0px;
}

#categories ul li { 
float: left; 
display: block; 
height: 45px;
padding: 0px;
}

#categories ul li a:link,#categories ul li a:visited, #categories ul li a:active {
float: left; 
color: #FFF;
display: block;
height: 35px;
font-size: 11px;
padding: 10px 20px 0px 20px;
margin: 0px;
}


#categories ul li a:hover {
background-position: top;
margin: 0px;
background-image: url(images/categories-hover.gif);
}

#pages {
width: 948px;
height: 45px;
margin:  auto;
background-color: #313131;
background-image: url(images/pages-bg.gif);
background-repeat: repeat-x;
background-position: top;
border-left: 1px solid #454545;
border-right: 1px solid #454545;
}

#container {
float: right;
width: 950px;
padding-top: 15px;
color: #727272;
background-image: url(images/content-bg.gif);
}

#left-div {
width: 635px;
float: left;
}

#left-inside {
float: left;
padding: 0px 0px 0px 15px;
}

.adwrap {
margin-left: 26px;
}

.adwrap a, .adwrap a:hover, .adwrap a:visited {
margin-right: 5px;
margin-bottom: 5px;
display: block;
width: 125px;
height: 125px;
float: left;
}

#sidebar-wrapper {
width: 315px;
float: right;
margin-bottom: 20px;
}

#sidebar {
float: right;
padding-left: 0px;
padding-right: 0px;
width: 315px;
}

#footer {
clear: both;
width: 930px;
height: 32px;
padding-left: 20px;
text-align: center;
color: #FFFFFF;
background-color: #000;
padding-top: 14px;
margin-left: auto;
margin-right: auto;
font-size: 12px;
}
#footer a{
color: #f00;
}

#footer a:hover {
color: #f00;
text-decoration: underline;
}

#pages ul { 
list-style-type: none; 
list-style-image: none; 
float: left; 
padding: 0px 0px 0px 0px; 
margin: 0px 10px 0px 0px;
}

#pages ul li { 
float: left; 
display: block; 
height: 44px;
padding: 0px;
}

#pages ul li a:link,#pages ul li a:visited, #pages ul li a:active {
float: left; 
color: #FFF;
display: block;
height: 34px;
font-size: 11px;
padding: 10px 20px 0px 20px;
margin: 0px;
}


#pages ul li a:hover {
background-position: top;
background-repeat: no-repeat;
margin: 0px;
color: #FFF;
background-image: url(images/pages-hover.gif);
background-repeat: no-repeat;
background-position: top;
}



.sidebar-box {
padding: 10px;
margin-bottom: 10px;
float: left;
background-color: #FFF;
width: 278px;
border: 1px solid #F3DDAC;
}

.articleinfo {
border-bottom: 1px solid #EEEEEE; padding-bottom: 7px; color: #545454;
}

.home-post-wrap ul li a:link, .home-post-wrap ul li a:visited, .home-post-wrap ul li a:active {
display: block; 
color: #727272; 
width: 245px;
padding: 3px 3px 3px 3px; 
background-image: none !important;
border-bottom: 1px dotted #D7D7D7;
} 

.home-post-wrap-home ul li a:link, .home-post-wrap-home ul li a:visited, .home-post-wrap-home ul li a:active {
display: block; 
color: #727272; 
width: 245px;
padding: 3px 3px 3px 3px; 
background-image: none !important;
border-bottom: 1px dotted #D7D7D7;
} 

.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active {
display: block; 
color: #727272; 
width: 255px;
padding: 3px 3px 3px 3px; 
background-image: none !important;
border-bottom: 1px dotted #D7D7D7;
} 

.home-post-wrap ul li {
color: #727272 !important;
margin-left: 0px;
width: 100%;
}

.home-post-wrap-home ul li {
color: #727272 !important;
margin-left: 0px;
width: 100%;
}

.sidebar-box ul li {
color: #727272 !important;
margin-left: 0px;
width: 100%;
}

.home-post-wrap ul {
float: left;
margin: 0px 0px 20px 0px;
padding-left: 10px;
list-style-type: none;
}

.home-post-wrap-home ul {
float: left;
margin: 0px 0px 20px 0px;
padding-left: 10px;
list-style-type: none;
}

.sidebar-box ul {
float: left;
margin: 0px 0px 0px 0px;
padding-left: 10px;
list-style-type: none;
}

.home-post-wrap ul li a:hover {
display: block; 
color: #393939; 
padding: 3px 3px 3px 3px;
background-color: #F5F5F5;
} 

.home-post-wrap-home ul li a:hover {
display: block; 
color: #393939; 
padding: 3px 3px 3px 3px;
background-color: #F5F5F5;
} 

.sidebar-box ul li a:hover {
display: block; 
color: #393939; 
padding: 3px 3px 3px 3px;
background-color: #F5F5F5;
} 

.sidebar-box h3 { 
font-size: 10px; 
color: #383838; 
text-transform: lowercase; 
font-weight: bold; 
font-family: Trebuchet MS; 
float: left;
width: 100%;
}

.headings { 
font-size: 10px; 
color: #383838; 
text-transform: lowercase; 
font-weight: bold; 
font-family: Trebuchet MS; 
float: left;
width: 100%;
margin-bottom: 10px;
margin-top: 0px;
}

#commentwrap {
display: block;
width: 570px;
margin-bottom: 20px;
margin-top: 20px;
margin-left: 5px;
}
#respond  h3 {
padding-bottom: 20px;
font-size: 14px;
}

#comments {
padding-bottom: 30px;
}
.commentlist li{
display: block;
float: left;
clear: both;
margin-left: 0px;
margin-bottom: 10px;
}

.commentlist ol {
margin-left: 0px; 
padding-left: 0px;

}
.commentlist {
margin-left: 0px; 
padding-left: 0px;
}

.comment-inside {
background-image: url(images/comment-bgDefault.gif);
padding-left: 40px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px 0px 0px 0px;
width: 408px;
float: left;
color: #616161;
}

#commentform {
margin: 1em 0;
background: #FFFFFF;
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(images/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(images/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(images/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: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(images/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: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(images/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: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

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

.search_bg {
height:35px;
width:260px;
float: left;
margin-top: 10px;
margin-left: 10px;
}
ol.commentlist {}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {}
ol.commentlist li.comment div.comment-meta a {}
ol.commentlist li.comment * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.comment div.reply {}
ol.commentlist li.comment div.reply a {}
ol.commentlist li.comment ul.children {}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {}
ol.commentlist li.comment ul.children li.depth-3 {}
ol.commentlist li.comment ul.children li.depth-4 {}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.pingback {}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li.pingback div.comment-meta a {}
ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.pingback div.reply {}
ol.commentlist li.pingback div.reply a {}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}
ol.commentlist li.pingback ul.children li.depth-2 {}
ol.commentlist li.pingback ul.children li.depth-3 {}
ol.commentlist li.pingback ul.children li.depth-4 {}
ol.commentlist li.pingback ul.children li.depth-5 {}
ol.commentlist li.pingback ul.children li.odd {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 10px 10px 20px; padding:5px 15px 5px 75px; position:relative; width: 450px;}
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#000; border:1px solid #999; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#999; border:1px solid #999; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6;  width: 360px; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

.cancel-comment-reply {
 font:bold 9px/1 helvetica,arial,sans-serif; 
 padding:10px 5px 4px;  
 text-align:center; 
 width: 100px;
}

#search {
color:#FFFFFF;
padding:0;
}

#search input {
background: #FFF;
font-size:11px;
color:#B8B8B8;
font-family:Tahoma, arial, verdana, courier;
width:150px;
height:11px;
vertical-align:middle;
padding:10px;
border: 1px solid #E7E7DC;
}

.icons {
margin-top: 0px; 
margin-bottom: -5px;
margin-right: 10px;
}

#search .input {
width:66px;
height:31px;
background:none;
border:none;
vertical-align:middle;
margin:0;
padding:0;
margin-left: 10px;
}
strong.search-excerpt { background: yellow; }

.thumbnail-div {
width: 281px;
height: 130px;
margin-bottom: 5px;
float: left;
margin-right: 10px;
}

.thumbnail-div-home {
width: 281px;
height: 130px;
margin-bottom: 5px;
float: left;
padding: 2px;
border: 1px solid #D1D1D1;
margin-right: 10px;
}

.thumbnail-div-2 {
width: 80px;
height: 80px;
padding: 2px;
border: 1px solid #E1E1E1;
margin-bottom: 5px;
float: left;
margin-right: 10px;
}

.thumbnail-div-3 {
width: 60px;
height: 60px;
padding: 2px;
border: 1px solid #E1E1E1;
margin-bottom: 5px;
float: left;
margin-right: 10px;
}


.post-info {
color: #000;
font-size: 12px;
}

.post-inside-2 {
float: left;
width: 450px;
}

.logo {
float: left; 
border: 0px;
margin-top: 25px;
margin-bottom: 31px;
}

a:focus {
outline: none;
}

.random {
float: left;
margin-bottom: 20px;
font-size: 10px;
}

.cat-thumb {
padding: 2px; 
border: 1px solid #D1D1D1; 
float: left; 
display: inline; 
margin-right: 10px; 
margin-bottom: 1px;
}

.random-image {
float: left;
width: 80px;
padding: 2px;
height: 80px;
border: 1px solid #E1E1E1;
display: inline;
margin-right: 10px;
}

.random a:link, .random a:visited {
float: left;
display: block;
font-size: 13px;
font-weight: bold;
}

.titles-boxes {
float: left;
display: block;
font-size: 13px;
font-weight: bold;
}

ul, ol { line-height: 2.0em; }

.titles-featured a, .titles-featured a:hover, .titles-featured {
font-size: 28px;
line-height: 30px;
}

.thumbnail-div-featured {
border: 5px solid #E7F3FF;
width: 580px; 
height: 160px;
}

#featured {
background-color: #FFF;
background-image: url(images/post-bg.gif);
background-repeat: repeat-x;
padding: 10px;
width: 550px;
border: 1px solid #EBEBEB;
margin-bottom: 30px;
margin-top: 30px;
}

.featured-content {
float: right;
width: 353px;
margin-right: 5px;
}

.current-category {
background-color: #FFF;
border: 1px solid #F3DDAC;
color: #000;
padding: 5px;
display: block;
margin-bottom: 10px;
width: 601px;
}
.current-category h1 {
font-size: 23px;
font-weight: bold;
}
.current-category h2 {
font-size: 18px;
font-style: italic;
color: #f00;
padding: 10px 5px 5px 5px;
}

.nanotabs { 
width:562px; 
}

.tabs {}

.tabs li { 
float:left; 
list-style:none; 
text-align: center;
}

.tabs li a {
display:block;
text-align: center;
padding:5px 0px; 
background:#F5F5F5; 
color:#333; 
font-size: 11px;
text-decoration:none;
width: 104px; 
height: 18px; 
float: left; 
margin-bottom: -1px;
z-index: 100;
margin-right: 2px;
}

.tabs li a:hover { 
color:#000; 
background:#DDD; 
}

.tabs li a.selected { 
color: #FFF;
background-color: #CF0000;
}

.nanotabs div { 
display:none; 
width: 542px; 
padding-left: 10px; 
padding-right: 10px; 
float: left;
}

#ichi {
padding-top: 10px; 
padding-bottom: 10px;
background:#F5FAFF; 
}

.san {
padding-top: 10px; 
padding-bottom: 10px;
background:#F5FAFF; 
}

.ni {
padding-top: 10px; 
padding-bottom: 10px;
background:#F5FAFF; 
}
.san a , .san a:visited{
display: block;
padding: 5px;
border: 1px dashed #FFF;
background-color: #CF0000;
color: #FFF;
float: left;
margin-bottom: 5px;
margin-right: 5px;
}

.san a:hover {
background-color: #DDDDDD;
color: #000;
}

.idTabs {
padding: 0px;
float: left;
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 10px;
}


.idTabs ul {
margin-left: 0px;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 10px;
}

.idTabs li {
display: inline;
margin: 0px;
padding: 0px;
float: left;
color: #A2A2A2;
text-align: center;
font-size: 11px;
margin-left: 0px;
padding-left: 0px;
}

.idTabs li a {
color: #393939;
background-color: #FFF;
border: 1px solid #F3DDAC;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
height: 25px;
margin-right: 4px;
display: block;
float: left;
font-size: 10px;
}

.idTabs li a:visited {
}

.idTabs li a:hover {
background-color: #F3E1B9;
color: #000;
}

.idTabs li a.selected {
background-color: #CF0000;
border: 1px solid #CF0000;
color: #FFF;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
height: 25px;
display: block;
float: left;
margin-right: 4px;
}

#recententries {
float: left;
display: block;
background-color: #FFF;
margin-bottom: 10px;
}

#recentcomments2 {
float: left;
display: none;
background-color: #FFF;
margin-bottom: 10px;
}

#mostcomments {
float: left;
display: none;
background-color: #FFF;
margin-bottom: 10px;
}

#recententries a:visited,#recententries a:hover,#recentcomments2 a:visited,#recentcomments2 a:hover,#mostcomments a:visited,#mostcomments a:hover{
color: #393939; 
}


.nav, .nav * {margin:0;padding:0;list-style:none;}

.nav ul {position:absolute;top:-300em;}

.nav li {float:left;position:relative;z-index:99;font-size:12px;}

#nav2 li {float:left;position:relative;z-index:1000;font-size:12px;}

.nav a {display:block;}

.nav ul li{width: 100%;}

#nav2 li ul li ul{display:none;}

.nav li:hover ul,ul.nav li.sfHover ul {left:0px;top:100px;}

#nav2 li:hover ul,ul#nav2 li.sfHover ul {left:0px;top:43px; !important;}

#nav2 li ul li:hover ul,ul#nav2 li ul li.sfHover ul{ display:block;left:220px; top:0px;}

.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}

.nav li li:hover ul,ul.nav li li.sfHover ul {left:15em;top:0px;}

.nav li:hover ul,.nav li li:hover ul {top: -999em;}

/*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/

.nav li li {
display: block;
padding: 0px;
}

.nav li li a:link, .nav li li a:visited {
width: 180px;
display: block;
background-color: #C40000;
padding: 10px 30px 0px 30px;
margin: 0px 0px 0px 0px;
}

#nav2 li li a:link, #nav2 li li a:visited {
background-color: #313131 !important;
}

.nav li li a:hover {
background-image: none !important;
background-color: #940000;
color: #FFF !important;
}

#nav2 li li a:hover {
background-color: #000 !important;
}

/* outmost wrapper element */
#scrollable {
background-repeat-x: no-repeat;
background-repeat-y:no-repeat;
background-position-x:50%;
background-position-y:0%;
padding:0px 0px 0px 0px;
width:935px;
float: left;
height: 160px;
}

/* container for the scrollable items */
.items {
float:left;
height: 165px;
margin-top: 17px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
visibility: visible;
width: 873px;
}

.slide-items {
height: 155px;
width: 155px;
margin-left: 5px;
margin-right: 5px;
float: left;
background-color: #FFF;
padding: 5px;
}

.slide-items-a a {
color: #4E4E4E;
font-size: 13px;
margin: 8px 0px 0px 25px;
display: block;
}

/* single item */


/* next / prev buttons */
a.prev, a.next {
display:block;
width:30px;
height:198px;
float:left;
background-repeat:no-repeat;	
margin:0px 0 0 0;
}

a.prev {
background:url(images/slide-button-left.gif);
}


a.next {
background:url(images/slide-button-right.gif);	
margin-left: 2px;
}


/* navigator */
div.navi {
position:relative;
top:-30px;
left:310px;
margin-left:-50px;
width:50px;
height:0px;
}


/* items inside navigator */
div.navi span {
width:8px;
height:8px;
float:left;
margin:3px;
background:url(img/dots.png) 0 0 no-repeat;     
cursor:pointer;
}

div.navi span:hover {
background-position:0 -8px;      
}

div.navi span.active {
background-position:0 -16px;     
} 	

.scrollable input {
border: 1px solid #DBDBDB;
height: 25px;
}

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.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;
text-align: center;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
text-align: center;
margin-left: 10px;
}
/* End captions */

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
	}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
	}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
	}

.alignright {
float: right;
	}

.alignleft {
float: left
	}
/* End Images */ages */

/* Galerie Style */

.galeriep {
text-align: justify;
font-family: "Calibri", "Times New Roman", Times, serif;
color: #000000;
font-size: 17px;
max-width: 615px;
line-height: 20px;
padding: 5px 10px 50px 20px;
}
.galerieh1 {
font-family: "Calibri", "Times New Roman", Times, serif;
color:#d52e36;
font-size: 35px;
margin-bottom: 20px;
margin-left: 20px;
font-weight: bold;
}
.infop {

font-family: "Calibri", "Times New Roman", Times, serif;
font-size: 17px;
margin-left: 30px;
margin-top: 20px;
margin-bottom: 3px;
line-height: 20px;
text-indent: 20px;
text-align: justify;
}
div.extra {
margin-left: 20px;
}
div.img
{
border:3px solid #000;
height:auto;
width:auto;
float:left;
text-align:center;
}
div.img img
{
display:inline;
margin:3px;
border: 2px groove #777;
}
div.img a:hover img
{
border: 2px solid #f00;
}
div.desc
{
font-size: 15px;
font-family: Georgia, "Times New Roman", serif;
font-weight: bold;
text-align:center;
font-weight:normal;
width:130px;
margin:2px;
}

/*Poezii */

#poem {
margin-left: 30px;
width: 600px;
font-family: Calibri, "Times New Roman", serif;
font-size: 17px;
padding-bottom: 20px;
line-height: 23px;
}
#poem h1 {
padding-bottom: 15px;
padding-top: 20px;
}
/*           Despre noi        */
#aboutus {
font-family: "Times New Roman", serif;
font-size: 14px;
}
#aboutus p {
font-size: 16px;
font-family: Calibri, "Times New Roman", serif;
line-height: 23px;
text-align: justify;
margin-left: 30px;
margin-top: 20px;
margin-right: 15px;
text-indent: 10px;
}
#aboutus h1 {
font-size: 40px;
color: #000;
padding-top: 25px;
padding-bottom: 15px;
margin-left: 30px;
font-family: "Monotype Corsiva", Georgia, serif;
text-indent: 15px;
}
#aboutus h2 {
font-size: 20px;
font-weight: bold;
font-family: "Times New Roman", serif;
border-bottom: 2px groove #000;
margin: 50px 15px 5px 30px;
}
#info {
line-height: 23px;
font-family: Georgia, Calibri, serif;
margin-left: 10px;
width: 400px;
letter-spacing: 1px;
font-size: 14px;
margin-left: 30px;
margin-top: 10px;
}
#info1 {
line-height: 20px;
font-family: Georgia, Calibri, serif;
letter-spacing: 1px;
font-size: 14px;
margin-left: 30px;
padding-bottom: 10px;
}
.tag {
text-align: justify;
line-height: 25px;
}
/*------------------biografie style-----------------*/
.biop {
text-align: justify;
font-size: 14px;
line-height: 25px;
padding: 60px 10px 10px 20px;
font-family: Calibri, Georgia, times, serif;
margin-top: 20px;
}
.bioh {
margin-right: 20px;
padding-right: 30px;
margin-top: 15px;
margin-bottom: 30px;
}
/*------------------coding style-----------------*/
.coding {
font-size: 14px;
line-height: 22px;
padding-bottom: 10px;
}
.coding h1 {
color: #000;
font-size: 18px;
font-family: Tahoma, Verdana, serif;
font-weight: bold;
text-decoration: underline;
padding-top: 5px;
}
.coding p {
padding-bottom: 10px;
font-family: "Georgia", "Times New Roman", Calibri, serif;
font-size: 15px;
}
/* -----------------statele lumii style ------------------------*/


.statelep {
font-family: Calibri, "Times New Roman", Times, serif;
text-align: justify;
font-size: 16px;
line-height: 23px;
margin-left: 15px;
}
.statelep h2 {
font-family: Georgia, "Times New Roman", times, serif;
font-size: 18px;
font-weight: bold;
margin-left: 15px;
padding-top: 10px;
padding-bottom: 5px;
color: #000;
}
.harta {
position: relative;
display: block;
float: right;
padding: 2px;
margin-right: 0px;
}
/* -----------------biologie style ------------------------*/
.biologie {
text-align: justify;
line-height: 23px;
font-family: Calibri, Times, serif;
font-size: 14px;
}
.biologie h3 {
font-size: 18px;
font-weight: bold;
text-decoration: underline;
}

/* -----------------stiati ca? style ------------------------*/
#stiati {
  margin-left:10px;
}
#stiati h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  color: #000;
  padding-top: 10px;
  padding-bottom: 15px;
}
#stiati h2 {
  font-family: Calibri, "Times New Roman", serif;
  font-size: 20px;
  line-height: 22px;
}
#stiati p {
font-size: 14px;
line-height: 30px;
text-indent: 30px;
background: url(http://www.wittyowl.eu/imagini/bullet1.gif) no-repeat 2px 5px;
}
#stiati p:first-letter {
  font-weight: bold;
}
#lista a {
padding-left: 20px;
font-size: 14px;
line-height: 25px;
text-indent: 10px;
background: url(http://www.wittyowl.eu/wp-content/themes/Atelier%20de%20cunoastere/images/bg_icons.png) no-repeat -5px -1px;
}
#lista p {
font-size: 14px;
line-height: 30px;
text-indent: 30px;
margin-left: 10px;
}
/* -----------------hartile style ------------------------*/
#hartile {
text-align: left;
font-size: 14px;
font-family: Georgia, Calibri, serif;
margin-left: 5px;
line-height: 30px;
width: 500px;
}
table { 
margin-top: 20px;
margin-left: 15px;
width: 530px;
}
tr {
width: auto;
}
th {
vertical-align: middle;
text-align: center;
font-size: 14px;
font-family: Georgia, Calibri, serif;
}
table.tara {
font-size: 14px;
font-family: Georgia, Calibri, serif;
}
table.hartapol {
margin: 5px 5px 5px 10px;
}
table.hartafix {
margin: 5px 5px 5px 10px;
}
/* ---------- Savanti ---------*/
#sav {
text-align: justify;
line-height: 22px;
font-size: 15px;
padding: 10px;
font-family: Calibri, Georgia, serif;
}
#sav h1 {
padding-top: 20px;
padding-bottom: 10px;
line-height: 22px;
font-size: 22px;
font-family: Georgia, Calibri, serif;
color: #17365D;
text-indent: 20px;
font-weight: bold;
border-bottom: 1px solid #4F81BD;
}
#sav h2 {
padding-top: 30px;
font-weight: bold;
font-size: 18px;
color: #000;
text-indent: 20px;
text-style: italic;
}

/* ---------- Recenzii ---------*/
#recenzie {
padding: 5px;
text-align: justify;
line-height: 22px;
text-indent: 20px;
font-size: 15px;
font-family: Calibri, Georgia, serif;
}
/* ---------- nanotabs---------*/
.nanotabs { 
width:562px; 
}

.tabs {}

.tabs li { 
float:left; 
list-style:none; 
text-align: center;
}

.tabs li a {
display:block;
text-align: center;
padding:5px 0px; 
background:#DDD; 
color:#333; 
font-size: 11px;
text-decoration:none;
width: 104px; 
height: 18px; 
float: left; 
background-image: url(http://www.wittyowl.eu/imagini/tab.gif); 
margin-bottom: -1px;
z-index: 100;
margin-right: 2px;
}

.tabs li a:hover { 
color:#000; 
}

.tabs li a.selected { 
background-image: url(http://www.wittyowl.eu/imagini/tab-active.gif); 
color:#555;
text-decoration: underline;
}

.nanotabs div { 
display:none; 
background-image: url(http://www.wittyowl.eu/imagini/tabs-bg.gif); 
width: 542px; 
padding-left: 10px; 
padding-right: 10px; 
float: left;
}

.ichi {

}

.san {
padding-top: 10px; 
padding-bottom: 10px;
}

.ni {
padding-top: 10px; 
padding-bottom: 10px;
}
.san a , .san a:visited{
display: block;
padding: 5px;
border: 1px dashed #2B6FC2;
background-color: #68ACFF;
color: #FFF;
float: left;
margin-bottom: 5px;
margin-right: 5px;
}

.san a:hover {
background-color: #77B4FF;
}
/* ------ teste de cultura generala ------ */
#teste {
padding: 20px;
line-height: 22px;
font-size: 14px;
}

#teste h2{
font-family: Georgia, Calibri, serif;
font-size: 18px;
text-decoration: underline;
padding-bottom: 10px;
}
/* ------ destinatii turistice ------ */
#destinatii {
text-align: justify;
line-height: 22px;
font-size: 15px;
padding: 10px;
font-family: Calibri, Georgia, serif;
}
#destinatii h1 {
font-family: Georgia, Calibri, serif;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px;
padding-top: 10px;
color: #000;
text-decoration: underline;
text-indent: 15px;
}
#destinatii h2 {
font-family: Calibri, Georgia, serif;
font-size: 18px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
text-indent: 10px;
}
#destinatii .box {
border: 1px solid #F6DDAE;
border-width: medium;
padding-bottom: 20px;
padding-right: 10px;
margin-left: 30px;
background-color: #FFF3D8;
width: 500px;
font-size: 13px;
}
#destinatii .box h1 {
font-family: "Times New Roman", Calibri, Serif;
font-size: 18px;
font-weight: bold;
text-align: center;
padding-bottom: 5px;
}
/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000000;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 130%; /* font-size set to 130% for the default Kubrick Wordpress theme */
}
 
#panel {
	width: 100%;
	height: 280px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}
 
#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
	text-align: left;
}
 
#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
	text-align: left;
}
 
#panel p {
	margin: 5px 0;
	padding: 0;
}
 
#panel a {
	text-decoration: none;
	color: #15ADFF;
}
 
#panel a:hover {
	color: white;
}
 
#panel a-lost-pwd {
	display: block;
	float: left;
}
 
#panel ul {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.6em;
	list-style: none;
}
 
#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}
 
#panel .content .left {
	width: 280px;
	float: left;
	margin-bottom: 25px;
	padding: 0 15px;
	border-right: 1px solid #333;
	min-height: 220px;
}
 
#panel .content .border {
	border-left: 1px solid #333;
}
 
#panel .content .narrow {
	width:120px !important;
}
 
#panel .content form {
	margin: 0 0 10px 0;
}
 
#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}
 
#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}
 
#panel .content input:focus.field {
	background: #545454;
}
 
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}
 
#panel .content input.bt_login {
	width: 74px;
	background: transparent url(images/bt_login.png) no-repeat 0 0;
}
 
#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(images/bt_register.png) no-repeat 0 0;
}
 
#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}
 
/* Panel Tab/button */
.tab {
  	background: url(images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}
 
.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}
 
.tab ul.login li.left {
  	background: url(images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
 
.tab ul.login li.right {
  	background: url(images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
 
.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(images/tab_m.png) repeat-x 0 0;
}
 
.tab ul.login li a {
	color: #CB0000;
}
 
.tab ul.login li a:hover {
	color: white;
}
 
.tab .sep {color:#414141}
 
.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}
 
.tab a.open {background: url(images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px;}

div.like, div.like div {display:none;}
div.comment_body div.wallkit_form,
div.comment_body div.wallkit_posts,
div.comment_body div.wallkit_subtitle div.subtitle_left,
div.comment_body div.wallkit_subtitle div.pager 
{display:none;}

div.comment_body div.wallkit_subtitle div.post_counter {
display:block;
width:60px;
height:12px;
overflow:hidden;
text-indent:-60px;
}
/* toggler */

h1 {
	font: 4em normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	padding: 20px 0;
	color: #aaa;
}
h1 span { color: #666; }
h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.5em;
	display: block;
	color: #666;
}
 
h2.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	background: url(http://www.wittyowl.eu/wp-content/themes/Atelier de cunoastere/images/h2_trigger_a.gif) no-repeat;
	height: 46px;	line-height: 46px;
	width: 500px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.acc_trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}
.acc_container .block {
	padding: 20px;
}
.acc_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.acc_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}