* { padding: 0; margin: 0; }
body { text-align: center; font: 80%/1.3em "Trebuchet MS" , "Lucida Sans Unicode" , Tahoma, sans-serif, Arial; color: #c4cbd0; background: #13181c url(/images/bg.jpg) 0 0 repeat; }
a img, a img:hover { border: 0; }
a { color: #458be0; text-decoration: none; }
a:visited { color: #458be0; text-decoration: none; }
a:hover { color: #458be0; text-decoration: underline; }
h1, h2, h3, h4, h5 { color: #458be0; }
h2 { padding-bottom: 10px; }
hr { height: 1px; color: #b8cae0; }
p { padding-bottom: 10px; }
ul, li { list-style-type: none; }
input, textarea, select { color: #c4cbd0; font-size: 1.2em; height: 24px; font-family: "Trebuchet MS" , "Lucida Sans Unicode" , Tahoma, sans-serif, Arial; border: 1px solid #2d373c; background-color: #2d373c; }
input[type="button"] { cursor: pointer; }
input[type="text"]:focus, textarea:focus, select:focus, input[type="text"]:hover, textarea:hover, select:hover { cursor: pointer; }

/* Utilities */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */
.clear { clear: both; }

/* Wrappers */
#wrapper { width: 970px; min-width: 970px; text-align: left; margin-left: auto; clear: both; margin-right: auto; padding-top: 30px; }
#mostTop { width: 970px; height: 30px; background-image: url(/images/wrpCtTop.png); background-repeat: no-repeat; }
#ctWrap { width: 970px; min-width: 970px; text-align: left; margin-left: auto; margin-right: auto; background-image: url(/images/wrpbg.png); background-repeat: repeat-y; }

/* Logo */
#logoBack { width: 930px; height: 90px; margin-left: auto; margin-right: auto; background-image: url(/images/topmostbg.png); background-repeat: repeat-x; }
#logoBack h1 a { font-size: 100%; display: block; width: 356px; height: 68px; margin-left: 574px; background-image: url(/images/bigLogo2.png); background-repeat: no-repeat; display: block; }
#logoBack h1 a, logoBack h1 a:hover { text-indent: -5000px; text-decoration: none; border: 0; }

/* NavBar */
ul#navBar { width: 930px; height: 100px; margin-left: auto; margin-right: auto; }
ul#navBar li { padding: 0; margin: 0; float: left; text-indent: -9999px; list-style-type: none; }
ul#navBar li { width: 186px; height: 100px; background-image: url(/images/nav/WholeBack.png); background-repeat: repeat-x; background-position: 0 -100px; }
ul#navBar li:hover { cursor: pointer; background-image: url(/images/nav/WholeBack.png); background-repeat: repeat-x; background-position: 0 0px; }
ul#navBar li.active { width: 186px; height: 100px; background-color: #13181c; background-image: url(/images/nav/WholeBack.png); background-repeat: repeat-x; background-position: 0 -200px; }
a.navItem { width: 186px; height: 100px; display: block; }
ul#navBar li#weblog a { background-image: url(/images/nav/weblog.png); }
ul#navBar li#photos a { background-image: url(/images/nav/photos.png); }
ul#navBar li#about a { background-image: url(/images/nav/about.png); }
ul#navBar li#contact a { background-image: url(/images/nav/contact.png); }
ul#navBar li#links a { background-image: url(/images/nav/links.png); }

/* Content */
#content { background-color: #13181c; width: 930px; text-align: left; margin-left: auto; margin-right: auto; }
#content #blogArea { width: 600px; float: left; text-align: justify; display: block; margin: 10px; }
#content #linksArea { width: 300px; float: left; margin-right: 10px; }

/* Blog Text */
.blogContainer { padding-top: 10px; }
.blogContainer img {clear: both;}

/* Blog Header */
.subject { clear: both; height: 44px; border-bottom: 1px dashed #2d303c; margin-bottom: 10px; }
.subject h1 { font-size: 1.7em; padding-bottom: 6px; }
.subject h3 { color: #c4cbd0; }
.subject h5 { font-size: 0.6em; vertical-align: bottom; }
.subject h5 a { text-decoration: underline; }
.postdate { margin-top: 0px; width: 45px; height: 42px; float: left; background-image: url(/images/calendar.png); background-repeat: no-repeat; background-position: left top; padding-right: 10px; }
.postdate .dateYear { font-size: 0.8em; color: #fff; text-align: center; display: block; line-height: 8px; padding-top: 2px; }
.postdate .dateDay { font-size: 1.5em; color: #000; text-align: center; display: block; padding-top: 4px; line-height: 0.7em; }
.postdate .dateMonth { font-size: 0.6em; text-transform: uppercase; color: #000; text-align: center; display: block; line-height: 11px; padding-top: 2px; margin-left: -3px; }
/* Blog text */
.blogSummary { }
.keywords { font-size: 0.8em; padding-top: 10px; padding-bottom: 10px; }
.getCenter { text-align: center; }
#ciSummary { padding-top: 45px; display: block; }
#contactImage { position: absolute; padding-top: 0px; padding-left: 62px; z-index: 6; clear: both; }
#contactText { position: absolute; padding-left: 92px; padding-top: 10px; z-index: 10; }
#addThis { float:left;}
/* Blog Footer */
.textFooter { padding: 2px; border-top: 1px solid #5d686d; border-left: 1px solid #5d686d; background-color: #2d303c; text-align: right; }
.textFooter h5 { color: #c4cbd0; font-size: 0.9em; }
.textFooter img { border: 0px; }
/* Comments */
dl, dd, dt { margin: 0pt; padding: 0pt; line-height: 1.2em; }
#comments { margin-top: 1.8em; padding-top: 1.8em; float: left; display: block; border-top: 1px solid #ababab; }
#comments h2 { padding-bottom: 10px; color: #c4cbd0; font-size: 1.2em; }

#comments dl { padding-left: 10px; width: 580px; }
#comments dd { padding-bottom: 0.3em; color: #999999; padding: 6px; }
#comments dt { padding: 4px; background: url(/images/shadow.png) repeat-x 0 0; font-size: small; }
#comments .dvComment { border: 1px dashed #2d303c; margin-bottom: 10px; }

#cmtForm { padding: 10px; }
#commentForm { border-left: 0px solid #ababab; padding-left: 10px; padding: 2px; width: 580px; }
#frmWarning { font-size: 0.8em; float:left;width: 300px; }
#commentForm label { color: #458be0; font-size: 0.9em; float: left; }
#commentForm label:hover { cursor: pointer; }
#commentForm input, #commentForm textarea { border: 1px solid #5d686d; width: 400px; }
#commentForm textarea { height: 200px; }
#commentForm input.send { margin-top: 10px; margin-left:40px;border: 1px solid #888; width: 60px; }
/* Pager classes */
.pager { font-weight: normal; padding-bottom: 6px; padding-top: 6px; }
.pager a { border: 1px solid #5d686d; text-align: center; width: 20px; height: 20px; display: inline-block; color: #458be0; text-decoration: none; }
.pager a:hover { color: #fff; background-color: #458be0; border: 1px solid #c4cbd0; }
.pager span.active { border: 1px solid #c4cbd0; font-weight: bolder; text-align: center; width: 20px; height: 20px; display: inline-block; color: #c4cbd0; background-color: #458be0; padding-right: 5px; }

/* Right Side */
/* Search */
#search { padding-top: 10px; }
#search input[type="text"] { border: 1px solid #5d686d; width: 240px; padding-left: 24px; background-image: url(/images/magnet.png); background-repeat: no-repeat; background-position: 0 3px; }
#btnSearch { background-color: Transparent; margin-top: 14px; }
/* Lists */
#lists { margin-left: 0px; clear: both; display: inline-block; padding-top: 10px; }
#lists div { float: left; padding-bottom: 20px; }
#lists div h2 { font-size: 1.7em; text-align: center; color: #b8cae0; padding-top: 3px; padding-bottom: 2px; }
#lists div ul { list-style-type: none; width: 100%; }
#lists div li { border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #2d303c; }
#lists div li a { text-decoration: none; display: block; padding-left: 18px; margin-top: 4px; padding-top: 2px; padding-bottom: 2px; }
#lists div li a:hover { color: #b8cae0; background-color: #41586a; background: #41586a url(/images/link_go.png) no-repeat 0 2px; }
.lsOut { }
.lsOut .lstTitle {font-size:1.2em; color:#c4cbd0;}

/* Links page lists */
#linksPage { width: 550px; display: inline; margin-top: 0pt; margin-right: 0pt; margin-bottom: 30px; margin-left: 12px; }
#linksPage ul li a { display: block; font-weight: bolder; padding-top: 9px; padding-right: 5px; padding-bottom: 9px; padding-left: 20px; }
#linksPage ul li a:hover { color: #b8cae0; text-decoration: none; background-color: #1c2424; background-image: url(/images/links_bgh.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; }
#linksPage a em { color: #a6a69b; font-style: normal; }
#linksPage ul { background: transparent url(/images/dotted-line.gif) repeat-x bottom left; padding: 0 0 1px 0; }
#linksPage ul li { background: transparent url(/images/links_bg.png) no-repeat top left; }
#linksPage h3 { font-weight: bolder; font-size: 1.4em; margin: 10px; }
#linksPage h3 img { background: transparent url(/images/links_bg.png) no-repeat top left; }

/* Ads */
#ads { text-align: center; font-size: 0.8em; }
#ads div h2 { font-size: 1.7em; text-align: center; color: #b8cae0; padding-top: 3px; padding-bottom: 2px; }
#twitter_div { }
#twitter_update_list ul { list-style-type:disc; padding-left: 10px; }
#twitter_update_list li { text-align: left;  }
.googleAD {text-align:center;}

/* Footer */
#footer { width: 970px; padding-top: 10px; text-align: right; height: 77px; background-image: url(/images/footer.png); background-repeat: no-repeat; }
#footer span { color: #13181c; font-size: 0.7em; padding-right: 30px; border-bottom: 1px dashed #2d303c; }
#footer a:hover { color: #ff8a00; }

/* Page specific classes */
#yearList { padding-left: 20px; list-style-type:disc; }

/* Images & Albums */
#content #albumContent { width: 600px; float: left; text-align: justify; display: block; margin: 10px; }
#albumContent .PAlbumIMG { background: url( "/images/blogs/frame140x140.png" ) no-repeat 0 0; width: 150px; float: left; height: 150px; padding-right:50px; padding-bottom:10px;}
#albumContent .PAlbumIMG img { margin: 5px; border: 0px;  }