/* Main elements - body, headers, fonts, link behaviour */

body { color: #000; font-style: normal; font-weight: normal; font-size: 0.9em; font-family: georgia, verdana, arial, helvetica, sans-serif; background: #3399cc; margin: 0; padding: 0 }
a { color: #cc0000; text-decoration: none }
a:link  { color: #cc0000 }
a:visited   { color: #cc0000 }
a:hover  { text-decoration: underline }
.txt a:link  { color: #cc0000; text-decoration: none; border-bottom: 1px dotted #cc0000 }
.txt a:visited   { color: #cc0000; text-decoration: none; border-bottom: 1px dotted #cc0000 }
.txt a:hover  { text-decoration: underline; border-bottom: 0px }
h1     { color: #333; font-style: normal; font-weight: normal; font-size: 3em; font-family: georgia, verdana, helvetica, sans-serif; margin: 0; padding: 0; padding-bottom: 0.2em; }
h2     { color: #333; font-style: normal; font-weight: normal; font-size: 1.7em; font-family: georgia, verdana, helvetica, sans-serif; margin: 0; padding: 0; padding-bottom: 0.2em; }
h3 { color: #000; font-weight: normal; font-size: 1.2em; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; margin-top: 0em; margin-bottom: 0.4em; }
h3 a:link,
h3 a:visited,
h3 a:active { border-bottom: 0px !important; }
h4  { color: #696969; font-weight: bold; font-size: 0.9em; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; margin-top: 1em; margin-bottom: 1em }
h5  { color: #666; font-style: normal; font-weight: normal; font-size: 0.9em; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; text-align: right }
h5 a:link, h5 a:visited { color: #666; }
h5 a:hover { color: #cc0000; }
h6 { margin: 0.4em 0em; text-transform: uppercase; font-style: normal; font-size: 1em; color: #000; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; }

/* Other elements*/

img { vertical-align: text-bottom; border: none }
table { margin: 0px 0px 0px 20px; padding: 0px; border: 0px }
td { color: #000; font-size: 0.9em; font-family: Georgia, verdana, arial, helvetica, sans-serif; padding: 3px }
th { color: #000; font-weight: bold; font-size: 0.9em; font-family: georgia, verdana, arial, helvetica, sans-serif; padding: 3px }
ul { font-size: 0.9em; list-style: square }

/* Menu */

#menu { background: #fff; margin: 0px; margin-top: 25px; padding: 0px 0px 0px 0px; border: 0px; clear: both; position: relative; width: 100%; -moz-box-shadow: 0 10px 15px #336699; -webkit-box-shadow: 0 10px 15px #336699; }
#menuinner { margin: 0 auto; padding: 12px 0px 0px 0px; border: none 0; position: relative; width: 880px; height: 30px; background: url(/layout/sinds1984_logo.png) right center no-repeat; }
#menulist { margin: 0px; padding: 0px; border: 0px; float: left; }
#menulist ul { margin: 0px; padding: 0px; font-size: 1em; list-style: none; } 
#menulist li { margin: 0px 15px 0px 0px; padding: 2px; border: 0px; list-style: none; display: inline; font-size: 1.05em; font-weight: bold; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; }
#menulist li a:hover { color: #fff; background-color: #cc0000; text-decoration: none; margin: 0px -3px; padding: 0px; border-top: 4px solid #cc0000; border-right: 3px solid #cc0000; border-bottom: 3px solid #cc0000; border-left: 3px solid #cc0000; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#menulist li.selected a:link, #menulist li.selected a:visited { border-bottom: 3px solid #b6b6b6; }
#menulist li.selected a:hover { border-bottom: 3px solid #cc0000; }
#menulogo { background: url(/layout/sinds1984_logo.png) center center no-repeat; margin: 0px; padding: 0px; border: 0px; float: right; width: 174px; height: 30px; }

/* Content */

/* 	total 880
	feed 580 (text only 510) + sidebar 280 = 860 (margin = 20)
*/

#content { margin: 0 auto; margin-top: 27px; padding: 0px; border: none 0; position: relative; width: 880px }
#feed   { margin: 0px; padding: 0px; border-top: 0px; border: 0px; float: left; width: 580px }
#feedtop { display: block; background: #fff url(/layout/corner.png) 0 bottom no-repeat; margin: 0px; margin-right: 8px; padding: 0px; border: 0px; float: right; width: 510px; height: 20px; }
.feedtitle { display: block; background-color: #fff; margin: 0px; padding: 5px 10px; border-top: 4px solid #3399cc; border-right: 0px; border-bottom: 0px; border-left: 0px; float: left; width: 560px; }
.feedtext { display: block; background: #fff url(/layout/corner-sidebar.png) 0 bottom no-repeat; margin: 0px; margin-right: 8px; padding: 10px 20px; border: 0px; float: right; width: 470px; }
.feedtext-reactline { display: block; background: #99ccff url(/layout/corner-sidebar-bottom.png) 0 bottom no-repeat; margin: 0px; margin-right: 8px; padding: 3px 20px; border: 0px; float: right; width: 470px; }
.feedtext-reactline h6 { margin: 0em; text-transform: uppercase; font-style: normal; text-align: center; font-size: 0.9em; color: #003366; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; }
.feedtext-reactline h6 a:link, .feedtext-reactline h6 a:visited { color: #003366; }
.feedtext-reactline h6 a:hover { color: #cc0000; }
.feedtext p { margin: 0px; margin-top: 0.2em; margin-bottom: 1em; padding: 0px; }
.feedaddeditem { display: block; background: #fff url(/layout/corner.png) 0 bottom no-repeat; margin: 0px; margin-right: 8px; padding: 10px 20px; border: 0px; border-top: 4px solid #3399cc; float: right; width: 470px; }
#feedbottom { display: block; background: #fff url(/layout/corner.png) 0 bottom no-repeat; margin: 0px; margin-right: 8px; padding: 10px 20px; border-top: 4px solid #3399cc; border-right: 0px; border-bottom: 0px solid #3399cc; border-left: 0px; float: right; width: 470px; }
#feedbottomtext { border: 0px; border-top: 4px solid #000; padding-top: 5px; margin: 1.0em 0em; }
#feedbottom-filler { display: block; background-color: #3399cc; margin: 0px; padding: 0px; border: 0px; float: right; width: 470px; height: 30px; }

/* Sidebar */

#sidebar-wrapper { float: right; width: 280px; }
/* ORIGINAL #sidebar { background: #fff url(/layout/corner-sidebar.png) 0 bottom no-repeat; margin: 0px; padding: 10px 20px 15px 20px; border-top: 0px; border-right: 0px; border-bottom: 0px solid #3399cc; border-left: 0px; float: right; width: 240px; } */
#sidebar { background: #fff url(/layout/corner-sidebar.png) 0 bottom no-repeat; margin: 0px; padding: 10px 20px 15px 20px; border-top: 0px; border-right: 0px; border-bottom: 0px solid #3399cc; border-left: 0px; }
#sidebar h3 { color: #000; font-weight: bold; text-transform: uppercase; font-size: 1.2em; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; margin-top: 0em; margin-bottom: 0.8em }
#about, #contact { margin-bottom: 3em; }
#elders-columns { -moz-column-count: 2; -moz-column-gap: 1em; -webkit-column-count: 2; -webkit-column-gap: 1em;  font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; font-size: 0.9em; font-weight: bold; line-height: 1.9em; }
/* ORIGINAL #sidebar-bottom { background: #99ccff url(/layout/corner-sidebar-bottom.png) 0 bottom no-repeat; margin: 0px; padding: 3px 20px 3px 20px; border: 0px; float: right; width: 240px; text-align: center; font-size: 0.8em; color: #006699; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; } */
#sidebar-bottom { background: #99ccff url(/layout/corner-sidebar-bottom.png) 0 bottom no-repeat; margin: 0px; padding: 3px 20px 3px 20px; border: 0px; text-align: center; font-size: 0.8em; color: #006699; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; }
#sidebar-bottom a:link, #sidebar-bottom a:visited { color: #006699; text-decoration: underline; }
#sidebar-bottom a:hover { color: #cc0000; text-decoration: underline; }

/* Photo */

#photo { margin: 0 auto; padding: 0px; border: none 0; position: relative; width: 1000px; }
#photoframe { margin: 0 auto; border: 0px; padding-top: 30px; text-align: center; }
#photoframe img { background-color: #fff; padding: 30px; vertical-align: middle; }
.photo-nav { display: inline-block; padding: 10px; border: 5px solid #39c; }
.photo-nav h2 { color: #003366; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; }
.photo-nav a:link, .photo-nav a:visited { color: #fff; border: 5px solid #39c; margin: -5px; }
.photo-nav a:hover { background-color: #fff; color: #cc0000; text-decoration: none; border: 5px solid #fff; }
#left-nav a:hover { -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; }
#right-nav a:hover { -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; }

/* Footer */

#footer    { background-color: #fff; margin: 0px 0px 0px 0px; padding: 33px 0px 15px 0px; border: 0px; width: 100%; clear: both; }
#footerinner { margin: 0 auto; padding: 0px; border: none 0; position: relative; width: 820px }

/* Classes & related elements */

.item-title-time { display: inline; margin: 0px; margin-right: 70px; }
.item-title-reactcount { display: inline; margin: 0px; margin-right: 0px; text-transform: uppercase; }
.firstword { font-style: italic; text-transform: lowercase; font-weight: normal; font-family: georgia, verdana, helvetica, sans-serif; text-align: left; }
.quote { margin-right: 1.5em; margin-left: 1.5em; padding-right: 1em; padding-left: 1em; font-size: 1.1em; color: #696969; }
.quote:before { color: #696969; font-size: 1.5em; vertical-align: bottom; content: "““" }
.quote:after { color: #696969; font-size: 1.5em; vertical-align: top; content: "”" }
.cms a:hover { text-decoration: none; color: #fff; background-color: #cc0000; }
.inline { display: inline; }
.react { }
.comment, comment-self { clear: both; margin: 12px 0px 8px 0px; padding: 0px; border: 0px; }
.commenttop { background: #3399cc url(/layout/comment-marker.png) 0 0 no-repeat; min-height: 9px; }
.commentheader { background-color: #3399cc; padding: 4px 10px 5px 10px; }
.header-single { background: #3399cc url(/layout/corner-comment-dark.png) 0 bottom no-repeat; padding-bottom: 6px; }
.commentheader h4, .commentheader h5 { color: #fff; }
.commenttext { background: #99ccff url(/layout/corner-comment.png) 0 bottom no-repeat; padding: 14px 10px; color: #000033; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; font-size: 0.9em; }
fieldset { margin: 0px; padding: 0px; border: 0px; }
input, textarea { padding: 2px; color: #000; font-style: normal; font-weight: normal; font-size: 0.9em; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; }
select { font-size: 1em; margin-bottom: 5px; }
label.cms-label { margin: 5px 0 3px 0; color: #666666; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; font-size: 0.8em; }
label.overTxtLabel { margin-top: 4px; font-weight: normal; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; font-size: 0.9em; color: #666; }
.inputSingle { display: block; margin: 0px 0px 5px 0px; width: 70%; }
.inputSmall { display: block; margin: 0px 0px 5px 0px; width: 10%; }
.inputShort { display: inline-block; margin: 0px 0px 5px 0px; width: 30%; }
.inputVirgin { color: #666; }
.inputText { display: block; margin: 0px; width: 98%; font-size: 1.0em; }
.inputSubmit { margin: 10px 0px 0px 26px; }
.inputSubmit-small { margin: 0; float: right; font-size: 1.2em; }
.image { text-align: center; margin: 1.5em 0; }
.image a:link { border: 0px; }
.image a:visited { border: 0px; }
.image a:hover { text-decoration: none; }
.feedimage { margin: 6px 0px 8px 26px; text-align: left; }
.photoimage { text-align: center; }
.photoimage img { vertical-align: middle; border: 25px solid #fff; }
.photoimage h3 { color: #696969; font-size: 1.5em; font-weight: bold; }
.photoimage h3 a:link,
.photoimage h3 a:visited,
.photoimage h3 a:active { color: #999; padding: 0px 5px 6px 5px; border: 3px solid #fff;}
.photoimage h3 a:hover { color: #fff; background-color: #cc0000; text-decoration: none; margin: 0px; padding: 0px 5px 6px 5px; border: 3px solid #cc0000; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.file { padding-top: 10px; padding-bottom: 10px; padding-left: 35px }
.file a:link { border: 0px }
.file a:visited { border: 0px }
.file a:hover { text-decoration: none }
.spacer { color: #808080; text-align: center; padding-top: 1em; padding-bottom: 0.8em }
.ytembed { display: block; height: 362px; width: 440px; }

/* Fx Styles */

.spinner { position: absolute; opacity: 0.9; z-index: 999; background: #fff; }
.spinner-dark { position: absolute; opacity: 0.9; z-index: 999; background: #3399cc; }
.spinner-mycomment { position: absolute; opacity: 0.9; z-index: 999; background: #99ccff; }
.spinner-msg { text-align: center; font-weight: bold; }
.spinner-img { background: url(/layout/spinner-default.gif) no-repeat; width: 24px; height: 40px; margin: 0 auto; }
.spinner-dark-img { background: url(/layout/spinner-dark.gif) no-repeat; width: 24px; height: 40px; margin: 0 auto; }
.spinner-mycomment-img { background: url(/layout/spinner-mycomment.gif) no-repeat; width: 24px; height: 40px; margin: 0 auto; }

/* CMS specific styles */

.cms-popup { display: block; position: absolute; min-width: 150px; min-height: 40px; opacity: 0; z-index: 999; background: #ff0; padding: 0 1em; -moz-border-radius: 0 15px 15px 15px; -webkit-border-radius: 0 15px 15px 15px; -moz-box-shadow: 0 0 15px #ff0; -webkit-box-shadow: 0 0 15px #ff0; }
.cms-popup h4 { color: #000; }
.cms-sidebar { background: #fff url(/layout/corner-sidebar-item.png) 0 bottom no-repeat; margin: 0 0 5px 0; padding: 7px 20px; border: 0; }
.cms-sidebar h4 { color: #000; margin: 0; text-transform: uppercase; }
.cms-sidebar-item:hover { background-color: #FFCCCC; }
.cms-sidebar li { margin: 0px 15px 0px 0px; padding: 2px; border: 0px; list-style: none; display: inline; font-size: 1.05em; font-weight: bold; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif; }
.cms-sidebar li a:hover { color: #fff; background-color: #cc0000; text-decoration: none; margin: 0px -3px; padding: 0px; border-top: 4px solid #cc0000; border-right: 3px solid #cc0000; border-bottom: 3px solid #cc0000; border-left: 3px solid #cc0000; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.cms-success { background-color: #66FF99; }
.cms-success:hover { background-color: #44DD77; }
.cms-inprogress { background-color: #FFAA00; }
.cms-inprogress:hover { background-color: #DD8800; }
.cms-failure { background-color: #FF5555; }
.cms-failure:hover { background-color: #DD3333; }
.cms-window-item { clear: both; }
.cms-window-overlay { z-index: 99; position: relative; float: right; margin-top: -30px; top: 35px; }
.cms-checkbox { background: url(/layout/checkbox.png) 0px 0px no-repeat; display: block; height: 27px; width: 33px; margin: 0px; padding: 0; }
.cms-checkbox-selected { background-position: 0px -28px; }
.validation-advice { color: #CC0000; font-size: 1em; margin-bottom: 5px; }

/* Icon & Button styles */

.icon-image { background: url(/layout/icon-sprites.png) 0px 0px no-repeat; display: inline-block; height: 16px; width: 16px; margin-right: 0px; padding-left: 10px; vertical-align: text-top; }
.icon-sinds1984 { background-position: 0px 0px;  }
.icon-flickr { background-position: 0px -16px; }
.icon-hyves { background-position: 0px -32px; }
.icon-lastfm { background-position: 0px -48px; }
.icon-twitter { background-position: 0px -64px; }
.icon-facebook { background-position: 0px -80px; }
.icon-linkedin { background-position: 0px -208px; }
.icon-addphoto { background-position: 0px -96px; }
.icon-react { background-position: 0px -112px; }
.icon-clock { background-position: 0px -128px; }
.icon-success { background-position: 0px -144px; }
.icon-error { background-position: 0px -160px; }
.icon-item-short { background-position: 0px -176px; }
.icon-rss { background-position: 0px -192px; }
.icon-position { background-position: 0px -224px; }
.icon-locked { background-position: 0px -240px; }
.icon-settings { background-position: 0px -256px; }
.icon-item-photo { background-position: 0px -272px; }
.icon-item-long { background-position: 0px -288px; }
.icon-cms-ok { background-position: 0px -304px; }
.icon-cms-spam { background-position: 0px -320px; }
.icon-cms-delete { background-position: 0px -336px; }
.icon-large-image { background: url(/layout/icon-large-sprites.png) 0px 0px no-repeat; display: inline-block; height: 26px; width: 26px; margin-right: 0px; padding-left: 10px; vertical-align: text-top; }
.button-large-image { background: url(/layout/icon-large-sprites.png) 0px 0px no-repeat; display: inline-block; height: 26px; width: 26px; margin: 2px; padding: 0; vertical-align: middle; }
.button-large-image:hover { background-color: #FFCCCC; opacity: 1; }
.button-halfhidden { opacity: 0.3; }
.icon-large-item-long { background-position: 0px 0px; }
.icon-large-item-short { background-position: 0px -26px; }
.icon-large-item-photo { background-position: 0px -52px; }
.icon-large-settings { background-position: 0px -78px; }
.icon-large-magnify { background-position: 0px -104px; }
.icon-large-ok { background-position: 0px -130px; }
.icon-large-delete { background-position: 0px -156px; }
.icon-large-close { background-position: 0px -182px; }