/*   for support and documentation go to http://b2evolution.net
  _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
/* 								= b2eviant skin 0.1 =	CSS index		\										    \		
|	author: Emin özlem  					http://wwww.cssdizayn.com	|
|   release: 0.1 for: b2evolution 2.x release date: 29.09.08			|																									|		1-MAIN build  													|
|		2-HEADER containers & components  								|
|		3-SIDEBAR styles												|
|		4-SINGLE mode 													|
|		5-PAGE mode														|
\_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */


@import url("../../rsc/css/basic.css");	/* Import basic styles */
@import url("../../rsc/css/img.css");	/* Import standard image styles */
@import url("../../rsc/css/blog_elements.css");	/* Import standard blog elements styles */
@import url("../../rsc/css/forms.css");	/* Import default form styles */
@import url("../../rsc/css/comments.css");	/* Import default comment styles */
*, body, html {
padding: 0;
margin: 0;
}
body {
	padding: 0px;
	margin: 0px;
	color: #50655C;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 8pt;
	width: 100%;
}

#skin_wrapper {
background: #728776;
width: 100%;}

/*  =  =  =  =  =  =  =  =  =  =  =  =  =  =  =    MAIN BUILD =  =  =  =  =  =  =  =  =  =  =  =  =  =  =  =  */
#wrapper {
background: #728776;
margin: 0 auto;
padding:0;
padding: 0 18px 0 18px;}

#inner_wrapper {
margin: 0;
padding: 0;
background: #d6ded4;
overflow: hidden;
float: left;
width: 100%;}

#header {
background: #576e61 url(img/head-bg.jpg) bottom repeat-x;
padding: 0 18px 0 18px;
margin: 0 auto;
clear:both;
overflow: hidden;}

#header ul li {
list-style-type: none;}

#sidebarwrapper, #singlebarwrapper {
position: relative;/* this fixes the 'unclickable sidebar' issue for ff3.. z-indexing didnt work*/
top: 0px;/* and this ofc*/
background-color:#FF0000;
}

#contentwrap {
float: left;
width: 100%;
margin-left: -171px;
padding: 0;
display: inline;
}

.Content {
float: left;
/*padding: 3%;*/
padding: 0;
margin: 0;
display: inline;
margin-left: 171px;}

/*= = = = = = = = = = = = = = = = = = = = = = = = = =  end of MAIN ELEMENTS = = = = = = = = = = = = = = = = = = = =   */

a {
	color: #38463e;
	text-decoration: none;
	font-weight: 100;}
a:visited {}
a:hover {text-decoration: underline;}

/*div.pageHeader h1 a,
div.pageHeader h1 a:visited {  *//* IE6 */
/*font-family: "Verdana", Arial;
	color: #fff;
	text-decoration: none;
}
div.pageHeader h1 a:hover {
	text-decoration: none;
}*/

h2 {
	color: #3B5A4A;
	font-size: 180%;
	margin: 0;
}

.Content h2 {
font-weight: bold;
font-size: 160%}

h3 {
	color: #3B5A4A;
	font-size: 120%;
}
h4 {
	color: #3B5A4A;
	font-size: 110%;
}

/*  = = = = = = = = = = = = = = = = = = = = end of  MAIN ELEMENTS = = = = = = = = = = = = = = = = = = = = = = */

/* = = = = = = = = = = = = = = = = = = = = = = HEADER & h.containers = = = = = = = = = = = = = = = = = = = = = = */
div.pageHeader {
	margin: 0;
	text-align: center;
	height: 73px;
	clear: both;
	position: relative;
}


div.pageHeader h1 {
float: left;
	font-size: 21pt;
	font-weight: 100;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 4px;
	left: 10px;
	letter-spacing: -1.2px;
	color: #43554D;
}


div.pageHeader h1 a {
		color: #fff;
		font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 21pt;
padding-left: 3px;
text-decoration: none;
}

div.pageHeader h1 a:hover {
text-decoration: none;
}

div.shadow h1 { /*title shadow blog name*/
padding-bottom: 2px;
color: #2c4f3c;}

.bloglist {
background: url(img/bloglist-top-right-corner.gif) top right no-repeat;
clear: both;
padding: 0;
height: 46px;
margin: 0;
}
div.bloglist ul {
	margin: 0;
	padding: 0;
	float: right;
	list-style-type:none;
	padding: 0px 12px 0 0;
	margin-top: 9px;
	height: 35px;
}
div.bloglist ul li {
margin-left: 2px;
	display: inline;
	height: 36px;
	width: 105px;
}

div.bloglist a {
	text-decoration: none;
	display: inline-block;
height: 25px;
width: 105px;
	text-align: center;
	padding-top: 12px;
}
div.bloglist a.default {
	color: #1F2629;
}
div.bloglist a.default:hover {
background: url(img/blog-hover.jpg);
}
div.bloglist a.selected,
div.bloglist a.selected:visited {
font-weight: bold;
background: url(img/blog-selected.jpg) bottom;
width: 105px;
display: inline-block;
color: #3B5A4A;
cursor: default;
height: 25px;
background-position: right 0px;
}

.top_menu {
background: #40534A;
height: 26px;
color: #707E77;
padding: 0;
width: 100%;
border: 1px solid #6B8075;
background-position: right 22px;
/*border: none;*/
}
div.top_menu ul {
	padding: 0;
	list-style-type:none;
	margin:0;
	float: left;
	display: inline;
	padding: 7px 0px 6px 3px ;
	position: relative;
}
div.top_menu li {
	display: inline;
	padding: 5px 0 4px 5px;
}
div.top_menu a {
	text-decoration: none;
	color: #d6ded4;
	font-size: 8pt;
}

div.top_menu li a {
	display: inline;
	padding: 0px 5px 0px 0px;
}

div.top_menu li a:visited {
color: #a0a9a5;
}
div.top_menu a:hover {
color: #fff;
}


.widget_core_coll_tagline {
float: right;
	color: #fff;
	letter-spacing: 4px;
	text-align: right;
	vertical-align: middle;
	border: 0px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	font: 109% Arial, Helvetica, sans-serif;

}
/* = = = = = = = = = = = = = = = = = = = = = =  end of HEADER components= = = = = = = = = = = = = = = = = = = = = */
/* Styles for posts */

div.action_messages {
	margin: 0 2ex;
}
.Post, .Postpublished
{	clear: both;
	margin: 15px 2.5ex 50px;
	padding: 0;}
.bSmallHead {
	font-size: 80%;
	color: #999;
	margin: 2ex 0 1ex 0;
}
.bTitle {
	color: #78a;
	margin: 1ex 0;
}
.bText {
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSmallPrint
{
	clear: both;
	color: #999;
	font-size: 80%;
	margin: 1ex 0 2ex 0;
}

input.bComment,
textarea.bComment
{
	background-color: #C2CCC2;
	width: 97%;
	padding: 2px;
	margin: 0ex;
}

select.bComment  /* Used by the profile form */
{
	background-color: #C2CCC2;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0ex;
}


input.submit,
input.preview,
input.reset {
	background-color: #ddd;
	color: #78a;
	border: 1px solid #000;
	font-weight: bold;
	padding: 1px;
}

input.submit:hover,
input.preview:hover {
	color: #000;
}

/* = = = = = = = = = = = = = = = = = = = = = = = SIDEBAR STYLES = = = = = = = = = = = = = = = = = = = = = = = =  */

.sidebar {
width: 171px;
float: left;
background: #CCD7CC;
/* background: #900; */
padding-top: 4px;
padding-bottom: 32767px;/* in order to equalize Column heights*/
margin-bottom: -32767px;/* in order to equalize Column heights*/
background: #ccd7cc url(img/sidebar-border1x1.gif) right repeat-y;
color: #003300;}


.sidebar ul li, sidebar ul li ul li {
list-style-type: none;}

.sidebar  ul li.widget_core_coll_title  {
border-bottom: none;}

.sidebar ul li ul li{
border-bottom: none;
padding-bottom: 0;}

.search .SearchField
{
	background-color: #d6ded4;
	border: 1px solid #ccc;
	width: 140px;
	margin: 0ex;
}

.widget_plugin_evo_Calr,
.widget_core_coll_title,
.widget_core_coll_longdesc {
	/* background-color: #fee; */
	padding: 0;
	border-bottom: 0;
	border: none;
	padding-left: 0;

}


/* Calendar: */


table.bCalendarTable caption a {
color: #fff;
font-weight: bold;
float: left;
padding-left: 10px;
}

table.bCalendarTable caption a:hover {
background: transparent;
}


table.bCalendarTable {
	border: none;
	border-collapse: separate;
	padding-left: 0;
	margin-left: 0px;
	width: 154px;
}
table.bCalendarTable tfoot td {
	background-color: #ccd7cc;
}
table.bCalendarTable tfoot a {
	text-decoration: none;
}
table.bCalendarTable tfoot a:hover {
	background-color: #C2CCC2;
	color: #fff;
}
th.bCalendarHeaderCell {
	color: #999;
	font-weight: 100;
	width: 30px;
}
#bCalendarToday {
	background-color: #9FB1A3;
	color: #003333;
	font-weight: bold;
	border-color: #003333;
}

table.bCalendarTable caption {
width: 170px;
font-size: 8pt;
	background-color: #498091;
	border-bottom: 0;
	padding-left: 0;
	line-height: 15px;
	margin-left: -16px;
}

/*=  =  =  =  =  =  =  =  =  =  =  =  =  =  =    SEARCH  BOX =  =  =  =  =  =  =  =  =  =  =  =  =  =  =  =  */
.search_box {
width: 199px;
position: absolute;
bottom: 7px;
clear: both;
left: 170px;
border: none;}

.topsearch {
padding:0;
margin: 0;
background: #000 url(img/text-input-bg.jpg) repeat-x;
height: 22px;
width: 199px;
border: none;}

.text_area {
padding-top: 3px;
padding-left: 24px;
margin: 0;
width: 139px;
float: left;
border: none;
height: 19px;
background: url(img/search-bg.jpg) top left no-repeat;
font-weight: bold;
color: #4c5954;
font-size: 10pt;
}

.gobutton {
float: left;
font-weight: bold;
background: url(img/go-bg.jpg) top left no-repeat;
border: none;
width: 36px;
height: 22px;}
/*=  =  =  =  =  =  =  =  =  =  =  =  =  =  =    end of SEARCH  BOX =  =  =  =  =  =  =  =  =  =  =  =  =  =  =  */

.sidebar ul li ul li a {
display: block;
line-height: 21px;
list-style-type: none;
background: url(img/bullet.gif) right no-repeat;
margin-left: -16px;
padding-left: 16px;
}

.sidebar a:hover {
text-decoration: none;
background-color: #C2CCC2;}

.sidebar h2 {
visibility: hidden;}
/* More and mooooore tweaks... sheesh...*/
.widget_core_coll_title h2 {
visibility: visible;}

.sidebar  ul li.widget_core_coll_xml_feeds a {
display: inline;}

.sidebar a:hover {
background: transparent;}
.sidebar ul li {
border-bottom: 1px dotted #AAA;
padding-bottom: 0;
padding-left: 16px;
}

.sidebar ul li ul li {
padding-bottom: 0;
padding-left: 0;
}

.search input {
background-color: transparent;
margin-top: 3px;}

div.bComment, form.bComment {
	border: 3px solid #bfcec3;
	border-left-width: 55px;
}

.bComment input {
border: none;}

div .input  textarea {
background: #F0FBF8;
border: none;}


div .left_pinner {
background: #fff url(img/search-bg.jpg);}



.bloglist ul li a:hover {
text-decoration: none;}


.bloglist h2 a {
width: auto;
float: left;
position: relative;
top: 91px;
display: inline;
padding-left: 49px;}


.blog_logo {
float:left;
padding: 10px;}

.bloglist h2 a:hover {
text-decoration: none;}

.singlepage, .pagemode {
background: #D6DED4;
/*padding: 2% 3% 0px 3%;*/
line-height: 20px;}

/*some stupid overrides --review this later */
.sidebar ul li ul li a:hover {
background: #C2CCC2 url(img/bullet.gif) right no-repeat;
}

.sidebar  ul li.widget_core_coll_xml_feeds a {
display: inline;}

.sidebar  ul li.widget_core_coll_xml_feeds a:hover {
background: transparent;}
/* - end of stupid overrides */
#footer {
clear: both;
padding: 0;
width: 100%;
background: #4d625d url(img/foot-tr.jpg) top right no-repeat;
margin: 0 auto;
padding-bottom: 80px;
color: #87948c;
font-size: 10pt;
font-weight: bold;
font-family: "Lucida sans", Arial, Verdana, Helvetica;
}

#footer ul li {
list-style-type: none;
display: inline;}

.foot {
padding: 0;
background: url(img/foot-tl.jpg) top left no-repeat;}

#footer p {
padding-top: 20px;}

#footer a {
color: #b7c3bb;
font-size: 9pt;}
/* = = = = = = = = = = = = = = = = = = = = = = = = = ROUNDED CORNERS= = = = = = = = = = = = = = = = = = = = */
.sidebarleftcorner {
display: inline;
width: 96%;
clear: both;
height: 4px;
width: 170px;
float: left;
background: #CCD7CC url(img/content-bl.jpg) bottom left no-repeat;
border-right: 1px solid #9FB1A3;
padding: 0;
margin:0;}



.corners { /*main page content rounded corners below */
background: #D6DED4 url(img/content-br.jpg) bottom right no-repeat;
clear: both;
float: left;
width: 100%;
margin-bottom: 15px;}

.singlebottomleft {
display: inline;
width: 96%;
clear: both;
height: 4px;
width: 169px;
float: left;
background: url(img/content-bl.jpg) bottom left no-repeat;
padding: 0;
margin:0;}

.rounded {
width: 100%;
background: #fff url(img/bloglist-top-right-corner.gif) top right no-repeat;}
.tl {
float:left;}
.tr {
position: absolute;
top: 101px;
right: 18px;}

.ltm { /*top_menu rounded corners*/
position: relative;
top: 10px;
left: -9px;}

.rtm {/*top_menu rounded corners*/
position: absolute;
top: 23px;
right: 15px;
}

.skin_wrapper_loggedin .rtm {/*fix the tiny bug that the evo toolbar pushes only this corner down*/
position: absolute;
top: 46px;
right: 15px;}

.bloglist_corners {
width: 100%;
background:#fff;}

.bloglistleftcsorner {
display: inline;
clear: both;
height: 4px;
width: 169px;
float: left;
background: #CCD7CC url(img/bloglist-top-left-corner.gif) bottom left no-repeat;
border-right: 1px solid #9FB1A3;
padding: 0;
margin:0;}
/* = = = = = = = = = = = = = = = = = = = = = = = = = end of ROUNDED CORNERS= = = = = = = = = = = = = = = = = = = = */
#bwrapper {
height: 46px;
background: url(img/bloglist-bg.jpg) repeat-x;}

#swrapper {
height: 65px;
background: url(img/bloglist-single-bg.jpg) top repeat-x;}

.sbloglist {
background: url(img/bloglist-top-right-corner.gif) top right no-repeat;
clear: both;
padding: 0;
height: 60px;
margin: 0;
}



.titel h2, .author {
float: left;
margin-left: 20px;
display: inline;
padding-top: 10px;}

.sbloglist .author {
font-weight: bold;
font-size: 11pt;
color: #3B5A4A;
padding-top: 13px;
}

.singletitle {
float: left;
width: 100%;
height: 35px;
display: block;
margin-left: -100px;
overflow: hidden;}

.cats {
background: url(img/cat-bg.gif) top left no-repeat;
float: left;
height: 20px;
padding: 2px 0px 0px 5px;
}

.titel h2 {
margin-left: 100px;
}


.cats a {
padding: 0;
margin: 0;
display: inline;
width: auto;
height: auto;
color: #3b5a4a;
text-decoration: underline;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = =  SINGLE MODE STARTS HERE = = = = = = = = = = = = = = = =  */
 
.singlebar {
}


/*.singlebar ul li {
margin-top: 50px;}*/

#s_inner_wrapper {
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;}


#s_contentwrap {
float: left;
width: 100%;
margin-left: -241px;
padding: 0;
}

.s_Content {
float: left;
background: #D6DED4;
/*padding: 3%;*/
margin-left: 241px;
display: inline;
line-height: 20px;
}

.singlebar {
width: 141px;
float: left;
/* background: #900; */
padding-top: 4px;
color: #003300;
background: #d6ded4;
padding: 30px 50px 20px 50px;
padding-bottom: 32000px;
margin-bottom: -32000px;
overflow: hidden;}
.singlebar ul li, .Content ul li, .s_Content ul li {
list-style-type: none;
}


.s_Content h3 {
padding-left: 5px;
border-left: #BFCEC3 8px solid;}


.lpostdate, .lcats, .lfeedlink, .lauthor, .lwords, .lviews, .ltags, .lfeedpost {
display: inline-block;
height: 18px;
background-image: url(img/date.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 20px;
margin-bottom: 20px;
}
.lauthor {
background-image: url(img/author.gif);
}

.lcats {
background-image: url(img/cats.gif);}

.lfeedlink {
background-image: url(img/comment.gif);}

.lwords {
background-image: url(img/char.gif);}

.lviews {
background-image: url(img/views.gif);}

.ltags {
background-image:url(img/tag.gif);}

.lfeedpost {
margin-bottom: 30px;
padding-left: 0;}

acronym { /* acronyms doesnt really look nice with a bottom border */
border: none;}

.singlebar .ledit a img{/*make the default edit icon disappear*/
display: none;}

.llocale {
display: inline-block;
margin-bottom: 20px;}
/*.singlebar .ledit {
background: url(img/edit.gif) top left;
display: none;}*/

.Content ul li, .s_Content ul li {
list-style-image: url(img/bulletli.gif);
margin-left: 25px;}


.shiny_bars {margin-top: 15px;}
.shiny_bars ul li a img {
display: inline;
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);}
	
.shiny_bars ul li a:hover img {
display: inline;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);}
	
.postinfo {clear: both;
padding:0;
margin: 10px 0;
}

/* postinfo*/
.Content .postinfo ul li {
padding: 0;
list-style-type: none;
list-style-image: none;
margin-bottom: 5px;
margin: 0;
float: left;
padding-left: 10px;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =  PAGE MODE = = = = = = = = = = = = = = = = = = = = = */
#pagewrap {
background: #d6ded4;}

.p_Content {
background: #D6DED4;
/*padding: 3%;*/
line-height: 20px;
padding: 5%;
}

#s_inner_wrapper {
background: #d6ded4;
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;}

/*= = = = = = = = = = = = = = = = =  END OF PAGE MODE = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* * time for a release... hope you liked it see you in next releases (:, period.*/