/* Theme Name: New Jersey Romance Writers Theme URI: http://www.njromancewriters.org Description: A custom theme designed for the New Jersey Romance Writers by Elle Media Author: Elle Media Author URI: http://www.getelle.com */ /*COLOURS*/ /* White: #EFE6E7 Black: #090001 Red: #5E0009 Light Red: #D7BFC1 Light Pink: #F7EAEC */ /*-----the reset----- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline: 0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background: transparent;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {background-color:#AF7687;margin:0 30px;padding:10px;quotes:"" "";border:1px dashed #AF7687;} blockquote p{margin-bottom:0px;} a img {border:none;} .clear {clear:both;} .left{float:left; margin-right:10px; margin-bottom:10px;} .right{float:right; margin-left:10px; margin-bottom:10px;} .rightalign{text-align:right;} .leftalign{text-align:left;} .centered{text-align:center; padding-bottom: 20px;margin:auto; display:block;} .highlight{color:#5E0009;font-weight:bold;} p{text-align:left;margin-bottom:18px;} ul, ol{list-style-position:outside; margin-bottom:18px;} a, img{outline:none;} a{text-decoration:none;color:#5E0009;} a:hover{border-bottom:1px solid #5E0009;} body{font-size:0.75em;font-family:"Lucida Grande", Trebuchet MS, Helvetica, Arial, sans-serif;line-height:1.5em; background-color: #FFFFFF; color: #090001;background-image:none;} h2,h3,h4,h5,h6{line-height:1.5em;clear:both;font-family:"Lucida Bright", Georgia, Times, Times New Roman, serif;margin-bottom:16px;} h1{font-size:24px;} h2{font-size:18px;background-color:#D7BFC1;border-color:#5E0009;border-style:solid; border-width:0 0 0 10px;padding-left:5px;margin-top:50px} h2.top{margin-top:0;} #page h2{font-size:24px;color:#5E0009; text-align:center;background-color:transparent;border:none;margin-bottom:30px;} h3{font-size:16px;color:#5E0009; text-align:center;margin:20px 0;} h4{font-size:14px;color:#090001;} h5{font-size:12px;color:#5E0009;} h6{font-size:10px;color:#5E0009;} #wrapper {width:980px;margin:auto;margin-top: 30px;background-image: none;background-repeat: repeat-y;} #header {background-image: none;height:150px;} #logo {text-indent: 0px; height:100px;} #logo h2{border:none;background-color:transparent;} /*------ the menu -----*/ #menu{height: 40px;} /*#nav {position: relative;height: 40px;width: 960px;margin-left:75px;margin-bottom:0;} #nav li { margin: 0;float: left;padding-right: 20px;position:relative;list-style-type:none;} #nav li ul li { margin: 0;float: left;padding-right: 20px;list-style-type:none;} #nav li ul {position: absolute; width:960px; left: -999em; } #nav li ul ul {margin: -1em 0 0 10em; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: 0;} #nav li a { color:#EFE6E7;display:block; height:25px; line-height:25px; margin-top:1px; padding:6px 10px;} #nav li a:hover{background-color:#EFE6E7; color:#090001;} #nav li ul li a { color:#090001; display:block; height:25px; line-height:25px; padding:6px 10px; background-color:#D8BFC2;} #nav li ul li a:hover{color:#EFE6E7; background-color:#090001;} FOR A 2-LEVEL HORIZONTAL MENU */ #nav {position: relative;height: 40px;width: 960px;margin-left:15px;margin-bottom:0;} #nav li { margin: 0;float: left;padding-left:5px; position:relative;list-style-type:none; width:110px; text-align:center;} #nav li ul li { margin: 0;float: left;padding-right: 20px;list-style-type:none;width:215px;padding-left:0;text-align:left;} #nav li ul {position: absolute; width:210px; left: -999em; } #nav li ul ul {margin: -1em 0 0 10em; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto;} #nav li a { color:#EFE6E7;display:block; height:25px; line-height:25px; margin-top:1px; padding:6px 10px;} #nav li a:hover{background-color:#EFE6E7; color:#090001;} #nav li ul li a { color:#090001; display:block; height:20px; line-height:20px; padding:6px 10px; background-color:#D8BFC2; margin-top:0;} #nav li ul li a:hover{color:#EFE6E7; background-color:#090001;} /*----- the content -----*/ #content {margin:20px 8px 20px 10px;overflow:auto;padding:20px;background-image:none;background-repeat:repeat-y;} #pagecontent {margin:10px;overflow:auto;padding:20px;background-image:none;background-repeat:repeat-y;} #content ul, #content ol, #pagecontent ul, #pagecontent ol{margin-left:40px;} #content ul li, #pagecontent ul li{list-style-image:url(images/bullet.png);margin:10px 0;line-height:16px;} #sidebar1, #sidebar2, #sidebar3 {width: 200px;float:left;} #sidebar1 .left, #sidebar2 .left, #sidebar3 .left{float:left; margin-bottom:3px; margin-right:10px; margin-top:5px;} #sidebar1 .right, #sidebar2 .right, #sidebar3 .right{float:right; margin-bottom:3px; margin-left:10px; margin-top:5px;} #main{float:left;margin:0 30px;padding:0 10px;width:440px;} #page{width:670px;float:left;margin-right:30px;padding:0 10px; background-color:#F8E9EC;} #page img, #content img, #sidebar3 img{border: 1px solid #D5BFC1;padding-bottom:0px;} .noborder {border:none!important;} #pagecontent ul.releases li{list-style-type:none;float:left;position:relative; width:200px; margin-bottom:30px;list-style-image:none;} #pagecontent ul.listcol li{float:left; line-height:16px; list-style-image:url(../images/bullet.png); margin:15px 0; width:315px; list-style-position:inside;} .fieldwrap{clear:left;margin:5px;min-height:40px;} .fieldwrap label{clear:both; display:block; float:left; margin:0 10px 0 0; padding-bottom:15px; text-align:right; width:35%;} .fieldwrap .formtext{display:block; float:right; margin-bottom:15px; padding:3px; width:60%;} .fieldwrap .radiobtn{float:left; display:block; margin-bottom:15px; padding:3px;width:60%;} .fieldwrap .radiolabel{clear:none; display:inline; float:none; margin:0; padding:0; text-align:left;} .theinput{float:right; margin-right:410px; width:30%;margin-top:6px;} .paypalbtn{line-height:30px;height:50px;margin-bottom:10px;clear:both;} .formp{clear:both;} .formp textarea{width:100%;} /*----- the footer -----*/ #footer{clear:both;background-image:none;background-repeat:no-repeat;background-position:center bottom;padding:20px;overflow:auto;margin-bottom:30px;min-height:75px;} #copyright{float:left;width:450px;border-top:1px solid #5E0009;padding:10px;} #credit{float:right;width:450px;text-align:right;border-top:1px solid #5E0009;padding:10px;}