body {display: block; background:#000000; margin:0px; font-family:arial;}

div {padding:0px; margin:0px;}

.error_msg {color:red;}

a {color:#006699; text-decoration:none; font-weight:bold;}

#wrapper {width:100%; min-height:600px; background:url(../images/bgr.jpg) top center no-repeat;}

#wrapSmallNav {height:25px; width:100%; background:url(../images/smallNav.png) repeat-x;}
    #smallNav {}
    #smallNav #user {color:#ffffff; float:right; font-size:9pt; letter-spacing:1px; padding:5px 10px 0px 0px;}
        #smallNav ul {list-style:none; padding:0px; margin:0px auto; width:960px;}
            #smallNav ul li {float:right;}
                #smallNav ul li a {color:#cccccc; font-size:8pt; font-weight:bold; letter-spacing:1px; text-decoration:none; background:url(../images/navButtons.png) 0px 0px no-repeat; height:15px; padding:5px 10px 5px 10px; display:block;}
                #smallNav ul li a:hover {background-position:0px -25px;}
                #smallNav ul li.navClose {background:url(../images/navButtons.png) no-repeat; width:2px; height:25px; display:block;}


#styles {width:48px; height:48px; display:block; position:absolute; top:-48px; left:-48px; background:url(../images/styles.png) no-repeat; z-index:200;}
    #styles a {width:100%; height:100%; display:block;}
    #fade {display:none; width:100%; height:100%; position:absolute; z-index:300; top:0px; left:0px; background:url(../images/fade.png);}
    #error {display:none; width:100%; height:100%; position:absolute; z-index:300; top:0px; left:0px; background:url(../images/fade.png);}
        #fadeBox {width:450px; height:300px; margin:0px auto; position:relative; margin-top:200px; background:black; color:#cccccc;}
        #errorBox {width:450px; height:300px; margin:0px auto; position:relative; margin-top:200px; background:black; color:#cccccc;}
        #closeFade {position:absolute; background:url(../images/icons.png) 0px -60px no-repeat; width:20px; height:20px; display:block; position:absolute; top:10px; right:10px;}
            #closeFade:hover {background-position:-20px -60px;}

#wrapLogo {width:100%; height:240px; display:block;}
    #logo {background:url(../images/logo.png) center center no-repeat; height:240px; width:960px; margin:0px auto;}

#wrapNavigation {width:100%;}
    #navigation {margin:0px auto; width:960px; height:80px; background:url(../images/navigation.png) no-repeat;}
        #navigationBox {padding:0px; margin:0px auto; min-width:502px; margin-left:210px;}
                #navigation a {display:block; float:left; height:9px; padding:33px 30px 37px 30px; color:#ffffff; font-size:9pt; font-weight:bold; letter-spacing:1px; text-decoration:none; background:url(../images/mainNavButtons.png) 0px 0px no-repeat;}
                #navigation a:hover {background-position:0px -80px;}
                #navigation a.navClose {width:2px; height:80px; padding:0px;}

#imgList {float:right; margin-top:4px; height:30px;}
    #imgList img {height:30px; width:40px; margin-right:5px; border-top:1px solid #333333; border-left:1px solid #333333; border-right:1px solid #999999; border-bottom:1px solid #999999;}

#wrapContent {width:100%;}
    #containerContent {width:960px; min-height:600px; margin:0px auto; color:#333333; background:url(../images/content.png) no-repeat; color:#cccccc;}
        #content {padding-bottom:20px; width:600px; margin:60px 20px 0px 0px; padding-right:10px; float:left; letter-spacing:1px; font-size:9pt;}
        #sidebar {width:280px; margin:42px 10px 10px 10px; padding:15px; float:left; font-size:8pt; letter-spacing:1px;}
            #sidebar img {margin:10px 0px 0px 5px; border:none;}
            #sidebar span {margin-left:5px;}
            #sidebar #adSense {margin:10px 0px 0px 5px;}
        #sidebar h1 {background:url(../images/sidebar.png) no-repeat; color:#ffffff; display:block; height:39px; width:310px; text-indent:20px; padding-top:11px; font-size:12pt; margin-left:0px; margin-top:20px;}

#portfolio {}
#portfolio img {width:600px; border-top:1px solid #00ccff; border-left:1px solid #00ccff; border-right:1px solid #003366; border-bottom:1px solid #003366;}

#sections {position:relative; width:960px; height:200px; background:url(../images/section.png) no-repeat;}
    #sections div {position:absolute; width:300px; color:#cccccc; letter-spacing:1px;}
    #section1 {left:10px;}
    #section2 {left:320px;}
    #section3 {left:640px;}
        #sections div h1 {height:35px; width:300px; letter-spacing:1px; display:block;  margin-bottom:10px; margin-top:5px; font-size:18pt;}

#featured {width:958px; margin-left:1px; height:300px; position:relative;}
    #featured ul {list-style:none; position:absolute; top:285px; left:-35px;}
    #featured ul li {float:left; margin:3px; height:30px; width:30px; overflow:hidden; display:inline-block; border-top:1px solid #333333; border-left:1px solid #333333; border-right:1px solid #999999; border-bottom:1px solid #999999;}
    #featured ul li img {height:30px; border:none;}
    #featured #prev {position:absolute; z-index:1000; left:-51px; top:100px; height:100px; width:100px; display:block; background:url(../images/prev.png) no-repeat;}
        #featured #prev:hover {background-position:0px -100px;}
    #featured #next {position:absolute; z-index:1000; left:908px; top:100px; height:100px; width:100px; display:block; background:url(../images/next.png) no-repeat;}
        #featured #next:hover {background-position:0px -100px;}
#featured a.portfolio {width:958px; height:300px; display:block; z-index:100; position:absolute;}

#wrapFooter {width:100%; clear:both; display:block;}
    #footer {width:980px; height:80px; margin:0px auto; padding-top:36px;  text-indent:30px; font-size:10pt; font-weight:bold; color:#ffffff; background:url(../images/footer.png) no-repeat;}


h1 {margin-left:-5px; font-size:12pt; padding-top:11px; text-indent:25px; border:none; background:url(../images/heading.png) no-repeat; color:#ffffff; height:50px; width:610px;}
    h1.posts {position:relative; margin-left:-5px; font-size:12pt; padding-top:26px; text-indent:90px; background:url(../images/posts.png) no-repeat; color:#ffffff; height:50px; width:610px;}
        h1.posts span {font-size:12pt; font-weight:bold; color:#000000; position:absolute; left:17px; top:10px; width:54px; height:55px; display:block; text-indent:0px; text-align:center;}
h2 {margin:20px 0px 0px 0px; font-size:14pt; color:#0099cc; letter-spacing:2px;}
    span.content {color:#ffffff;}
    span.content span {font-size:10pt;}
h3 {font-size:8pt; margin:0px; color:#00ccff;}
#sidebar h2 {font-size:8pt;}

#accordion h1 a {color:#ffffff;}
#accordion h1 img {vertical-align:middle; margin-right:10px; width:20px; height:20px; border:none;}

#ad {width:468px; margin:0px auto;}

#content img {
  -webkit-box-reflect: below 4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.8, transparent), to(black));
  -webkit-border-radius: 7px;
   border-radius: 7px;
   margin-bottom:40px;
}