/*
Theme Name: Safari Theme
Description: Inspired by Mac OS X Leopard & Safari.
Version: 1.0
Author: Matthias Einig
Author URI: www.matthiaseinig.de
Tags: flexible width, two columns, widgets, apple, mac, white, grey

	
*/

/* Reset
-------------------------------------------------------------------*/
* { padding: 0; margin: 0; 
 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Geneva, Sans-Serif; 
}
ul, ol { list-style: none; list-style-position: inside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img { border: none; }


/* Body
-------------------------------------------------------------------*/
body { 
	font: 12px;
 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Geneva, Sans-Serif; 
	color: #333; 
	background: #ffffff; 
}

h1, h2, h3, h4, h5,h6 { font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Geneva, Sans-Serif; font-weight: normal; color: #333; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }

h1 span { color: #999; }

a { color: #333; text-decoration: none; }
a:hover { color: #555; text-decoration: underline; }

p { margin-bottom: 10px; }

input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }

blockquote { 
	font: italic 14px/22px Georgia, Serif; 
	padding: 5px 10px;
	margin-bottom: 20px;
	background: #eef3f7; 
}



/* Container
-------------------------------------------------------------------*/
#container { 
	width: 100%; 
	padding-bottom: 10px; 
	margin: 20px auto 20px auto;
	overflow: hidden; 
}
#container #wrapper { 
	width: 100%; 
	float: left; 
	overflow: hidden; 
}



/* Header
-------------------------------------------------------------------*/

#header { 
	width: 100%; 
	padding: 0px;
	margin: 0px;
	border: none;
}

#header_left{
	width: 44px;
	height: 74px;
	background: #ffffff url('images/upper_left.png') no-repeat center; 
	
}
#header_right{
	width: 44px;
	height: 74px;
	background: #ffffff url('images/upper_right.png') no-repeat center; 
	
}
#header_center{
	height: 74px; 
	background: #ffffff url('images/upper_center.png') repeat-x; 
}

#header_title{
	text-align: center;
	position: relative;
	top: 18px;
}
#header_title a { 
	color: #333; 
	text-shadow: 1px 1px 1px #fff; 
	font-size: 16px; 
	color: #333; 
	text-decoration: none; 
}
#header_title span { 
	font-size: 12px; 
	color: #777; 
}



/* Search
-------------------------------------------------------------------*/
#applesearch {
	position: relative;
	top: 0px; 
	float: right;
}


#applesearch .sbox_l  {
	/*default styling*/
}

#applesearch .sbox_r  {
	/*default styling*/
}

#applesearch .sbox input {
	/*default styling*/
	width: 180px;
	float:left;
}

#content {
	clear: both;
}



/* Navigation
-------------------------------------------------------------------*/

#nav { 
	width: 100%; 
	padding: 0px;
	margin: 0px;
	border: none;
}

#nav_left{
	width: 36px;
	background: #ffffff url('images/middle_left.png') repeat-y; 
}
#nav_right{
	width: 36px;
	background: #ffffff url('images/middle_right.png') repeat-y; 
	
}

#nav_center{

	background: url('images/menu_bg.png') repeat-x; 
	margin: 0px;
	padding: 0px;
}

#nav_center ul { 
	margin: 0px;
	margin-top: 0px;
	margin-left: 15px; 
}
#nav_center ul li { 
	display: block;
	float: left;
	width: 122px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	background: url('images/menu_separator.png') no-repeat right ; 
	height: 23px;

}
#nav_center ul li a { 
	margin: 0px;
	display:block;
	float: left;
	padding: 0px;
	padding-right: 15px; 
	vertical-align: top;
	height: 23px;
	width: 100px;
	text-shadow: 1px 1px 1px #555; 
	text-decoration: none; 
	color: #000; 
	left: -10px;
}
#nav_center ul li a img {
	position: relative;
	margin-right: 5px;
	top: 3px;
	margin-left: 5px;
}
#nav_center ul li a:hover { 
	color: #333; 
}

#nav_center ul li.current-cat{
	background: url('images/menu_sel.png') repeat-x center ; 
	left: -3px;
	position: relative;
}

#nav_center ul li.current_page_item{
	background: url('images/menu_sel.png') repeat-x center ; 
	left: -3px;
	position: relative;
}

#nav_center .page_item a{
	padding-top: 3px;
	padding-left: 10px;
}

#nav_center ul #feed{
	float: right;
	background: none;
	padding: 0px;
	margin: 0px;	
	margin-right: 2px;
	margin-top: 2px;
	text-align: right;
	
}
#nav_center ul #feed img{
	float: right;
}
#nav_center ul #feed a{
	float: right;
	display: block;
	padding: 0px;
	margin: 0px;	
}
/* Main
-------------------------------------------------------------------*/

#main { 
	width: 100%; 
	padding: 0px;
	margin: 0px;
	border: none;
}

#main_left{
	width: 36px;
	background: #ffffff url('images/middle_left.png') repeat-y; 
	
}
#main_right{
	width: 36px;
	background: #ffffff url('images/middle_right.png') repeat-y; 
	
}
#main_center{
	overflow: hidden;
}

/* Columns
-------------------------------------------------------------------*/
#columns{
	width: 100%;
		
}

#columns #col_small{
	width: 1%;
	vertical-align: top;
}
#columns #col_full{
	width: 99%;
	vertical-align: top;
}
/* Content
-------------------------------------------------------------------*/
#content { 
	width: 100%px; 
	padding: 15px; 
	background: #fff; 

}

#content .post { 
	margin-bottom: 20px; 
}

#content .post table.post_title{ 
		width: 100%;
}
#content .post img.post_title_icon{
	float: left;	
	margin-right: 5px;
}
#content .post td.post_title_left{ 
	width: 6px;
	height: 75px;
	background: url('images/title_left.png') no-repeat center; 
}

#content .post td.post_title_center{ 
	height: 75px; 
	background: url('images/title_center.png') repeat-x; 
}

#content .post td.post_title_right{ 
	width: 6px;
	height: 75px;
	background: url('images/title_right.png') no-repeat center; 
}

#content .post h1.post-title { 
	color: #222;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	line-height: 50px;
	background-image: none;
}
#content .post h1.post-title a { 
	text-decoration: none;
	color: #333;
	width: 100%;
	height: 50px;
	display: block;
}

#content .post .post-info { 
	clear: both; 
	font-size: 11px; 
	color: #777; 
	padding: 3px 5px 3px 5px; 
	margin-bottom: 20px; 
	border-top: 1px solid #bdccdc; 
	border-bottom: 1px solid #bdccdc; 
	background: #e9eff5; 
}
#content .post .post_info a { color: #333; text-decoration:none; }
#content .post .post_info a:hover { color: #555; text-decoration:none; }

#content .post table.post_info{ 
		width: 100%;
}

#content .post td.post_info_left{ 
	width: 7px;
	height: 44px;
	background: url('images/details_left.png') no-repeat center; 
}

#content .post td.post_info_center{ 
	height: 44px; 
	background: url('images/details_center.png') repeat-x; 
}

#content .post td.post_info_right{ 
	width: 7px;
	height: 44px;
	background: url('images/details_right.png') no-repeat center; 
}

#content table.archive{ 
	width: 100%;
	margin-bottom: 20px;
}

#content td.archive_left{ 
	width: 5px;
	height: 44px;
	background: url('images/archive_left.png') no-repeat center; 
}

#content td.archive_center{ 
	height: 44px; 
	background: url('images/archive_center.png') repeat-x; 
	padding-left: 10px;
	vertical-align: middle;
}

#content td.archive_right{ 
	width: 5px;
	height: 44px;
	background: url('images/archive_right.png') no-repeat center; 
}
#content table.archive h1{ 
	color: #fff;
	display: inline;
	line-heigth: 44px;
}
#content table.archive span{ 
	color: #BBB;
}
#content .post p{
	margin-left: 5px;
	margin-right: 5px;	
}

#content #pages { text-align: center; }
#content #pages a { font: bold 20px "Trebuchet MS"; color: #414d4c; text-decoration: none; }
#content #pages a:hover { color: #1e2726; }

#content ul, ol, dl { margin-bottom: 20px; }
#content ul { 
	list-style: disc;
	list-style-position: inside; 
}
#content ol { 
	list-style: decimal; 
	list-style-position: inside; 
}
#content dl dt { 
	font-weight: bold;
}
#content dl dd { 
	font-style: italic;
	margin: 0 0 5px 20px;
	color: #555;
}

.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }



/* Comment Form
-------------------------------------------------------------------*/
#commentform { 
	background: #fff; 
	color: #555; 
}
#commentform p { margin-bottom: 7px; }
#commentform textarea { 
	width: 100%; 
	border: 1px solid #aaa; 
	height: 120px;
}
#commentform input.text { 
	width: 100%; 
	border: 1px solid #aaa; 
	margin-right: 10px; 
	padding: 3px 3px; 
}
#commentform input#submit { padding: 3px 10px; }



/* Comments
-------------------------------------------------------------------*/
#comments .comment { 
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden; 
	padding-bottom: 5px; 
	border-bottom: 1px solid #ddd;
}
#comments .comment .comment-avatar { 
	width: 50px; 
	float: right; 
	padding: 5px 7px; 
}

#comments .comment .comment-content { 
	width:100%;
	float: left; 
	padding: 0px 0px; 
}
#comments .comment .comment-content a { color: #444; }

#comments .comment .comment-info { 
	font-size: 11px;
	color: #777;
	margin-bottom: 5px; 
}
#comments .comment .comment-info span {
	font: bold 20px "Trebuchet MS", Helvetica, Arial, Geneva;  	
	padding-right: 10px; 
	margin-bottom: 5px;
}
#comments .comment .comment-info a { 
	color: #444; 
	text-decoration: none;
}



/* Sidebar
-------------------------------------------------------------------*/
#sidebar { 
	font-size: 11px; 
	color: #555; 
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 15px;
	padding-top: 0px;
	width: 184px;
}
#sidebar h3 { 
	font: bold 12px Verdana; 
	color: #333; 
}

#sidebar a { color: #333; text-decoration: none; }
#sidebar a:hover { color: #777; }

#wpcumuluswidgetcontent{
	padding: 0px 1px;
}

#sidebar .sidebar { font-size: 11px; color: #666; }
#sidebar .sidebar p,
#sidebar .sidebar ul,
#sidebar .sidebar h4 { font-size: 11px; line-height: 14px; }
#sidebar .sidebar p,
#sidebar .sidebar ul { margin-bottom: 8px; }

/* DRAWERS */
#sidebar ul.drawers { margin: 0; padding-bottom: 2px;}
#sidebar .slider .drawer-handle { color: #333; font-size: 12px; padding: 5px 0; text-indent: 15px; width: 100%; background: #939393 url(images/slider_handlebg.png) 0 0 no-repeat; cursor: default; 
position: relative;

width: 184px;}
#sidebar .slider .drawer-content { display: block;  height: auto; }
#sidebar .slider h3.open { background-color: #72839d; background-position: -184px 0; color: #fff; font-weight: normal;}
#sidebar .slider ul, #sidebar .slider ol{
	margin: 0px;
}
#sidebar .slider a{
	color: rgb(102, 102, 102);
}
#sidebar .slider a:hover{
	color: #444;
}
#sidebar .slider ul li a, #sidebar .slider ol li a{
background-image: url(images/box_linkarrowgrey.png);
background-position: 15px 0px;
background-repeat: no-repeat;
color: rgb(102, 102, 102);
display: block;
height: 14px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 4px;
padding-left: 15px;
padding-right: 15px;
padding-top: 0px;
text-decoration: none;
width: 143px;
}
#sidebar .slider ul li a:hover, #sidebar .slider ol li a:hover{
background-image: url(images/box_linkarrowgrey.png);
background-position: -169px 0;
}
#sidebar .slider li.widget{
	display: inline;
}

/* BOXES */
#sidebar .box { /*overflow: hidden;*/ position: relative; }
#sidebar .sidebar .box { background: url(images/box_184bgrep.png) repeat-y; }
#sidebar .box h2 { text-indent: -9999px; height: 25px; overflow: hidden; position: relative; margin-bottom: 0; }
#sidebar .box h2 a { display: block; position: absolute; height: 25px; width: 100%; background: url(images/box_linkarrow.png) 95% 50% no-repeat; }
#sidebar .padder { padding: 0 15px; }
#sidebar .boxcap { height: 5px; width: 100%; position: absolute; z-index: 100; bottom: 0; _bottom: -10px; left: 0; background: url(images/box_184capbottom.png) no-repeat; behavior:url(iepngfix.htc); }
#sidebar .sidebar .captop { bottom: auto; top: 0; background-image: url(images/box_184captop.png); }
#sidebar .boxcap { height: 5px; width: 100%; position: absolute; z-index: 100; bottom: 0; _bottom: -10px; left: 0; background: url(images/box_184capbottom.png) no-repeat; behavior:url(iepngfix.htc); }
#sidebar .captop { bottom: auto; top: 0; background-image: url(images/box_184captop.png); }

/* Calendar */
#sidebar .block #calendar_wrap .pad { background: none; }
#sidebar .block #calendar_wrap #prev { background: none; }
#sidebar .block #calendar_wrap #next { background: none; }
#sidebar .block #calendar_wrap table { width: 100%; margin: 0;padding: 0;}
#sidebar .block #calendar_wrap table th { width: 14.2%; }
#sidebar .block #calendar_wrap table td { width: 14.2%; background: #fafafa; text-align: center; color: #888; }
#sidebar .block #calendar_wrap table td a { font-weight: bold; }

/* Breadcrumb
-------------------------------------------------------------------*/
#breadcrumb { 
	width: 100%;
	height: 35px;  
	padding: 0px;
	margin: 0px;
	border: none;
	margin-bottom: 15px;
}

#breadcrumb_left{
	width: 5px;
	height: 35px;
	background: #ffffff url('images/breadcrumb_left.png') no-repeat center; 
	
}
#breadcrumb_right{
	width: 5px;
	height: 35px;
	background: #ffffff url('images/breadcrumb_right.png') no-repeat center; 
	
}
#breadcrumb_center{
	height: 35px; 
	background: #ffffff url('images/breadcrumb_center.png') repeat-x; 
}
#breadcrumb_center ol{
	color: rgb(68, 68, 68);
	font-size: 11px;
	font-weight: bold;
	height: 36px;
	line-height: 34px;
	list-style: none;
	margin: 0px;
	text-shadow: rgb(255, 255, 255) 2px 2px 1px;
	overflow: hidden;
}
#breadcrumb_center ol li{
	display: list-item;
	float: left;
	white-space: nowrap;
	height: 34px;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	background: url('images/breadcrumb_sep.png') no-repeat;
}
#breadcrumb_center ol li.breadcrumb_home{
	background: none;
	padding-left: 5px;
	padding-right: 5px;
}


#breadcrumb_center ol li a{
	color: rgb(51, 51, 51);
	display: block;
	float: left;
	height: 34px;
	margin-left: -10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	position: relative;
	text-decoration: none;
}

/* Footer
-------------------------------------------------------------------*/
#footer { 
	width: 100%; 
	padding: 0px;
	margin: 0px;
	border: none;
}

#footer_left{
	width: 67px;
	height: 75px;
	background: #ffffff url('images/lower_left.png') no-repeat center; 
	
}
#footer_right{
	width: 67px;
	height: 75px;
	background: #ffffff url('images/lower_right.png') no-repeat center; 
	
}
#footer_center{
	height: 75px; 
	background: #ffffff url('images/lower_center.png') repeat-x; 
	vertical-align: top;
}

#footer_title, #footer_title a{
	text-align: center;
	vertical-align: top;
	font-size: 12px; 
	color: #333; 
	text-decoration: none; 
	padding-top: 4px;
}