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

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

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

*
{
   padding: 0;
   margin: 0;
}

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

structure elements

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

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

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


div#workbench
{
   margin: auto;
   width: 100%;
   text-align: left;
}

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

div#apbMenu
{
   padding: 3px 0.5em 3px 0.5em;
   background-color: #d8d8d8;
}



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


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

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

}

div#apbTagList
{
   position: static;  
   text-align: right;

   padding: 2em 3em 2.0em 3em;  
   text-align: center;

}

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

div#apbLargeImageDescription,
div#apbLargeImageComments
{
   padding-top: 1.5em;
   padding-bottom: 1.5em;
   margin: auto;
   text-align: justify;
   width: 300px;

}

div#apbApproveComments
{
   text-align: center;
}



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

div.text
{
   font-size: medium;
   padding: 2em;
   text-align: left;
}


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

text elements

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

/* Conventional Headers */
h1
{
   font-size: medium;
}

h2, h3, h4
{
   font-size: small;
   margin: 0.2em 0em 0.2em 0em;
}

p
{
   margin-bottom: 1em;
}

p.text
{
   margin: 0em 1em 0em 1em;
}

.text
{
   text-align: justify;
   font-size: small;
}

.admin
{
   background-color: #f80;
}

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

links 

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

a, a:link, a:visited
{

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

a:hover, a:focus
{
   color: #f7f7f7;
   background: #47568e;
   text-decoration: none;
}


a.thumbnail,
a:link.thumbnail
{

}

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

}



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

buttons/ input 

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

hr
{
   border: solid 1px; margin-top: 1em;
}


input, select
{
   color:#000;
   font-size:small;
   font-weight: bold;
}

input.ro
{
   color:#333;
   background-color: #ccc;

}

/* Buttons */
input.myButton
{
   border:  1px outset; 
   color: #000;
   background-color: #809bff;
   font-size: x-small;
   margin: 0.5ex 0ex 0.5ex 0ex;
   padding: 0.5ex;
}


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

table elements

******************************************/
/* All atom photblog tables */
table.apb
{
   margin: auto;
}



/* The Archive(=Index) Table */

div#apbArchive
{
   position: static;
   text-align: center;
   width: 650px;
   margin: auto;
}

table.thumbnail
{
   text-align: center;
   width: 150px;
   border-spacing: 0px;
   border: none;
   
}


/* The Upload Form Table */
table.upload
{
   margin: auto;
   padding: 0.3em;
   border: solid 1px;
   border-color: #000;
   border-spacing: 3px;
   background: #aaa;
}

tr.upload
{
   font-size: small;
   color: #000;
   text-align: left;
   vertical-align: middle;
}

th.upload
{
   text-align: right;
   font-size: small;
   color: #000;
   vertical-align: top;
}



/* The Admin Approve Table */
table#apbApprove
{
   text-align: center;
   border: 1px solid #666;
   width: 100%;
}

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

th.approve
{
   color: #fff;
   background-color: #333;
}

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


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

lists elements

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

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




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

ul.apb
{

   list-style-type: none;
}


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

li.apb
{
}



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

/* ----------  Descr. List */
dt.apb
{
   font-size: x-small;
}

dd.apb
{
   display: inline;
}


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

images elements

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

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

img.largeImage
{
}



/*****************************************
misc elements
******************************************/

.hidden
{
   display: none;
}

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

.large
{
   font-size: large;
}

.small
{
   font-size: small;
}

.xsmall
{
   font-size: x-small;
}

.error
{
   font-size: large;
}

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

.warning
{
   color: #c90;
}

.success, .green
{
   color: #0A0;
}