body { font-family: Cantarell; letter-spacing: -0.01em; } a:link, a:visited { text-decoration: none; } h1 { font-weight: bold; font-size: 220%; float: left; margin-top: 5px; } h2 { font-size:200%; margin-bottom:10px; } h2.ribbon { padding: 15px 30px; position: relative; left: -55px; float: left; margin: 20px 0; border-radius: 3px 3px 3px 0px; -moz-border-radius: 3px 3px 3px 0px; -webkit-border-radius: 3px 3px 3px 0px; width: 890px; } .triangle-ribbon { /* border-right-color is overwritten by theme */ border: 13px solid transparent; height: 0; position: relative; width: 0; float: left; clear: left; left: -67px; top: -33px; z-index: -1; } h2 span { position:absolute; right:25px; font-size:80%; margin:3px 0 0; } h3 { font-size:180%; font-weight: bold; margin-bottom:15px; } h4 { font-size:128%; font-weight: bold; margin-bottom:20px; color:#333333; } h5 { font-size:100%; } h5.inline { float:left; margin-right:10px; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin-right:5px; vertical-align:-2px; } .cl { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } nav { float: left; } nav ul { line-height: 100%; margin: 0 auto; padding: 10px; width: 100%; } nav ul li { display: inline-block; list-style: none; z-index: 100; margin-left: 15px; } nav a { font-weight: bold; text-decoration: none; display: block; padding: 8px 12px; font-size:113%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } nav a:hover { background: #000; color: #000; } nav .current a, nav li:hover > a { background: #e5e5e5; color: #444; border-top: solid 1px #cccccc; border-left: solid 1px #cccccc; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:7px 11px 8px; text-shadow:0 1px 0 #FFFFFF; } nav ul li:first-child > a { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; } nav ul li:last-child > a { -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; } header { width: 980px; margin: 25px auto 20px; } footer { padding: 10px 0; width: 980px; margin: 25px auto 20px; } #page { background: #fff; color: #191919; border: 1px solid #d9d9d9; padding: 40px; position: relative; width: 898px; margin: 0 auto; z-index: 1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #page-content.two-col { float:left; padding-right:35px; width:600px; display:inline; } .breadcrumbs { margin:0 0 20px; list-style:none; padding:10px 15px; background:#f2f2f2; border:1px solid #D9D9D9; font-size:93%; color:#333333; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .breadcrumbs li { display:inline; } .inlinepic { background:#fafafa; border:1px solid #ccc; padding:5px; box-shadow:0 0 5px #D9D9D9; -moz-box-shadow:0 0 5px #D9D9D9; -webkit-box-shadow:0 0 5px #D9D9D9; } blockquote { background:url("../img/quote.gif") no-repeat 0 5px; color:#444444; line-height:1.6; padding:5px 20px 10px 45px; margin-bottom:20px; } blockquote cite { color:#666666; font-size:12px; font-style:italic; } p { line-height:1.6; margin-bottom:20px; } .list { margin-bottom:15px; } .list li { margin-bottom:5px; padding:0; } .list ul { margin-bottom:15px; } .tags { margin:0 0 15px; list-style:none; } .tags li { display:inline; background:#D9D9D9; margin-right:10px; font-size:85%; padding:3px 6px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; } .search { float: right; margin-top: 5px; } body.ie7 form, body.ie8 { margin-bottom:40px; } form p { margin-bottom:15px; } form input, form textarea { padding: 7px 5px; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } input[type="button"], input[type="submit"], button { cursor: pointer; display: inline-block; font-weight: 700; outline: none; width: auto; text-align: center; vertical-align: middle; background: #ddd; color: #444; text-shadow: 0 -1px 0 #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } input[type="button"]:hover, input[type="submit"]:hover, button:hover { background: #eee; } div#login { text-align: center; } div#login label, input { margin: 5px; } .notification.success { background:#f1ffbf url('../img/icons/success.png') no-repeat 10px 10px; border-color:#a6d50f; } .notification.success span.strong { color:#283304; } .notification.error { background:#fecdc6 url('../img/icons/error.png') no-repeat 10px 10px; border-color:#f45d43; } .notification.error span.strong { color:#33130e; } .notification.warning { background:#ffecb0 url('../img/icons/warning.png') no-repeat 10px 10px; border-color:#ffbc2a; } .notification.warning span.strong { color:#332508; } .notification.info { background:#d4e7f5 url('../img/icons/information.png') no-repeat 10px 10px; border-color:#589ad7; } .notification.info span.strong { color:#152433; } .notification.tip { background:#ffeccd url('../img/icons/tip.png') no-repeat 10px 10px; border-color:#dd9854; } .notification.tip span.strong { color:#332313; } .notification { padding:10px 10px 10px 35px; border:1px solid #fff; margin-bottom:10px; position:relative; font-size:100%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .notification p { margin-bottom:0; } .notification .close { background:url("../img/icons/close.png") no-repeat scroll 0 0 transparent; cursor:pointer; display:block; height:16px; position:absolute; right:10px; top:10px; width:16px; } .notification .close:hover { opacity:1; } .notification.nopic { background-image:none; padding:10px; } .notification span.strong { margin-right:10px; } .pagination { display: inline-block; font-size: 77%; text-decoration: none; } .pagination a, .pagination .dots { background:url("../img/grad-grey.gif") repeat-x scroll center top #C3C3C3; border:1px solid #C3C3C3; display: inline-block; color:#444444 !important; margin-right: 2px; padding: 6px 8px; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .pagination a:hover { background: url("../img/grad-grey-hover.gif") repeat-x scroll center top #C3C3C3; color: #444444; } .pagination a.current { background: url("../img/grad-grey-rev.gif") repeat-x scroll center top #C3C3C3; color: #444444; } .pagination a.number.current { color: #444; } .table { border:1px solid #CCCCCC; width:100%; margin-bottom:20px; } .table thead th, .table thead td { padding:6px 10px; font-weight: 700; color: #333; background: #E2E2E2; border-bottom: 1px solid #cccccc; border-right:1px solid #CCCCCC; } .table thead th.last, .table thead td.last { border-right:0; } .table thead th.checkbox, .table thead td.checkbox { width:25px; } .table tbody th, .table tbody td { background:#fff; border-right:1px dotted #CCCCCC; vertical-align:middle; padding:10px; font-size:93%; } .table tbody tr.alt td { background:#F2F2F2; } .table tbody th.last, .table tbody td.last { border-right:0 none; } .table tbody tr.last td { border-bottom:0 none; } .table tbody tr:hover th, .table tbody tr:hover td { background:#d3ecf9; }