/*
Theme Name: Dapper Gray
Description: for PixelPost 1.6.x 
Author: Joni Mueller for Pixelita Designs LLC
Author URI: http://www.pixelita.com
*/

a  {
   color: #c0c0c0;
   text-decoration: none;
}

a:link   {
   color: #c0c0c0;
   text-decoration: none;
}

a:visited   {
   color: #808080;
   text-decoration: none;
}

a:hover  {
   color: #fff;
   text-decoration: none;
}

a:active {
   color: #369;
   text-decoration: none;
}

body {
   background-color: #666;
   background-image: url(../images/bg-1600x30.jpg);
   background-position: top center;
   background-repeat: repeat-y;
   color: #fff;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 13px;
}

h2{
   background: #999 !important;
   color: #111;
   font-family: georgia, times, serif;
   font-size: 155%;
   font-weight: normal;
   margin-bottom: 15px;
   padding: 2px;
}

/* styles for pop-up comments */
h2#comment-top {
   font-family: georgia, times, serif;
   font-size: 135%;
   font-weight: normal;
   padding: 0 0 2px 0;
}

h3 {
   background: #999 !important;
   color: #111;
   font-family: georgia, times, serif;
   font-size: 145%;
   font-weight: normal;
}

input, select, textarea {
   background-color: #b4b4b4;
   border: solid 1px #000;
   color: #000;
   font-size: 11px;
}

li {
   background: transparent;
   line-height: 15px !important;
   list-style-type: none !important;
}

p  {
   background: transparent;
   color: #000;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 13px;
   line-height: 110%;
   text-decoration: none;
}

span.img-thumb {
   background: #999;
   border: 2px solid #bbb;
   display: inline-block;
   padding: 3px;
}

ul {
   background: transparent;
   color: #445;
   margin-left: 5px;
   padding-left: 0px;
}

.clearer {
   clear: both;
   margin: 0;
   padding: 0;
}

/* styles for inline comments */
.comments {
   background: #999;
   color: #111;
}

.comments h3 {
   color: #000040;
   font-family: georgia, times, serif;
   font-size: 135%;
   font-weight: normal;
}

.comments ul {
   list-style-type: none;
   margin-left: 0px;
}

.comments ul li {
   border-bottom: 1px dotted #222;
   list-style-type: none;
   margin-bottom: 5px;
   margin-left: 0px;
   padding: 3px 3px 5px 3px;
}

.subtitle {
   color: #c0c0c0;
   font-family: georgia, times, serif;
   font-size: 145%;
   font-style: italic;
   margin: 0px;
   padding: 0px 2px 0px 0px;
   text-align: right;
}

.thumbnails{
   background-color: #eee;
   border: 1px solid #b4b4b4;
   margin: 2px;
   padding: 5px;
}

#addcomment {
   background: #ccc;
   color: #111;
   font-family: verdana, arial, helvetica, sans-serif;
   padding: 5px;
}

#bottom {
   background: #999 !important;
   border: 1px solid #fff;
   color: #333;
   line-height: 16px;
   margin: 10px 0 10px 0;
   padding: 5px;
}

#commentbox {
   background: transparent;
   font-family: verdana, arial, helvetica, sans-serif;
}

#comment-box {
   background: #999;
   border: 2px solid #bbb;
   color: #333;
   line-height: 16px;
   margin: 10px 0 10px 0;
   padding: 5px;
}

#comment-wrapper {
   background: #ccc;
   border: 1px solid #333;
   font-family: verdana, arial, helvetica, sans-serif;
   margin: 1px auto 5px auto;
   padding: 3px;
}

#content{
   background: transparent;
   font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   font-size: 100%;
   margin: 0 auto 5px auto;
}

#footer, #footer p {
   background: transparent;
   color: #808080;
   margin-left: -20px !important;
   padding: 5px;
   text-align: center;
   width: 800px;
}

#header {
   background: transparent;
   margin: 15px 0px 15px 0px;
   padding: 0px;
}

#header a, #header a:link, #header a:visited {
   color: #fff;
   text-decoration: none;
}

#header a:hover {
   color: #aaa;
   text-decoration: none;
}

#header h1 {
   color: #fff;
   font-family: georgia, times, serif;
   font-size: 175%;
   padding: 2px 2px 1px 0px;
   text-align: right;
}

#main {
   background: transparent;
   margin: 0px 40px 10px 74px !important;
   padding-top: 0px !important;
   width: 760px;
}

#menunav{
   background-color: #808080;
   border: 1px solid #fff;
   color: #fff;
   height: 24px;
   margin-top: 40px;
   margin-bottom: 0px !important;
}

#navimage{
   text-align: center;
}

#navlist{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   letter-spacing: 2px;
   margin: 0px;
   padding: 0 0 20px 10px;
   text-transform: uppercase;
}

#navlist a:link, #navlist a:visited{
   color: #333;
   float: left;
   font-weight: bold;
   line-height: 14px;
   margin: 0 10px 4px 10px;
   text-decoration: none;
}

#navlist a:hover {
   color: #000;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{
   background: transparent;
   border-bottom: 4px solid #ddd;
   color: #000;
   padding-bottom: 2px;
}

#navlist ul, #navlist li{
   display: inline;
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#page1{
   background: #999 !important;
   display: inline;
   float: left;
   width: 48%;
}

#page2{
   background: #999 !important;
   display: inline;
   float: right;
   margin-bottom: 20px;
   width: 48%;
}

#pages {
   background: #999 !important;
   border: 1px solid #fff;
   color: #111;
   line-height: 16px;
   margin: 10px 0 10px 0;
   padding: 5px;
}

#pages a, #pages a:link {
   color: #555;
   text-decoration: none;
}

#pages a:visited {
   color: #808080;
   text-decoration: none;
}

#pages a:hover {
   color: #fff;
   text-decoration: none;
}

#photo{
   background: #fff;
   border: 1px solid #111;
   margin: 2px;
   margin-left: auto;
   margin-right: auto;
   padding: 5px;
}

#photoclear{
   border: none !important;
   clear: both;
   text-align: center;
}

#togglebottom {
   background-color: transparent;
   color: #bbb !important;
   cursor: pointer;
   font-family: arial, helvetica, sans-serif;
   font-size: 95%;
   font-weight: normal;
   padding: 2px;
   text-align: right;
}

#togglebottom a, #togglebottom a:link, #togglebottom a:visited {
   background-color: transparent !important;
   color: #eee !important;
   text-decoration: none;
}

#togglebottom a:hover {
   background: transparent;
   color: #fff;
   font-style: italic;
   text-decoration: none;
}

#wrapper {
   background-attachment: scroll;
   background-color: transparent;
   background-image:;
   background-position: top left;
   background-repeat: no-repeat;
   margin: 0px auto !important;
   padding: 0;
   width: 903px;
   min-height: 800px !important;
}