/*
Styles CSS

@site       ketabipour.com
@author     Matthias Schmidt // matthias@web2.at
@copyright  Ketabicenter 
			office(at)ketabicenter.com
			www.ketabipour.com
@date       20.07.2009 by Matthias Schmidt
@lastmodified 20.07.2009 by Matthias Schmidt

@sections   =snippets
			=formulare
			


*/

/* @section =body
-------------------------------------------------------------------*/
html, body, div, span, a, form, textarea, input, select, h1, h2, h3, h4, h5, h6, p, ol, ul {  }
html {overflow-y:scroll;} /* Scrollbar immer rechts im Firefox ab 1.5 */

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:10px; line-height: 1.8em;}




/* @section =standard Elemente
-------------------------------------------------------------------*/
body {
	color: #484848;
	font: 62.5% Verdana, Arial, Geneva, Helvetica, sans-serif;
}
/* ----- =headlines/ Überschriften/ Absätze ----- */

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-family:"Trebuchet MS", Arial, sans-serif;
}
h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: .5em 0 .3em 0;
	padding: 0;
}
h1 { font-size: 1.4em; }

h2 { font-size: 1.3em;}

h3 { font-size: 1.2em; }
h4, h5, h6 { font-size: 1.1em; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration: none;
}

p {
	margin-top: 0.5em;
	margin-bottom: 0.9em;
}

/* ----- =anchors ----- */
a {
	text-decoration: none;
	font-weight: bold;
}

a:link, a:visited {
	color:#990099;
	color:#8A3DB4;
 }


a:hover, a:focus {
	color:#550055;
	text-decoration: underline;
}

fieldset { border: 1px solid #ccc;	padding: 0.75em .5em;
 }

pre {
	background-color: #eee;
	padding: 0.75em 1.5em;
	font-size: 12px;
	border: 1px solid #ddd;
}

table { /* make <td> sizes relative to body size! */ font-size: 1em; }

/* ----- =list ----- */
li {
	margin: .5em 0;
	list-style: url(../images/menu-leaf.png) none;
}
ul, ol {margin:.5em 0 .5em 2.5em;padding: 0 0 0 1em;} /* position: relative; Verhindert das verschwinden von Hintergrundbilder bei Listen */
ol li {
	list-style-type: decimal;
}

/* ----- =image ----- */
img {border:0;}/* display:block; Verhindert whitespace unter bild */
.fright img, img.fright {margin: 0 0 .3em .8em;}
.fleft img, img.fleft {margin: 0 .8em .3em 0;}


#main { font-size: 1.2em; }
#left { font-size: 1.2em; }
#right { font-size: 1.1em; }

#main img { border: 1px solid #E4D1EF;	margin: .5em 0.75em .75em 0; padding: 2px;
}
#main form img { border: none; margin: .3em; padding: 2px;}


/* @section =snippets
-------------------------------------------------------------------*/
/* ----- =layout ----- */
.v {height:0;left:-1000px;display:inline;overflow:hidden;position: absolute;top:-1000px;width:0;}
.ir  {text-indent: -1000em;outline:0;}
.none {display:none;visibility:hidden;}
.block {display:block;visibility:visible;}
.cfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.cfix {display: block;}
.ofix {overflow: hidden;}
.conf_head, .conf_tail {font-size: 1.1em;font-weight: normal;}
.conf_tail {margin: 1em 0 0 0;}


/* ----- =standard ----- */
.auto {width:auto;}
.fiftyp {width:50%;}
.fnormal {font-weight:normal;}
.big {font-size:1.43em;}
.bg {background-color:#F3F1BC;padding:10px;}
.brd img {border:1px solid;display:block;}
.c 	{clear: both;}
.cl {clear:left;}
.cr {clear:right;}
.fright {float:right;}
.fleft {float:left;}
.fnone {float:none;}
.m0 {margin:0;}
.mtd {margin-top:2em;}
.mt0 {margin-top:0;}
.mb0 {margin-bottom:0;}
.brdl {border-left:1px solid #dcdcdc;}
.brdr {border-right:1px solid #dcdcdc;}
.brdnone {border:none;}
.pad {padding:.5em 1em;}
.textpad {padding:0 10px;}
.spc {/*color:#1A0500;*/}
.spc2 {color:#C3B054;}
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.vcenter {vertical-align:middle;}
.vcenter img {vertical-align:middle;}
.versal {text-transform:uppercase;}

/* ----- =tabellen ----- */
table {border-collapse:collapse;border-spacing:0;empty-cells:show;width: 98%;}
caption{}
thead{}
tbody{}
tfoot{}
thead th {}
th, td {font-size:1em;padding: .5em .5em;text-align: left; }
thead td, th {font-weight:bold;}
dd, dt {padding: .5em 0; }

/* @section =formulare
-------------------------------------------------------------------*/
form {}
fieldset {}
legend {font-weight:bold;margin-bottom: .5em;}
form h2 {margin-top:0;}
form p {margin:.5em 0;}

label {color:#555;font-weight:normal;}
label.inline {display:inline;}
label.auto {width:auto;}

input, select, textarea {}
select {margin-right:.3em;padding:0;width:auto;}
option {padding-left: 0.4em;} /* resets rendering error */
textarea {vertical-align:top;width:25em;}

input.button {}
input.inline {width: auto;}
input.nobutton {border:0 none;font-weight:bold;padding:.2em .4em;width: auto;}
input.noborder {background-color: transparent;border: 0 none;margin-bottom:.7em;margin-right:.2em;padding:0;width:auto;}
input.check {background-color: transparent;border: 0 none;margin:.3em .3em 0 0;padding:0;width:auto;}
input.radio {background-color: transparent;border: 0 none;margin:.3em .3em 0 0;padding:0;width:auto;}
input.short {width:7em;}
/*
input:focus, select:focus, textarea:focus {border-color:#000;}
label, input[type=checkbox], input[type=radio], input[type=submit] {cursor:pointer;}
form input[type=checkbox].noborder, form input[type=radio].noborder {}
input[type=text], select {}
*/

#main input.form-text {
	border: 1px solid #CCA8DF;
	vertical-align: middle;
	padding: 3px;
	margin:0;
}
#main input.form-text:focus {
	border: 1px solid #B683D1;
}

.form-item label {
color:#555555;
font-weight:normal;
}

.item-list .title {
	font-size: 1em;
	color: #222;
}

#left .form-item label {
color:#555555;
font-weight:normal;
	font-size: .9em;
}

#left .item-list .title {
	font-size: 1em;
	color: #222;
}

/* @section =specials
-------------------------------------------------------------------*/
/* ----- =not displayed ----- */
#main li.blog_usernames_blog  {
display: none;
}



.links {
	margin-bottom: 0em;
	font-size:.95em;
}

.comment .links { margin-bottom: 0em; }

/*
** Page layout blocks / IDs
*/


#secondary {
}

#secondary li { padding:0 6px 0 8px; }

#secondary a {
}

#secondary a:hover, #secondary a.active {
}

#secondary ul.links li {}

ul.links li { border-left: 0px solid #ccc; padding:0 0.5em 0 0;}

ul.links li a { margin-left:2px; }

ul.links li.first { border-left: none !important; }

ul.links li.last { padding-right:0 !important; }

#primary {
}

#primary li {
	border:none !important;
	margin-left:2px;
	padding:15px 0px; /* set to 0 in IE fix */
	float:left; /* float is nececcary! for correct tabs*/
}

#primary a {
	background:#9ACA31;
	padding:15px;
	font-size: 15px;
	font-weight:bold;
	color:#fff;
	margin-left:2px; /*to equalize with li margin */
}

#primary a:hover, #primary a.active {
	background:#2E2E2E url(../img/tab.png) top left repeat-x;
	text-decoration:none;
}

ul.links li, ul.links li a {
	color:#666;
}
ul.links li.first {
	border: none;
	padding-left:0 !important;
}

ul.links li.last { padding-right:0 !important; }

#search {
}

#search label {
	font-size:1.2em;
	position:relative;
	float: right;
	color:#fff;
	font-weight:normal;
	padding: 0 2px 0 0;
}

#search input.form-text {
	border: 1px solid #CCA8DF;
	background: #E2E3E1;
	font-size: 1.2em;
	height: 19px;
	float: right;
	vertical-align: middle;
	width: 90px;
	padding: 3px 5px 0 5px;
	margin:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  /* for IE8 */
	filter:alpha(opacity=70);  /* for IE5-7 */
	-moz-opacity:0.7;
	-khtml-opacity: 0.7; /* for older safari  browsers */
	opacity: 0.7;  /* for all other browsers */
}

#search input.form-text:focus {
	border: 1px solid #B683D1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  /* for IE8 */
	filter:alpha(opacity=90);  /* for IE5-7 */
	-moz-opacity:0.9;  
	-khtml-opacity: 0.9; /* for older safari  browsers */
	opacity: 0.9;  /* for all other browsers */
}

#mission {
	background-color: #369;
	padding: 1.5em 2em;
	color: #fff;
}

#mission a, #mission a:visited {
	color: #9cf;
	font-weight: bold;
}

.site-name {
}
.site-name a {
padding: 0px;
}

.site-name a:link, .site-name a:visited { color: #333; }

.site-name a:hover { text-decoration: none; }

.site-slogan {
}

/* this is the language block */
#block-locale-0 li {
list-style: none;
float: left;
position: relative;
width: auto;
padding: 3px;
}
#block-locale-0 li a.active {
color: #666;

}
#block-locale-0 h2.block-title {
display:none;
}

#mission, .node .content, .comment .content { line-height: 1.4; }

#help {
	font-size: 0.9em;
	margin-bottom: 1em;
}

/*
.breadcrumb {
	margin-bottom: .5em;
	font-size:.9em;
	font-weight: normal;
	color:#888;
}

.breadcrumb a { color:#666; }
*/
.messages {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 0.3em;
	margin-bottom: 1em;
}

.error { border-color: red; }

#footer {
	font-size: 0.9em !important;
	color: #6D6563;
	text-align: center;
}

#footer a { color:#6D6563; }
#footer a:hover, #footer a:focus  { color:#000; }

#footer .links { margin-bottom:5px; }

#author_link {
	text-align:right;
	padding:.5em 0 0 0;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a {
	font-weight: bold;
	line-height: 1.8em;
 /* 	margin: 0 auto .8em auto; decrease default margins for h<x>.title */
	border-bottom: 2px solid #CCCCCC;
}
.title a {
	border-bottom: none;
	color: #484848;
}

.feed-item-title a { color:#000; }

.block {padding: 0; height:auto; }

#center .date {
	font-size:.8em;
	color:#6a6a6a;
}

span.submitted {
	color: #999;
	font-size: 0.8em;
	display: none;
}

.links li.first { padding-left:0; }

.links a {
	font-weight: normal;
	color:#000;
}

.block, .box { padding: 0; }

.block .title { margin-bottom: .25em; }

.box .title { font-size: 1.1em; }

.node .title {
}

.node { margin: .5em 0 1em 0; }

.node-form .standard {
clear: none;
}


#center .node { padding-bottom:1.5em; margin: 1em 0; }

.sticky {
	padding-bottom:1em;
	border-bottom:1px dotted #E0E4E7;
}

.node .content, .comment .content { margin: .5em 0 .5em 0; }

.node .taxonomy {
	color: #999;
	font-size: 0.8em;
	padding: 1.5em;
}

.node .picture {
	border: 1px solid #ddd;
	float: right;
	margin: 0.5em;
}

.comment {
	border: 1px solid #abc;
	padding: .5em;
	margin-bottom: 1em;
}

.comment .title a {
	font-size: 1.1em;
	font-weight: normal;
}

.comment .new {
	text-align: right;
	font-weight: bold;
	font-size: 0.8em;
	float: right;
	color: red;
}

.comment .picture {
	border: 1px solid #abc;
	float: right;
	margin: 0.5em;
}

/*
** Pagination
*/

.item-list ul.pager {
width: 95%;
	border-top: 1px solid #ccc;
	padding: 1em 0 0 0;
	margin: 1em auto;
}
.item-list ul.pager li {
	margin: 0 .2em;
}


/*
** Module specific styles
*/
#aggregator .feed-source {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1em;
	margin: 1em 0 1em 0;
}

#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
	color: #999;
	font-style: italic;
	font-size: 0.9em;
}

#aggregator .title {
	margin-bottom: 0.5em;
	font-size: 1em;
}

#aggregator h3 { margin-top: 1em; }

#forum table { width: 100%; }

#forum td { padding: 0.5em 0.5em 0.5em 0.5em; }

#forum td.forum, #forum td.posts { background-color: #eee; }

#forum td.topics, #forum td.last-reply { background-color: #ddd; }

#forum td.container { background-color: #ccc; }

#forum td.container a { color: #555; }

#forum td.statistics, #forum td.settings, #forum td.pager {
	height: 1.5em;
	border: 1px solid #bbb;
}

#forum td .name { color: #96c; }

#forum td .links {
	padding-top: 0.7em;
	font-size: 0.9em;
}

#profile .profile {
	clear: both;
	border: 1px solid #abc;
	padding: .5em;
	margin: 1em 0em 1em 0em;
}

#profile .profile .name { padding-bottom: 0.5em; }

.block-forum h3 { margin-bottom: .5em; }

.calendar a { text-decoration: none; }

.calendar td, .calendar th {
	padding: 0.4em 0;
	border-color: #888;
}

.calendar .day-today { background-color: #69c; }

.calendar .day-today a { color: #fff; }

.calendar .day-selected {
	background-color: #369;
	color: #fff;
}

.calendar .header-week { background-color: #ccc; }

.calendar .day-blank { background-color: #ccc; }

.calendar .row-week td a:hover {
	background-color: #fff;
	color: #000;
}

/*----------block stuff ----------*/

#left .block-title {
color: #333;
font-size:1.2em;
margin: .5em 0 0 0;
padding:0;
}

#left .form-item {
margin: .25em 0;
}
/* ------------------- block-user-0 ----------------- */
#block-user-0 .item-list {
	margin-top:10px;
	text-align:left;
	padding:4px 0 0 0;
}
#block-user-0 .item-list ul  { 
list-style-type:none; 
margin:0 0 0.25em 0;
padding:0;
}
#block-user-0 .item-list ul li { 
list-style-type:none; 
margin:0 0 0.25em 0;
padding:0;
}

.user_profile label { font-weight:bold; }

.user_profile .fields { margin:1.4em 0; }

/* sidebar menu
--------------------------------------------------*/

#right li.collapsed, #right li.leaf {
	padding:0;
	line-height:1.8em;
}

#right .collapsed a, #right .leaf a {
	display:block;
	padding:4px;
	height:1%; /* IE WIN */
	text-decoration:none;
	border-bottom:1px dotted #E0E4E7;
	color:#000;
}

*html #right .collapsed a, #right .leaf a { border-bottom:1px solid; }

#right .collapsed a:hover, #right .leaf a:hover {
	background-color:#98ABB8;
	color:#fff;
	text-decoration:none;
}

/* -------------- table view ------------------------- */
thead th {
	background:#DAC1E8;
	border-bottom:1px solid #CCA8DF;
	padding:11px 5px;
}
 table {
 overflow: visible;
}
tr.odd, tr.even  {
	padding:8px 5px;
	border:1px solid #CCA8DF;
}

tr.odd td {
	background:#E9DAF1;
}

tr.even td {
	background:#F1E8F7;
}
form tr:hover td, form tr:focus td {
	background:#E3D1ED;
}

tr.odd td.active { background:#E6F2CE; }

tr.even td.active { background:#D1E8A4; }


.pager { margin-bottom:15px; }

table.category td.category {
	border-bottom:1px solid #CCA8DF;
	padding:5px;
	margin:5px;
}
table.category tr:hover td, table.category tr:focus td,
table.category-products tr:hover td, table.category-products tr:focus td {
	background:#E3D1ED;
}

/* sidebar menu
--------------------------------------------------*/


#left  {
/*   font-family:Georgia,"Times New Roman",Times,serif; 
font-size: 1.1em;
*/
}
/*
*/
#left li.collapsed, #left li.leaf, #left li.expanded { /* IE8 Hack hierzu */
	padding:0;
	position: relative;
	width: auto;
	height:1%; /* IE WIN */
	line-height: 1.8em;
	border: 1px solid #F9FAFA ;
}

#left .collapsed a, #left .leaf a, #left li.expanded a {
	display:block;
	padding:4px;
	text-decoration:none;
	border: 1px solid #F9FAFA ;
	position: relative;
	width: auto;

}
#left li.expanded a.active {
	border: 1px solid #F9FAFA ;
}
#left .collapsed a:hover, #left .leaf a:hover, #left li.expanded a:hover {
	background-color:#E3D1ED;
	color:#222;
	text-decoration:none;
}


/* Tabs if logged in
--------------------------------------------------*/
.tabs {
	margin: 1.5em 0;
}


/* User Logged In Stuff
--------------------------------------------------*/
.profile {
clear:none;
margin:1em 0;
}