/* http://www.philsallee.com/screen.css */
BODY
{
    FONT-SIZE: 13px;
    BACKGROUND: gray;
    MARGIN: 32px;
    COLOR: black;
    FONT-FAMILY: Trebuchet MS, Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
    TEXT-ALIGN: left
}
#header
{
    FONT-WEIGHT: normal;
    BACKGROUND: url(header.jpg) white repeat-x left top;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: auto;
    COLOR: black;
    MARGIN-RIGHT: auto;
    POSITION: relative;
    HEIGHT: 200px;
    TEXT-ALIGN: left
}
#body
{
    BACKGROUND: white;
    MARGIN: auto;
    WIDTH: 800px
}
#content
{
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 0px;
    BACKGROUND: white;
    PADDING-BOTTOM: 8px;
    MARGIN-RIGHT: 220px;
    PADDING-TOP: 8px
}
#sidebar
{
    PADDING-RIGHT: 0px;
    MARGIN-TOP: 8px;
    PADDING-LEFT: 8px;
    FONT-SIZE: 11px;
    BACKGROUND: white;
    FLOAT: right;
    PADDING-BOTTOM: 32px;
    WIDTH: 220px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: center
}
#footer
{
    CLEAR: both;
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    FONT-SIZE: 11px;
    BACKGROUND: url() gray no-repeat left bottom;
    PADDING-BOTTOM: 8px;
    COLOR: gray;
    PADDING-TOP: 8px;
    TEXT-ALIGN: center
}
#footer A
{
    COLOR: gray
}
.sidebarItem
{
    BACKGROUND: white;
    MARGIN-BOTTOM: 16px
}
.sidebarItemTitle
{
    PADDING-LEFT: 8px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BACKGROUND: url(sidebartitle.jpg) white no-repeat left top;
    PADDING-BOTTOM: 2px;
    COLOR: white;
    PADDING-TOP: 2px;
    HEIGHT: 20px;
    TEXT-ALIGN: left
}
.sidebarItemTitle SPAN A
{
    COLOR: white
}
.sidebarItemBody
{
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
.sidebarItem UL
{
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    MARGIN: 0px
}
.sidebarItem LI
{
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    LIST-STYLE-TYPE: none
}
A:link
{
    COLOR: black;
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR: #404040
}
#Title
{
    FONT-FAMILY: Arial, sans-serif;
    FONT-SIZE: 44px;
    LEFT: 20px;
    COLOR: white;
    PADDING-TOP: 8px;
    POSITION: absolute;
    TOP: 20px
}
#Description
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 16px;
    LEFT: 24px;
    PADDING-BOTTOM: 8px;
    COLOR: white;
    BOTTOM: 80px;
    PADDING-TOP: 8px;
    POSITION: absolute
}
H1
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 16px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
    BACKGROUND: white
    PADDING-BOTTOM: 4px;
    MARGIN: 0px;
    COLOR: #6e7d8e;
    PADDING-TOP: 4px
}
H1 A:link
{
    COLOR: #6e7d8e;
    TEXT-DECORATION: none
}
H1 A:visited
{
    COLOR: #6e7d8e;
    TEXT-DECORATION: none
}
H1 A:hover
{
    TEXT-DECORATION: underline
}
H2
{
    PADDING-LEFT: 30px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    MARGIN: 0px;
    COLOR: #6e7d8e;
    PADDING-TOP: 4px
}
H3
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    MARGIN: 0px;
    COLOR: #6e7d8e;
    PADDING-TOP: 0px
}
.contentItem
{
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    BACKGROUND: white;
    MARGIN-BOTTOM: 8px;
    PADDING-BOTTOM: 8px;
    PADDING-TOP: 8px
}
.contentItemBody
{
    PADDING-RIGHT: 16px;
    PADDING-LEFT: 16px;
    PADDING-BOTTOM: 8px;
    LINE-HEIGHT: 1.5;
    PADDING-TOP: 8px;
    TEXT-ALIGN: left
}
.contentItemLinks
{
    FONT-SIZE: 11px;
    FLOAT: right;
    COLOR: gray;
    TEXT-ALIGN: right
}
.contentItemLinks FORM
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
.contentItemLinks A
{
    COLOR: gray
}
.even
{
    BACKGROUND: #f4f4f4
}
.odd
{
    BACKGROUND: white
}
.small
{
    FONT-SIZE: 11px
}
.response
{
    PADDING-RIGHT: 16px;
    PADDING-LEFT: 16px;
    MARGIN-BOTTOM: 4px;
    PADDING-BOTTOM: 8px;
    PADDING-TOP: 8px
}
.response H1
{
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%
}
.responseBody
{
    PADDING-BOTTOM: 8px;
    LINE-HEIGHT: 1.5;
    PADDING-TOP: 8px;
    TEXT-ALIGN: left
}
.metadata
{
    FONT-SIZE: 11px;
    COLOR: gray;
    LINE-HEIGHT: 1.5em
}
.metadata A
{
    FONT-SIZE: 11px;
    COLOR: gray;
    LINE-HEIGHT: 1.5em
}
.approved
{
}
.pending
{
    BORDER-RIGHT: orange 1px solid;
    BORDER-TOP: orange 1px solid;
    BACKGROUND: url() no-repeat left top;
    BORDER-LEFT: orange 1px solid;
    BORDER-BOTTOM: orange 1px solid
}
.rejected
{
    BORDER-RIGHT: red 1px solid;
    BORDER-TOP: red 1px solid;
    BACKGROUND: url() no-repeat left top;
    BORDER-LEFT: red 1px solid;
    BORDER-BOTTOM: red 1px solid
}
.published
{
}
.unpublished
{
    BACKGROUND: url() white no-repeat left top
}
BLOCKQUOTE
{
    PADDING-LEFT: 8px;
    BORDER-LEFT: #e0e0e0 4px solid;
    COLOR: gray
}
.tags
{
    BORDER-RIGHT: #f0f0f0 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #f0f0f0 1px solid;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND: #f8f8f8;
    PADDING-BOTTOM: 4px;
    MARGIN: 16px;
    BORDER-LEFT: #f0f0f0 1px solid;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #f0f0f0 1px solid
}
.categories
{
    BORDER-RIGHT: #f0f0f0 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #f0f0f0 1px solid;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND: #f8f8f8;
    PADDING-BOTTOM: 4px;
    MARGIN: 16px;
    BORDER-LEFT: #f0f0f0 1px solid;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #f0f0f0 1px solid
}
.tags A
{
    FONT-WEIGHT: normal;
    COLOR: gray
}
.categories A
{
    FONT-WEIGHT: normal;
    COLOR: gray
}
.tagCloud
{
    FONT-SIZE: 24px;
    LINE-HEIGHT: 1em;
    TEXT-ALIGN: justify
}
.sidebarTagCloud
{
    FONT-SIZE: 18px;
    LINE-HEIGHT: 0.7em;
    TEXT-ALIGN: justify
}
.tagCloud1
{
    FONT-SIZE: 0.5em
}
.tagCloud2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.6em
}
.tagCloud3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.65em
}
.tagCloud4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.7em
}
.tagCloud5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.75em
}
.tagCloud6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em
}
.tagCloud7
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.85em
}
.tagCloud8
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em
}
.tagCloud9
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1em
}
.tagCloud10
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em
}
.tagCloud UL
{
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 8px;
    MARGIN: 0px;
    PADDING-TOP: 8px
}
.sidebarTagCloud UL
{
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 8px;
    MARGIN: 0px;
    PADDING-TOP: 8px
}
.tagCloud LI
{
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    WHITE-SPACE: nowrap
}
.sidebarTagCloud LI
{
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    WHITE-SPACE: nowrap
}
.tagCloud A
{
    TEXT-DECORATION: none
}
.sidebarTagCloud A
{
    TEXT-DECORATION: none
}
.tagCloud A:hover
{
    BACKGROUND: #6e7d8e;
    COLOR: white
}
.sidebarTagCloud A:hover
{
    BACKGROUND: #6e7d8e;
    COLOR: white
}
.calendar
{
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px
}
.calendarDayHeader
{
    FONT-WEIGHT: bold;
    TEXT-ALIGN: right
}
.calendarDay
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    TEXT-ALIGN: right
}
.calendarDayWithEntries
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    BACKGROUND: #c0c0c0;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    TEXT-ALIGN: right
}
.calendarDayWithEntries A
{
    FONT-WEIGHT: bold;
    COLOR: white;
    TEXT-DECORATION: none
}
.calendarDayWithEntries:hover
{
    BACKGROUND: #6e7d8e;
    COLOR: white
}
.calendarToday
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    BACKGROUND: #6e7d8e;
    PADDING-BOTTOM: 2px;
    COLOR: white;
    PADDING-TOP: 2px;
    TEXT-ALIGN: right
}
.calendarToday A
{
    FONT-WEIGHT: bold;
    COLOR: white;
    TEXT-DECORATION: none
}
.photo
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: black 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: black 1px solid;
    TEXT-ALIGN: center
}
.codeSample
{
    BORDER-RIGHT: #f0f0f0 1px solid;
    PADDING-RIGHT: 8px;
    BORDER-TOP: #f0f0f0 1px solid;
    PADDING-LEFT: 8px;
    FONT-SIZE: 11px;
    BACKGROUND: #f8f8f8;
    PADDING-BOTTOM: 8px;
    MARGIN-LEFT: 8px;
    OVERFLOW: auto;
    BORDER-LEFT: #f0f0f0 1px solid;
    MARGIN-RIGHT: 8px;
    PADDING-TOP: 8px;
    BORDER-BOTTOM: #f0f0f0 1px solid;
    FONT-FAMILY: Courier, sans-serif;
    TEXT-ALIGN: left
}
#linearNavigation
{
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    BACKGROUND: black;
    PADDING-BOTTOM: 6px;
    COLOR: white;
    PADDING-TOP: 6px;
    TEXT-ALIGN: center
}
#linearNavigation A
{
    COLOR: white;
    TEXT-DECORATION: none
}
#linearNavigation A:hover
{
    TEXT-DECORATION: underline
}
#feeds
{
    RIGHT: 8px;
    COLOR: white;
    POSITION: absolute;
    TOP: 8px
}
#feeds A
{
    COLOR: white;
    TEXT-DECORATION: none
}
#feeds A:hover
{
    TEXT-DECORATION: underline
}
THEAD
{
    BACKGROUND: #6e7d8e;
    COLOR: white;
    TEXT-ALIGN: left
}
TH
{
    FONT-WEIGHT: normal
}
.authenticated
{
    PADDING-LEFT: 10px;
    BACKGROUND: url() no-repeat left center
}
.unauthenticated
{
}