/* Reset */
* { margin:0; padding:0; border:none; outline:none; }
body { overflow:hidden; background:black; font-size:0.9em; font-family:Arial; color:white; }
a { text-decoration:none; color:white; font-style:italic; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; text-transform:capitalize; clear:both; line-height:1.2;
    font-style:normal; font-variant:small-caps;}

/* Background Matters */
img#AjaxLoader { position: absolute; top: 50px; left: 50%; margin-left: -8px; display:none;}

/* MenuWrapper */
div#MenuWrapper { margin:0 auto; width:250px; height:25px; padding:0 25px 10px 25px;
    background:transparent url('../images/MenuBg.png') no-repeat; position:relative; }
ul#MainMenu
  { list-style:none; display:block; height:25px; width:200px; margin:0 auto; }
ul#MainMenu li { display:inline; }
/*ul#MainMenu li a
  { display:inline-block; text-indent:-9999px; width:25px; height:25px;
   background:transparent url('../images/MenuSprite.png') no-repeat; }*/
ul#MainMenu li a
  { display:inline-block; padding-left:25px; width:0; height:25px; overflow:hidden;
   background:transparent url('../images/MenuSprite.png') no-repeat; }
ul#MainMenu li#Home a{ background-position:0 0; }
ul#MainMenu li#Home a:hover { background-position:0 -25px; }
ul#MainMenu li#Blog a{ background-position:-25px 0; }
ul#MainMenu li#Blog a:hover { background-position:-25px -25px; }
ul#MainMenu li#Work a{ background-position:-50px 0; }
ul#MainMenu li#Work a:hover { background-position:-50px -25px; }
ul#MainMenu li#Gallery a{ background-position:-75px 0; }
ul#MainMenu li#Gallery a:hover { background-position:-75px -25px; }
ul#MainMenu li#Temp a{ background-position:-100px 0; }
ul#MainMenu li#Temp a:hover { background-position:-100px -25px; }
ul#MainMenu li#Rss a{ background-position:-125px 0; }
ul#MainMenu li#Rss a:hover { background-position:-125px -25px; }
ul#MainMenu li#Contact a{ background-position:-150px 0; }
ul#MainMenu li#Contact a:hover { background-position:-150px -25px; }
div#MenuTitle { bottom:-15px; color:#333; font-size:1.2em; font-variant:small-caps; position:absolute;
    text-align:center; width:250px; }

/* ContentWrapper */
div#ContentWrapper { margin:0 auto; width:750px; height:450px; padding:50px;
    background:transparent url('../images/ContentBg.png') no-repeat; position:relative; }
div#Content { width:700px; height:400px; padding:30px 30px 22px 20px; overflow:auto; }

/* Content */
div#Content div.content { line-height:1.3; margin-left:170px; }
div#Content div.meta { float:left; font-size:0.85em; margin:5px 0; width:150px; clear:left; }
div#Content h1.title { font-size:1.8em; width:150px; float:left; }

/* Page_Blog */
div#Content div.BlogItem  { margin:10px 0; }
div#Content span.BlogCreated  { font-size:0.8em; }
div#Content h3.BlogTitle { display:inline; font-size:1em; }
div#Content div.BlogBody { font-size:0.85em; }

/* Page_Home */
ul#HomepageIcons { list-style:none; position:absolute; right:5px; top:80px; }
ul#HomepageIcons li { display:block; margin:1px 0; width:80px; height:15px; opacity:0.5; }
ul#HomepageIcons li:hover { opacity:0.7; }
div#Content.FrontpageContent h1.title { font-size:1.8em; margin:20px 100px 50px 100px;
    text-align:center; width:500px; }
div#Content.FrontpageContent { overflow:hidden; }
div#Content.FrontpageContent div.content { line-height:1.3; margin:20px 50px; width:700px; }
div#Content div.TripleCol { width:200px; float:left; display:block; height:200px; padding:0 5px;
    text-align:center; font-size:0.9em; }
div#Content div.TripleCol h2.ColHead, div#readerpublishermodule0 h3 { font-size:1.4em; }
div#readerpublishermodule0 { text-align:left; }
div#readerpublishermodule0 h3 { text-align:center; }

/* Page Gallery */
#imageGallery {  }
#imageGallery li { float:left; background:#222; border:1px solid #222; border-right:5px solid #222;
    margin:10px; width: 200px; padding: 5px; overflow: hidden; border-radius:3px;
    -moz-border-radius:3px; -webkit-border-radius:3px; }
#imageGallery li a { float:left; }
#imageGallery li.top { box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 30px #000; }
#imageGallery li div { width: 450px; overflow:hidden; }
#imageGallery li .info { width: 240px; padding:0 0 0 10px; float:left; }

/* Footer */
div#Footer { bottom:50px; font-size:0.85em; font-variant:small-caps; position:absolute; right:60px; }