/* 1. Generic */
/* ---------------------------------------------------------------- */

.sub .section {
	clear: both;
	padding-top: 20px;
	background: url(i/SideSecTitle.png) no-repeat 44px 0;
}
.sub .section,
.sub .subsection {
	margin-top: 24px;
	padding-left: 7px;
}

.sub h2 {
	height: 20px;
	padding-right: 26px;
	padding-bottom: 10px;
	text-decoration: none;
	direction: rtl;
	text-align: right;
}

.sub h3 {
	padding: 10px 30px 0 16px;
	font-size: 13px;
	line-height: 18px;
	color: #543F8F;
	font-weight: normal;
}

.sub p {
	padding: 8px 30px 0 16px;
}

.sub ul {
	margin: 0;
	padding: 0;
}
.sub li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	direction: rtl;
	padding: 6px 24px 6px 16px;
}

/* Link List */
.sub li a {
	display: block;
	padding: 6px 24px 6px 16px;
	direction: rtl;
	text-align: right;
}
.sub li.odd { background: url(i/SideDescBack.png) repeat-y 0 0 }
.sub li.odd a { background: url(i/SideDescShadow.png) no-repeat 0 0 }
.sub li.even { background: transparent }
.sub li.even a { background: url(i/SideDescHighlight.png) no-repeat 0 0 }
/* Text List */
.sub .notes .odd { background: url(i/SideDescBack.png) repeat-y 0 0 }
.sub .notes .odd h3 { background: url(i/SideDescShadow.png) no-repeat 0 0 }
.sub .notes .even { background: transparent }
.sub .notes .even h3 { background: url(i/SideDescHighlight.png) no-repeat 0 0 }
.sub .notes a {
	padding: 6px 0 0 0;
	background: none !important;
	text-decoration: underline;
}
.sub .notes li h3 {
	padding-bottom: 8px !important;
}

li.current-cat a {
	color: #473E2B !important;
}
li.current-cat a:hover,
li.current-cat a:active {
	text-decoration: none;
}

.casedesc {
	padding-bottom: 12px;
	border-top: 1px solid #C9C4B3;
	background: url(i/SideDescBack.png) repeat-y 0 0;
}

/* Introduction */
#intro h2 {
	height: 22px ! important;
	background: url(i/CapAbout.gif) no-repeat 16px 0;
}
#intro p {
	padding-top: 0;
}
#intro p.refmore {
	padding-top: 6px;
	text-align: right;
}
#intro a.more-link {
	padding: 11px 0 13px 32px;
	background: url(i/RefText.png) no-repeat 0 0;
	font-size: 11px;
	line-height: 11px;
}
#intro a.more-link:active,
#intro a.more-link:hover {
	background: url(i/RefText.png) no-repeat 0 -40px;
}

/* Featured Project */
#sideshowcase h2 {
	background: url(i/CapFeatured.gif) no-repeat 16px 0;
}

/* Category List */
#categorylist h2 {
	background: url(i/CapCategories.gif) no-repeat 16px 0;
}

/* Side Bookmarks */
#bookmarklist h2 {
	/*background: url(i/CapBookmarks.gif) no-repeat 16px 0;*/
}
#bookmarklist ul {
	margin: 0;
	padding: 0;
}
.delicious-posts {
	padding: 0;
}
.delicious-posts li {
	margin: 0;
	padding: 0;
	list-style: none;
}
li.delicious-post a.delicious-link {
	display: block;
	padding: 6px 24px 6px 16px;
}
li.delicious-odd { background: url(i/SideDescBack.png) repeat-y 0 0 }
li.delicious-odd a.delicious-link { background: url(i/SideDescShadow.png) no-repeat 0 0 }
li.delicious-even { background: transparent }
li.delicious-even a.delicious-link { background: url(i/SideDescHighlight.png) no-repeat 0 0 }

/* About the Author */
#aboutkei h2 {
	background: url(i/CapAuthor.gif) no-repeat 16px 0;
}

/* RSS Feed */
#additionallist p.refrss {
	height: 35px;
	padding-left: 0 ! important;
}
#additionallist p.refrss a {
	padding: 11px 0 13px 32px;
	background: url(i/RefRSS.png) no-repeat 0 0;
	font-size: 11px;
	line-height: 11px;
}
#additionallist p.refrss a:active,
#additionallist p.refrss a:hover {
	background: url(i/RefRSS.png) no-repeat 0 -40px;
}

/* Side Navigation */
#sidenavigation h2 {
	background: url(i/CapNavigation.gif) no-repeat 16px 0;
}

/* Side Notes */
#sidenotes h2 {
	background: url(i/CapNotes.gif) no-repeat 16px 0;
}
#sidenotes { line-height: 150% }
#sidenotes p { padding: 0 30px 10px 16px }

/* More Features */
#morefeatures h2 {
	background: url(i/CapMoreFeatures.gif) no-repeat 16px 0;
}
#morefeatures { line-height: 150% }
#morefeatures p { padding: 0 30px 10px 16px }