/*
Theme Name:		Crystal 
Theme URI:		http://xfep.com
Description:	A simple, dark two column WordPress theme
Version:		1.0
Author:			David Peralty
Modified by:	Buddhi De Silva/nomannickrab.com
Author URI:		http://xfep.com
*/

html,body,h1,ul,li,a,p,div,h4,h2,span,h3,img,fieldset,form,button,input,acronym {margin:0; padding:0; border:0;}

body,#footer {text-align:center;}
body {background: repeat-x top #FFFFFF url("images/header.png"); color:#444444;}

#wrapper {width:900px; margin:0 auto;}
#wrapper,#wrapper2,#search {font:0.9em Georgia, "Times New Roman", Times, serif; text-align:left; line-height:1.5em;}
#wrapper2 {height:50px; width:800px; margin:0 auto; padding-top:20px;}

#ribbon {display:block;top: 0px;left:730px;width:120px;height:0px;overflow:visible;position:relative;}

#header {display:block; width:900px; height:165px;}
h1 {font-size: 2.2em; font-weight: 100; color: #fff;}
h1 a {color: #fff;}

#navigation {float:left; position: relative; height: 41px; overflow: visible; display:inline;}
#navigation ul {height: 41px; margin-left:40px; line-height: 41px;}
.nav-link {float:left; margin-top:0px; margin-right:25px;color:#1b2c34;text-transform:lowercase;}
#navigation p {color:#FFFFFF;position:absolute;right:3em;top:14px;}
#active {color:#fff;}

#main-content {padding:35px 0 0 0;}
#main-content h3 { font-size:1.2em; color:#880000; margin-bottom:5px;}
#major-column {margin:0 30px 0 50px; width:497px; float:left;}
#major-one-column {margin:0 30px 0 50px; width:750px; float:left;}

#sidebar {width:242px; margin-left:30px; float:left;}
.clearing {display:block; clear:both;}

.post-date,.post-comments {float:left;}
.post-date {margin-right:18px;}
.post-date {color:#555555; font-weight:normal;}
.post-comments {display:block; padding-left:19px; color:#888888;}
.post-comments {font-weight:normal;}
.post h2 {clear:both; padding-top:4px; margin-bottom:5px;font:bold 2em Georgia, "Times New Roman", Times, serif; font-weight:normal;}
.post h2 a {text-decoration: none;}
.post p {margin-bottom:16px;line-height:1.6em;}
.post {margin-bottom:60px;}
.post-title {width:560px;display:block; padding:0 0 10px 0; margin:0 0 0 0;}
.post-date,.post-comments,#sidebar h3 {font:normal 0.8em Georgia, "Times New Roman", Times, serif;}
.post ul {list-style-type:disc; margin-left: 15px; line-height: 20px;}
.post li {padding-left: 15px;}

.img-padding-all {padding:4px 4px 4px 4px;}
.img-padding-left {padding-left:4px;}
.img-padding-right {padding-right:4px;}

#about-me img {float:left; margin-right:10px; margin-top:3px;}
#sidebar h3 {margin-bottom:5px;}
#about-me,#interesting-links,#site-search {margin-bottom:34px;}
#about-me p,#interesting-links li {line-height:17px;}
#interesting-links li,.categories-list li {padding-left:20px;}
#interesting-links li {margin-bottom:13px;}
.categories-list li {margin-bottom:8px;}
#search {width:160px; height:21px; float:left; padding:5px 0 0 5px; margin-right:5px;}

#button {text-indent:-5000px;}
#button {display:block; width:67px; height:30px;}
#button {background:#578498 url("images/search.png") no-repeat 0 0;}
#button:hover {background-position:-67px 0;}

#legal {margin:30px 30px 0 50px; width:497px; float:left;}
#feeds {width:242px; margin:30px 50px 0 30px; float:left;}
#legal li,#feeds li {float:left; margin-right:25px;}
#feeds li {padding-left:18px;}

ul {list-style-type:none; margin-bottom: 20px;}
a {text-decoration:none;}
blockquote{color: #eee; padding-left: 15px; font-size:11px; margin-left: 5px; border-left: 3px solid #eee;}

#main-content a,#footer a {color:#550000;}
#main-content a:hover,#footer a:hover,.nav-link:hover {color:#550000;}
.post-date,.post-comments,#sidebar h3 {color:#376174;}
.post-comments {background:url("images/comment.png") no-repeat 0 50%;}
.post-category {color:#666;}

#interesting-links li,.categories-list li {background:url("images/bullet.gif") no-repeat 0 5px;}
.categories-list .children li { margin: 5px 0px 0px 0px;list-style-type: none; font-size: 11px; letter-spacing: -1px;}


#search {background-color:#ccc; border:2px solid #AAAAAA;}



/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */

.Comments { padding: 0px; margin: 20px 0px 0px 0px;}
.Comments .List h3 { color: #999; font-size: 14px; letter-spacing: -1px; border-bottom: dashed 1px #fff; padding: 5px 0px 5px 0px; margin: 0px; }
.Comments .List ol { padding: 10px 0px 0px 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 0px; margin: 0px; list-style-type: none; font-size: 11px; position: relative;}

/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */

/*\ IE/Win min height hack */ * html .Comments .List .ListNr { left: 0px;} /* */ 
.Comments .List .ListNr { color:#fff; position: absolute; top: 15px; font-size: 18px; line-height: 14px; font-family: "Trebuchet MS"; font-weight: normal; letter-spacing: -1px; width: 15px; height: 15px; padding: 5px; text-align: center; border: solid 1px #AAAAAA; background: #BBBBBB;}
.Comments .List .ListUser { margin: 0px; padding: 0px 0px 0px 35px; font-size: 14px; line-height: 14px; font-family: 'Arial'; letter-spacing: -1px;}
.Comments .List .ListUser a { text-decoration: none;}
.Comments .List .ListUser a:visited { text-decoration: none;}
.Comments .List .ListUser a:hover { text-decoration: none;}

.Comments .List .ListDate { color:#8c97a1; padding: 0px 0px 0px 35px; margin: 0px 0px 0px 0px; font-size: 10px; }
.Comments .List .ListDate a { color:#8c97a1; text-decoration: none;}
.Comments .List .ListDate a:visited { text-decoration: none;}
.Comments .List .ListContent { color:#999; font-size: 11px; line-height: 14px; border-top: solid 1px #c5cad0; margin: 10px 0px 0px 0px;}
.Comments .List .ListContent p { padding: 3px 0px; margin: 3px 0px; font-size: 11px; line-height: 14px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form {}
.Comments .Form h3 { color: #999; font-size: 14px; letter-spacing: -1px; border-bottom: dashed 1px #fff; padding: 15px 0px 5px 0px; margin: 0px; }

.Comments .FormTop { width: 500px; height: 5px; display: block;}

.Comments .Form form { padding:0 0 0 0; margin: 0px;}
.Comments .Form p { padding: 3px 0px; margin: 0px; font-size: 11px; color:#7aaac0;}
.Comments .Form p label { padding-bottom: 11px; display: block;}
.Comments .Form p label small { font-size: 11px; color:#444444;}

.Comments .Form .Note {  margin: 5px 0px; width: 395px;}
.Comments .Form .Note small { font-size: 10px;}
.Comments .Form .TextField { background: #fff url(images/bg_grey.png) top repeat-x; border: solid 1px #DDDDDD; padding: 5px; font-size: 12px; margin-right: 20px; color:#40454b;}
.Comments .Form .TextArea { background: #fff url(images/bg_grey.png) top repeat-x; border: solid 1px #DDDDDD; padding: 5px; font-size: 12px; color:#40454b;}

.Comments .Form input.SubmitComment { width: 150px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 7px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; }
.Comments .Form input.SubmitCommentIE { width: 150px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 7px; }

#footer {background:url(images/footer.png) repeat-x bottom;}
#footer-misc {font-size:0.8em; color:#BBBBBB;}
#footer-misc a:link {color:#BBBBBB;}
#footer-misc a:visited {color:#BBBBBB;}
#feeds li {background:url() no-repeat 0 2px;}

#nav_page {position:relative; display: inline; list-style: none; font-family:Georgia, "Times New Roman", Times, serif;}
#nav_page li {display: inline; float:left;}
#nav_page li a {float: left; position: relative; display: inline; padding: 3px 8px; z-index: 100; font-size:20px; font-weight:normal; color:#550000;}
#nav_page li ul {display: none; position: absolute; left: -3px; padding: 3.45em 0 0 0; z-index: 90; margin: 0;}
#nav_page li ul li {display: block; padding: 0 3px 1px 3px; font-size:0.8em}
#nav_page li ul li.lastchild {padding-bottom: 3px;}
#nav_page li ul li a {display: block; width: 17em; padding: 2px 10px; font-weight: normal;}
#nav_page li ul li a:hover {padding-left: 7px;}
#nav_page li:hover ul {display: block;}

div#logosmall {width:200px;height:46px;float:left;margin-left:50px;margin-top:10px;margin-bottom:0;margin-right:0;position:relative;}
div#nav_bar {display:inline;position:relative;float:right;margin-right:150px;height:50px;margin-top:15px;margin-bottom:0;}

/* Start: Home page styles */
div#home_spicyblog_news .home_section_link {width:100%; display:block; background: url(images/more_grey.png) center right no-repeat; color:#555555; font-size:12px;font-weight:bold; margin-top:-3px; margin-bottom:-5px;}
div#home_spicyblog_news .home_section_link:hover {width:100%; display:block; background: url(images/more_grey.png)center right no-repeat; color:#AA0000;}

div#home_main {width:800px; height:250px; margin:50px 30px 0px 50px; overflow:hidden;}
div#home_left {width:220px; min-height:250px; margin:0 0 10px 50px; float:left; padding: 5px 5px 5px 5px;background:url(images/top_right_shade.png) left top no-repeat;}
div#home_left {font-size:1em;}
div#home_left h3 {font-size:29px; margin:0 0 0 0; padding:0 0 0 0; font-weight:normal;}

div#home_midle {width:294px; min-height:250px; margin:0 0 10px 0; float:left;padding: 5px 5px 5px 5px;}
div#home_midle h3 a {font-size:29px; margin:0 0 0 0; padding:0 0 0 0; font-weight:normal;}
div#home_midle h3 a:hover {font-size:29px; margin:0 0 0 0; padding:0 0 0 0; font-weight:normal;}
div#home_midle h4 a {font-size:36px; margin:3px 0 5px 52px; padding:0 0 0 0; font-weight:normal; color:#888888;}
div#home_midle h4 a:hover {font-size:36px; margin:3px 0 5px 52px; padding:0 0 0 0; font-weight:normal; color:#888888;}
div#home_midle p {margin:8px 10px 0 3px; color:#777777; font-size:17px; line-height:27px;}
div#home_midle p a {color:#777777;}
div#home_midle p a:hover {color:#777777;}

div#home_right {width:266px; min-height:250px; margin:0 0 10px 0; float:left;}
div#home_right {font-size:1em;}
div#home_right h3 {font-size:2em; margin:0 0 0 0; padding:0 0 0 0; font-weight:normal;}

div#home_spicyblog_news {width:256px;margin:0 0 0 0; float:left;padding: 5px 5px 5px 5px; background:url(images/title_small_spicyblog_y.png) top right no-repeat;}
div#home_spicyblog_news h3 a {font-size:18px; font-weight:bold; margin-top:-2px;}
div#home_spicyblog_news h4 a {color:#BB0000; margin-top:-6px; margin-bottom:0px; font-size:12px; background:url(images/dotted_border_horizontal.png) bottom repeat-x;}
div#home_spicyblog_news ul {font-size:12px; color:#000000; line-height:12px; margin:0 0 0;}
div#home_spicyblog_news ul li {display: block;width:100%; background:url(images/dotted_border_horizontal.png) bottom repeat-x; margin-bottom:2px; margin-top:2px; padding-bottom:4px}

.home-links {width:256px;margin:0 0 0 0; float:left;padding: 10px 0 0 5px;}
.icon-link{padding:0 0 0 0; margin:0 0 0 0; width:190px; height:38px;float:left; margin:0 0 0 0; font-size:12px; line-height:19px;}
.icon-image {padding:0 0 0 0; margin:0 0 0 0;float:right; height:38px; width:38px;}

.greenBorder {border: 1px solid #AAAAAA;}
/* End: Home page styles */

/*Start: Calendar Styles */
#calendar { padding:30px 10px 0 10px; position:relative;}
#calendar a {font-weight:bold; font-size:12px;}
#calendar td {padding:2px 4px 2px 4px ;}
#calendar caption {font-weight:bold;}
/* End: Calendar Styles */

/*Start: Spicy Blog Styles */
/*-------------*/
div#author-info { padding:30px 10px 10px 0px; color:#000000;}
div#author-info p { display:block; position:relative;font-weight:normal; color:#000000;}
div#author-info h3 {display:inline; position:relative;font-weight:normal; color:#000000;}
div#author-info a {color:#FFCC66;}
div#author-info img {float:left; margin-right: 10px;}
/*------------*/
.back-to-blog {float:left; margin-right:10px; color:#0000EE;}
h4.spicy-blog-welcome {display:inline; position:relative; color:#000000;}
#main-content-spicyblog {padding:35px 0 0 0;}
#main-content-spicyblog h3 { font-size:1.2em; color:#880000; margin-bottom:5px; margin-top:50px;}
#main-content-spicyblog a,#footer a {color:#550000;}
#main-content-spicyblog a:hover,#footer a:hover,.nav-link:hover {color:#550000;}
h1.blog{ display:block;clear:both; padding-top:4px; margin-bottom:10px; margin-left:50px;font:bold 2em Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#440000;}
h2.blog{clear:both; padding-top:4px; margin-bottom:5px;font:bold 1.5em Georgia, "Times New Roman", Times, serif; font-weight:normal;}
div#blog_main {width:560px; height:150px; margin:0 0 10px 0; overflow:hidden;}
#sidebar-spicyblog {width:210px;margin-left:30px; padding-left:30px;;float:left; background:url(images/title_small_spicyblog_y.png) repeat-x top}
#sidebar-spicyblog h3 {margin-top:20px;}
#major-column-spicyblog {margin:0 30px 0 50px; width:500px;float:left;}
.author-name { font-size:12px; margin-top:-8px; display:block; color:#BB0000;}
/*End: Spicy Blog Styles*/

/* Start: Cinnamon Category Page Styles */
div#cinnamon-top {width:800px; margin:0 0 20px 50px;}
div#cinnamon-main {width:500px; margin:0 0 0 0; float:left; padding: 5px 5px 5px 5px;}
div#cinnamon-main h3 { margin:0 0 0 0;}

div#cinnamon-info { margin-top:-15px; line-height:21px; font-size:12px; text-align:center; padding:15px 15px 0 15px; width:260px; height:200px; overflow:hidden; float:left; background:url(images/sqr_bg.png) center top no-repeat; position:relative; color:#DBA759;}
.cinnamon-info h3 { margin:5px 0 -5px 0; font-size:13px; padding:0 0 0 0;}
.cinnamon-info p { margin:-5px 0 0 0;}

div#cinnamon-left {width:250px; min-height:250px; margin:0 0 10px 50px; float:left;background:url(images/yellow_bg_left.jpg) left top no-repeat; padding: 5px 5px 5px 5px; border-right:#EED5A4 thin dashed;}
div#cinnamon-left.cinnamon-left h3 {font-size:22px; margin:3px 0 0 0; padding:0 0 25px 0; font-weight:normal; text-align:center;}
div#cinnamon-left.cinnamon-left h4 {font-size:14px; margin:5px 0 0 10px; padding:0 0 0 0; font-weight:bold; color:#440000; text-transform:uppercase; position:relative;}

.yapb-c-grades { margin-bottom:20px;}
.yapb-c-grades img {margin-top:-33px; padding:6px; background:#FBEFD2;}

div#cinnamon-midle {width:259px; min-height:245px; margin:0 0 10px 0; float:left; padding: 5px 5px 5px 10px;background:url(images/yellow_bg_mid.jpg) center top no-repeat;border-right:#EED5A4 thin dashed;}
div#cinnamon-midle.cinnamon-midle h3 {font-size:22px; margin:3px 0 0 0; padding:0 0 25px 0; font-weight:normal; text-align:center;}
div#cinnamon-midle.cinnamon-midle h4 {font-size:14px; margin:5px 0 0 0; padding:0 0 0 0; font-weight:bold; color:#440000; position:relative;}

div#cinnamon-right {width:255px; min-height:250px; margin:0 0 10px 0; float:left;padding: 5px 5px 5px 10px;background:url(images/yellow_bg_right.jpg) right top no-repeat;}
div#cinnamon-right.cinnamon-right {font-size:1em;}
div#cinnamon-right.cinnamon-right h3 {font-size:22px; margin:3px 0 0 0; padding:0 0 25px 0; font-weight:normal; text-align:center;}
div#cinnamon-right.cinnamon-right h4 {font-size:14px; margin:5px 0 0 0; padding:0 0 0 0; font-weight:bold; color:#440000; position:relative;}
/* End: Cinnamon Category Page Styles */

/* Start: Nature & Nomannic Krab Category Page Styles */
div#nature-nk-left {width:395px; min-height:250px; margin:0 0 10px 50px; float:left;padding: 5px 5px 5px 5px;}
div#nature-nk-right {width:395px; min-height:245px; margin:0 0 10px 0; float:left; padding: 5px 5px 5px 10px;}
div#nature-nk-right img {margin-top:0px;}
/* End: Nature & Nomannic Krab Category Page Styles */

/* Start: Contact Form */
.c-input-field {width:450px; background-color:#EEEEEE; background:url(images/bg_grey.png) top repeat-x; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; padding:8px; border:#DDDDDD dotted thin;}
.c-input-field:focus {background-color:#FFFBB0; border-color:#FF9933;}
.c-input-field:hover {background-color:#FFFF99;}
#c-captchafield {text-transform:uppercase;}
#contact-address {position: relative; width:242px; float:left; margin-top:55px;}
#contact-address h3 {color:#440000;}
/* Start: Contact Form */

/* Start: 0 email protection style */
.zero-char {font-size:0px; color:#EEEEEE;}
/* End: 0 email protection style */