/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, del, font, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}

/* WEBSITE CSS */
body {background:#202020; margin:0; padding:0; color:#bbb; text-align:center; font-size:76%; font-family:arial, helvetica, sans-serif; line-height:1.4em; letter-spacing:.02em;}
html {overflow-y:scroll;}

/* LINKS */
a {color:#ADA791; text-decoration:none;}
	a:hover{color:#8E8D87;}

/* LAYOUT */
#centercontent_wrap {width:70%; float:left; display:inline;}
	#content {padding:10px 8px; text-align:left; margin:15px 0 0 12px;}
#rightcontent_wrap {width:30%; float:left; display:inline;}
	#rightcontent {margin:35px 30px 10px 2px; text-align:left;}
	#rightcontent {*margin:35px 52px 10px 2px;}
#footer {clear:both; padding:10px; text-align:center;}
	#listings {font-size:9px; color:#aaa;}
	#copyright {padding:10px; font-size:10px; color:#aaa;}
	
/* OBJECTS */
p {margin:10px 0;}
.clear {clear:both; line-height:0;}
div.center {text-align:center; width:100%;}
div.centerinside {margin:0 auto;}
.imagegroup {float:left; margin-right:15px;}
.imgLeft {float:left; margin:0 8px 4px 0;}
.imgRight {float:right; margin:0 0 4px 8px;}


/* Banner */
#bannerWrapper {padding:0 52px 0 30px; text-align:left;}
#banner {margin:0; padding:2px 10px; width:100%;  height:35px; border-bottom:1px solid #464646; border-left:1px solid #464646; border-right:1px solid #464646; background-color:#333; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px;}
.bannerLogo {font-weight:bold; float:left; background:#333 url('http://www.chromystic.com/resource/img/chromystic.png') 4px 6px no-repeat; width:200px; height:30px}
div.bannerLogo a.headerLogo {width:200px; height:35px; display:block;}
.bannerNav {color:#aaa; padding:8px 4px; text-align:right; float:right; display:inline; text-transform:uppercase;}
div.bannerNav a {color:#ADA791; font-size:90%;}
div.bannerNav a span.blue {color:#6FB7FF;}
div.bannerNav a:hover {color:#ADA791;}
.rNavigationBar {margin:0; padding:0; white-space:nowrap; list-style-type:none; display:inline;}
.rNavigationBar li {display:inline; padding-right:5px; font-size:10px;}
li.selected{font-weight:bold;}

/* Content */
#centercontent {margin:10px 20px 10px 10px; padding:10px; background:#333; -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #464646;}
.entryBox {margin:15px 20px 5px 15px;}
.entryTitle {font-size:15px; font-weight:bold; margin-bottom:10px; color:#ADA791;}
.entryTitle a {color:#ADA791;}
.entryTitle a:hover {color:#8E8D87;}
.entryInfo {font-size:10px; font-style:italic; color:#ccc; background:#2a2a2a; margin-top:20px; padding:3px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #464646; }

/* Sidebar */
#rightcontent h2 {padding:10px 10px 0 10px; background:#333; text-transform:uppercase; color:#9F6537; font-size:100%; font-weight:normal; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; border-top:1px solid #464646; border-left:1px solid #464646; border-right:1px solid #464646;}
.sidebar {padding:10px 10px 15px 10px; background:#333; margin-bottom:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom:1px solid #464646; border-left:1px solid #464646; border-right:1px solid #464646;}
.sidebarNoBackground {padding:10px 10px 15px 10px; background:#202020; margin-bottom:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px;  -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; border-top:1px solid #464646; border-bottom:1px solid #464646; border-left:1px solid #464646; border-right:1px solid #464646;}
.rFolder, .rReferersList {}
.rFolderItem, .rReferersListItem {line-height:150%;}
.rFolderItem a, .rReferersListItem a {display:block; text-decoration:none;}
ul#twitter_div {overflow:hidden;}
ul#twitter_update_list {width:90%; padding-left:15px; word-wrap:break-word;}
ul#twitter_update_list li {list-style:square; font-size:85%; word-wrap:break-word;}

/* Forms */
#searchForm p {margin:15px 0 0 px;;}
#searchForm input#q {width:70%; padding:2px 3px;}
#searchForm input[type="submit"] {padding:2px 2px 2px 2px; border:1px solid #444; cursor:pointer;}

/* OLD LAYOUT */

/* entries ----------------------------------------------- */

.entryBox {font-size:90%;}
.entryTitle {font-weight:bold;}
.entryInfo {font-size:90%; color:#999;}
div.next-previous {font-size:80%; text-align:center; padding:.5em 0 .5em 0;}

/* category chooser ----------------------------------------------- */

.category-chooser {margin:-50%; width:100%;}
.rCategory li {font-size:80%; display:inline; list-style-type:none; padding-right:20px;}
li.selected {font-weight:bold;}

/* other lists ----------------------------------------------- */

ul.rNavigationBar, ul.rMenu, ul.rFolder, ul.rFeeds, ul.rReferersList, ul.rEntriesList {list-style-type:none; padding:0; margin:0; font-size:80%;}
ul.rFeeds li {background-image:url($url.absoluteSite/images/feed-icon-12x12.gif); background-repeat:no-repeat; background-position:0 .2em; padding-left:1.4em; line-height:1.5em;}

/* calendar ----------------------------------------------- */

.hCalendarDay{text-align:center; font-size:small;}
th.hCalendarDayNameRow {text-align:center; font-size:small; font-weight:bold;}
td.hCalendarDayCurrent {text-align:center; font-size:small; font-weight:bold;}
td.hCalendarDayLinked {text-align:center; font-size:small; font-weight:bold;}

/* comments ----------------------------------------------- */

.comments {text-align:center;}
.comments-head {text-align:left;}
.comments-form {width:360px; margin:10px auto; border:1px solid #6c6c6c; padding:10px;}
.comments-form label.desc, .comments-form label.choice, div#commentAuthenticator p {color:#aaa;}
p.comment-details {font-size:80%; color:#999;}
.comments-syntax-indicator {font-weight:bold;}
.comments-syntax-indicator span.enabled {background:transparent; color:green; font-style:italic;}
.comments-syntax-indicator span.disabled {background:transparent; color:red; font-style:italic;}

form ul{position:relative; list-style:none; width:100%;}
form li{line-height:2em; margin:0; padding:1px 1px 6px 9px;}
form li.focused{background-color:#fff7c0 !important;}
form li p{font-size:9px; line-height:13px; color:#444;}
form li{display:inline-block;}
form[id] li{display:block;}
form li div{display:inline-block;}
form[id] li div{display:inline;}
form .left{float:left !important; margin:0;}
form .right{float:right !important; margin:0;}
form .clear{clear:both;} 
form li div p{ margin: 0 0 5px 0; }
form div.left{ margin-right: 2px !important; }
form div.left[class]{ margin-right: 4px !important; }
form div.left img{ margin: 0 0 -2px 0; }
form h2{ font-size: 1.8em; clear: left; } 
form .info{ display: inline-block; margin: 0 0 10px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #ccc !important;}
form .info[class]{ display: block; }
form .info p{ font-size: 1em; line-height: 1.3em; margin: 0 0 8px 0; }
textarea.textarea{margin-bottom: 1px;}
textarea.textarea[class]{font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, sans-serif;}
select.select{ padding: 1px 0 0 0; margin: 1px 0 3px 0; }
select.select[class]{ margin: 0; padding: 1px 0 1px 0; }
form .small{ width: 70px; }
form .medium{ width: 170px; }
form .large, form textarea.textarea{ width: 340px; }
form .tags{ width: 320px; }
form textarea.small{ height: 5.5em; }
form textarea.medium{ height: 10em; }
form textarea.large{ height: 20em; }
.choices input{ width: 200px; margin-right: 3px; }
.choices ol{ margin: 10px 0 0 0; }
.choices[class] ol{ margin: 0 !important; }
.choices img{ margin: 0 0 1px 0; }
fieldset ol li{ display: list-item !important; margin: 0 5px 2px 3px !important; padding: 0 !important; list-style: inside decimal; }
input.button, button { width: 6em; padding: 2px 2px 0 0; /* fix for IE */ }
/* revert to normal for Firefox */
li>input.button, li>button, input.button>input.button, button>button {padding:2px;}
label.desc{margin:4px 0 3px 0; border:0; color:#444; font-size:1em; line-height:1.3em; display:block; font-weight:bold;}
input.text, input.number, input.url, input.email, input.password, input.file, textarea.textarea, select.select{font-size:1.2em; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; color:#333;}
input.text, input.number, input.url, input.email, input.password, input.file{padding:2px;}
input.currency{text-align: right;}
input.checkbox, input.radio{display:block; line-height:1.4em; margin:8px 0 0 3px; width:13px; height:13px;}
input.focus, textarea.focus {background:#ffd; color:#000;}
label.choice{display:block; line-height:1.4em; margin:-19px 0 0 25px; padding:4px 0 5px 0; color:#444; width:80%;}

/*-------------------------------------------------------------
Basic theme styles
--------------------------------------------------------------*/

h1 {font-size:200%; color:#9F6537;}
.comments-head {color:#9F6537; font-size:90%; font-weight:bold; border-bottom:1px dotted #666; text-transform:uppercase; letter-spacing:.2em; margin-top:.5em;}
h1.weblogName {text-align:center;}
p.weblogDescription {text-align:center;}
div.dayTitle {color:#9F6537; font-size:90%; text-transform:uppercase; border-bottom:1px dotted #666;}