/*
Theme Name: UpsideDown
Description: The most UpsideDown WordPress theme ever.
Author: Peter Bentley, John Moss
Tags: upside, down
*/

/* Main */
body { font-family: Arial, Tahoma, Sans-Serif; background: #ebedee url('images/HeaderBarBkgd.png') repeat-x; margin: 0px; padding: 0px; color: #505050; font-size: 12px; }
a { color: #0781c7; text-decoration: none; }
a:hover { color: #0881c7; text-decoration: underline; }

/* Content Blocks */
div.HeaderGraphic { width: auto; height: 212px; margin: 0px auto; background: transparent url(  'images/HeaderGraphic.png' ) repeat-y center center;  text-align: center; }
div.ContentTop { width: 900px; height: 2px; background: #9f9f9f; padding: 0px; margin: 0px auto; }
div.ContentBottom { width: 900px; height: 2px; background: #9f9f9f; padding: 0px; margin: 0px auto; clear: both; float: none; }
div.Footer { width: 900px; text-align: center; color: #353535; padding: 10px 0px;  margin: 0px auto; clear: both; float: none; font-size: 10px; }
div.ContentBox { width: 900px; background: transparent url('images/ContentBkgd.png') repeat-y; padding: 0px; margin: 0px auto; }
div.ContentFiller { width: 890px; padding: 3px 5px; margin: 0px; }

/* Columns */
.narrowcolumn { float: left; width: 642px; padding: 0px; margin: 0px; background-color: #ffffff;  }
.widecolumn { padding: 0px; margin: 0px; width: 860px; }
.entry { padding: 0px 20px !important; font-size: 12px !important; line-height: 18px; }
h2.PostTitle { font-size: 16px; font-weight: bold; display: block; background: transparent url('images/PostTitle.png') no-repeat; height: 34px; width: 622px; color: #ffffff !important; padding-top: 12px; padding-left: 20px; font-family: Georgia, Arial, Sans-Serif; }
h2.PostTitle a { color: #ffffff !important; }
h2.PostTitle a:hover { color: #ffffff; text-decoration: underline; }
span.DateText { font-family: Georgia, Arial, Sans-Serif; font-style: italic; }
div.ColumnSpacer { padding: 4px 20px; }

/* Sidebar */
#sidebar { padding: 0px; margin-left: 642px; width: 248px; background-color: #575757; color: #ffffff; font-size: 14px; }
#sidebar h2 { width: 170px; height: 32px; padding: 8px 0px 0px 30px; background: transparent url('images/SideBarTitle.png') no-repeat; font-size: 18px; font-weight: bold; font-family: Arial, Tahoma, Sans-Serif; color: #0093c3; }
#sidebar h2.Alternate { background: transparent url('images/SideBarTitleAlternate.png') no-repeat; color: #ffffff; }
#sidebar form { margin: 0px; }
#sidebar a:link, #sidebar a:active, #sidebar a:visited { color: #ffffff !important; }
#sidebar a:hover { text-decoration: underline;  }

.post { margin: 0px 0px 12px 0px; text-align: justify; }
.post hr { display: block; }
.clear { clear: both; }
.widecolumn .post { margin: 0; }
.narrowcolumn .postmetadata { padding-top: 5px; }
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }
.postmetadata { clear: both; }

.narrowcolumn .postmetadata { text-align: center; }
.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }
.even, .alt { border-left: 1px solid #ddd; }
.entry p a:visited { color: #b85b5a; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; }
.commentlist p { font-weight: normal; text-transform: none; }
#commentform p { font-family: 'Lucida Grande' , Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }

small, .nocomments, .postmetadata, blockquote, strike { color: #777; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }

/* Headers */
h1 { padding-top: 70px; margin: 0; }
h2 { margin: 0px 0px 0px 0px; display: block; /* background-color: #e6e7e2; padding: 6px !important; border: 1px solid #9f9f9f; */  }
h2.pagetitle { margin-top: 30px; text-align: center; }
h3 { padding: 0; margin: 12px 0px 0px 0px; }
h3.comments { padding: 0; margin: 12px auto; }

/* Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/* Lists  */
html > body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html > body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }

/* Form Elements */
form { margin: 0px !important; padding: 0px !important; }
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { text-align: center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: right; }

/* Comments*/
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

/* Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { background-color: #fff; }

/* Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { visibility: hidden; display: none;  }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }