/*  
Theme Name: CrossNodes
Theme URI: http://www.pongstr.com/wordpress/theme/v1
Description: Crossnodes
Version: 1.1
Author: Pongstr
Author URI: 

*/

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 16px; font-family: Tahoma, Geneva, sans-serif; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
#header #headernav { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
.clear { display: block; clear: both; }
/* layout */
body { height: 100%; background-color: #338fc0; }
#bodywrap { width: 100%; min-height: 100%; height: auto; height: 100%; background-image: url(images/crossnodes.jpg); background-position: center top; background-repeat: repeat-x; margin: 0px; padding: 0px; position: relative; }
#container { width: 990px; margin-left: auto; margin-right: auto; }
#footer { width: 100%; height: 35px; background-image: url(images/cn_footer.png); background-position: center center; margin-top: 20px; margin-bottom: 0px; position: relative; }

/* header */
#header { width: 100%; height: 215px; clear: both; margin-bottom: 10px; }
#header h1 a { display: block; width: 306px; height: 0px; padding-top: 107px; overflow: hidden; background-image: url(images/cn_header.png); background-position: 0px 0px; }
#navigation { width: 960px; clear: both; position: relative; top: 62px; height: 40px; padding-left: 40px; }
#navigation ul { display: block; float: left; width: 670px; height: 50px; }
#navigation ul li { display: inline; }
#navigation ul li a { display: block; float: left; height: 28px; padding-top: 12px; padding-right: 30px; background-image: url(images/crossnodes_03.png); background-repeat: no-repeat; background-position: right center; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; padding-left: 10px; text-shadow: 1px 1px 1px #2F8FBF }
#navigation ul li a:hover { color: #d8fbff; }
#searchbox { width: 250px; height: 26px; float: left; padding-top: 8px; }
#searchbox .txta { display: block; width: 180px; height: 24px; padding-top: 2px; padding-left: 5px; padding-right: 5px; background-image: url(images/search-bg.png); background-position: 0px 0px; float: left; }
#searchbox .txta #s { width: 180px; height: 20px; padding-top: 2px; border: 0px; background-color: transparent; font-family: Tahoma, Geneva, sans-serif; color: #999; font-size: 11px; line-height: 16px; }
#searchbox #searchsubmit { display: block; float: left; width: 56px; height: 0px; padding-top: 26px; overflow: hidden; background-image: url(images/search-bg.png); background-position: -190px 0px; background-color: transparent; background-repeat: no-repeat; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }

/* content */
#content { width: 920px; margin-left: auto; margin-right: auto; padding-top: 25px; }
/*showcase*/
#content #showcase { width: 920px; height: 296px; clear: both; margin-bottom: 15px; background-image: url(images/showcase-bg.png); background-position: 0px 0px; margin-left: auto; margin-right: auto; }
#content #showcase a { display: block; width: 280px; height: 0px; padding-top: 89px; overflow: hidden; background-image: url(images/download.png); position: relative; top: 175px; left: 500px; }
/* index */
#content #index { width: 920px; height: 299px; clear: both; background-image: url(images/content-bg.png); background-position: 0px 0px; font-family: Tahoma, Geneva, sans-serif; color: #999; font-size: 11px; line-height: 14px; }
/* archive */
#index #archive { width: 300px; height: 299px; float: left; }
#index #archive h3 { text-shadow: 1px 1px #202020; display: block; width: 289px; height: 22px; background-color: #333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; border-right-width: 1px; border-right-style: solid; border-right-color: #999; padding-top: 6px; letter-spacing: -1px; padding-left: 10px; }
#index #archive ul { display: block; width: 269px; margin-left: auto; margin-right: auto; margin-top: 15px; }
#index #archive ul li a { display: block; width: 252px; height: 20px; color: #666; text-decoration: none; background-image: url(images/bull.gif); background-repeat: no-repeat; background-position: 2px 7px; padding-top: 2px; padding-left: 17px; margin-bottom: 8px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; padding-bottom: 5px; }
#index #archive ul li a:hover { color: #86c801 }
/* recent comments */
#index #recent { width: 402px; height: 299px; float: left; background-image: url(images/content-index.png); }
#index #recent h3 { text-shadow: 1px 1px #202020; display: block; width: 391px; height: 22px; background-color: #333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; border-right-width: 1px; border-right-style: solid; border-right-color: #999; padding-top: 6px; letter-spacing: -1px; padding-left: 10px; }
#index #recent ul { display: block; width: 390px; margin-left: auto; margin-right: auto; padding-top: 8px; }
#index #recent ul li { display: block; width: 365px; margin-top: 5px; margin-bottom: 5px; padding-top: 4px; padding-bottom: 8px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; padding-left: 15px; background-image: url(images/bull.gif); background-repeat: no-repeat; background-position: 0px 8px; }
#index #recent ul li a { text-decoration: none; color: #666; }
#index #recent ul li a:hover { color: #86c801; }
/* contact */
#index #contact { width: 218px; height: 299px; float: right; }
#index #contact h3 { text-shadow: 1px 1px #202020; display: block; width: 208px; height: 22px; background-color: #333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; padding-top: 6px; letter-spacing: -1px; padding-left: 10px; }
#index #contact ul { display: block; width: 200px; margin-left: auto; margin-right: auto; padding-top: 8px; }
#index #contact ul li { display: block; width: 190px; margin-top: 5px; margin-bottom: 5px; padding-top: 4px; padding-bottom: 8px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; padding-left: 15px; background-image: url(images/bull.gif); background-repeat: no-repeat; background-position: 0px 8px; }
#index #contact ul li a { text-decoration: none; color: #666; }
#index #contact ul li a:hover { color: #86c801; }

/* google ads */
#google { width: 728px; height: 90px; margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 10px; }

/* footer wrap */
#footerwrap { width: 990px; margin-left: auto; margin-right: auto; padding-top: 9px; }
#footerwrap ul#crumbs { display: block; float: left; width: 680px; }
#footerwrap ul#crumbs li { display: inline; }
#footerwrap ul#crumbs li a { display: block; float: left; padding-left: 15px; padding-right: 15px; text-align: center; font-size: 11px; text-decoration: none; border-right-width: 1px; border-right-style: solid; border-right-color: #1A668F; color: #2388BF; }
#footerwrap ul#crumbs li a:hover { color: #2693CF; }
#footerwrap .copy { display: block; float: right; font-size: 11px; color: #2388BF; }

/* posting */
#content #top { background-image: url(images/cn-contenttop.png); background-position: 0px 0px; height: 20px; width: 960px; }
#content #bot { background-image: url(images/cn-contentbot.png); background-position: 0px 0px; height: 20px; width: 960px; }
#content #mcontent { background-image: url(images/cn-contentbg.png); background-position: center; width: 900px; padding-left: 30px; padding-right: 30px;  }

/* post wrapper */
#post-wrapper { width: 640px; font-size: 11px; color: #666; float: left; }
.post-h1 a { display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 22px; color: #333; text-decoration: none; letter-spacing: -1px; font-weight: bold; text-shadow: 1px 1px #fff; padding-top: 15px; clear: both; margin-bottom: 5px; padding-bottom: 5px; line-height: 22px; padding-left: 30px; background-image: url(images/note.png); background-position: 0px 16px; background-repeat: no-repeat; }
.post-h1 a:hover { color: #666; }
.post-h1a a { display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 22px; color: #333; text-decoration: none; letter-spacing: -1px; font-weight: bold; text-shadow: 1px 1px #fff; padding-top: 15px; clear: both; margin-bottom: 5px; padding-bottom: 8px; line-height: 22px; padding-left: 30px; background-image: url(images/note.png); background-position: 0px 16px; background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; }
.post-h1a a:hover { color: #666; }
.post-date { display: block; padding-bottom: 8px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; background-image: url(images/bull.gif); background-repeat: no-repeat; background-position: 8px 6px; padding-left: 25px; margin-bottom: 10px; width: 600px; }
.post-date a { color: #999; text-decoration: none; }
.post-date a:hover { color: #333; }
.post-box { width: 620px; margin-left: auto; margin-right: auto; text-align: justify; line-height: 16px;  }
.post-box a { color: #000; text-decoration: none; }
.post-box a:hover { color: #999; }
.post-box p { display: block; margin-top: 8px; margin-bottom: 8px; clear: both; }
.post-bot { width: 610px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 14px; clear: both; border-top-width: 1px; border-bottom-width: 1px; border-top-style: dashed; border-bottom-style: dashed; border-top-color: #CCC; border-bottom-color: #CCC; margin-top: 20px; margin-bottom: 15px; padding-left: 10px; }
.post-bot a { color: #999; text-decoration: none; }
.post-bot a:hover { color: #333; }
.post-bot .post-perma { display: block; padding-left: 28px; padding-right: 15px; background-image: url(images/ftr-bgs.png); background-repeat: no-repeat; background-position: 0px 0px; height: 20px; float: left; }
.post-comments { display: block; width: 22px; height: 19px; background-image: url(images/ftr-bgs.png); background-position: 0px -20px; float: left; color: #FFF; text-decoration: none; background-repeat: no-repeat; text-align: center; margin-right: 6px; padding-top: 1px; }
.post-ftrtxt { display: block; float: left; padding-left: 2px; padding-right: 2px; margin-right: 8px; color: #999; }
.post-cat { display: block; float: right; padding-left: 2px; padding-right: 2px; margin-right: 8px; color: #999; }

/* sidebar */
#sidebar { width: 260px; float: left; padding-top: 10px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; }
#sidebar #sb-top { width: 260px; height: 4px; background-image: url(images/sb-top.png); background-position: 0px 0px; }
#sidebar #sb-bot { width: 260px; height: 4px; background-image: url(images/sb-bot.png); background-position: 0px 0px; }
#sidebar #sb-content { width: 244px; padding-left: 8px; padding-right: 8px; background-image: url(images/sb-bg.png); padding-top: 10px; }
#sidebar #sb-content h4 { text-shadow: 1px 1px 1px #cdcdcd; display: block; font-family: Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: normal; color: #333; margin-top: 15px; }
#sidebar #sb-content ul { display: block; width: 230px; margin-left: auto; margin-right: auto; color: #999; }
#sidebar #sb-content ul li { display: block; padding-top: 4px; padding-bottom: 4px; }
#sidebar #sb-content ul li ul { display: block; width: 230px; clear: both; }
#sidebar #sb-content ul li ul li { display: block; margin-top: 5px; margin-bottom: 5px; clear: both; padding-left: 18px; background-image: url(images/bull2.png); background-position: 0px 8px; background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; color: #666; }
#sidebar #sb-content a { text-decoration: none; color: #666;}
#sidebar #sb-content a:hover { color: #e3e3e3;}
#sidebar #cloud { display: block; width: 220px; text-align: center; clear: both; padding-top: 10px; }

/* pagination */
#post-navigation { width: 640px; height: 26px; clear: both; }
#post-navigation a { display: block; background-color: #aaaaaa; color: #FFF; -moz-border-radius: 3px; text-align: center; float: left; font-size: 11px; padding-top: 2px; padding-right: 10px; padding-left: 10px; margin-right: 5px; text-decoration: none; height: 20px; }
#post-navigation a:hover { background-color: #646464; }

/* comments */
#comment-box { width: 600px; margin-left: auto; margin-right: auto; clear: both; }
#comment-box h3 { text-shadow: 1px 1px 1px #fff; display: block; clear: both; height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666; }
#comment-box ol.commentlist { display: block; width: 600px; }
#comment-box ol.commentlist li { display: block; width: 600px; padding-top: 10px; padding-bottom: 10px; clear: both; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; margin-bottom: 10px; }
#comment-box .comment-user { text-shadow: 1px 1px 1px #fff; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; display: inline; color: #333; }
#comment-box .comment-user a { color: #333; text-decoration: none; }
#comment-box .comment-user a:hover { color: #999; }
#comment-box .comment-date { display: block; clear: both; margin-top: 0px; margin-bottom: 10px; font-size: 10px; color: #999; }
#comment-box .commentmetadata { display: block; width: 600px; margin-left: auto; margin-right: auto; }
#comment-box .comment-body { display: block; width: 580px; margin-left: auto; margin-right: auto; }

/* form */
#comment-box .txta { border: 1px solid #CCC; height: 14px; width: 260px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 14px; color: #666; padding-top: 2px; padding-left: 5px; display: block; clear: both; margin-top: 10px; }
#comment-box .fld-txt { display: block; font-size: 10px; }
#comment-box textarea { display: block; border: 1px solid #CCC; height: 160px; width: 450px; margin-top: 25px; }