body {
background: #333333;
color: #6d6d6d;
line-height: 1.5;
font-size: .85em; /* Resets 1em to 10px */
font-family: Helvetica, Arial, sans-serif;
font-weight:normal;
margin: 15px 30px 0 15px;
padding: 0;
direction:rtl;
text-align: center;
}

code {
font:115% monospace;
}

a {
color: #2175BC;
text-decoration: none;
}

a:hover {
color: #FF7400;
}

img {
border: 0;
}

h1, h2, h3 {
font-size: 1.5em;
font-weight: normal;
letter-spacing: -1px;
margin: 0;
color: #FF7400;
}

#wrap {
margin: 0 auto;
text-align: right;
width: 1000px;
border: solid 1px #dbdcd7;
}

#sidetab ul {
list-style-type: none;
margin: 0;
margin-top: 15px;
padding: 0;
}

#sidetab ul li {
border-bottom: 0;
margin-bottom: 0;
padding: 0;
}

#sidetab a {
background: url(images/bg_sidetab.gif) no-repeat;
display: block;
height: 60px;
padding-bottom: 6px;
width: 25px;
}

#sidetab a:link, #navlist a:visited {
color: #555;
text-decoration: none;
}

#sidetab a:hover {
background: url(images/bg_sidetab.gif) no-repeat 0 -70px;
color: #fff;
}

#sidetab .sidetab_alt a {
background: url(images/feed.gif) no-repeat;
height: 25px;
}

#sidetab .sidetab_alt a:hover {
background: url(images/feed.gif) no-repeat 0 -35px;
}

/* Posts */
#contentwrapper{
float: right;
width: 100%;
background: #FFFFFF;
}

#content {
/* font-size: 1em; */
letter-spacing: .07em;
margin-left: 350px;
margin-right: 10px;
overflow:hidden;
padding: 15px 15px 10px 20px;
background: #ffffff;
margin-top: 15px;
}

.entrytitle h2 {
font-size: 2.2em;
line-height: 1em;
}

.entrytitle h2 a {
color: #B4C24B;
}

.entrytitle h2 a:hover {
color: #58BBEB;
}

.entrytitle h3 {
color: #999;
font-size: 1.8em;
}

.entry {
margin-bottom: 3em;
}

.entry h2 {
	color: #FF7400;
}

.entry img
{
	border: solid 1px #D9D9D9;
	background: #ffffff;
	padding: 4px;
}

.entry blockquote {
color: #666;
margin: 0 30px 20px 30px;
padding: 0 10px 0 0 ;
border: 2px solid #fff;
border-right: 2px solid #C3D9FF;
}

.blueish
{
    border: 1px solid #E8E8E8; padding-right: 20px; background-color: #FAFAFA;
}

.entrymeta {
margin-top: 1em;
}

.commentmeta {
float: right;
background: #fff url(images/comment.gif) no-repeat right;
padding-right: 20px;
}

.commentrss {
float: right;
background: #fff url(images/rss.gif) no-repeat right;
margin-right: 30px;
padding-right: 20px;
}

.navigation {
padding-bottom: 20px;
}

.alignright {
float: left;
}

.alignleft {
float: right;
}

/* Sidebar */
#sidebar_right {
float: right;
margin-right: -340px;
margin-top: 15px;
}

.sidebar 
{
background: #ffffff;
width: 310px;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-size: 0.80em;
margin: 0 0 10px 0;
padding: 5px 15px 10px 5px;
}

.sidebar h2 {
color: #FF7400;
font-size: 1.8em;
margin: 0.1em 0 0.3em 0;
}

.sidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.sidebar ul li 
{
direction:rtl;
border-bottom: 1px dotted #ddd;
margin-bottom: 0.3em;
padding: 0.3em;
}

.sidebar ul li ul{
color: #CDEB8B;
list-style-type: square;
margin-right: 1.5em;
padding: 0;
border: 0;
}

.sidebar ul li ul li {
border:0;
}

.searchinput {
border: 1px solid #C3D9FF;
padding: 3px;
width: 135px;
}

.searchbutton {
background-color: #CDEB8B;
border: 1px solid #C3D9FF;
margin:0 ;
padding: 2px;
}

#socialbookmarks 
{
top: 0px;
left:0px;
position:relative;
float:left;
background: #ffffff url("images/subscribe_bg.gif") top left no-repeat;
width: 310px;
height: 70px;
font-size: 0.85em;
border: 0;
margin: 0 0 10px 0;
padding: 10px 15px 10px 5px;
}

#aboutme ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#aboutme ul li{
direction:rtl;
border-bottom: 1px dotted #ddd;
margin-bottom: 0.3em;
padding: 0.3em;
border: 0;
}

#aboutme ul li a
{
border: 0;
color: #555;
}

#aboutme ul li a:hover{
border: 0;
font-weight:bolder;
}

#aboutme img{
border: 0;
float: right;
padding-left: 15px;
}

#navcontainer {
margin: 0 0 15px 0;
width: 200px;
border-top: 1px dotted #ddd;
}

#navcontainer ul {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
list-style-type: none;
margin-right: 0;
padding-right: 0;
letter-spacing: 3px;
}

#navcontainer ul li {
border-bottom: 0;
margin-bottom: 0;
padding: 0;
}

#navcontainer a {
background: #fff url(images/menu.gif) no-repeat;
border-bottom: 2px solid #eee;
display: block;
height: 20px;
padding: 7px 35px 3px 3px;
width: 160px;
}

#navcontainer a:link, #navlist a:visited {
color: #4096EE;
text-decoration: none;
}

#navcontainer a:hover {
background: url(images/menu.gif) no-repeat 100% -35px;
color: #fff;
}

#logo{
color: #4096EE;
/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
/* font-size: 50px; */
font-weight: bold;
letter-spacing: -2px;
line-height: 1;
background: #ffffff;
border: solid 1px #dbdcd7;
}

#logo h3 a{ 
color: #CDEB8B;
}

#logo h3 a:hover {
color: #FF7400;
}

#logo a {
color: #fff;
}

#logo h3 a.logoalt {
color: #4096EE;
}

#logo h3 a.logoalt:hover {
color: #FF7400;
}

/* Navigation Bar*/
#navbar
{
	padding:0;
	background:#fff;
	height: 39px;
	font-size: .90em;
	border-bottom: solid 1px #dbdcd7;
}

#nav-item {
	width: 700px;
	padding: 0;
	margin: 0;
}

#nav-item ul {
	list-style: none;
	}

#nav-item li {
	float:right;
	list-style:none;
	display:block;
	border-left:1px solid #eeeeee;
	background:#fff;
	}

#nav-item li:hover {
	background: #333333;
	}

#nav-item a, #nav-item a:visited {
	margin: 0px;
	padding:10px 16px;
	font-weight:bold;
	color: #333333;
	display:block;
	}

#nav-item a:hover {
	text-decoration:none;
	display:block;
	color: #ffffff;

}


/* Comments */
.commentsblock textarea {
width: 35em;
}

.commentsblock input, .commentsblock textarea {
border: 1px solid #d1d1d1;
}

.commentsblock textarea:focus {
background: #eee;
border: 1px solid #a1a1a1;
}

.commentsblock textarea:focus, .commentsblock input:focus {
background: #eee;
border: 1px solid #a1a1a1;
}

ol.commentlist {
color: #666;
list-style-type: none;
margin: 0;
margin-top: 1.5em;
padding: 0;
}

.commentlist li {
margin-bottom: 2em;
padding: 0.5em 1em;
}

.alt1 {
background: #f9f7ed;
border: 1px solid #f9f7ed;
padding: 0.5em;
border-right: 10px solid #CDEB8B;
}

.alt2 {
background: #f9f7ed;
border: 1px solid #f9f7ed;
padding: 0.5em;
border-right: 10px solid #C3D9FF;
}

h3#comments {
font-size: 1.6em;
}

/* Footer */

#footer 
{
width: 1000px;
text-align:center;
border: solid 1px #dbdcd7;
background: #DEDDCF;
color: #999;
margin: 0 auto;
padding: 25px 0 5px 0;
}

.dp-highlighter
{
	font-family: "Consolas", "Courier New", Courier, mono, serif;
	font-size: 12px;
	background-color: #E7E5DC;
	width: 99%;
	overflow: auto;
	margin: 18px 0 18px 0 !important;
	padding-top: 1px; /* adds a little border on top when controls are hidden */
	text-align: left;
	direction: ltr;
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span 
{
	margin: 0;
	padding: 0;
	border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.dp-highlighter .bar
{
	padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
	padding-left: 0px;
}

.dp-highlighter ol
{
	list-style: decimal; /* for ie */
	background-color: #fff;
	margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px;
	color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
	list-style: none !important;
	margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
	list-style-position: outside !important;
	border-left: 3px solid #6CE26C;
	background-color: #F8F8F8;
	color: #5C5C5C;
	padding: 0 3px 0 10px !important;
	margin: 0 !important;
	line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
	border: 0;
}

.dp-highlighter .columns
{
	background-color: #F8F8F8;
	color: gray;
	overflow: hidden;
	width: 100%;
}

.dp-highlighter .columns div
{
	padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
	background-color: #FFF;
	color: inherit;
}

.dp-highlighter ol li span
{
	color: black;
	background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
	margin: 0px;
}

.dp-highlighter.collapsed ol li
{
	display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
	border: none;
}

.dp-highlighter.printing .tools
{
	display: none !important;
}

.dp-highlighter.printing li
{
	display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
	padding: 3px 8px 3px 10px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: silver;
	background-color: #f8f8f8;
	padding-bottom: 10px;
	border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
	border-left: 0;
}

.dp-highlighter.collapsed .tools
{
	border-bottom: 0;
}

.dp-highlighter .tools a
{
	font-size: 9px;
	color: #a0a0a0;
	background-color: inherit;
	text-decoration: none;
	margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
	color: red;
	background-color: inherit;
	text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}

.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: solid 1px #dddddd;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 border-bottom: none;
 text-decoration: none;
 font-size: 150%;
}


ul.tabbernav li a:hover
{
 border-top: solid 2px #dddddd;
 border-right: solid 2px #dddddd;
 border-left: solid 2px #dddddd;
}

ul.tabbernav li.tabberactive a
{
 border-top: solid 2px #dddddd;
 border-right: solid 2px #dddddd;
 border-left: solid 2px #dddddd;
}

ul.tabbernav li.tabberactive a:hover
{
 border-top: solid 2px #dddddd;
 border-right: solid 2px #dddddd;
 border-left: solid 2px #dddddd;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}