/*****************************************

A default css that comes along with
Atom PhotoBlog. Feel free to play
around. This is just the starting-point 
for YOUR creativity!

This is the white on black version.

******************************************/

*
{
   padding: 0;
   margin: 0;
}

/*****************************************

structure elements

******************************************/

body
{
   font-family: Helvetica, Verdana, sans-serif;
   font-size: x-small;
   color: #999;
   text-align: left;
   vertical-align: middle;
   background-color: #000;
}

body.setup
{
   font-size: small;
   width: 60em;
}

div#workbench
{
   margin: auto;
   width: 100%;
}

div#apbLogo
{
   position: absolute;
   left: 0px;
   top: 0px;
}

div#apbContainerUtils
{
   position: static;
   width: 100%;
   text-align: center;
}

div#apbAbo,
div#apbMenu
{
   padding: 3px 0.5em 3px 0.5em;
   background-color: #666;
}

div#apbContainerImage,
div#apbIndex
{
   position: static;
   text-align: center;
   width: 100%;
}


div#apbLargeImageEdit,
div#apbNavi
{
   position: static;
   width: 100%;
}

div#apbValidators,
div#apbTagList
{
   position: static;  
   text-align: right;
   padding: 0em 3em 1.5em 3em;  

}

div#apbApproveComments,
div#apbTagList
{
   text-align: center;
}

div#apbLargeImageComments
{
   padding-top: 1.5em;
   padding-bottom: 1.5em;

}

div.form
{
   font-size: small;
   padding: 2em;
}

/*****************************************

text elements

******************************************/

h1, h2, h3, h4
{
   font-size: x-small;
}

h1.form, h2.form, h3.form, h4.form
{
   padding-top: 1em;
   padding-bottom: 0.5em;
   font-size: large;
}

/* Selected Tag Highlight */

.tagHighlight
{

   background-color: #999;
   color: #000;
}

/*****************************************

universal elements

******************************************/


.left, .form
{
   text-align: left;
}
.right
{
   text-align: right;
}

.center
{
   text-align: center;
}

.hidden
{
   display: none;
}

.xlarge
{
   font-size: x-large;
}

.error
{
   font-size: large;
}

.error, .important
{
   color: #A00;
}

.warning
{
   color: #c90;
}

.success
{
   color: #0A0;
}




/*****************************************

buttons/ input 

******************************************/

hr
{
   border: solid 1px;
}

hr.form
{
   margin-top: 1em;
}


input, select
{
   border: 1px solid;
   color:#036;
   font-size:small;
   font-weight: bold;
}

input.myButton
{
   border: 1px solid;
   color: #fff;
   background-color: #666;
   font-size:small;
   margin: 0.5ex 0ex 0.5ex 0ex;
}

/*****************************************

table elements

******************************************/
table.apb
{

}

table#apbIndexTable,
table#apbAdminLogin
{
   margin: auto;
}



table.thumbnail,
table#apbApprove
{
   margin: auto;
   text-align: center;
}

table#apbApprove
{
   border: 1px solid #666;
   width: 100%;
}

td.approve, th.approve
{
   border: 1px solid #666;
   padding: 0.5em;
}

th.approve
{
   color: #000;
   background-color: #ccc;
}

td.approve.radio
{
   width: 4em;
   text-align: center;
}


/*****************************************

lists elements

******************************************/

/* ----------  Ordered List */
ol.apb
{
   padding-left: 2em;
   padding-top: 1em;
   padding-bottom: 1em;
}




/* ----------  Unordered List */

ul.apb
{

   list-style-type: none;
}


/* ----------  Descr. List */

dt.apb
{
}
dd.apb
{
   display: inline;
}

/* ---------- List Items */

li.apb
{
}

li.apb.navi, li.apb.edit,
li.apb.menu, li.apb.tagList, 
li.apb.abo
{
   display: inline;
   padding-left: 1em;
}

/*****************************************

images elements

******************************************/
img
{
   border: 1px solid #999;
}

img:hover.thumbnail,
img:focus.thumbnail,
img:hover.thumbnail
{
   border: 1px solid #fff;
}

img.largeImage
{
}

/*****************************************

links 

******************************************/

a, a:link, a:visited
{

   text-decoration: none;
   color: #fff; 
}

a:hover, a:focus
{
   color: #f33;
   text-decoration: underline;
}

a.thumbnail,
a:link.thumbnail
{

}

a:hover.thumbnail,
a:focus.thumbnail,
a:visited.thumbnail
{

}