/*
** X P I R I T M E N T A L
** 2008/11/14
** Last modified 12/12/2008
** 
*/
html { height: 100%; background: #FFF; background: #313131; }
body { position: relative; height: 100%; min-height:548px; margin: 0; padding: 0; background: #313131; color: #000; font: .75em/1.5 "Arial", "Helvetica", sans-serif; }
textarea,
input,
select,
option,
optgroup,
button { font: 1em "Arial", "Helvetica", sans-serif; }
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
p,
ul,
ol,
dl { padding-bottom: 1em; }
img { border: none; vertical-align: bottom; }

h1,
h2,
h3,
h4,
h5,
h6 { font-size: 1em; }

a { color: #ED145B; text-decoration: none; outline: none; cursor: pointer; }
a:focus,
a:hover { text-decoration: underline; }


/*
** some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

button, input.radio, input.checkbox, label { cursor: pointer; }

a.icon { overflow: hidden; float: left; padding-left: 20px; background: transparent none no-repeat 0 50% !important; }
a.icon-close { background-image: url("../images/icon_close.png") !important; }
.comments a.icon-close { background-image: url("../images/icon_close_b.png") !important; }
a.icon-archive { background-image: url("../images/icon_archive.png") !important; }
a.icon-digg { background-image: url("../images/icon_digg.png") !important; }
a.icon-delicious { background-image: url("../images/icon_delicious.png") !important; }
a.icon-facebook { background-image: url("../images/icon_facebook.png") !important; }
a.icon-reddit { background-image: url("../images/icon_reddit.png") !important; }
a.icon-stumbleupon { background-image: url("../images/icon_stumbleupon.png") !important; }
a.icon-rss { background-image: url("../images/icon_rss.png") !important; }
a.icon-link { background-image: url("../images/icon_link.png") !important; }

.section-wallpaper a { color: #81C20F; }
.section-blog a { color: #00AEEF; }


/*
** layout
*/
.wallpaper { position: relative; overflow: hidden; width: 100%; height: 174px; padding: 0 0 16px; }
.wallpaper .inner-content { position: relative; overflow: hidden; width: 100000px; height: 100%; }

.blog { position: relative; overflow: hidden; width: 100%; height: 174px; padding: 16px 0 0; }
.blog .inner-content { position: relative; z-index: 2; overflow: hidden; width: 100000px; height: 100%; background: #313131; }

.main { position: relative; height:1000px; background:#ffffff; overflow: hidden; }

.main h1 { position: absolute; top: 50%; z-index: 2; overflow: hidden; min-height: 20px; margin-top: -42px; padding: 0 0 0 50px; line-height: 1; }
.main h1 strong { position: relative; z-index: 2; overflow: hidden; display: block; width: 216px; height: 20px; background: transparent url("../images/logo.png") no-repeat 0 0; text-indent: -999em; }
.main h1 span { position: relative; z-index: 1; overflow: hidden; display: block; width: 788px; height: 84px; margin-top: -20px; background: transparent url("../images/main_title.png") no-repeat 0 0; text-indent: -999em; }

.section-wallpaper .main h1 strong { background-position: 0 -20px; }
.section-blog .main h1 strong { background-position: 0 -40px; }


/*
** main menu
*/
ul.menu { position: absolute; top: 43px; right: 30px; z-index: 2; overflow: hidden; float: right; list-style: none; margin: 0; padding: 0; line-height: 1; }
ul.menu li { float: left; margin-left: -1px; padding: 5px 15px; border-left: 1px solid #D5D5D5; }
ul.menu a { overflow: hidden; float: left; height: 15px; background: transparent url("../images/menu.png") no-repeat 0 0; text-indent: -999em; }
ul.menu a.m-0 { width: 48px; }
ul.menu a.m-0:hover { background-position: 0 100%; }
ul.menu a.m-1 { width: 78px; background-position: -48px 0; }
ul.menu a.m-1:hover { background-position: -48px 100%; }

.section-wallpaper ul.menu a.m-0 { background-position: -126px 0; }
.section-wallpaper ul.menu a.m-0:hover { background-position: -126px 100%; }
.section-wallpaper ul.menu a.m-1 { background-position: -174px 0; }
.section-wallpaper ul.menu a.m-1:hover { background-position: -174px 100%; }

.section-blog ul.menu a.m-0 { background-position: -252px 0; }
.section-blog ul.menu a.m-0:hover { background-position: -252px 100%; }
.section-blog ul.menu a.m-1 { background-position: -300px 0; }
.section-blog ul.menu a.m-1:hover { background-position: -300px 100%; }


/*
** section open links
*/
p.open-wallpaper { position: absolute; left: 50%; top: 0; z-index: 1; width: 620px; height: 58px; margin-left: -310px; padding: 0; background: transparent url("../images/main_background.png") no-repeat 0 100%; }
p.open-wallpaper a { overflow: hidden; display: block; width: 80px; height: 20px; margin: 11px auto 0; background: transparent url("../images/section_links.png") no-repeat 0 0; text-indent: -999em; }
p.open-wallpaper a:hover.inactive,
p.open-wallpaper a.inactive { background-position: 0 0 !important; cursor: default; }
p.open-wallpaper a:hover { background-position: 0 -20px; }

.section-wallpaper p.open-wallpaper a:hover { background-position: 0 -40px; }
.section-blog p.open-wallpaper a:hover { background-position: 0 -60px; }

p.open-blog { position: absolute; left: 50%; bottom: 0; z-index: 1; width: 620px; height: 27px; margin-left: -310px; padding: 31px 0 0; background: transparent url("../images/main_background.png") no-repeat 0 0; }
p.open-blog a { overflow: hidden; display: block; width: 36px; height: 20px; margin: 0 auto; background: transparent url("../images/section_links.png") no-repeat -80px 0; text-indent: -999em; }
p.open-blog a:hover.inactive,
p.open-blog a.inactive { background-position: -80px 0 !important; cursor: default; }
p.open-blog a:hover { background-position: -80px -20px; }

.section-wallpaper p.open-blog a:hover { background-position: -80px -40px; }
.section-blog p.open-blog a:hover { background-position: -80px -60px; }


/*
** wallpaper section
*/
.wallpaper { }
.wallpaper img { position: relative; z-index: 1; float: left; height: 100%; cursor: pointer; }
.wallpaper-hide-grayscale img { display: none; }
.wallpaper-hide-grayscale img.color { display: block; }
.wallpaper-opened img { margin-right: -50%; }
.wallpaper img.color { display: none; z-index: 2; margin-right: 0; cursor: auto; }

.wallpaper .column { position: relative; z-index: 3; overflow: hidden; float: left; display: none; width: 150px; height: 100%; margin-left: -16px; padding: 0 30px 0 35px; background: transparent url("../images/wallpaper_column_background.png") no-repeat 0 0; color: #202020; font-size: .917em; line-height: 1.4; }
.wallpaper .column * { min-width: 150px; }
.wallpaper .column p.number { padding: 70px 0 0; font-size: .909em; text-transform: uppercase; }
.wallpaper .column h3 { padding: 0 0 2px; font-size: 1.455em; line-height: 1; }
.wallpaper .column .download { position: absolute; bottom: 15px; font-size: .909em; line-height: 1.1; }
.wallpaper .column .download ul { list-style: none; margin: 0; padding: 0; }
.wallpaper .column .download li { padding: 0 0 1em; }
.wallpaper .inner-content a:hover { background: #EAF5D7; }


/*
** scrollbar styling
*/
.scrollbar { position: absolute; left: 0; bottom: 0; width: 100%; height: 16px; padding: 0; background: transparent url("../images/scrollbar_background.png") repeat-x 50% 0; font-size: 16px; line-height: 1; }
.scrollbar a { overflow: hidden; height: 16px; background: transparent url("../images/scrollbar_buttons.png") no-repeat 0 0; text-indent: -999em; }
.scrollbar a.left { width: 18px; background-position: -82px 0; }
.scrollbar a.left:hover { background-position: -82px -16px; }
.scrollbar a.right { width: 18px; background-position: -118px 0; }
.scrollbar a.right:hover { background-position: -118px -16px; }
.scrollbar a.handle { position: relative; left: 0; float: left; width: 41px; }
.scrollbar a.handle-dragging,
.scrollbar a.handle:hover { background-position: 0 -16px; }

.section-wallpaper .scrollbar { background-position: 50% -32px; }
.section-wallpaper .scrollbar a.left:hover { background-position: -82px -32px; }
.section-wallpaper .scrollbar a.right:hover { background-position: -118px -32px; }
.section-wallpaper .scrollbar a.handle-dragging,
.section-wallpaper .scrollbar a.handle:hover { background-position: 0 -32px; }

.section-blog .scrollbar { background-position: 50% -64px; }
.section-blog .scrollbar a.left:hover { background-position: -82px -48px; }
.section-blog .scrollbar a.right:hover { background-position: -118px -48px; }
.section-blog .scrollbar a.handle-dragging,
.section-blog .scrollbar a.handle:hover { background-position: 0 -48px; }

.blog .scrollbar { bottom: auto; top: 0; background-position: 50% -16px; }
.blog .scrollbar a.left { background-position: -100px 0; }
.blog .scrollbar a.left:hover { background-position: -100px -16px; }
.blog .scrollbar a.right { background-position: -136px 0; }
.blog .scrollbar a.right:hover { background-position: -136px -16px; }
.blog .scrollbar a.handle { background-position: -41px 0; }
.blog .scrollbar a.handle-dragging,
.blog .scrollbar a.handle:hover { background-position: -41px -16px; }

.section-wallpaper .blog .scrollbar { background-position: 50% -48px; }
.section-wallpaper .blog .scrollbar a.left:hover { background-position: -100px -32px; }
.section-wallpaper .blog .scrollbar a.right:hover { background-position: -136px -32px; }
.section-wallpaper .blog .scrollbar a.handle-dragging,
.section-wallpaper .blog .scrollbar a.handle:hover { background-position: -41px -32px; }

.section-blog .blog .scrollbar { background-position: 50% -80px; }
.section-blog .blog .scrollbar a.left:hover { background-position: -100px -48px; }
.section-blog .blog .scrollbar a.right:hover { background-position: -136px -48px; }
.section-blog .blog .scrollbar a.handle-dragging,
.section-blog .blog .scrollbar a.handle:hover { background-position: -41px -48px; }


/*
** blog entries
*/
.entry-links { position: relative; z-index: 2; float: left; width: 16px; height: 100%; margin-right: -13px; padding: 25px 21px 0 8px; background: transparent url("../images/blog_entry_links_background.png") no-repeat 100% 0; font-size: .833em; line-height: 16px; }
.entry-links h6 { padding: 2em 0 1ex; font-weight: 400; line-height: 1; white-space: nowrap; }
.entry-links p { overflow: hidden; width: 100%; padding: 0 0 1.5ex; }

.entry { position: relative; z-index: 1; overflow: hidden; float: left; width: 240px; height: 100%; padding: 0 20px 16px; background: #313131; color: #C2C2C2; }
.entry-alt { background: #262626; }
.entry .title { margin: 0 0 -1px; }
.entry .title h2 { padding: 15px 0 0; line-height: 1.1;  }
.entry .title h2 { padding: 15px 0 0; line-height: 1.1; height:1.1em; overflow:hidden;  }
.entry-open .title h2 { font-size: 1.5em;height:auto; overflow:visible; max-width:240px; }
.entry .title p { padding: 1px 0 1em; border-bottom: 1px solid #6D6D6D; font-size: .917em; line-height: 1.1; }

.section-main .entry a:hover { background: #6A283E; }
.section-main .entry-alt a:hover { background: #622136; }

.section-blog .entry a:hover { background: #22576A; }
.section-blog .entry-alt a:hover { background: #1B4F63; }

.section-wallpaper .entry a:hover { background: #495D27; }
.section-wallpaper .entry-alt a:hover { background: #41551F; }

.section-blog .entry-open .entry-content a:hover { background: transparent; }

.entry-content { overflow: hidden; height: 100%; margin-top: 1em; margin-left: -20px; padding-left: 20px; }
.column { float: left; width: 240px; margin-left: -20px; padding: 0 20px; }
.entry-content img { padding: 0 0 1ex; }
.entry-content p.last { display: none; padding: 1ex 0 0; overflow: hidden; border-top: 1px solid #C9C9C9; font-size: .833em; }
.entry-open .entry-content p.last { display: block; }


/*
** entry comments
*/
.entry .comments { overflow: hidden; width: 100%; height: 25px; margin: 0 -20px; padding: 15px 20px 0; background: #000; color: #FFF; }
.entry .comments .title { overflow: hidden; margin: 0 0 1em; padding: 0 0 1em; border-bottom: 1px solid #2D2D2D; color: #636363; font-size: .833em; word-spacing: 1em; }
.entry .comments .title h2 { display: none; padding: 0 1.5ex 0 0; color: #FFF; font-size: 1.8em; word-spacing: normal; }
.entry .comments .title h2 em { font-size: .611em; font-style: normal; }
.entry .comments .title p { margin: 0; padding: 0; border: none; }
.entry .comments .title a { word-spacing: normal; }
.entry .comments .title p.right { display: none; margin-top: -2.3em; }
.entry .comments .title p.right a { float: right; line-height: 16px; }
.entry .comments .comments-content { width: 240px; height: 100%; }
.entry .comments p.date { padding: 0; color: #959595; font-size: .833em; }
.entry .comments a:hover { background: transparent; }

.entry .comments-open { height: 100%; }
.entry .comments-open .title h2 { float: left; display: block; }
.entry .comments-open .title p { padding-top: 1em; }
.entry .comments-open .title a.open-comments { display: none; }
.entry .comments-open .title p.right { display: block; }

.open-post-comment { display:none; } /* added by Ray - 12-17-2008 */
.open-comments { display:none; } /* added by Ray - 12-17-2008 */
.comment-break { display:none; } /* added by Ray - 12-17-2008 */

/*
** blog archive
*/
.archive { position: absolute; left: 0; top: 16px; z-index: 1; width: 100%; height: 100%; padding: 15px 0 0; background: #FFF; color: #000; }
.archive h2 { margin: 0 40px 1ex; padding: 0 0 1ex; border-bottom: 1px solid #C9C9C9; font-size: 1.5em; }
.archive p { float: right; margin-top: -3.75em; padding: 0 40px 0 0; font-size: .833em; }
.archive .inner-content { background: #FFF; }
.archive .archive-content { overflow: hidden; height: 100%; margin-left: -20px; padding: 0 20px; }
.archive ul { float: left; list-style: none; height: 100%; margin: 0; padding: 0 40px; }


/*
** the end
*/