/*_______________________________________________________________________________________________ Title: NourishingDestiny Author: CoDynamic Author URI: http://www.codynamic.com/ 1. BASE 1.1 Reset 1.2 Defaults 1.3 Basics 2. LAYOUT 2.1 Structure 2.2 Header 2.2.1 Logo 2.2.2 Navigation 2.2.3 Tools 2.3 Content 2.3.1 Text Styling 2.3.2 Boxes & Wrappers 2.4 Sidebar 2.5 Footer 3. INDIVIDUAL PAGES 3.1 Homepage 3.2 User Profile 3.3 Login Page 4. PLUGINS 4.1 Fancybox 1.3.4 4.2 MediaElement mediaelementplayer.min.css 4.3 WP Testimonials _______________________________________________________________________________________________*/ /* 1. BASE _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ /* 1.1 Reset _______________________________________________________________________________________________*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, pre, dfn, em, font, img, kbd, q, s, strike, samp, small, tt, var, 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-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } ol, ul { list-style:none; } :focus { outline:0; } ins { text-decoration:none; background-color:#FF0; } del { text-decoration:line-through; } blockquote { margin:0 0 0 12px; padding:0 0 0 9px; border-left:3px solid #000; } blockquote, q, cite { font-style: italic; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; } strike { color:#f00; } table { border-collapse:collapse; border-spacing:0; } table th { font-weight:bold; } strong { font-weight:bold; } em { font-style:italic; }hr { display:none; } abbr, acronym { border-bottom:1px dotted #999; cursor:help; } pre { display: block; margin: 9px; padding: 4px 9px; background-color:#000; color:#ddd; } code, pre { font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace; } small { font-size: 90%; } big { font-size:110%; } input, textarea, select { font-size:1.2em; font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif; } table { width:100%; margin:0 0 9px 0; } table th { padding:6px 9px; border-width:1px; border-style:solid; border-color:#aaa #aaa #000 #aaa; font-size: 1.16em; line-height:1.28em; } #sforum tr th { font-size: 1em; } table td { padding:2px 9px; border:1px solid #aaa; } table tbody td { color:#444; } table tfoot td { color:#000; } dl { margin:0 0 13px; } dl dt { float: left; font-weight:bold; width:15%; margin-right:2%; padding-top: 4px; } dl dd { float: left; width: 83%; padding-top: 4px; } dl.contact dt, dl.contact dd { float: none; width: auto; } /* 1.2 Defaults _______________________________________________________________________________________________*/ body { font-size:75%; line-height:1.33em; font-family: Verdana,Geneva,Kalimati,Tahoma,sans-serif; text-align:center; } /* 12 / 16 */ a { color:#138ac5; text-decoration:none; } a:hover { text-decoration:underline; } ::-moz-selection{ background:#555; color:#fff; } ::selection { background:#555; color:#fff; } /* 1.3 Basics _______________________________________________________________________________________________*/ .hide { display:none; } .hidden { position: absolute; left: -999em; } .clear { clear:both; } br.clear { font-size:0; line-height:0; height:0; overflow:hidden; } .fleft { float:left; } .fright { float:right; } p.center { text-align:center; } p.right { text-align:right; } p.left { text-align:left; } .twocol .col1 { float: left; width: 49%; } .twocol .col2 { float: right; width: 49%; } .alignleft { float: left; margin-right: 10px; } .alignright { float: right; margin-left: 10px; } .aligncenter, dl.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { margin: 10px; padding-top: 4px; border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } pre { font: 12px/18px Consolas, Monaco, "Courier New", Courier, monospace; } .mceIEcenter { text-align: center; } .mejs-container { display: block; margin: 18px 0; } mark { background-color: #ff8; } .clearfix:after, #wrapper .container:after, #wrapper form.extended ol:after, dl:after, .container:after, #main-content .hentry:after, .wp-pagenavi:after, #main-content .membership:after, .twocol:after, #main-content ul.memberslist:after, #main-content .intro .head-inner:after, #main-content .intro:after, #main-content .reply:after, #main-content ul.users:after, .getintouch:after, #main-content .profile-content .sf-authortopics:after, #sidebar #recent-topics li:after, #loginballoon form li.submit:after, body.login form:after { clear: both; content: "\200B"; display: block; height: 0; } /* When moving to Production Environment, move the following selector to ie.css */ .clearfix, #wrapper .container, #wrapper form.extended ol, dl, .container, #main-content .hentry, .wp-pagenavi, #main-content .membership, .twocol, #main-content ul.memberslist, #main-content .intro .head-inner, #main-content .intro, #main-content .reply, #main-content ul.users, .getintouch, #main-content .profile-content .sf-authortopics, #sidebar #recent-topics li, #loginballoon form li.submit, body.login form { zoom:1; } /* Blank page */ body.page-template-blank-page-php #navigation, body.page-template-blank-page-php #branding, body.page-template-blank-page-php #footercols, body.page-template-blank-page-php #header-top #tools, body.page-template-blank-page-php #footer .powered { display: none; } body.page-template-blank-page-php #main-content .hentry, body.page-template-blank-page-php #footer { background: none; } /* 2. LAYOUT _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ /* 2.1 Structure _______________________________________________________________________________________________*/ .container { position:relative; margin:0 auto; text-align:left; width:940px; } #header-top { position: relative; z-index: 4; padding-bottom: 11px; } #wrapper { position: relative; z-index: 1; border-top: 1px solid #eaeaea; padding-top: 19px; padding-bottom: 9px; } #main-content { width: 585px; padding-left: 20px; float:left; min-height: 300px; } #sidebar { width: 306px; padding-right: 10px; float:right; } body.home #main-content, #main-content.wide, body.page #main-content { float:none; width: 900px; padding-right: 20px; } body.page-template-forum-page-php #main-content { width: 585px; float:left; padding-right: 0; } body.home #main-content { padding-top: 35px; } #footercols { min-height: 170px; } #footer { padding-top: 12px; } /* Footer stick */ html, body { height:100%; } /* Main Backgrounds */ body { color: #575757; } /* body background - visible while loading, */ #header-top { background:#fff url(../images/bg_header-top.png) 0 100% repeat-x; } /* wide top-header background */ #navigation { background-color: #fff; background-image: url(../images/bg_nav-w.png); background-position: 50% 100%; background-repeat: no-repeat; } #wrapper { background-color:#fff; background-image: url(../images/bg_wrapper.png); background-repeat: no-repeat; background-position: 50% 0; } /* wide content+sidebar background */ #wrapper .container { } /* center content+sidebar background */ #footercols { background-color: #1188c7; background-image: url(../images/bg_footercols.jpg); background-position: 50% 0; background-repeat: no-repeat; padding-bottom: 12px; margin-bottom: -12px; } #footer { background-image: url(../images/bg_footercols-bot.png); background-repeat: no-repeat; background-position: 50% 0; } /* wide footer background */ /* 2.2 Header _______________________________________________________________________________________________*/ /* 2.2.1 Header-top: Logo, Motto, Tools _______________________________________________*/ #header .logo a, #header .logo span { cursor:pointer; overflow:hidden; display:block; width:200px; height:115px; color: #000; } #header .logo { position: relative; float: left; display: inline; width: 200px; height: 115px; margin: 0 11px 0 20px; padding: 0; color: #000; text-transform: uppercase; font-size: 18px; line-height: 22px; text-align: center; letter-spacing: 1px; } #header .logo span { position:absolute; top:0; left:0; z-index:10; background:url(../images/logo.png) no-repeat; } #header .motto { float: left; padding-top: 40px; } #header .motto p { border-left: 1px solid #ccc; line-height: 1.5em; padding: 9px 0 9px 18px; color: #999; } #tools { } #tools .userbar { float: right; min-height: 64px; margin-bottom: 10px; line-height: 23px; } #tools .userbar li { float: left; } #tools .userbar a { } #tools .userbar a.button { float: left; width: 74px; height: 23px; line-height: 22px; text-align: center; background-repeat: no-repeat; background-image: url(../images/bg_usernav.png); background-color: #158fc9; color: #ebebeb; } #tools .userbar a.button-first { background-position: 0 -23px; } #tools .userbar a.button:hover { text-decoration: none; color: #fff; } #tools .userbar .loggedin { padding-top: 5px; } #tools .userbar .loggedin li { line-height: 23px; } #tools .userbar .welcome strong { font-weight: normal; } #tools .userbar .signout { margin-left: 13px; background: url(../images/usernav-sep.png) 0 6px no-repeat; } #tools .userbar .signout a { padding-left: 15px; } #tools .userbar #loginwrapper { position: relative; } #tools .userbar #loginwrapper a.button:hover, #tools .userbar #loginwrapper:hover a.button, #tools .userbar #loginwrapper a.active { background-position: 0 -46px; color: #fff; } html.nojs #tools .userbar #loginwrapper #loginballoon { left: -999em; } html.nojs #tools .userbar #loginwrapper:hover #loginballoon { left: auto; right: -74px; } html.js #tools .userbar #loginwrapper #loginballoon { right: -74px; display: none; } #tools .userbar #loginwrapper #loginballoon { position: absolute; top: 22px; width: 240px; border-radius: 5px; -moz-border-radius: 5px; border-top-right-radius: 0; -moz-border-radius-topright: 0; border-width: 0 1px 1px 1px; border-style: solid; border-color: #074c69; background-color: #015b94; background-image: url(../images/bg_loginballoon.png); background-position: 3px 0; background-repeat: repeat-x; color: #fff; } #loginballoon form { padding: 4px 15px 12px; } #loginballoon form li { clear: left; width: 100%; padding: 9px 0 0 0; } #loginballoon form li.text label { float: left; width: 65px; padding: 0 10px 0 0; line-height: 21px; } #loginballoon form li.text input { float: left; width: 123px; height: 16px; border: 1px solid #fff; padding: 2px 2px 1px 5px; background-color: #e6e6e6; background-image: url(../images/bg_login-input.png); } #loginballoon form li.forgot { text-align: right; padding-top: 5px; line-height: 18px; } #loginballoon form li.forgot a { font-size: 0.91em; color: #fff; padding: 0 4px; } #loginballoon form li.rememberme { padding-top: 12px; line-height: 20px; } #loginballoon form li.rememberme input { float: left; margin-left: 0; margin-right: 0; } #loginballoon form li.rememberme label { float: right; padding-right: 4px; font-size: 0.91em; } #loginballoon form li.submit input { float: left; cursor: pointer; margin-right: 5px; } #loginballoon form li.submit a.cancel { float: left; line-height: 27px; color: #fff; padding: 0 5px; } #tools .site_search { clear: right; float: right; } .site_search { width: 271px; } .site_search fieldset { } .site_search label { position: absolute; left: -999em; } .site_search input.text { float: left; width: 193px; height: 16px; padding: 6px; border-width: 0 1px; border-style: solid; border-left-color: #cfcfcf; border-right-color: #a9a9a9; background: #e3e3e3 url(../images/bg_searchinput.png) no-repeat; -webkit-appearance: none; -webkit-box-sizing: content-box; } .site_search button { float: left; background: #025e97; width: 64px; height: 28px; line-height: 28px; border: none; color: #fff; cursor: pointer; } /* 2.2.2 Navigation _______________________________________________*/ #navigation { position: relative; z-index: 3; height: 40px; } #navigation { } #navigation li { float: left; } #navigation a { float: left; padding: 6px 20px 0; height: 34px; line-height: 34px; color: #000; background: url(../images/bg_nav.png) 100% 100% no-repeat; } #navigation a:hover { color: #007ad0; text-decoration: none; } #navigation .current_page_item a, #navigation .current-menu-item a { color: #007ad0; cursor:default; background-color: #fff; padding-top: 9px; margin-bottom: -3px; } /* 2.2.3 Branding - CTAs / Breadcrumbs _______________________________________________*/ #branding { position: relative; z-index: 2; background-image: url(../images/bg_branding.jpg); background-position: 50% 0; background-repeat: no-repeat; background-color: #0670d2; } #branding .breadcrumbs { padding: 8px 0 0 20px; height: 44px; line-height: 44px; color: #fff; } #branding .breadcrumbs a { font-weight: bold; color: #fff; background-position: 0 50%; background-repeat: no-repeat; } #branding .breadcrumbs a.library { background-image: url(../images/ico-library.png); } #header .cta a.buttonbig { position: absolute; bottom: -19px; right: 49px; float: left; text-decoration: none; padding: 0 0 0 9px; background: url(../images/btnbig-w.png) no-repeat; } #header .cta a.buttonbig span { float: left; height: 38px; padding: 6px 29px 0 16px; font-size: 18px; line-height: 38px; font-weight: bold; color: #fff; background: url(../images/btnbig-e.png) 100% 0 no-repeat; text-transform: uppercase; text-shadow: 0 0px 3px #7c0000; } body.home #maincta { position: relative; min-height: 182px; } body.home #maincta .branding { position: absolute; top: 10px; left: 18px; width: 196px; height: 190px; background-image: url(../images/maincta-branding.png); background-repeat: no-repeat; } body.home #maincta .content { padding: 45px 0 0 310px; } body.home #maincta h2 { margin: 0 0 14px; font-size: 1.66em; line-height: 1.35em; text-shadow: 0 -1px 0 #0d5ca8; color: #fff; } body.home #maincta p { line-height: 1.5em; text-shadow: 0 -1px 0 #0d5ca8; color: #fff; } body.home #maincta .post-edit-link { position: absolute; top: 0; right: 0; } body.home #header .cta a.buttonbig { position: absolute; bottom: -19px; left: 310px; } /* 2.3 Content _______________________________________________________________________________________________*/ #main-content { padding-top: 18px; } /* 2.3.1 Text Styling _______________________________________________*/ #wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6 { margin:18px 0 9px 0; font-weight: bold; color: #000; } #wrapper h1 { font-size:2em; line-height:1.125em; text-transform: uppercase; font-weight: normal; margin-top: 0; } /* 24 / 27 */ #wrapper h2 { font-size: 1.5em; line-height:1em; } /* 18 / 18 */ #wrapper h3 { font-size: 1.33em; line-height:1.125em; } /* 16 / 18 */ #wrapper h4 { font-size: 1.25em; line-height: 1.2em; } /* 15 / 18 */ #wrapper h5, #footercols h5 { font-size: 1.16em; line-height: 1.28em; } /* 14 / 18 */ #wrapper h6 { font-size: 1.08em; line-height:1.38em; } /* 13 / 18 */ #wrapper p { margin:0 0 9px 0; line-height:1.5em; } /* 12 / 18 */ #main-content ul { margin:0 0 9px 0; list-style-type: none; } #main-content ul li { background-position:4px 8px; background-image:url(../images/bull.gif); background-repeat:no-repeat; line-height:1.1em; padding:0.2em 0 0.2em 18px; } #main-content ol { margin:0 0 9px 0; line-height:1.5em; } #main-content ol li { line-height:1.1em; padding:0.2em 0 0.2em 0; list-style-type:decimal; list-style-position:outside; margin-left:18px; } /* .hentry */ #main-content .hentry { margin: 0 0 27px 0; background: url(../images/dot.png) 0 100% repeat-x; } body.page-template-interests-page-php #main-content .hentry { background: none; } body.single #main-content .hentry { } /* Post Meta */ #main-content .membership { padding: 0 0 0 16px; font-size: 0.66em; font-weight: bold; line-height: 14px; text-transform: uppercase; background-repeat: no-repeat; background-image: url(../images/rndb-w.png); color: #fff; } #main-content .membership div { float: left; padding: 0 6px 0 0; background-position: 100% 0; background-repeat: no-repeat; background-image: url(../images/rndb-e.png); } #main-content .membership a { color: #fff; } #main-content a.read-more { white-space: nowrap; } a.post-edit-link, #main-content .edit-link { clear: both; display: block; height: 18px; margin: 9px 0; } a.profile-edit-link { margin-left: 20px; } a.post-edit-link span, #main-content .edit-link a { float: left; line-height: 16px; border: 1px solid #000; padding: 0 5px; font-weight: bold; color: #fff; background-color: #000; } a.post-edit-link:hover span, #main-content .edit-link a:hover { text-decoration: none; background-color: #fff; color: #138AC5; text-decoration: none; } a.post-edit-link:hover { text-decoration: none; } #main-content a.post-edit-link #main-content p.meta { margin: 9px 0 0 0; font-size: 0.83em; line-height: 1.8em; } body.single #main-content p.meta { margin-bottom: 9px; } #main-content p.meta a { text-transform: uppercase; color: #474747; } #main-content p.meta a:hover { color: #138AC5; } #main-content p.meta .ico-date, #main-content p.meta .ico-cat { border-right: 1px solid #575757; padding-right: 6px; margin-right: 2px; } #main-content p.course-meta .ico-date { border-right: none; } #main-content p.meta .ico-cat a, #main-content p.meta .ico-author { white-space: nowrap; } #main-content p.meta .ico-comments { white-space: nowrap; } #main-content p.meta .ico-comments a { text-transform: uppercase; ;} #main-content .meta-tags { line-height: 1.5em; margin: -9px 0 9px; padding-left: 14px; text-transform: uppercase; background: url(../images/ico-tags.png) 0 50% no-repeat; } #main-content .meta-tags a { color: #474747; } #main-content .meta-tags a:hover { color: #138AC5; } /* Icon elements */ #main-content .ico-date, #main-content .ico-author, #main-content .ico-cat, #main-content .ico-comments a { background-position: 0 50%; background-repeat: no-repeat; padding-left: 14px; } #main-content .ico-comments a { padding-left: 16px; } #main-content .ico-date { background-image: url(../images/ico-date.png); } #main-content .ico-author { background-image: url(../images/ico-author.png); } #main-content .ico-cat { background-image: url(../images/ico-cat.png); } #main-content .ico-comments a { background-image: url(../images/ico-comments.png); } #main-content a.cta { clear: both; float: right; padding: 0 20px 0 0; background: url(../images/ico-cta.png) 100% 50% no-repeat; } /* Attachments */ #main-content .attachments { border: 1px solid #ddd; margin: 18px 0; padding: 9px; } #main-content .attachments h6 { margin: 0 0 9px; font-size: 1em; } #main-content .attachments ul { margin: 0; list-style-type: none; } #main-content .attachments ul li { background: none; padding: 0 0 0 18px; line-height: 18px; } /* Comments */ #main-content #respond { margin-bottom: 20px; } #main-content #comments{margin-top:20px} #main-content #comments > h3{font-size:1.33em; font-weight:normal; color:#171815} #main-content .commentlist { list-style-type: none; } #main-content .commentlist li.comment { position: relative; list-style-type: none; padding: 8px 0 0 10px; border-top: 1px solid #ddd; } #main-content .commentlist li.comment #respond h3 { float: left; font-weight: bold; } #main-content .commentlist li.comment #respond .cancel-comment-reply { float: left; padding-left: 10px; margin-top: 18px; line-height: 18px; } #main-content .commentlist .comment-author { text-align: left; line-height: 32px; height: 32px; } #main-content .commentlist em { display: block; color: #999; } #main-content .commentlist p em { color: #575757; margin: 0; } #main-content .commentlist .avatar{float:left; width:32px; height:32px; margin:0 8px 0 0; border: 1px solid #ddd; } #main-content .comment{margin:0 0 10px 0; padding:0 0 10px 0; background:url(../images/comment-sep.png) no-repeat left bottom} #main-content .comment-body{} #main-content .comment-author{margin-bottom:10px} #main-content .comment-meta{ position: absolute; top: 8px; right: 0; line-height: 32px; } #main-content .reply { margin: 0 0 10px; } #main-content .reply a {color: #fff; float: left; padding: 2px 5px; border: 1px solid #000; background-color: #138AC5; } #main-content .reply a:hover { color: #138AC5; border-color: #138AC5; background-color: #fff; text-decoration: none; } #main-content .comment .children{margin:0 0 0 15px} #main-content #commentform { clear: both; } #main-content #commentform li{margin-bottom:10px; padding: 0.2em 0 0 0; margin-left: 0; list-style-type: none; background: none; } #main-content #commentform li label{width:80px; float:left; line-height: 24px; } #main-content #commentform li .text, #main-content #commentform li textarea{padding:3px; width:379px} #main-content #commentform li textarea{height:150px} #main-content #commentform li div { line-height: 18px; } #main-content #commentform li #subscribe-reloaded { float: left; margin-left: 53px; margin-right: 14px; margin-bottom: 8px; margin-top: 2px; } #main-content #commentform p { clear: both; width: 100%; } #main-content #commentform li .submit{width:180px; height:38px; margin-right:118px; float:right; border:none; text-align:center; color:#fff; font-weight:bold; font-family:Verdana; letter-spacing:1px; text-transform:uppercase; background: #ccc; cursor: pointer; } /* 2.3.2 Boxes & Wrappers _______________________________________________*/ /* General Wrappers */ .twocol { margin: 0 0 18px; } /* Pagination */ .wp-pagenavi { clear: both; margin: 18px 0; } .wp-pagenavi a, .wp-pagenavi span { float: left; display: block; line-height: 18px; padding: 3px 8px; margin: 0 4px 0 0; background-color: #f2f2f2; border: 1px solid #b3b3b3; background-repeat: repeat-x; background-position: 0 100%; background-image: url(../images/bg_pagination-n.png); color: #222; } .wp-pagenavi a:hover { border: 1px solid #1a4175; background-color: #026dad; text-decoration: none; background-image: url(../images/bg_pagination-h.png); color: #fff; } .wp-pagenavi span.current { background-color: #000; border-color: #000; text-decoration: none; color: #fff; cursor: default; background-image: none; } #main-content ul.linklist { margin: 0 0 12px; } #main-content ul.linklist li { padding: 5px 5px 5px 0; font-size: 1.08em; line-height: 1.38em; background: none; } #main-content ul.linklist a { display: inline; padding: 0 0 0 40px; } #main-content #intro-library ul.linklist a { display: block; } #main-content ul.linklist a:hover { } #main-content .intro .content ul.linklist li p, #main-content ul.linklist li p { display: inline; margin: 0; } #main-content ul.linklist li.premium { background-color: #e7e7e7; } #main-content ul.linklist li.premium a { background-image: url(../images/ico-premium.png); background-position: 1px 50%; background-repeat: no-repeat; } #main-content ul.memberslist { margin: 0; } #main-content .intro ul.memberslist { padding-left: 18px; } #main-content ul.memberslist li { float: left; padding: 0 5px; margin: 0 0 16px; height: 58px; width: 58px; background: none; } #main-content ul.memberslist a { float: left; } #main-content ul.memberslist a img { float: left; background-color: #fff; padding: 1px; border: 3px solid #138AC5; } #main-content ul.memberslist a:hover img { border-width: 2px; padding: 2px; } body.home #main-content ul.memberslist { height: 138px; overflow: hidden; } /* Protection */ #main-content .protectionwrap { clear: both; display: block; height: 14px; margin: 5px 0; } #main-content .protection { clear: both; display: inline-block; padding: 0 6px 0 12px; height: 15px; line-height: 15px; font-size: 9px; font-family: Arial, 'Helvetica Neue', Helvetica, Verdana, sans-serif; font-weight: normal; text-transform:uppercase; color: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #2797d1; background-image: url(../images/ico-star.png); background-position: 3px 50%; background-repeat: no-repeat; } #main-content .protection strong { font-weight: normal; padding-left: 3px; } /* 2.3.3 Forms _______________________________________________*/ /* Form wrappers */ #wrapper form.extended { } #wrapper form.extended fieldset { } #wrapper form.extended fieldset.submit { } #wrapper form.extended ol { margin:0; } #wrapper form.extended ol ol { margin-left:120px; } #wrapper form.extended fieldset fieldset { position:relative; } #wrapper form.extended ol li { float:left; width:100%; list-style-type:none; padding:10px 0 0 0; margin:0; line-height:1em; } #wrapper form.extended ul li { list-style-type:none; background:none; padding:0; } #wrapper form.extended ol ol li { padding:0; } #wrapper form.extended fieldset.submit ol { } #wrapper form.extended fieldset.submit ol li { } /* Form - Level 1 elements */ #wrapper form.extended label { float:left; width:115px; padding:5px 5px 5px 0; line-height:14px; text-align:left; cursor:pointer; } #wrapper form.extended input { float:left; } #wrapper form.extended input.text { width:225px; padding-left:10px; padding-right:5px; padding-top:3px; padding-bottom:3px; height:16px; } #wrapper form.extended textarea { width:230px; padding-left:10px; height:100px; } #wrapper form.extended select { width:240px; } #wrapper form.jqtransformdone input.text { width:230px; padding-left:5px; padding-top:4px; padding-bottom:4px; } #wrapper form.jqtransformdone textarea { padding-left:0; width:230px; } #wrapper form.jqtransformdone select { width:210px; } /* Form - Level 2 elements */ #wrapper form.extended fieldset fieldset legend span { position:absolute; top:0; left:0px; width:115px; line-height:14px; padding:5px 0; text-align:left; } #wrapper form.extended fieldset fieldset label { width:auto; padding-left:5px; padding-right:0; margin:0 10px 0 0; } #wrapper form.extended fieldset fieldset input { margin-top:5px; } /* Form - Submit elements */ #wrapper form.extended fieldset.submit ol { margin:0 0 10px 0; } #wrapper form.extended fieldset.submit ol label { width:auto; padding-left:5px; padding-right:0; margin:0; } #wrapper form.extended fieldset.submit ol input { margin-top:5px; } /* 2.4 Sidebar _______________________________________________________________________________________________*/ #sidebar { padding-top: 18px; } #sidebar .box { width: 298px; margin: 0 0 20px 0; padding: 0 8px 0 0; background-image: url(../images/bg_sidebox-ne.png); background-position: 100% 0; background-repeat: no-repeat; } #sidebar .box h5 { margin: 0 0 0 10px; padding: 9px 20px; border-width: 1px; border-style: solid; border-color: #fff #fff #c8e1ec #fff; text-transform: uppercase; color: #fff; background: #148dc8 url(../images/bg_sideboxhead.png) repeat-x; } #sidebar .box ul, #sidebar .widget_tag_cloud div, #sidebar .box .box-content { padding-bottom: 17px; background-image: url(../images/bg_sideboxul.png); background-position: 0 100%; background-repeat: no-repeat; } #sidebar .box ul li { font-size: 1.08em; margin-left: 10px; line-height: 1.38; border-width: 0 1px; border-style: solid; border-color: #fff; } #sidebar .box ul a { display: block; padding: 3px 20px; border-bottom: 1px solid #dedede; border-top: 1px solid #fff; } #sidebar .box ul a:hover { text-decoration: none; background-color: #bcdef6; color: #000; } #sidebar .box ul .current-cat, #sidebar .box ul .current-page-item { padding-left: 10px; margin-left: 0; border-left: none; background-image: url(../images/bg_sidebox-link-a.png); background-position: 0 50%; background-repeat: no-repeat; } #sidebar .box ul .current-cat a, #sidebar .box ul .current-page-item a { padding-left: 21px; text-decoration: none; background-color: #3e7200; background-image: url(../images/bg_sidebox-link.png); background-repeat: repeat-x; color: #fff; cursor: default; } #sidebar .box .box-content { padding: 5px 31px 17px; } #sidebar .box .box-content p { margin: 0 0 5px; } /* Recent Discussions */ #sidebar #recent-topics li { clear: left; border-top: 1px solid #fff; border-bottom: 1px solid #dedede; line-height: 18px; padding: 3px 20px; } #sidebar #recent-topics li a {display: inline; padding: 0 2px 0 0; border: none; } #sidebar #recent-topics li a:hover { background: none; color: #138AC5; text-decoration: underline; } #sidebar #recent-topics li p { margin: 0; display: inline; } /* Forum themes */ #sidebar #forum-categories li { padding: 0 20px 3px 20px; } #sidebar #forum-categories li select { width: 246px; font-size: 12px; } /* Tag Cloud */ #sidebar .widget_tag_cloud div { padding-left: 15px; padding-right: 5px; line-height: 30px; } #sidebar .widget_tag_cloud div a { padding-left: 4px; padding-right: 4px; } /* Search Forum */ #sidebar #search-forum { background: none; } #sidebar #search-forum form { padding-left: 20px; padding-top: 5px; } #sidebar #search-forum form input.text { width: 165px; } /* 2.5 Footer _______________________________________________________________________________________________*/ /* 2.5.1 FooterCols _______________________________________________*/ #footercols { color: #fff; } #footercols .col { float: left; width: 160px; padding: 30px 0 0 20px; } #footercols .col h5 { margin-bottom: 14px; text-transform: uppercase; } #footercols .col ul { } #footercols .col li { } #footercols .col a { display: block; padding: 4px 0; color: #fff; } #footercols .col a:hover { } #footercols a#donate-btn { display: block; float: right; margin-right: 110px; padding: 0 9px 0 0; text-decoration: none; background: url(../images/donate-btn-w.png) no-repeat right top; } #footercols a#donate-btn span { display: block; height: 46px; padding: 0 6px 0 20px; font-size: 14px; line-height: 44px; font-weight: bold; color: #fff; background: url(../images/donate-btn-e.png) no-repeat left top; text-transform: uppercase; /*text-shadow: 0 0px 3px #7c0000;*/ } /* 2.5.2 Footer _______________________________________________*/ #footer p { line-height: 40px; font-size: 0.91em; } #footer p.copyright { float: left; padding-left: 20px; color: #454545; } #footer p.powered { float: right; padding-right: 20px; } #footer p.powered a { text-decoration: none; } #footer p.powered span { float: left; float: left; padding-right: 4px; } #footer p.powered strong { float: left; padding-left: 23px; font-weight: normal; background: url(../images/adesigns.png) 0 50% no-repeat; } #footer p.powered a:hover strong { text-decoration: underline; } /* 3. INDIVIDUAL PAGES _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ /* 3.1 Homepage _______________________________________________________________________________________________*/ /* Category Intro Boxes */ #main-content .intro { padding: 0 8px 12px; margin: 0 4px 18px 0; background-image: url(../images/bg_sidebox-ne.png); background-position: 100% 0; background-repeat: no-repeat; } #main-content .intro .head { border-width: 1px 1px 0 1px; border-style: solid; border-color: #fff; background-color: #158fca; background-image: url(../images/bg_intro-head.png); background-repeat: repeat-x; } #main-content .intro .head-inner { padding: 18px 4px 9px 98px; background-position: 0 0; background-repeat: no-repeat; } #main-content #intro-library .head-inner { background-image: url(../images/intro-library.png); } #main-content #intro-course .head-inner { background-image: url(../images/intro-course.png); } #main-content #intro-discussion .head-inner { background-image: url(../images/intro-discussion.png); } #main-content #intro-people .head-inner { background-image: url(../images/intro-people.png); } #main-content .intro .head h2 { margin: 0 0 12px; text-transform: uppercase; color: #fff; } #main-content .intro .head h2 a { color: #fff; } #main-content .intro .head p { margin: 0 0 9px; font-size: 0.91em; line-height: 1.63em; color: #fff; } #main-content .intro .content { position: relative; min-height: 115px; padding-top: 33px; background: url(../images/bg_intro-content.png) repeat-x; margin: 0 1px; } #main-content .intro .content p { margin-left: 12px; margin-right: 12px; } #main-content .intro .content .badge { position: absolute; top: -26px; left: -12px; padding: 0 0 0 31px; background-image: url(../images/bg_badge-w.png); background-repeat: no-repeat; } #main-content .intro .content .badge h4 { float: left; margin: 0; padding: 18px 47px 4px 0; line-height: 28px; font-weight: normal; color: #fff; background-image: url(../images/bg_badge-e.png); background-position: 100% 0; background-repeat: no-repeat; } #main-content .intro .content .cta { display: inline; margin-right: 15px; } /* Carousel */ body.home #main-content .intro .carousel .navi { background-image: url(../images/bg_intro-content.png); background-position: 0 -33px; background-repeat: repeat-x; } #main-content .carousel { position: relative; overflow: hidden; width: 390px; height: 100px; margin: 0 12px 12px; } #main-content .carousel .items { position: absolute; top: 0; left: 0; z-index: 1; width: 20000em; } #main-content .carousel .items .item { float: left; width: 390px; } #main-content .carousel .navi { position: absolute; top: 0; right: 0; z-index: 2; } #main-content .carousel .navi a { float: left; width: 16px; height: 16px; background-image: url(../images/carousel-nav.png); } #main-content .carousel .navi:hover a.active { background-position: 0 0; } #main-content .carousel .navi:hover a.active:hover { background-position: 0 -16px; } #main-content .carousel .navi a:hover, #main-content .carousel .navi a.active { background-position: 0 -16px; } #main-content .carousel .navi a.active { cursor: default; } /* Testimonial */ #main-content .testimonial { margin: 0; padding: 0; border: none; font-style: normal; font-family: Verdana,Geneva,Kalimati,Tahoma,sans-serif; } #main-content .testimonial h6 { margin: 0; padding: 0 0 8px 46px; font-weight: normal; background: url(../images/bg_testimonial-n.png) 0 100% no-repeat; } #main-content .testimonial div { padding: 12px 8px 12px 12px; background: url(../images/bg_testimonial-s.png) 0 100% no-repeat; } #main-content .testimonial div p { margin: 0; } #main-content .testimonial a.avatar { float: left; border: 3px solid #138AC5; margin: 0 6px 0 0; } #main-content .testimonial a.avatar img { float: left; border: 1px solid #fff; } #main-content .testimonial a.avatar:hover { border-width: 2px; } #main-content .testimonial a.avatar:hover img { border-width: 2px; } /* 3.2 Profile page _______________________________________________________________________________________________*/ #main-content .profile-head { position: relative; height: 67px; } #main-content .profile-head h1 { line-height: 35px; margin-right: 158px; margin-bottom: 0; margin-left: 71px; } #main-content .profile-head .sfavatartag, #main-content .profile-head .sfuseravatar { float: left; margin: 0 0 0 0; width: 50px; height: 50px; padding: 2px 9px 9px 2px; background: url(../images/profile-avatar.png) 0 0 no-repeat; } #main-content .profile-head .special_rank { position: absolute; top: 0; right: 0; line-height: 50px; } #main-content .profile-head .special_rank span { float: left; white-space:nowrap; padding-right: 4px; } #main-content .profile-head .form_rank { position: absolute; top: 0; right: 0; line-height: 50px; } #main-content .profile-head .about-user { margin-left: 71px; width: 355px; line-height: 18px; padding: 0 0 0 5px; font-size: 0.91em; background: url(../images/bg_about-user.png) 0 0 repeat-y; } #main-content .profile-content { margin: 0 0 0 -10px; padding: 53px 20px 10px 30px; min-height: 171px; background: url(../images/bg_profile-content.png) 0 0 no-repeat; } #main-content .profile-content h2.about { position: absolute; left: -999em; } #main-content .profile-content h3, #main-content .profile-content h4 { font-weight: normal; } #main-content .profile-content .sf-authortopics { } #main-content .profile-content .sf-authortopics .sf-authorforum { float: left; clear: left; margin-right: 10px; } /* User thumbs lists */ #main-content ul.users { margin: 0 0 0 -9px; } #main-content ul.users li { float: left; padding: 0; margin-right: 2px; background: none; } #main-content ul.users li a { text-decoration: none; color: #575757; font-size: 11px; } #main-content ul.users li a img { display: block; margin: 0 9px 2px; padding: 1px; border: 1px solid #dadada; } #main-content ul.users li a strong { display: block; width: 72px; padding: 3px 0 0 0; text-align: center; line-height: 14px; font-weight: normal; } #main-content ul.users li a:hover strong { color: #138AC5; } /* Users Poeple page */ #main-content .ycontrib_oneauthor { float: left; height: 76px; width: 100px; overflow: hidden; margin: 0 5px 0 0; text-align: center; } #main-content .ycontrib_oneauthor img { float: left; display: inline; margin-left: 25px; } #main-content .ycontrib_oneauthor strong { display: block; clear: both; font-size: 11px; line-height: 12px; height: 24px; } /* Social links */ #main-content a.social { float: left; margin: 0 16px 0 0; display: block; width: 264px; height: 72px; background: url(../images/bg_social.png) 0 0 no-repeat; color: #fff; } #main-content a.social span { display: block; line-height: 18px; padding: 10px 15px 44px 15px; background-position: 127px 41px; background-repeat: no-repeat; } #main-content a.social-twitter { margin-right: 0; } #main-content a.social-twitter span { background-image: url(../images/ico-social-twitter.png); } #main-content a.social-facebook span { background-image: url(../images/ico-social-facebook.png); } /* 3.3 Testimonials page _______________________________________________________________________________________________*/ #main-content #sfstest-page blockquote { font-style: normal; margin-left: 0; margin-bottom: 18px; } #main-content #sfstest-page blockquote img { float: left; margin: 0 6px 0px 0; border: 3px solid #fff; } /* 3.4 Forum */ #sfversion { position: absolute; left: -999em; } /* 3.5 Login Page _______________________________________________________________________________________________*/ body.login { padding: 0; margin: 0; background: #005187 url(../images/bg_footercols.jpg) 50% 100% repeat-x; } body.login h1 { padding-top: 100px; margin-bottom: 5px; } body.login h1 a { width: 320px; height: 135px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff url(../images/logo.png) 50% 50% no-repeat; box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7); } body.login form { padding: 20px; text-align: left; background: #fff; } body.login #login { margin: 0 auto; } body.login #login p#nav, body.login #login p#backtoblog { font-size: 14px; } body.login #login p#nav a, body.login #login p#backtoblog a { color: #fff !important; text-shadow: 0 1px 0 #aaa; text-decoration: underline; } body.login #login p#nav a:hover, body.login #login p#backtoblog a:hover { text-decoration: none; } #login form p { font-size: 13px; line-height: 18px; } /* 4. PLUG-INS _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ /* 4.1 Fancybox 1.3.1 _______________________________________________________________________________________________*/ #fancybox-loading{ position:fixed; top:50%; left:50%; width:40px; height:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none } #fancybox-loading div{ position:absolute; top:0; left:0; width:40px; height:480px; background-image:url('../images/fancybox/fancybox.png') } #fancybox-overlay{ position:absolute; top:0; left:0; width:100%; z-index:1100; display:none } #fancybox-tmp{ padding:0; margin:0; border:0; overflow:auto; display:none } #fancybox-wrap{ position:absolute; top:0; left:0; padding:20px; z-index:1101; outline:none; display:none } #fancybox-outer{ position:relative; width:100%; height:100%; background:#fff } #fancybox-content{ width:0; height:0; padding:0; outline:none; position:relative; overflow:hidden; z-index:1102; border:0px solid #fff } #fancybox-hide-sel-frame{ position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:1101 } #fancybox-close{ position:absolute; top:-15px; right:-15px; width:30px; height:30px; background:transparent url('../images/fancybox/fancybox.png') -40px 0px; cursor:pointer; z-index:1103; display:none } #fancybox-error{ color:#444; font:normal 12px/20px Arial; padding:14px; margin:0 } #fancybox-img{ width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top } #fancybox-frame{ width:100%; height:100%; border:none; display:block } #fancybox-left,#fancybox-right{ position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background:transparent url('../images/fancybox/blank.gif'); z-index:1102; display:none } #fancybox-left{ left:0px } #fancybox-right{ right:0px } #fancybox-left-ico,#fancybox-right-ico{ position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block } #fancybox-left-ico{ background-image:url('../images/fancybox/fancybox.png'); background-position:-40px -30px } #fancybox-right-ico{ background-image:url('../images/fancybox/fancybox.png'); background-position:-40px -60px } #fancybox-left:hover,#fancybox-right:hover{ visibility:visible; /* IE6 */ } #fancybox-left:hover span{ left:20px } #fancybox-right:hover span{ left:auto; right:20px } .fancybox-bg{ position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001 } #fancybox-bg-n{ top:-20px; left:0; width:100%; background-image:url('../images/fancybox/fancybox-x.png') } #fancybox-bg-ne{ top:-20px; right:-20px; background-image:url('../images/fancybox/fancybox.png'); background-position:-40px -162px } #fancybox-bg-e{ top:0; right:-20px; height:100%; background-image:url('../images/fancybox/fancybox-y.png'); background-position:-20px 0px } #fancybox-bg-se{ bottom:-20px; right:-20px; background-image:url('../images/fancybox/fancybox.png'); background-position:-40px -182px } #fancybox-bg-s{ bottom:-20px; left:0; width:100%; background-image:url('../images/fancybox/fancybox-x.png'); background-position:0px -20px } #fancybox-bg-sw{ bottom:-20px; left:-20px; background-image:url('../images/fancybox/fancybox.png'); background-position:-40px -142px } #fancybox-bg-w{ top:0; left:-20px; height:100%; background-image:url('../images/fancybox/fancybox-y.png') } #fancybox-bg-nw{ top:-20px; left:-20px; background-image:url('../images/fancybox/fancybox.png'); background-position:-40px -122px } #fancybox-title{ font-family:Helvetica; font-size:12px; z-index:1102 } .fancybox-title-inside{ padding-bottom:10px; text-align:center; color:#333; background:#fff; position:relative } .fancybox-title-outside{ padding-top:10px; color:#fff } .fancybox-title-over{ position:absolute; bottom:0; left:0; color:#FFF; text-align:left } #fancybox-title-over{ padding:10px; background-image:url('../images/fancybox/fancy_title_over.png'); display:block } .fancybox-title-float{ position:absolute; left:0; bottom:-20px; height:32px } #fancybox-title-float-wrap{ border:none; border-collapse:collapse; width:auto } #fancybox-title-float-wrap td{ border:none; white-space:nowrap } #fancybox-title-float-left{ padding:0 0 0 15px; background:url('../images/fancybox/fancybox.png') -40px -90px no-repeat } #fancybox-title-float-main{ color:#FFF; line-height:29px; font-weight:bold; padding:0 0 3px 0; background:url('../images/fancybox/fancybox-x.png') 0px -40px } #fancybox-title-float-right{ padding:0 0 0 15px; background:url('../images/fancybox/fancybox.png') -55px -90px no-repeat } /* IE6 */.fancybox-ie6 #fancybox-close{ background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_close.png',sizingMethod='scale') } .fancybox-ie6 #fancybox-left-ico{ background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_left.png',sizingMethod='scale') } .fancybox-ie6 #fancybox-right-ico{ background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_right.png',sizingMethod='scale') } .fancybox-ie6 #fancybox-title-over{ background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_over.png',sizingMethod='scale'); zoom:1 } .fancybox-ie6 #fancybox-title-float-left{ background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_left.png',sizingMethod='scale') } .fancybox-ie6 #fancybox-title-float-main{ background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_main.png',sizingMethod='scale') } .fancybox-ie6 #fancybox-title-float-right{ background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_right.png',sizingMethod='scale') } .fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{ height:expression(this.parentNode.clientHeight+"px") } #fancybox-loading.fancybox-ie6{ position:absolute; margin-top:0; top:expression( (-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2 )+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ))+'px') } #fancybox-loading.fancybox-ie6 div{ background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_loading.png',sizingMethod='scale') } .fancybox-ie .fancybox-bg{ background:transparent !important } .fancybox-ie #fancybox-bg-n{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.png',sizingMethod='scale') } .fancybox-ie #fancybox-bg-ne{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.png',sizingMethod='scale') } .fancybox-ie #fancybox-bg-e{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.png',sizingMethod='scale') } .fancybox-ie #fancybox-bg-se{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.png',sizingMethod='scale') } .fancybox-ie #fancybox-bg-s{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.png',sizingMethod='scale') } .fancybox-ie #fancybox-bg-sw{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.png',sizingMethod='scale') } .fancybox-ie #fancybox-bg-w{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.png',sizingMethod='scale') } .fancybox-ie #fancybox-bg-nw{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.png',sizingMethod='scale') } /* 4.x Donate fancybox Pop-Up _______________________________________________________________________________________________*/ #donate-pop-up { width: 428px; position: relative; padding: 53px 36px 0 36px; border: 1px solid #0d97c4; color: #fff; text-align: left; background: url(../images/popup/donate-bg.jpg) no-repeat center bottom; } #donate-pop-up #close-btn { position: absolute; top: -1px; right: -1px; display: block; height: 37px; width: 36px; text-indent: -99999em; background: url(../images/popup/popup-close-btn.png) no-repeat center center; } #donate-pop-up h3.title { margin-bottom: 25px; font-size: 20px; font-weight: bold; color: #fff; text-shadow: -1px 0px 2px #001790; } #donate-pop-up .content { font-size: 12px; line-height: 1.5; } #donate-pop-up .content p { margin-bottom: 30px; } .paypal-donate { width: 260px; height: 44px; overflow: hidden; margin: 0 auto; } /* 4.2 MediaElement _______________________________________________________________________________________________*/ .mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%;}.mejs-background{position:absolute;top:0;left:0;}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%;}.mejs-poster{position:absolute;top:0;left:0;}.mejs-overlay{position:absolute;top:0;left:0;}.mejs-overlay-play{cursor:pointer;}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(../images/mediaelement/bigplay.png) top left no-repeat;}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px;}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(../images/mediaelement/background.png);background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,left top,left bottom,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9));}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url(../images/mediaelement/loading.gif) center center no-repeat;}.mejs-container .mejs-controls{position:absolute;background:none;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(../images/mediaelement/background.png);background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,left top,left bottom,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));height:30px;width:100%;}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;background:0;font-family:Helvetica,Arial;border:0;}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:transparent url(../images/mediaelement/controls.png) 0 0 no-repeat;}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:8px 3px 0 3px;overflow:hidden;text-align:center;padding:auto 4px;}.mejs-container .mejs-controls .mejs-time span{font-size:11px;color:#fff;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto;}.mejs-controls .mejs-play button{background-position:0 0;}.mejs-controls .mejs-pause button{background-position:0 -16px;}.mejs-controls .mejs-stop button{background-position:-112px 0;}.mejs-controls div.mejs-time-rail{width:200px;padding-top:5px;}.mejs-controls .mejs-time-rail span{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,left top,left bottom,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#1E1E1E,endColorstr=#3C3C3C);}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,left top,left bottom,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#2C7C91,endColorstr=#4EB7D4);width:0;}.mejs-controls .mejs-time-rail .mejs-time-current{width:0;background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#C8C8C8);}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center;}.mejs-controls .mejs-time-rail .mejs-time-float{visibility:hidden;position:absolute;display:block;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111;}.mejs-controls .mejs-time-rail:hover .mejs-time-float{visibility:visible;}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0;}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px;}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0;}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px;}.mejs-controls .mejs-mute button{background-position:-16px -16px;}.mejs-controls .mejs-unmute button{background-position:-16px 0;}.mejs-controls .mejs-volume-button{position:relative;}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(../images/mediaelement/background.png);background:rgba(50,50,50,0.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0;}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.mejs-controls .mejs-volume-button:hover .mejs-volume-slider{display:block;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.5);margin:0;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.9);margin:0;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,0.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0;}.mejs-controls .mejs-captions-button{position:relative;}.mejs-controls .mejs-captions-button button{background-position:-48px 0;}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(../images/mediaelement/background.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.mejs-controls .mejs-captions-button:hover .mejs-captions-selector{visibility:visible;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px;}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0;}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,left top,left bottom,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0;}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer;}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none;}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,left top,left bottom,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232);}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px;}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis;}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:22px;font-size:12px;color:#fff;}.mejs-captions-layer a{color:#fff;text-decoration:underline;}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:normal;}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0;}.mejs-captions-position-hover{bottom:45px;}.mejs-captions-text{padding:3px 5px;background:url(../images/mediaelement/background.png);background:rgba(20,20,20,0.8);}.mejs-clear{clear:both;}.me-cannotplay a{color:#fff;font-weight:bold;}.me-cannotplay span{padding:15px;display:block;}.mejs-controls .mejs-loop-off button{background-position:-64px -16px;}.mejs-controls .mejs-loop-on button{background-position:-64px 0;}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px;}.mejs-controls .mejs-backlight-on button{background-position:-80px 0;}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0;} .wide-video { margin-left: -27px; margin-right: -27px; } /* 4.3 WP Testimonials _______________________________________________________________________________________________*/ #sfstest-form label {float: left;width: 200px;font-weight: bold;} #sfstest-form input {width: 250px;margin-bottom: 5px;border: 1px solid #ccc;} #sfstest-form br { clear: left;} /* 4.4 SimplePress forum _______________________________________________________________________________________________*/ #sforum { overflow: visible; background: url(../images/forum/forum-page-bg.png) no-repeat left top; } #sforum .sfloginstrip td { vertical-align: top; } #sforum a, #sforum a:link, #sforum a:active, #sforum a:visited { color: #138AC5; text-decoration: none; } #sforum a:hover { text-decoration: underline; color: #138AC5 !important; } #sforum .sfloginstrip, #sforum #sfadminstrip { -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: none; border-bottom: 1px solid #C8E1EC; border-top: 1px solid #C8E1EC; } #sforum .sffooter, #sforum .sfheading { -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #sforum .sffooter { margin-bottom: 10px; color: #fff; background: url("../images/bg_sideboxhead.png") repeat-x scroll 0 0 #148DC8; } #sforum .sffooter * { color: #fff !important; } #sforum .sffooter a:hover { color: #fff !important; text-decoration: underline; } #sforum .sfpagelinks a { color: #138AC5; text-decoration: none; } #sforum .sfpagelinks a:hover { color: #138AC5; text-decoration: underline; background: #fff; } #sforum .sfpagelinks a.current { color: #000 !important; } #sforum .sfblock { padding: 1px; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: #fff; border-color: #C8E1EC; border-style: solid; border-width: 1px; } #sforum .sfforumtable { border-spacing: 0px; border: none; background: #E8E8E8; } #sforum .sfforumtable th { padding: 10px 5px; border: none; color: #FFFFFF; background: url("../images/bg_sideboxhead.png") repeat-x scroll 0 0 #148DC8; } #sforum .sfheading p, #sforum .sfheading .sftitle p { color: #138AC5; } #sforum .sfmessagestrip { -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: none; border-bottom: 1px solid #C8E1EC; border-top: 1px solid #C8E1EC; } #sforum .sfposttable { border: none; border-collapse: collapse; } #sforum .sfposttable th { border: none; padding-bottom: 10px; background: none; } #sforum #forumtop { display: block; height: 0; visibility: hidden; width: 0; } #sforum .sfposttable td { vertical-align: top !important; } #sforum #sfpostform fieldset { padding: 5px 0 5px 5px; } #sforum #sfpostform form { width: 577px; overflow-y: hidden; } #sforum .sfbreadcrumbs p { margin: 5px 0; } #sforum .sfposttable .sfinnerposttable td.sfposticonstrip, #sforum .sfbreadcrumbs .sfalignright, #sforum .sfposttable td.sfsignature { } #sforum .sfposttable td.sfposticonstrip .sfposticoncontainer .sfposticon, #sforum .sfposttable td.sfposticonstrip .sfposticoncontainer .sftoplink { display: none; } #sforum .sfposttable td.sfposticonstrip .sfposticoncontainer .sfposticon.sfposttoolsicon, #sforum .sfposttable td.sfposticonstrip .sfposticoncontainer .sfposticon.sfediticon { display: block; } #sforum .sfposttable .sfuserinfoside, #sforum .sfposttable table.sfinnerusertable td.sfposticonstrip, #sforum .sfposttable table.sfinnerusertable td, #sforum .sfposttable .sfinnerusertable td.sfalt, #sforum .sfposttable .sfinnerusertable td.sfposticonstrip.sfalt { background-color: none !important; background: none !important; border: none !important; } #sforum .sfposttable tr.divide td, #sforum .sfposttable tr .sfuserinfoside, #sforum .sfposttable tr .sfinnerposttable { padding-top: 10px; border-bottom: 1px solid #C8E1EC !important; } #sforum #sftopsearch img { display: none; } #sforum .searchHeading { margin-left: -9px; height: 37px; padding: 0; border: none; background: url(../images/forum/searchHeading.png) no-repeat left bottom; } #sforum .searchHeading #sftopsearch a { display: block; color: #fff !important; font-family: Verdana; font-weight: normal; font-size: 14px; padding-left: 58px; padding-top: 5px; } #sforum #sfsearchform { margin-top: -10px; width: 582px; border: 1px solid #93b53a; } #sforum #sfsearchform fieldset { border: none; background-color: none; background: none; } #sforum #sfsearchform legend { margin-top: 9px; } #sforum #sfsearchform .sfsearchblock { margin: 5px 0; } #sforum #sfsearchform .sfsearchblock br { display: none; } #sforum #sfsearchform .sfsearchblock input, #sforum #sfsearchform .sfsearchblock img, #sforum #sfsearchform legend { float: left; margin-right: 5px; } #sforum #sfsearchform .sfsearchblock img { margin-left: 20px; margin-top: 6px; } #sforum #sfloginform { margin-left: 70px; } #sforum #sfloginform p { text-align: left; } #sforum .sfloginstrip { border: none; background: none; } #sforum .sfloginstrip .sflogincell { width: 40px;} #sforum .sfloginstrip .sflogincell a img { display: none; } #sforum .sfloginstrip .sflogincell a { float: left; display: block; width: 14px; height: 17px; margin-right: 5px; text-indent: -99999em; } #sforum .sfloginstrip .sflogincell a.login { background: url(../images/forum/login-ico.png) no-repeat center center; } #sforum .sfloginstrip .sflogincell a.register { background: url(../images/forum/register-ico.png) no-repeat center center; } #sforum .sffooter .sficon img { display: none; } #sforum .sffooter .sficon.Login { float:right; display: block; width: 15px; height: 18px; background: url(../images/forum/post-login-ico.png) no-repeat center center !important; } #sforum .sfloginstrip .sflogincell #sfinboxcount { display: none; } #sforum #sfadminstrip { padding: 4px 10px; border: none; background: #93B53A; } #sforum #sfadminstrip a { color: #fff !important; } #sforum #sfadminstrip a:hover { color: #fff !important; text-decoration: underline;} #sforum #sfadminstrip a.sfquickadmin img { display: none; } #sforum .sfbluenumber { background: #0372B0;} #sforum .sfrednumberzero { background: #A82626; } #sforum .sfposttable td.sfpostcontent p { margin-left: 10px !important; padding-right: 5px; } #sforum .sfposttable td.sfpostcontent iframe { max-width: 450px; } /* 4.5 Membership page tabs and form _______________________________________________________________________________________________*/ #main-content ul.tabs { margin: 20px -22px 20px -17px; overflow: auto; background: #fff; } #main-content ul.tabs li { float: left; padding: 0; background: #fff; } #main-content ul.tabs li a { padding: 10px 20px; display: block; text-align: center; color: #138AC5; text-decoration: underline; background: url("../images/bg_nav.png") no-repeat right bottom; } #main-content ul.tabs li a:hover { text-decoration: none; } #main-content ul.tabs li a.current { color: #000; text-decoration: none; cursor: default; } #main-content .panes .in-panes { display: none;} body.page-template-membership-php #main-content table { margin-bottom: 18px; } body.page-template-membership-php #main-content table tbody td { padding: 9px 9px; vertical-align: top; } body.page-template-membership-php #main-content table th em { display: block; font-size: 11px; } body.page-template-membership-php #main-content table h2, body.page-template-membership-php #main-content table p { margin-top: 0; margin-bottom: 0; } body.page-template-membership-php #main-content table td.subscribe { vertical-align: middle; } body.page-template-membership-php #main-content table form { height: 26px; } body.page-template-membership-php #main-content table h2 em { padding-top: 5px; display: block; font-size: 12px; text-align: right; line-height: 18px; font-style: normal; font-weight: normal; } body.page-template-membership-php #main-content table h2 em acronym { text-decoration: none; border: none; } #free-registration input.fld { width: 200px; } #free-registration input[type=password] { margin-bottom: 5px;} #free-registration .desc { font-style: italic; } #free-registration .button { display: block; background: none repeat scroll 0 0 #025E97; border: medium none; color: #FFFFFF; cursor: pointer; height: 28px; line-height: 28px; text-align: center; width: 100px; } .registration-errors { width:257px; margin: 0 auto 15px; background-color: #FFEBE8; border-color: #CC0000; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; padding: 12px; color: #333333; } .registration-errors p { margin: 0 0 5px 0 !important;} .registration-errors strong { margin: 0 10px 0 0;} .r-success { width:257px; margin: 0 auto 15px !important; background-color: #F8F8F8; border-color: #008200; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; padding: 12px; color:#333; } #my_registration_form {width:285px; margin: 0 auto;} #my_registration_form ul { margin:0; list-style-type: none;} #my_registration_form ul li { padding: 0; background: none;} #my_registration_form ul label, #my_registration_form ul .text { display: block;} #my_registration_form ul label{color: #777777; font-size: 13px;} #my_registration_form .text, #my_registration_form .text_math_captcha { background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #E5E5E5; font-size: 24px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; padding: 3px; width: 275px; } #my_registration_form #submit { display: block; background: none repeat scroll 0 0 #025E97; border: medium none; color: #FFFFFF; cursor: pointer; height: 28px; line-height: 28px; text-align: center; width: 100px; margin: 0 auto; } #my_registration_form .math-q {overflow: visible; clear:both;} #my_registration_form .explain { display:block; font-size: 9px;} #my_registration_form .text_math_captcha { width: 100px; margin:0;} #my_registration_form .math-q strong { display: block; margin:0 0 10px 0;} #my_registration_form .math-q .image {float: left; margin-right: 20px;} #my_registration_form .last { margin: 10px 0;} #my_registration_form .last p { clear: both; margin: 15px 0; text-align: center; } div.wpcf7 form.wpcf7-form ul li { margin-left: 0 !important; padding-bottom: 10px !important; padding-left: 0 !important; background: none !important; } div.wpcf7 form.wpcf7-form ul li label { display: block; margin-bottom: 5px; } /* list members */ #tern_members ul { list-style-type: none; margin-left: 0; overflow: hidden; } #tern_members ul li { padding: 0; margin: 0; background: none;} #tern_members ul.tern_wp_members_list li { float: left; clear: none; width: 220px; height: 110px !important; } #tern_members a.tern_wp_member_gravatar { display: block; width: 70px; margin-bottom: 5px; } #tern_members a.tern_wp_member_gravatar img { float: none; display: block; border: 4px solid #138AC5; padding: 1px; background: #fff; } #tern_members a.tern_wp_member_gravatar:hover img { border-width: 3px; padding:2px; } #tern_members ul.tern_wp_members_list li h3 { font-size: 12px; word-wrap: break-word; }