html {overflow-y: scroll; }

body { background-color: #999; color: #000000; width:100%; }

p {font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;   margin: 0 0 1em;}

table {padding: 0px 1px;}

/* Basic & Links */
a, img { border: none; outline: none;}

a:link { color: #603; text-decoration: none; }

a:active { color: #603; }

a:visited { color: #9B5E7C; background-color: transparent; }

a:hover { color: #333; text-decoration: underline; background-color: transparent;}

/* sidebar links */
#sidebar a:link { color: #fff; text-decoration: none; }

#sidebar a:active { color: #fff; }

#sidebar a:visited { color: #fff; background-color: transparent; }

#sidebar a:hover { color: #D095B3; text-decoration: underline; background-color: transparent; }

/* navbar & links */
#navbar { border: none; border-top: 1px solid #d7d0af; border-bottom: 1px solid #d7d0af; background-color: #F8F4E9; padding: 0.5em; }

#navbar a { font-size: 1em; letter-spacing: normal; border-top: 2px solid #F8F4E9; }

#navbar a:hover { font-size: 1em; letter-spacing: normal; border-top: 4px solid #660033; text-decoration: none; }

/* breadcrumb & links*/
#breadcrumb { border-top: 0px solid #d7d0af; border-bottom: 0px solid #d7d0af; padding: 0.5em; margin: 0; font-size: 0.8em; color: #A36685; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }

#breadcrumb a { color: #A36685; }

#breadcrumb a.current { font-weight:bold; color: #A36685; }

#breadcrumb a:hover { text-decoration: underline; color: #660033; }

/* Layout */
body { background-color: #fcfbf3; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; color: #333; font-size: 1em; text-align: inherit; }

#container { min-width: 700px !important; max-width: 1200px !important; min-height: 100%; position: relative; margin:0 auto; border: 0px solid #fff; }

#header { width: auto; min-width: 700px !important; height: auto; background-color: transparent; margin-right: 330px; padding-top: 20px; background-image: url(/ojs/public/site/images/admin/abstract_bg.jpg); background-repeat: no-repeat; background-position: top left; }

#headerTitle { padding: 0 0 0 35px; width: auto; }

#header h1 { padding: 1.5em 0 0; font-size: 1.4em; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #282c2e; line-height: 2em; text-align: left; }

#header img { margin-top: -1.5em; margin-bottom: 0.5em; max-height: 250px; max-width: 100%; height: auto; width: auto; }

#body { margin-top: -240px; } /* Adjust margin-top with banner img size */

#sidebar { background-color: #660033; width: 330px; float: right; font-size: inherit; margin-right: 0; padding: 1em 0; color: #fff; -webkit-border-radius: 0px 0px 20px 20px;-moz-border-radius: 0px 0px 20px 20px;border-radius: 0px 0px 20px 20px; -webkit-box-shadow: 0px 0px 7px #000; -moz-box-shadow: 0px 0px 7px #000; box-shadow: 0px 0px 7px #000}

#rightSidebar { display: block; float: none; font-size: 1em; height: 100%; margin-left: 25px; margin-right: 25px; padding: 0; width: 280px; }

#main { width: auto; margin: 0; display: block; float: none; padding-top: 250px; padding-right: 35px; padding-bottom: 35px; padding-left: 35px; } /* Adjust padding-top with Banner Size */

#content { border: none; font-size: .9em; text-align: justify; line-height: 1.3; padding: 0px; }

#content div {text-align: justify;}

#content img {max-width: 100%;    height: auto;    width: auto;}

.pps-branding .plx-logo  { height: 16px !important;  width: 65px !important;  margin: 0 0 0 4px !important; vertical-align: top; border: none !important; }

#footer { margin: 0; min-height: 50px; position: static; clear: both; text-align: center; font-size: 0.8em; line-height: normal; background-color:transparent; padding: 1em 0; width: 100%; border-top: 1px solid #333; }

.footertext { margin: 2px; padding: 0px; }

#captureCite { width: 600px;}


/* Headings */
#main h2 {font-size: 1.8em; padding: 0; margin: 1em 0 .5em 0; color: #603; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: left; }

#main h3 { font-size: 1.4em; padding: 0; margin-bottom: 0.5em; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; color: #333; text-align: left; }

#main h4 {font-size: 1.2em;    padding: 0;    margin-bottom: 0.5em;    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;    color: #603;    text-align: left; font-weight: bold;}

#content h3 { font-size: 1.6em; padding: 0; margin-bottom: 0.5em; font-family: "Palatino Linotype", Pala, "Book Antiqua", Palatino, serif; color: #660033; }

#content h4  {font-size: 1.3em;    padding: 0;    margin-bottom: 0.5em;    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;    color: #333;    text-align: left; font-weight: bold; }

#content h5  { font-size: 1.3em; padding: 0; margin-bottom: 0.5em; font-family: "Palatino Linotype", Pala, "Book Antiqua", Palatino, serif; color: #A9708D; text-align: left; font-style:italic; font-weight: normal }


/* Buttons and Text Field */
input.button { margin-top: 10px; padding: 2px 0.5em; background-color: #A29451; font-size: 0.9em; color: #fff; }

input.defaultButton {margin-top: 10px; background-color: #603; color: #fff;	font-weight: bold; padding: 2px 0.5em; font-size: 0.9em;}

input.button:hover {background-color: #666;}

input.defaultButton:hover {background-color: #B35082;}

input.textField, select.selectMenu, textarea.textArea, input.uploadField { border: 1px solid #B35082; background-color: #F7F7F7; padding: 5px; font-size: 0.9em; color: #333; margin-bottom: 0.5em; }

input.textField:hover, select.selectMenu:hover, textarea.textArea:hover, input.uploadField:hover { outline: 0; border-color: #DEB4C9;   background-color: #fdfdfd;}

input.textField:focus, select.selectMenu:focus, textarea.textArea:focus, input.uploadField:focus { outline: 0; border-color: #999; background-color: #fff; }


/* Lists */
ul.menu li { padding-right: 1.1em; }

ul.menu a {text-transform: none;    font-size: inherit;}

ul.menu a:hover {text-decoration: underline;}

ul.steplist {margin: .5em 0;}


/* Content */
#content table { font-size: inherit;}

#content table td div { padding-left: 0;  text-align: left; text-align: left !important;}

#content table td.separator,#content table td.headseparator,#content table td.endseparator { border-top: 1px solid #999;}

#content table tr.details td {padding-bottom: 1em;}

#content table.listing td {padding-left: 1px; padding-right: 1px; }

#content .tocArticle {margin-bottom: 1em; }

#content table.tocArticle td.tocTitle {width: 85%;}

#content table.tocArticle td.tocGalleys, #content table.tocArticle td.tocPages {width: 15%; text-align: right;}

#content .tocAuthors, #content .tocPages { padding-top: 0.25em; font-style: normal; color: #999999; }

#content #articlePdfResizer {width: auto;}

#content form h4 {font-size: 16px;}

#content form td.label { color: #603; font-size: 1em; font-weight: normal; text-align: left; }

#content form td.instruct { font-size: 0.8em;}

#content form td.value { padding-top: .5em;}

#content form td.value input.textField, #content form td.value select.selectMenu, #content form td.value textarea.textArea, #content form td.value input.uploadField,#content form td.value input.button
{font-size: 0.9em; margin-top:0;}


/* Sidebar */
hr, div.separator, #sidebar div.block { margin-top: 1em; margin-bottom: 1em; border-bottom-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #85335C; }

#sidebar div.block { padding-bottom: 1em;}

#sidebar div.block span.blockSubtitle,#sidebar div.block span.blockTitle {font-size: 1.2em; padding: 0; margin-bottom: 0.5em; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #fff; text-align: left; letter-spacing: normal; text-transform: none; }

#sizer { height: 0.7em; padding-bottom: 1.5em;}

#sidebar .block { font-size: 0.9em; line-height: 1.5em; color: #fff; }

#sidebar #sidebarNavigation span.blockTitle { display: none;}
    
#sidebarUser { padding-bottom: 0;}

#sidebarUser table {width: 100%;}

#sidebarUser .textField { width: 200px;   margin-left: 3px;}

#sidebarUser #remember { margin-left: 160px;}

#sidebarUser .button {  position: relative;  top: -30px; left: 80px;}

#sidebarNavigation form { display: block; width: 100%; padding: 10px 0 10px 10px; background-color: #420022; position: relative; }

#sidebarNavigation #query { width: 200px; position: absolute; top: 15px; left: 15px; }

#sidebarNavigation .selectMenu { width: 170px; top: 65px; left: 15px; }

#sidebarNavigation .button {position: absolute;  top: 62px;  right: 17px; }

/* PALRAP Support and Dontate Buttons */

a.palrap-button { background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #B88F14),color-stop(0.4, #E0B528),color-stop(1, #B88F14)); background-image: -o-linear-gradient(bottom, #B88F14 0%, #E0B528 40%, #B88F14 100%); background-image: -moz-linear-gradient(bottom, #B88F14 0%, #E0B528 40%, #B88F14 100%); background-image: -webkit-linear-gradient(bottom, #B88F14 0%, #E0B528 40%, #B88F14 100%); background-image: -ms-linear-gradient(bottom, #B88F14 0%, #E0B528 40%, #B88F14 100%); background-image: linear-gradient(to bottom, #B88F14 0%, #E0B528 40%, #B88F14 100%); border: 1px solid #fff; -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 5px 15px; text-decoration: none; float: left; margin-right: 15px; margin-bottom: 15px; display: block; color: #420022; line-height: 30px; font-size: 20px; font-weight: bold; }

a.palrap-button:hover { background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #660033),color-stop(0.4, #420022),color-stop(1, #660033)); background-image: -o-linear-gradient(bottom, #660033 0%, #420022 40%, #660033 100%); background-image: -moz-linear-gradient(bottom, #660033 0%, #420022 40%, #660033 100%); background-image: -webkit-linear-gradient(bottom, #660033 0%, #420022 40%, #660033 100%); background-image: -ms-linear-gradient(bottom, #660033 0%, #420022 40%, #660033 100%); background-image: linear-gradient(to bottom, #660033 0%, #420022 40%, #660033 100%); color: #B88F14; display: block; }

a.palrap-button:active { background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ddd),color-stop(0.4, #ccc),color-stop(1, #ddd)); background-image: -o-linear-gradient(bottom, #ddd 0%, #ccc 40%, #ddd 100%); background-image: -moz-linear-gradient(bottom, #ddd 0%, #ccc 40%, #ddd 100%); background-image: -webkit-linear-gradient(bottom, #ddd 0%, #ccc 40%, #ddd 100%); background-image: -ms-linear-gradient(bottom, #ddd 0%, #ccc 40%, #ddd 100%); background-image: linear-gradient(to bottom, #ddd 0%, #ccc 40%, #ddd 100%); text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5); margin-top: 1px; }

a.palrap-button.icon {	padding-left: 11px;}

a.palrap-button.icon.support span{ padding-left: 36px; background-image: url(http://palrap.org/ojs/public/site/images/kep31/icons.png); background-repeat: no-repeat; background-position: 0 0; }

a.palrap-button.icon.donate span {padding-left: 36px; background-image: url(http://palrap.org/ojs/public/site/images/kep31/icons.png); background-repeat: no-repeat; background-position: 0 -36px;}

#rightSidebar #custom a:link { color: #603; text-decoration: none; }

#rightSidebar #custom a:active { color: #603; }

#rightSidebar #custom a:visited { color: #9B5E7C; background-color: transparent; }
