06-08-2018, 02:21 PM
Hello I am newbie webmaster.Last night a friend invited me to edit their smf forum for their gaming server forum.I installed a theme on their forum.They want a header image background.I tried removing the original data at the header to add the custom header background.But a searchbar is not removing.I tried removing all the codes but it does not works.I tried inspect element it works but when i remove it from the css it does not work.
Code: (Select All)
background-position: 98% 13px;
}
.topic_table td.stats {
background-image: none;
text-align: right;
}
/* Styles for (fatal) errors.
----------------------------- */
#fatal_error {
width: 80%;
margin: auto;
}
.errorbox {
padding: 1em;
border: 1px solid #E8E8E8;
color: #000;
background-color: #ffe4e9;
margin-bottom: 1em;
}
.errorbox h3 {
padding: 0;
margin: 0;
font-size: 1.1em;
text-decoration: underline;
}
.errorbox p {
margin: 1em 0 0 0;
}
.errorbox p.alert {
padding: 0;
margin: 0;
float: left;
width: 1em;
font-size: 1.5em;
}
/* Styles for the profile section.
---------------------------------- */
dl {
overflow: auto;
margin: 0;
padding: 0;
}
/* The basic user info on the left.
----------------------------------- */
#basicinfo {
width: 20%;
float: left;
}
#basicinfo .windowbg {
}
#basicinfo .windowbg .content {
padding-left: 20px;
}
#detailedinfo {
width: 79.5%;
float: right;
}
#basicinfo h4 {
font-weight: 300;
text-transform: uppercase;
font-size: 18px;
line-height: 1;
white-space: pre-wrap;
overflow: hidden;
}
#basicinfo h4 span.position {
font-size: 14px;
font-weight: 300;
display: block;
padding: 5px 0;
color: #7D7D7D;
}
#basicinfo img.avatar {
display: block;
margin: 10px 0 0 0;
}
#basicinfo ul {
list-style-type: none;
margin: 10px 0 0 0;
}
#basicinfo ul li {
display: block;
float: left;
margin-right: 5px;
height: 20px;
}
#basicinfo span#userstatus {
display: block;
clear: both;
}
#basicinfo span#userstatus img {
vertical-align: middle;
}
#detailedinfo .content dl,
#tracking .content dl {
clear: right;
overflow: auto;
margin: 0 0 18px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid #E8E8E8;
}
#detailedinfo .content dt,
#tracking .content dt {
width: 35%;
float: left;
margin: 0 0 3px 0;
padding: 0;
font-weight: 500;
clear: both;
}
#detailedinfo .content dd,
#tracking .content dd {
width: 65%;
float: left;
margin: 0 0 3px 0;
padding: 0;
}
#detailedinfo .content dl.noborder {
border-bottom: 0;
}
#detailedinfo .content dt.clear {
width: 100%;
}
}
#main_grid table .days {
vertical-align: top;
text-align: center;
padding: 5px !important;
}
a.modify_event {
color: red;
}
span.hidelink {
font-style: italic;
}
#calendar_navigation {
text-align: center;
}
/* Styles for the memberlist section.
------------------------------------- */
#mlist_search {
margin: auto;
width: 500px;
}
/* Styles for the basic search section.
--------------------------------------- */
#searchform,
#simple_search p {
padding: 0.5em;
margin: 0;
}
#simple_search,
#simple_search p,
#advanced_search {
text-align: center !important;
margin: 0;
}
#search_error {
font-style: italic;
padding: 0.3em 1em;
}
#search_term_input {
font-size: 115%;
margin: 0 0 1em;
}
/* Styles for the advanced search section.
------------------------------------------ */
#searchform fieldset {
text-align: left;
padding: 0;
border: none;
}
#advanced_search dl#search_options {
margin: 0 auto;
width: 600px;
padding-top: 1em;
overflow: hidden;
}
#advanced_search dt {
clear: both;
float: left;
padding: 0.2em;
text-align: right;
width: 20%;
}
#advanced_search dd {
width: 75%;
float: left;
padding: 0.2em;
margin: 0 0 0 0.5em;
text-align: left;
}
#searchform .titlebg strong {
font-weight: 300;
}
#searchform p.clear {
clear: both;
}
/* Styles for the search results page.
-------------------------------------- */
.topic_table td blockquote,
.topic_table td .quoteheader {
margin: 0.5em;
}
.search_results_posts {
overflow: hidden;
}
.search_results_posts .buttons {
padding: 5px 1em 0 0;
}
/* Styles for the help section.
------------------------------- */
#help_container {
margin: 0;
padding: 0 0 8px 0;
}
#helpmain {
padding: 0 1em;
}
/* Styles for print media.
-------------------------- */
@media print {
#headerarea {
display: none;
}
.tborder {
border: none;
}
}
/* Custom Styles.
---------------- */
a {
outline: none;
}
p,
span,
form {
margin: 0;
padding: 0;
}
#navbar ul,
#toolbar ul,
#social-links ul {
margin: 0;
padding: 0;
list-style: none;
}
#navbar ul li,
#toolbar ul li {
float: left;
position: relative;
}
#forum-notice {
text-align: center;
background: rgba(255, 255, 255, .25);
}
#forum-notice,
#forum-notice > a {
color: #3A3C42;
}
#forum-notice > a,
#forum-notice > strong {
padding: 15px;
display: inline-block;
text-decoration: none;
font-weight: 600;
}
#forum-notice span {
background: rgba(255, 255, 255, .5);
padding: 2px 6px;
border-radius: 5px;
}
#forum-notice a:hover span {
background: rgba(255, 255, 255, .35);
}
#toolbar {
height: 30px;
padding: 10px 0;
color: #E9EBE6;
line-height: 30px;
}
#toolbar a {
color: #FFF;
font-weight: 600;
}
#toolbar li a {
display: inline-block;
padding: 0 8px;
}
#toolbar span a {
text-transform: uppercase;
}
#toolbar a:hover {
color: #F2F4EF;
}
#toolbar #quicknav {
float: left;
}
#toolbar .date-time {
padding-right: 8px;
}
#toolbar #account {
float: right;
}
#toolbar .avatar-img > a > img {
display: block;
width: 30px;
height: 30px;
border-radius: 30px;
}
#toolbar .greeting {
padding-right: 8px;
}
#header {
background: rgba(255, 255, 255, .25);
height: 110px;
margin-top: 25px;
}
#header #logo,
#header #navbar {
top: -25px;
position: relative;
}
#logo {
height: 80px;
background: #FFF;
}
#logo > a {
display: block;
float: left;
background: url(../images/custom/logo.png) no-repeat;
width: 120px;
height: 30px;
margin: 25px 0 0 25px;
}
#search {
float: right;
}
#search input {
background: none;
border: none;
outline: none;
padding: 0;
}
#search input[type="text"] {
background: #EEE url(../images/custom/loupe.png) no-repeat;
color: #303439;
height: 24px;
line-height: 1px;
padding: 28px 0;
width: 80px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#search input[type="text"]:focus {
width: 150px;
padding-left: 80px;
padding-right: 20px;
}
#search input[type="submit"] {
display: none;
}
#navbar {
height: 30px;
padding: 12px 0;
}
#main-menu {
z-index: 1000;
float: right;
position: relative;
right: 50%;
}
#main-menu li {
left: 50%;
padding-bottom: 5px;
}
#main-menu > li > a {
display: block;
font-size: 14px;
line-height: 30px;
padding: 0 15px;
text-decoration: none;
color: #FFF;
font-weight: 600;
text-transform: uppercase;
}
#main-menu > li > a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 5px;
margin-left: auto;
margin-right: auto;
height: 1px;
background-color: #FFF;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
width: 0%;
}
#main-menu > li > a.active:before,
#main-menu > li > a:hover:before {
width: 80%;
}
#main-menu > li > a.active,
#main-menu > li:hover > a {
color: #4a4c52;
}
#main-menu li ul {
position: absolute;
width: 200px;
left: -999em;
background: #FFF;
padding: 18px 0;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
#main-menu li ul ul {
margin: 0;
}
#main-menu li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
left: auto;
}
#main-menu li li a {
display: block;
padding: 0 15px;
line-height: 30px;
height: auto;
float: none;
font-size: 13px;
color: #4a4c52;
font-weight: 600;
}
#main-menu li:hover ul {
left: 0;
top: 35px;
}
#main-menu li:hover ul ul,
#main-menu li:hover ul ul ul,
#main-menu li:hover ul ul ul ul {
top: -999em;
left: auto;
}
#main-menu li li:hover ul,
#main-menu li li li:hover ul,
#main-menu li li li li:hover ul {
left: 200px;
top: 0;
}
#button_login,
#button_register,
#button_logout {
display: none;
}
#news {
padding: 30px 15px;
}
#news > p {
text-align: center;
color: #E8E8E8;
font-style: italic;
}
#main-content {
background: #FFF;
padding: 20px;
}
#footer {
padding: 50px;
text-align: center;
color: #E5E5E5;
}
#footer,
#footer a {
font-family: 'Raleway', sans-serif;
font-size: 14px;
}
#footer a {
color: #FFF;
font-weight: 600;
}
#social-links li {
display: inline-block;
}
#social-links li a {
background: url(../images/custom/social-icons.png) 50% 50% no-repeat;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
border: 1px solid #FFF;
border-radius: 30px;
-webkit-transition: all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s;
transition: all .2s ease 0s;
}
#social-links li a:hover {
border-color: rgba(255, 255, 255, .75);
background-color: rgba(255, 255, 255, .2);
}
#social-links .facebook a {
background-position: 0 0;
}
#social-links .twitter a {
background-position: 0 -35px;
}
#social-links .googleplus a {
background-position: 0 -70px;
}
#social-links .dribble a {
background-position: 0 -105px;
}
#social-links .flickr a {
background-position: 0 -140px;
}
#social-links .youtube a {
background-position: 0 -175px;
}
#social-links .pinterest a {
background-position: 0 -210px;
}
#social-links .rss a {
background-position: 0 -245px;
}
#social-links .tumblr a {
background-position: 0 -280px;
}
#social-links .instagram a {
background-position: 0 -315px;
}
#social-links .digg a {
background-position: 0 -350px;
}
#social-links .linkedin a {
background-position: 0 -385px;
}
#social-links .stumbleupon a {
background-position: 0 -420px;
}
#social-links .vimeo a {
background-position: 0 -455px;
}
#social-links .behance a {
background-position: 0 -490px;
}
#social-links .skype a {
background-position: 0 -525px;
}
#social-links .delicious a {
background-position: 0 -560px;
}
#social-links .blogger a {
background-position: 0 -595px;
}
#social-links .back-top a {
background-position: 0 -630px;
}
#copyright {
margin-top: 25px;
}
#copyright .loadtime {
font-size: 90%;
}
.table_list {
border-collapse: collapse;
border-spacing: 0;
}
.table_list > .content > tr {
border-bottom: 1px solid #E9E9E9;
}
.table_list .divider td {
height: 15px;
}
.mark_read {
overflow: hidden;
margin-bottom: 15px;
}
.mark_read .buttonlist ul {
padding: 0;
margin: 0;
}
.table_grid .icon2 {
width: 6%;
}
.cat_bar > .catbg,
.title_bar > .titlebg {
padding: 0 10px;
}
.table_list .cat_bar > .catbg {
margin-bottom: 0;
}
.windowbg > .content,
.windowbg2 > .content,
#help_container > .windowbg2 {
padding: 15px;
}
.windowbg > .content > dl,
.windowbg2 > .content > dl {
padding: 8px 0;
}
#forumposts .post_wrapper,
#personal_messages div.windowbg,
#personal_messages div.windowbg2,
#main_admsection .topic > .windowbg,
#main_admsection .topic > .windowbg2 {
overflow: hidden;
padding: 15px 0;
margin-bottom: 15px;
border: 1px solid #DEDEDE;
}
#main_admsection .topic .content,
#personal_messages .windowbg > .content,
#personal_messages .windowbg2 > .content {
border: none;
padding: 0 15px;
}
#personal_messages #profile_success {
padding: 10px;
}
#admincenter div.windowbg,
#admincenter div.windowbg2,
#manage_maintenance .windowbg,
#manage_maintenance .windowbg2 {
padding: 0;
margin-bottom: 5px;
}
#manage_maintenance .content p {
margin-bottom: 10px;
}
#admincenter form {
overflow: hidden;
}
#admincenter #quick_search form {
font-size: 13px;
}
#advanced_search {
margin-bottom: 5px;
}
.editor {
border-color: #43474c !important;
}
.signature,
.custom_fields_above_signature {
border-top: 1px solid #E8E8E8;
}
.signature h5 {
font-size: 0.85em;
margin-bottom: 10px;
}
#personal_picture {
display: block;
margin-bottom: 0.3em;
}
#avatar_server_stored div {
float: left;
}
#avatar_upload {
overflow: auto;
}
#main_admsection #basicinfo,
#main_admsection #detailedinfo {
width: 100%;
}
#main_admsection #basicinfo h4 {
float: left;
width: 35%;
}
#main_admsection #basicinfo img.avatar {
float: right;
vertical-align: top;
}
#main_admsection #basicinfo ul {
clear: left;
}
#main_admsection #basicinfo span#userstatus {
clear: left;
}
#main_admsection #basicinfo p#infolinks {
display: none;
clear: both;
}
#main_admsection #basicinfo .botslice {
clear: both;
}
/* Simple feedback messages.
---------------------------- */
#profile_error,
#profile_success {
margin: 0 0 1em 0;
padding: 1em 2em;
border: 1px solid;
}
#profile_error {
border-color: red;
color: red;
background: #fee;
}
#profile_error span {
text-decoration: underline;
}
#profile_success {
border-color: green;
color: green;
background: #efe;
}
/* Profile statistics.
---------------------- */
#generalstats .content dt {
width: 50%;
float: left;
margin: 0 0 3px 0;
padding: 0;
font-weight: bold;
clear: both;
}
#generalstats .content dd {
width: 50%;
float: left;
margin: 0 0 3px 0;
padding: 0;
}
/* Activity by time.
-------------------- */
#activitytime {
margin: 6px 0;
}
.activity_stats {
margin: 0;
padding: 0;
list-style: none;
}
.activity_stats li {
margin: 0;
padding: 0;
width: 4.16%;
float: left;
}
.activity_stats li span {
display: block;
border: solid #E8E8E8;
border-width: 1px 1px 0 0;
text-align: center;
}
.activity_stats li.last span {
border-right: none;
}
.activity_stats li .bar {
margin: 0 auto;
width: 15px;
}
.activity_stats li .bar div {
background: #6294CE;
}
.activity_stats li .bar span {
position: absolute;
top: -1000em;
left: -1000em;
}
/* Most popular boards by posts and activity.
--------------------------------------------- */
#popularposts {
width: 49.5%;
float: left;
}
#popularactivity {
width: 49.5%;
float: right;
}
#popularposts .content dt,
#popularactivity .content dt {
width: 65%;
float: left;
margin: 0 0 3px 0;
padding: 0;
font-weight: bold;
clear: both;
}
#popularposts .content dd,
#popularactivity .content dd {
width: 35%;
float: left;
margin: 0 0 3px 0;
padding: 0;
}
.profile_pie {
background-image: url(../images/stats_pie.png);
float: left;
height: 20px;
width: 20px;
margin: 0 1em 0 0;
padding: 0;
text-indent: -1000em;
}
/* View posts.
-------------- */
.topic .time {
float: right;
}
.counter {
margin: 0;
padding: 0.2em 0.5em 0.1em 0.2em;
font-size: 2.2em;
font-weight: bold;
color: #3a3c42;
float: left;
}
.list_posts {
border-top: 1px solid #E8E8E8;
padding-top: 12px;
margin-top: 6px;
overflow: auto;
}
.core_posts {
margin-bottom: 3px;
}
.topic h4 {
margin: 3px 0;
}
.topic .post {
margin: 0 1em;
min-height: 80px;
height: auto !important;
height: 80px;
}
.topic .mod_icons {
text-align: right;
margin-right: 1em;
}
#tracking .content dl {
border-bottom: 0;
margin: 0;
padding: 0;
}
#creator dl {
margin: 0;
}
#creator dt {
width: 40%;
float: left;
clear: both;
margin: 0 0 10px 0;
}
#creator dd {
float: right;
width: 55%;
margin: 0 0 10px 2px;
overflow: auto;
}
.ignoreboards {
margin: 0 2%;
padding: 0;
width: 45%;
}
.ignoreboards a {
font-weight: 400;
font-size: 14px;
border-bottom: 1px solid #E8E8E8;
padding: 3px 0;
}
.ignoreboards a:hover {
text-decoration: none;
border-bottom: 1px solid #E8E8E8;
}
.ignoreboards ul {
margin: 0;
padding: 0;
}
.ignoreboards li {
list-style: none;
float: left;
clear: both;
}
.ignoreboards li.category {
margin: 0.7em 0 0 0;
width: 100%;
}
.ignoreboards li ul {
margin: 0.2em 0 0 0;
}
.ignoreboards li.category ul li.board {
width: 93%;
}
#theme_settings {
overflow: auto;
margin: 0;
padding: 0;
}
#theme_settings li {
list-style: none;
margin: 10px 0;
padding: 0;
}
/* Paid Subscriptions.
---------------------- */
#paid_subscription {
width: 100%;
}
#paid_subscription dl.settings {
margin-bottom: 0;
}
#paid_subscription dl.settings dd,
#paid_subscription dl.settings dt {
margin-bottom: 4px;
}
/* Pick theme.
-------------- */
#pick_theme {
width: 100%;
float: left;
}
/* Issue a warning.
------------------- */
#warn_body {
width: 80%;
font-size: 0.9em;
}
/* Styles for the statistics center.
------------------------------------ */
#statistics {
padding: 0.5em 0;
}
#statistics .title_bar {
margin: 4px 0 -2px 0;
}
#statistics h3.catbg {
text-align: center;
}
#statistics .content {
min-height: 210px;
}
#statistics .top_row {
min-height: 150px;
}
#stats_left,
#top_posters,
#top_topics_replies,
#top_topics_starter {
float: left;
width: 49.5%;
}
#stats_right,
#top_boards,
#top_topics_views,
#most_online {
float: right;
width: 49.5%;
}
dl.stats {
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
}
dl.stats dt {
width: 49%;
float: left;
margin: 0 0 4px 0;
line-height: 16px;
padding: 0;
clear: both;
font-size: 1em;
}
dl.stats dd {
text-align: right;
width: 50%;
font-size: 1em;
float: right;
margin: 0 0 4px 0;
line-height: 16px;
padding: 0;
}
.statsbar .bar {
float: left;
background: #73C5C1;
display: block;
margin: 0 4px;
height: 16px;
}
tr.windowbg2 th.stats_month {
width: 25%;
padding: 0 2em;
text-align: left;
}
tr.windowbg2 td.stats_day {
padding: 0 3.5em;
text-align: left;
}
/* Styles for the personal messages section.
-------------------------------------------- */
#personal_messages h3 span#author,
#personal_messages h3 span#topic_title {
float: left;
}
#personal_messages h3 span#author {
margin: 0 0 0 0.5em;
}
#personal_messages h3 span#topic_title {
margin: 0 0 0 9em;
}
#personal_messages .labels {
padding: 0 1em 0 0;
}
#personal_messages .capacity_bar {
background: #f0f4f7;
display: block;
margin: 0.5em 0 0 1em;
height: 1em;
border: 1px solid #E8E8E8;
width: 10em;
}
#personal_messages .capacity_bar span {
border-right: 1px solid #E8E8E8;
display: block;
height: 1em;
}
#personal_messages .capacity_bar span.empty {
background: #a6d69d;
}
#personal_messages .capacity_bar span.filled {
background: #eea800;
}
#personal_messages .capacity_bar span.full {
background: #f10909;
}
#personal_messages .reportlinks {
padding: 0.5em 1.3em;
}
#searchLabelsExpand li {
padding: 0.3em 0.5em;
}
#manrules .righttext {
padding: 0.3em 0.1em;
}
dl.addrules dt.floatleft {
width: 15em;
color: #333;
padding: 0 1.25em 0.5em 1.25em;
}
#addrule fieldset {
clear: both;
}
/* Styles for the calendar section.
----------------------------------- */
.calendar_table {
margin-bottom: 20px;
padding-bottom: 0;
background: #EFEFEF !important;
}
.calendar_table tr td {
background: #FFF;
color: #3A3C42;
}
.calendar_today {
background-color: #F6F6F6 !important;
}
.calendar_table .titlebg2 > .days {
color: #FFF;
font-size: 12px !important;
padding: 5px;
text-transform: none;
background: none;
}
#month_grid {
width: 200px;
text-align: center;
float: left;
}
#month_grid .cat_bar > .catbg {
font-size: 16px !important;
}
#month_grid table {
width: 200px;
}
#month_grid table .days {
font-size: 12px !important;
}
#month_grid table .windowbg.days {
color: #383a3c;
}
#main_grid table {
width: 100%;
}
#main_grid table h3.catbg {
text-align: center;
height: 42px;
border-top: 2px solid #FFF;
border-bottom: none;
}
#main_grid .weeklist h4.titlebg {
background: none;
color: #3A3C42;
}
#main_grid .weeklist .windowbg {
text-align: center;
height: 42px;
width: 25px;
font-size: large;
padding: 0 7px;
border-bottom: 2px solid #FFF;
}
#main_grid .weeklist .weekdays {
height: 42px;
width: 100%;
padding: 4px;
text-align: left;
vertical-align: middle;
border-bottom: 2px solid #FFF;
}
#main_grid h3.weekly {
text-align: center;
font-size: 16px;
height: 42px;
}
#main_grid h3 span.floatleft,
#main_grid h3 span.floatright {
display: block;
font-weight: bold;
}
#main_grid table th.days {
width: 14%;
padding: 8px 0;
}
#main_grid .weeklist h4.titlebg {
margin: 0;
height: 42px;
line-height: 42px;
}
#main_grid table .weeks {
vertical-align: middle;
text-align: center;
font-weight: bold;
font-size: large;
}
#main_grid table .days {
vertical-align: top;
text-align: center;
padding: 5px !important;
}
a.modify_event {
color: red;
}
span.hidelink {
font-style: italic;
}
#calendar_navigation {
text-align: center;
}
/* Styles for the memberlist section.
------------------------------------- */
#mlist_search {
margin: auto;
width: 500px;
}
/* Styles for the basic search section.
--------------------------------------- */
#searchform,
#simple_search p {
padding: 0.5em;
margin: 0;
}
#simple_search,
#simple_search p,
#advanced_search {
text-align: center !important;
margin: 0;
}
#search_error {
font-style: italic;
padding: 0.3em 1em;
}
#search_term_input {
font-size: 115%;
margin: 0 0 1em;
}
/* Styles for the advanced search section.
------------------------------------------ */
#searchform fieldset {
text-align: left;
padding: 0;
border: none;
}
#advanced_search dl#search_options {
margin: 0 auto;
width: 600px;
padding-top: 1em;
overflow: hidden;
}
#advanced_search dt {
clear: both;
float: left;
padding: 0.2em;
text-align: right;
width: 20%;
}
#advanced_search dd {
width: 75%;
float: left;
padding: 0.2em;
margin: 0 0 0 0.5em;
text-align: left;
}
#searchform .titlebg strong {
font-weight: 300;
}
#searchform p.clear {
clear: both;
}
/* Styles for the search results page.
-------------------------------------- */
.topic_table td blockquote,
.topic_table td .quoteheader {
margin: 0.5em;
}
.search_results_posts {
overflow: hidden;
}
.search_results_posts .buttons {
padding: 5px 1em 0 0;
}
/* Styles for the help section.
------------------------------- */
#help_container {
margin: 0;
padding: 0 0 8px 0;
}
#helpmain {
padding: 0 1em;
}
/* Styles for print media.
-------------------------- */
@media print {
#headerarea {
display: none;
}
.tborder {
border: none;
}
}
/* Custom Styles.
---------------- */
a {
outline: none;
}
p,
span,
form {
margin: 0;
padding: 0;
}
#navbar ul,
#toolbar ul,
#social-links ul {
margin: 0;
padding: 0;
list-style: none;
}
#navbar ul li,
#toolbar ul li {
float: left;
position: relative;
}
#forum-notice {
text-align: center;
background: rgba(255, 255, 255, .25);
}
#forum-notice,
#forum-notice > a {
color: #3A3C42;
}
#forum-notice > a,
#forum-notice > strong {
padding: 15px;
display: inline-block;
text-decoration: none;
font-weight: 600;
}
#forum-notice span {
background: rgba(255, 255, 255, .5);
padding: 2px 6px;
border-radius: 5px;
}
#forum-notice a:hover span {
background: rgba(255, 255, 255, .35);
}
#toolbar {
height: 30px;
padding: 10px 0;
color: #E9EBE6;
line-height: 30px;
}
#toolbar a {
color: #FFF;
font-weight: 600;
}
#toolbar li a {
display: inline-block;
padding: 0 8px;
}
#toolbar span a {
text-transform: uppercase;
}
#toolbar a:hover {
color: #F2F4EF;
}
#toolbar #quicknav {
float: left;
}
#toolbar .date-time {
padding-right: 8px;
}
#toolbar #account {
float: right;
}
#toolbar .avatar-img > a > img {
display: block;
width: 30px;
height: 30px;
border-radius: 30px;
}
#toolbar .greeting {
padding-right: 8px;
}
#header {
background: rgba(255, 255, 255, .25);
height: 110px;
margin-top: 25px;
}
#header #logo,
#header #navbar {
top: -25px;
position: relative;
}
#logo {
height: 80px;
background: #FFF;
}
#logo > a {
display: block;
float: left;
background: url(../images/custom/logo.png) no-repeat;
width: 120px;
height: 30px;
margin: 25px 0 0 25px;
}
#search {
float: right;
}
#search input {
background: none;
border: none;
outline: none;
padding: 0;
}
#search input[type="text"] {
background: #EEE url(../images/custom/loupe.png) no-repeat;
color: #303439;
height: 24px;
line-height: 1px;
padding: 28px 0;
width: 80px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#search input[type="text"]:focus {
width: 150px;
padding-left: 80px;
padding-right: 20px;
}
#search input[type="submit"] {
display: none;
}
#navbar {
height: 30px;
padding: 12px 0;
}
#main-menu {
z-index: 1000;
float: right;
position: relative;
right: 50%;
}
#main-menu li {
left: 50%;
padding-bottom: 5px;
}
#main-menu > li > a {
display: block;
font-size: 14px;
line-height: 30px;
padding: 0 15px;
text-decoration: none;
color: #FFF;
font-weight: 600;
text-transform: uppercase;
}
#main-menu > li > a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 5px;
margin-left: auto;
margin-right: auto;
height: 1px;
background-color: #FFF;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
width: 0%;
}
#main-menu > li > a.active:before,
#main-menu > li > a:hover:before {
width: 80%;
}
#main-menu > li > a.active,
#main-menu > li:hover > a {
color: #4a4c52;
}
#main-menu li ul {
position: absolute;
width: 200px;
left: -999em;
background: #FFF;
padding: 18px 0;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
#main-menu li ul ul {
margin: 0;
}
#main-menu li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
left: auto;
}
#main-menu li li a {
display: block;
padding: 0 15px;
line-height: 30px;
height: auto;
float: none;
font-size: 13px;
color: #4a4c52;
font-weight: 600;
}
#main-menu li:hover ul {
left: 0;
top: 35px;
}
#main-menu li:hover ul ul,
#main-menu li:hover ul ul ul,
#main-menu li:hover ul ul ul ul {
top: -999em;
left: auto;
}
#main-menu li li:hover ul,
#main-menu li li li:hover ul,
#main-menu li li li li:hover ul {
left: 200px;
top: 0;
}
#button_login,
#button_register,
#button_logout {
display: none;
}
#news {
padding: 30px 15px;
}
#news > p {
text-align: center;
color: #E8E8E8;
font-style: italic;
}
#main-content {
background: #FFF;
padding: 20px;
}
#footer {
padding: 50px;
text-align: center;
color: #E5E5E5;
}
#footer,
#footer a {
font-family: 'Raleway', sans-serif;
font-size: 14px;
}
#footer a {
color: #FFF;
font-weight: 600;
}
#social-links li {
display: inline-block;
}
#social-links li a {
background: url(../images/custom/social-icons.png) 50% 50% no-repeat;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
border: 1px solid #FFF;
border-radius: 30px;
-webkit-transition: all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s;
transition: all .2s ease 0s;
}
#social-links li a:hover {
border-color: rgba(255, 255, 255, .75);
background-color: rgba(255, 255, 255, .2);
}
#social-links .facebook a {
background-position: 0 0;
}
#social-links .twitter a {
background-position: 0 -35px;
}
#social-links .googleplus a {
background-position: 0 -70px;
}
#social-links .dribble a {
background-position: 0 -105px;
}
#social-links .flickr a {
background-position: 0 -140px;
}
#social-links .youtube a {
background-position: 0 -175px;
}
#social-links .pinterest a {
background-position: 0 -210px;
}
#social-links .rss a {
background-position: 0 -245px;
}
#social-links .tumblr a {
background-position: 0 -280px;
}
#social-links .instagram a {
background-position: 0 -315px;
}
#social-links .digg a {
background-position: 0 -350px;
}
#social-links .linkedin a {
background-position: 0 -385px;
}
#social-links .stumbleupon a {
background-position: 0 -420px;
}
#social-links .vimeo a {
background-position: 0 -455px;
}
#social-links .behance a {
background-position: 0 -490px;
}
#social-links .skype a {
background-position: 0 -525px;
}
#social-links .delicious a {
background-position: 0 -560px;
}
#social-links .blogger a {
background-position: 0 -595px;
}
#social-links .back-top a {
background-position: 0 -630px;
}
#copyright {
margin-top: 25px;
}
#copyright .loadtime {
font-size: 90%;
}
.table_list {
border-collapse: collapse;
border-spacing: 0;
}
.table_list > .content > tr {
border-bottom: 1px solid #E9E9E9;
}
.table_list .divider td {
height: 15px;
}
.mark_read {
overflow: hidden;
margin-bottom: 15px;
}
.mark_read .buttonlist ul {
padding: 0;
margin: 0;
}
.table_grid .icon2 {
width: 6%;
}
.cat_bar > .catbg,
.title_bar > .titlebg {
padding: 0 10px;
}
.table_list .cat_bar > .catbg {
margin-bottom: 0;
}
.windowbg > .content,
.windowbg2 > .content,
#help_container > .windowbg2 {
padding: 15px;
}
.windowbg > .content > dl,
.windowbg2 > .content > dl {
padding: 8px 0;
}
#forumposts .post_wrapper,
#personal_messages div.windowbg,
#personal_messages div.windowbg2,
#main_admsection .topic > .windowbg,
#main_admsection .topic > .windowbg2 {
overflow: hidden;
padding: 15px 0;
margin-bottom: 15px;
border: 1px solid #DEDEDE;
}
#main_admsection .topic .content,
#personal_messages .windowbg > .content,
#personal_messages .windowbg2 > .content {
border: none;
padding: 0 15px;
}
#personal_messages #profile_success {
padding: 10px;
}
#admincenter div.windowbg,
#admincenter div.windowbg2,
#manage_maintenance .windowbg,
#manage_maintenance .windowbg2 {
padding: 0;
margin-bottom: 5px;
}
#manage_maintenance .content p {
margin-bottom: 10px;
}
#admincenter form {
overflow: hidden;
}
#admincenter #quick_search form {
font-size: 13px;
}
#advanced_search {
margin-bottom: 5px;
}
}
#main_grid table .days {
vertical-align: top;
text-align: center;
padding: 5px !important;
}
a.modify_event {
color: red;
}
span.hidelink {
font-style: italic;
}
#calendar_navigation {
text-align: center;
}
/* Styles for the memberlist section.
------------------------------------- */
#mlist_search {
margin: auto;
width: 500px;
}
/* Styles for the basic search section.
--------------------------------------- */
#searchform,
#simple_search p {
padding: 0.5em;
margin: 0;
}
#simple_search,
#simple_search p,
#advanced_search {
text-align: center !important;
margin: 0;
}
#search_error {
font-style: italic;
padding: 0.3em 1em;
}
#search_term_input {
font-size: 115%;
margin: 0 0 1em;
}
/* Styles for the advanced search section.
------------------------------------------ */
#searchform fieldset {
text-align: left;
padding: 0;
border: none;
}
#advanced_search dl#search_options {
margin: 0 auto;
width: 600px;
padding-top: 1em;
overflow: hidden;
}
#advanced_search dt {
clear: both;
float: left;
padding: 0.2em;
text-align: right;
width: 20%;
}
#advanced_search dd {
width: 75%;
float: left;
padding: 0.2em;
margin: 0 0 0 0.5em;
text-align: left;
}
#searchform .titlebg strong {
font-weight: 300;
}
#searchform p.clear {
clear: both;
}
/* Styles for the search results page.
-------------------------------------- */
.topic_table td blockquote,
.topic_table td .quoteheader {
margin: 0.5em;
}
.search_results_posts {
overflow: hidden;
}
.search_results_posts .buttons {
padding: 5px 1em 0 0;
}
/* Styles for the help section.
------------------------------- */
#help_container {
margin: 0;
padding: 0 0 8px 0;
}
#helpmain {
padding: 0 1em;
}
/* Styles for print media.
-------------------------- */
@media print {
#headerarea {
display: none;
}
.tborder {
border: none;
}
}
/* Custom Styles.
---------------- */
a {
outline: none;
}
p,
span,
form {
margin: 0;
padding: 0;
}
#navbar ul,
#toolbar ul,
#social-links ul {
margin: 0;
padding: 0;
list-style: none;
}
#navbar ul li,
#toolbar ul li {
float: left;
position: relative;
}
#forum-notice {
text-align: center;
background: rgba(255, 255, 255, .25);
}
#forum-notice,
#forum-notice > a {
color: #3A3C42;
}
#forum-notice > a,
#forum-notice > strong {
padding: 15px;
display: inline-block;
text-decoration: none;
font-weight: 600;
}
#forum-notice span {
background: rgba(255, 255, 255, .5);
padding: 2px 6px;
border-radius: 5px;
}
#forum-notice a:hover span {
background: rgba(255, 255, 255, .35);
}
#toolbar {
height: 30px;
padding: 10px 0;
color: #E9EBE6;
line-height: 30px;
}
#toolbar a {
color: #FFF;
font-weight: 600;
}
#toolbar li a {
display: inline-block;
padding: 0 8px;
}
#toolbar span a {
text-transform: uppercase;
}
#toolbar a:hover {
color: #F2F4EF;
}
#toolbar #quicknav {
float: left;
}
#toolbar .date-time {
padding-right: 8px;
}
#toolbar #account {
float: right;
}
#toolbar .avatar-img > a > img {
display: block;
width: 30px;
height: 30px;
border-radius: 30px;
}
#toolbar .greeting {
padding-right: 8px;
}
#header {
background: rgba(255, 255, 255, .25);
height: 110px;
margin-top: 25px;
}
#header #logo,
#header #navbar {
top: -25px;
position: relative;
}
#logo {
height: 80px;
background: #FFF;
}
#logo > a {
display: block;
float: left;
background: url(../images/custom/logo.png) no-repeat;
width: 120px;
height: 30px;
margin: 25px 0 0 25px;
}
#search {
float: right;
}
#search input {
background: none;
border: none;
outline: none;
padding: 0;
}
#search input[type="text"] {
background: #EEE url(../images/custom/loupe.png) no-repeat;
color: #303439;
height: 24px;
line-height: 1px;
padding: 28px 0;
width: 80px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#search input[type="text"]:focus {
width: 150px;
padding-left: 80px;
padding-right: 20px;
}
#search input[type="submit"] {
display: none;
}
#navbar {
height: 30px;
padding: 12px 0;
}
#main-menu {
z-index: 1000;
float: right;
position: relative;
right: 50%;
}
#main-menu li {
left: 50%;
padding-bottom: 5px;
}
#main-menu > li > a {
display: block;
font-size: 14px;
line-height: 30px;
padding: 0 15px;
text-decoration: none;
color: #FFF;
font-weight: 600;
text-transform: uppercase;
}
#main-menu > li > a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 5px;
margin-left: auto;
margin-right: auto;
height: 1px;
background-color: #FFF;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
width: 0%;
}
#main-menu > li > a.active:before,
#main-menu > li > a:hover:before {
width: 80%;
}
#main-menu > li > a.active,
#main-menu > li:hover > a {
color: #4a4c52;
}
#main-menu li ul {
position: absolute;
width: 200px;
left: -999em;
background: #FFF;
padding: 18px 0;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
#main-menu li ul ul {
margin: 0;
}
#main-menu li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
left: auto;
}
#main-menu li li a {
display: block;
padding: 0 15px;
line-height: 30px;
height: auto;
float: none;
font-size: 13px;
color: #4a4c52;
font-weight: 600;
}
#main-menu li:hover ul {
left: 0;
top: 35px;
}
#main-menu li:hover ul ul,
#main-menu li:hover ul ul ul,
#main-menu li:hover ul ul ul ul {
top: -999em;
left: auto;
}
#main-menu li li:hover ul,
#main-menu li li li:hover ul,
#main-menu li li li li:hover ul {
left: 200px;
top: 0;
}
#button_login,
#button_register,
#button_logout {
display: none;
}
#news {
padding: 30px 15px;
}
#news > p {
text-align: center;
color: #E8E8E8;
font-style: italic;
}
#main-content {
background: #FFF;
padding: 20px;
}
#footer {
padding: 50px;
text-align: center;
color: #E5E5E5;
}
#footer,
#footer a {
font-family: 'Raleway', sans-serif;
font-size: 14px;
}
#footer a {
color: #FFF;
font-weight: 600;
}
#social-links li {
display: inline-block;
}
#social-links li a {
background: url(../images/custom/social-icons.png) 50% 50% no-repeat;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
border: 1px solid #FFF;
border-radius: 30px;
-webkit-transition: all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s;
transition: all .2s ease 0s;
}
#social-links li a:hover {
border-color: rgba(255, 255, 255, .75);
background-color: rgba(255, 255, 255, .2);
}
#social-links .facebook a {
background-position: 0 0;
}
#social-links .twitter a {
background-position: 0 -35px;
}
#social-links .googleplus a {
background-position: 0 -70px;
}
#social-links .dribble a {
background-position: 0 -105px;
}
#social-links .flickr a {
background-position: 0 -140px;
}
#social-links .youtube a {
background-position: 0 -175px;
}
#social-links .pinterest a {
background-position: 0 -210px;
}
#social-links .rss a {
background-position: 0 -245px;
}
#social-links .tumblr a {
background-position: 0 -280px;
}
#social-links .instagram a {
background-position: 0 -315px;
}
#social-links .digg a {
background-position: 0 -350px;
}
#social-links .linkedin a {
background-position: 0 -385px;
}
#social-links .stumbleupon a {
background-position: 0 -420px;
}
#social-links .vimeo a {
background-position: 0 -455px;
}
#social-links .behance a {
background-position: 0 -490px;
}
#social-links .skype a {
background-position: 0 -525px;
}
#social-links .delicious a {
background-position: 0 -560px;
}
#social-links .blogger a {
background-position: 0 -595px;
}
#social-links .back-top a {
background-position: 0 -630px;
}
#copyright {
margin-top: 25px;
}
#copyright .loadtime {
font-size: 90%;
}
.table_list {
border-collapse: collapse;
border-spacing: 0;
}
.table_list > .content > tr {
border-bottom: 1px solid #E9E9E9;
}
.table_list .divider td {
height: 15px;
}
.mark_read {
overflow: hidden;
margin-bottom: 15px;
}
.mark_read .buttonlist ul {
padding: 0;
margin: 0;
}
.table_grid .icon2 {
width: 6%;
}
.cat_bar > .catbg,
.title_bar > .titlebg {
padding: 0 10px;
}
.table_list .cat_bar > .catbg {
margin-bottom: 0;
}
.windowbg > .content,
.windowbg2 > .content,
#help_container > .windowbg2 {
padding: 15px;
}
.windowbg > .content > dl,
.windowbg2 > .content > dl {
padding: 8px 0;
}
#forumposts .post_wrapper,
#personal_messages div.windowbg,
#personal_messages div.windowbg2,
#main_admsection .topic > .windowbg,
#main_admsection .topic > .windowbg2 {
overflow: hidden;
padding: 15px 0;
margin-bottom: 15px;
border: 1px solid #DEDEDE;
}
#main_admsection .topic .content,
#personal_messages .windowbg > .content,
#personal_messages .windowbg2 > .content {
border: none;
padding: 0 15px;
}
#personal_messages #profile_success {
padding: 10px;
}
#admincenter div.windowbg,
#admincenter div.windowbg2,
#manage_maintenance .windowbg,
#manage_maintenance .windowbg2 {
padding: 0;
margin-bottom: 5px;
}
#manage_maintenance .content p {
margin-bottom: 10px;
}
#admincenter form {
overflow: hidden;
}
#admincenter #quick_search form {
font-size: 13px;
}
#advanced_search {
margin-bottom: 5px;
}
.editor {
border-color: #43474c !important;
}
}
#main_grid table .days {
vertical-align: top;
text-align: center;
padding: 5px !important;
}
a.modify_event {
color: red;
}
span.hidelink {
font-style: italic;
}
#calendar_navigation {
text-align: center;
}
/* Styles for the memberlist section.
------------------------------------- */
#mlist_search {
margin: auto;
width: 500px;
}
/* Styles for the basic search section.
--------------------------------------- */
#searchform,
#simple_search p {
padding: 0.5em;
margin: 0;
}
#simple_search,
#simple_search p,
#advanced_search {
text-align: center !important;
margin: 0;
}
#search_error {
font-style: italic;
padding: 0.3em 1em;
}
#search_term_input {
font-size: 115%;
margin: 0 0 1em;
}
/* Styles for the advanced search section.
------------------------------------------ */
#searchform fieldset {
text-align: left;
padding: 0;
border: none;
}
#advanced_search dl#search_options {
margin: 0 auto;
width: 600px;
padding-top: 1em;
overflow: hidden;
}
#advanced_search dt {
clear: both;
float: left;
padding: 0.2em;
text-align: right;
width: 20%;
}
#advanced_search dd {
width: 75%;
float: left;
padding: 0.2em;
margin: 0 0 0 0.5em;
text-align: left;
}
#searchform .titlebg strong {
font-weight: 300;
}
#searchform p.clear {
clear: both;
}
/* Styles for the search results page.
-------------------------------------- */
.topic_table td blockquote,
.topic_table td .quoteheader {
margin: 0.5em;
}
.search_results_posts {
overflow: hidden;
}
.search_results_posts .buttons {
padding: 5px 1em 0 0;
}
/* Styles for the help section.
------------------------------- */
#help_container {
margin: 0;
padding: 0 0 8px 0;
}
#helpmain {
padding: 0 1em;
}
/* Styles for print media.
-------------------------- */
@media print {
#headerarea {
display: none;
}
.tborder {
border: none;
}
}
/* Custom Styles.
---------------- */
a {
outline: none;
}
p,
span,
form {
margin: 0;
padding: 0;
}
#navbar ul,
#toolbar ul,
#social-links ul {
margin: 0;
padding: 0;
list-style: none;
}
#navbar ul li,
#toolbar ul li {
float: left;
position: relative;
}
#forum-notice {
text-align: center;
background: rgba(255, 255, 255, .25);
}
#forum-notice,
#forum-notice > a {
color: #3A3C42;
}
#forum-notice > a,
#forum-notice > strong {
padding: 15px;
display: inline-block;
text-decoration: none;
font-weight: 600;
}
#forum-notice span {
background: rgba(255, 255, 255, .5);
padding: 2px 6px;
border-radius: 5px;
}
#forum-notice a:hover span {
background: rgba(255, 255, 255, .35);
}
#toolbar {
height: 30px;
padding: 10px 0;
color: #E9EBE6;
line-height: 30px;
}
#toolbar a {
color: #FFF;
font-weight: 600;
}
#toolbar li a {
display: inline-block;
padding: 0 8px;
}
#toolbar span a {
text-transform: uppercase;
}
#toolbar a:hover {
color: #F2F4EF;
}
#toolbar #quicknav {
float: left;
}
#toolbar .date-time {
padding-right: 8px;
}
#toolbar #account {
float: right;
}
#toolbar .avatar-img > a > img {
display: block;
width: 30px;
height: 30px;
border-radius: 30px;
}
#toolbar .greeting {
padding-right: 8px;
}
#header {
background: rgba(255, 255, 255, .25);
height: 110px;
margin-top: 25px;
}
#header #logo,
#header #navbar {
top: -25px;
position: relative;
}
#logo {
height: 80px;
background: #FFF;
}
#logo > a {
display: block;
float: left;
background: url(../images/custom/logo.png) no-repeat;
width: 120px;
height: 30px;
margin: 25px 0 0 25px;
}
#search {
float: right;
}
#search input {
background: none;
border: none;
outline: none;
padding: 0;
}
#search input[type="text"] {
background: #EEE url(../images/custom/loupe.png) no-repeat;
color: #303439;
height: 24px;
line-height: 1px;
padding: 28px 0;
width: 80px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#search input[type="text"]:focus {
width: 150px;
padding-left: 80px;
padding-right: 20px;
}
#search input[type="submit"] {
display: none;
}
#navbar {
height: 30px;
padding: 12px 0;
}
#main-menu {
z-index: 1000;
float: right;
position: relative;
right: 50%;
}
#main-menu li {
left: 50%;
padding-bottom: 5px;
}
#main-menu > li > a {
display: block;
font-size: 14px;
line-height: 30px;
padding: 0 15px;
text-decoration: none;
color: #FFF;
font-weight: 600;
text-transform: uppercase;
}
#main-menu > li > a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 5px;
margin-left: auto;
margin-right: auto;
height: 1px;
background-color: #FFF;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
width: 0%;
}
#main-menu > li > a.active:before,
#main-menu > li > a:hover:before {
width: 80%;
}
#main-menu > li > a.active,
#main-menu > li:hover > a {
color: #4a4c52;
}
#main-menu li ul {
position: absolute;
width: 200px;
left: -999em;
background: #FFF;
padding: 18px 0;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
#main-menu li ul ul {
margin: 0;
}
#main-menu li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
left: auto;
}
#main-menu li li a {
display: block;
padding: 0 15px;
line-height: 30px;
height: auto;
float: none;
font-size: 13px;
color: #4a4c52;
font-weight: 600;
}
#main-menu li:hover ul {
left: 0;
top: 35px;
}
#main-menu li:hover ul ul,
#main-menu li:hover ul ul ul,
#main-menu li:hover ul ul ul ul {
top: -999em;
left: auto;
}
#main-menu li li:hover ul,
#main-menu li li li:hover ul,
#main-menu li li li li:hover ul {
left: 200px;
top: 0;
}
#button_login,
#button_register,
#button_logout {
display: none;
}
#news {
padding: 30px 15px;
}
#news > p {
text-align: center;
color: #E8E8E8;
font-style: italic;
}
#main-content {
background: #FFF;
padding: 20px;
}
#footer {
padding: 50px;
text-align: center;
color: #E5E5E5;
}
#footer,
#footer a {
font-family: 'Raleway', sans-serif;
font-size: 14px;
}
#footer a {
color: #FFF;
font-weight: 600;
}
#social-links li {
display: inline-block;
}
#social-links li a {
background: url(../images/custom/social-icons.png) 50% 50% no-repeat;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
border: 1px solid #FFF;
border-radius: 30px;
-webkit-transition: all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s;
transition: all .2s ease 0s;
}
#social-links li a:hover {
border-color: rgba(255, 255, 255, .75);
background-color: rgba(255, 255, 255, .2);
}
#social-links .facebook a {
background-position: 0 0;
}
#social-links .twitter a {
background-position: 0 -35px;
}
#social-links .googleplus a {
background-position: 0 -70px;
}
#social-links .dribble a {
background-position: 0 -105px;
}
#social-links .flickr a {
background-position: 0 -140px;
}
#social-links .youtube a {
background-position: 0 -175px;
}
#social-links .pinterest a {
background-position: 0 -210px;
}
#social-links .rss a {
background-position: 0 -245px;
}
#social-links .tumblr a {
background-position: 0 -280px;
}
#social-links .instagram a {
background-position: 0 -315px;
}
#social-links .digg a {
background-position: 0 -350px;
}
#social-links .linkedin a {
background-position: 0 -385px;
}
#social-links .stumbleupon a {
background-position: 0 -420px;
}
#social-links .vimeo a {
background-position: 0 -455px;
}
#social-links .behance a {
background-position: 0 -490px;
}
#social-links .skype a {
background-position: 0 -525px;
}
#social-links .delicious a {
background-position: 0 -560px;
}
#social-links .blogger a {
background-position: 0 -595px;
}
#social-links .back-top a {
background-position: 0 -630px;
}
#copyright {
margin-top: 25px;
}
#copyright .loadtime {
font-size: 90%;
}
.table_list {
border-collapse: collapse;
border-spacing: 0;
}
.table_list > .content > tr {
border-bottom: 1px solid #E9E9E9;
}
.table_list .divider td {
height: 15px;
}
.mark_read {
overflow: hidden;
margin-bottom: 15px;
}
.mark_read .buttonlist ul {
padding: 0;
margin: 0;
}
.table_grid .icon2 {
width: 6%;
}
.cat_bar > .catbg,
.title_bar > .titlebg {
padding: 0 10px;
}
.table_list .cat_bar > .catbg {
margin-bottom: 0;
}
.windowbg > .content,
.windowbg2 > .content,
#help_container > .windowbg2 {
padding: 15px;
}
.windowbg > .content > dl,
.windowbg2 > .content > dl {
padding: 8px 0;
}
#forumposts .post_wrapper,
#personal_messages div.windowbg,
#personal_messages div.windowbg2,
#main_admsection .topic > .windowbg,
#main_admsection .topic > .windowbg2 {
overflow: hidden;
padding: 15px 0;
margin-bottom: 15px;
border: 1px solid #DEDEDE;
}
#main_admsection .topic .content,
#personal_messages .windowbg > .content,
#personal_messages .windowbg2 > .content {
border: none;
padding: 0 15px;
}
#personal_messages #profile_success {
padding: 10px;
}
#admincenter div.windowbg,
#admincenter div.windowbg2,
#manage_maintenance .windowbg,
#manage_maintenance .windowbg2 {
padding: 0;
margin-bottom: 5px;
}
#manage_maintenance .content p {
margin-bottom: 10px;
}
#admincenter form {
overflow: hidden;
}
#admincenter #quick_search form {
font-size: 13px;
}
#advanced_search {
margin-bottom: 5px;
}
.editor {
border-color: #43474c !important;
}
}
#main_grid table .days {
vertical-align: top;
text-align: center;
padding: 5px !important;
}
a.modify_event {
color: red;
}
span.hidelink {
font-style: italic;
}
#calendar_navigation {
text-align: center;
}
/* Styles for the memberlist section.
------------------------------------- */
#mlist_search {
margin: auto;
width: 500px;
}
/* Styles for the basic search section.
--------------------------------------- */
#searchform,
#simple_search p {
padding: 0.5em;
margin: 0;
}
#simple_search,
#simple_search p,
#advanced_search {
text-align: center !important;
margin: 0;
}
#search_error {
font-style: italic;
padding: 0.3em 1em;
}
#search_term_input {
font-size: 115%;
margin: 0 0 1em;
}
/* Styles for the advanced search section.
------------------------------------------ */
#searchform fieldset {
text-align: left;
padding: 0;
border: none;
}
#advanced_search dl#search_options {
margin: 0 auto;
width: 600px;
padding-top: 1em;
overflow: hidden;
}
#advanced_search dt {
clear: both;
float: left;
padding: 0.2em;
text-align: right;
width: 20%;
}
#advanced_search dd {
width: 75%;
float: left;
padding: 0.2em;
margin: 0 0 0 0.5em;
text-align: left;
}
#searchform .titlebg strong {
font-weight: 300;
}
#searchform p.clear {
clear: both;
}
/* Styles for the search results page.
-------------------------------------- */
.topic_table td blockquote,
.topic_table td .quoteheader {
margin: 0.5em;
}
.search_results_posts {
overflow: hidden;
}
.search_results_posts .buttons {
padding: 5px 1em 0 0;
}
/* Styles for the help section.
------------------------------- */
#help_container {
margin: 0;
padding: 0 0 8px 0;
}
#helpmain {
padding: 0 1em;
}
/* Styles for print media.
-------------------------- */
@media print {
#headerarea {
display: none;
}
.tborder {
border: none;
}
}
/* Custom Styles.
---------------- */
a {
outline: none;
}
p,
span,
form {
margin: 0;
padding: 0;
}
#navbar ul,
#toolbar ul,
#social-links ul {
margin: 0;
padding: 0;
list-style: none;
}
#navbar ul li,
#toolbar ul li {
float: left;
position: relative;
}
#forum-notice {
text-align: center;
background: rgba(255, 255, 255, .25);
}
#forum-notice,
#forum-notice > a {
color: #3A3C42;
}
#forum-notice > a,
#forum-notice > strong {
padding: 15px;
display: inline-block;
text-decoration: none;
font-weight: 600;
}
#forum-notice span {
background: rgba(255, 255, 255, .5);
padding: 2px 6px;
border-radius: 5px;
}
#forum-notice a:hover span {
background: rgba(255, 255, 255, .35);
}
#toolbar {
height: 30px;
padding: 10px 0;
color: #E9EBE6;
line-height: 30px;
}
#toolbar a {
color: #FFF;
font-weight: 600;
}
#toolbar li a {
display: inline-block;
padding: 0 8px;
}
#toolbar span a {
text-transform: uppercase;
}
#toolbar a:hover {
color: #F2F4EF;
}
#toolbar #quicknav {
float: left;
}
#toolbar .date-time {
padding-right: 8px;
}
#toolbar #account {
float: right;
}
#toolbar .avatar-img > a > img {
display: block;
width: 30px;
height: 30px;
border-radius: 30px;
}
#toolbar .greeting {
padding-right: 8px;
}
#header {
background: rgba(255, 255, 255, .25);
height: 110px;
margin-top: 25px;
}
#header #logo,
#header #navbar {
top: -25px;
position: relative;
}
#logo {
height: 80px;
background: #FFF;
}
#logo > a {
display: block;
float: left;
background: url(../images/custom/logo.png) no-repeat;
width: 120px;
height: 30px;
margin: 25px 0 0 25px;
}
#search {
float: right;
}
#search input {
background: none;
border: none;
outline: none;
padding: 0;
}
#search input[type="text"] {
background: #EEE url(../images/custom/loupe.png) no-repeat;
color: #303439;
height: 24px;
line-height: 1px;
padding: 28px 0;
width: 80px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#search input[type="text"]:focus {
width: 150px;
padding-left: 80px;
padding-right: 20px;
}
#search input[type="submit"] {
display: none;
}
#navbar {
height: 30px;
padding: 12px 0;
}
#main-menu {
z-index: 1000;
float: right;
position: relative;
right: 50%;
}
#main-menu li {
left: 50%;
padding-bottom: 5px;
}
#main-menu > li > a {
display: block;
font-size: 14px;
line-height: 30px;
padding: 0 15px;
text-decoration: none;
color: #FFF;
font-weight: 600;
text-transform: uppercase;
}
#main-menu > li > a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 5px;
margin-left: auto;
margin-right: auto;
height: 1px;
background-color: #FFF;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
width: 0%;
}
#main-menu > li > a.active:before,
#main-menu > li > a:hover:before {
width: 80%;
}
#main-menu > li > a.active,
#main-menu > li:hover > a {
color: #4a4c52;
}
#main-menu li ul {
position: absolute;
width: 200px;
left: -999em;
background: #FFF;
padding: 18px 0;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
#main-menu li ul ul {
margin: 0;
}
#main-menu li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
left: auto;
}
#main-menu li li a {
display: block;
padding: 0 15px;
line-height: 30px;
height: auto;
float: none;
font-size: 13px;
color: #4a4c52;
font-weight: 600;
}
#main-menu li:hover ul {
left: 0;
top: 35px;
}
#main-menu li:hover ul ul,
#main-menu li:hover ul ul ul,
#main-menu li:hover ul ul ul ul {
top: -999em;
left: auto;
}
#main-menu li li:hover ul,
#main-menu li li li:hover ul,
#main-menu li li li li:hover ul {
left: 200px;
top: 0;
}
#button_login,
#button_register,
#button_logout {
display: none;
}
#news {
padding: 30px 15px;
}
#news > p {
text-align: center;
color: #E8E8E8;
font-style: italic;
}
#main-content {
background: #FFF;
padding: 20px;
}
#footer {
padding: 50px;
text-align: center;
color: #E5E5E5;
}
#footer,
#footer a {
font-family: 'Raleway', sans-serif;
font-size: 14px;
}
#footer a {
color: #FFF;
font-weight: 600;
}
#social-links li {
display: inline-block;
}
#social-links li a {
background: url(../images/custom/social-icons.png) 50% 50% no-repeat;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
border: 1px solid #FFF;
border-radius: 30px;
-webkit-transition: all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s;
transition: all .2s ease 0s;
}
#social-links li a:hover {
border-color: rgba(255, 255, 255, .75);
background-color: rgba(255, 255, 255, .2);
}
#social-links .facebook a {
background-position: 0 0;
}
#social-links .twitter a {
background-position: 0 -35px;
}
#social-links .googleplus a {
background-position: 0 -70px;
}
#social-links .dribble a {
background-position: 0 -105px;
}
#social-links .flickr a {
background-position: 0 -140px;
}
#social-links .youtube a {
background-position: 0 -175px;
}
#social-links .pinterest a {
background-position: 0 -210px;
}
#social-links .rss a {
background-position: 0 -245px;
}
#social-links .tumblr a {
background-position: 0 -280px;
}
#social-links .instagram a {
background-position: 0 -315px;
}
#social-links .digg a {
background-position: 0 -350px;
}
#social-links .linkedin a {
background-position: 0 -385px;
}
#social-links .stumbleupon a {
background-position: 0 -420px;
}
#social-links .vimeo a {
background-position: 0 -455px;
}
#social-links .behance a {
background-position: 0 -490px;
}
#social-links .skype a {
background-position: 0 -525px;
}
#social-links .delicious a {
background-position: 0 -560px;
}
#social-links .blogger a {
background-position: 0 -595px;
}
#social-links .back-top a {
background-position: 0 -630px;
}
#copyright {
margin-top: 25px;
}
#copyright .loadtime {
font-size: 90%;
}
.table_list {
border-collapse: collapse;
border-spacing: 0;
}
.table_list > .content > tr {
border-bottom: 1px solid #E9E9E9;
}
.table_list .divider td {
height: 15px;
}
.mark_read {
overflow: hidden;
margin-bottom: 15px;
}
.mark_read .buttonlist ul {
padding: 0;
margin: 0;
}
.table_grid .icon2 {
width: 6%;
}
.cat_bar > .catbg,
.title_bar > .titlebg {
padding: 0 10px;
}
.table_list .cat_bar > .catbg {
margin-bottom: 0;
}
.windowbg > .content,
.windowbg2 > .content,
#help_container > .windowbg2 {
padding: 15px;
}
.windowbg > .content > dl,
.windowbg2 > .content > dl {
padding: 8px 0;
}
#forumposts .post_wrapper,
#personal_messages div.windowbg,
#personal_messages div.windowbg2,
#main_admsection .topic > .windowbg,
#main_admsection .topic > .windowbg2 {
overflow: hidden;
padding: 15px 0;
margin-bottom: 15px;
border: 1px solid #DEDEDE;
}
#main_admsection .topic .content,
#personal_messages .windowbg > .content,
#personal_messages .windowbg2 > .content {
border: none;
padding: 0 15px;
}
#personal_messages #profile_success {
padding: 10px;
}
#admincenter div.windowbg,
#admincenter div.windowbg2,
#manage_maintenance .windowbg,
#manage_maintenance .windowbg2 {
padding: 0;
margin-bottom: 5px;
}
#manage_maintenance .content p {
margin-bottom: 10px;
}
#admincenter form {
overflow: hidden;
}
#admincenter #quick_search form {
font-size: 13px;
}
#advanced_search {
margin-bottom: 5px;
}
.editor {
border-color: #43474c !important;
}
}
#main_grid table .days {
vertical-align: top;
text-align: center;
padding: 5px !important;
}
a.modify_event {
color: red;
}
span.hidelink {
font-style: italic;
}
#calendar_navigation {
text-align: center;
}
/* Styles for the memberlist section.
------------------------------------- */
#mlist_search {
margin: auto;
width: 500px;
}
/* Styles for the basic search section.
--------------------------------------- */
#searchform,
#simple_search p {
padding: 0.5em;
margin: 0;
}
#simple_search,
#simple_search p,
#advanced_search {
text-align: center !important;
margin: 0;
}
#search_error {
font-style: italic;
padding: 0.3em 1em;
}
#search_term_input {
font-size: 115%;
margin: 0 0 1em;
}
/* Styles for the advanced search section.
------------------------------------------ */
#searchform fieldset {
text-align: left;
padding: 0;
border: none;
}
#advanced_search dl#search_options {
margin: 0 auto;
width: 600px;
padding-top: 1em;
overflow: hidden;
}
#advanced_search dt {
clear: both;
float: left;
padding: 0.2em;
text-align: right;
width: 20%;
}
#advanced_search dd {
width: 75%;
float: left;
padding: 0.2em;
margin: 0 0 0 0.5em;
text-align: left;
}
#searchform .titlebg strong {
font-weight: 300;
}
#searchform p.clear {
clear: both;
}
/* Styles for the search results page.
-------------------------------------- */
.topic_table td blockquote,
.topic_table td .quoteheader {
margin: 0.5em;
}
.search_results_posts {
overflow: hidden;
}
.search_results_posts .buttons {
padding: 5px 1em 0 0;
}
/* Styles for the help section.
------------------------------- */
#help_container {
margin: 0;
padding: 0 0 8px 0;
}
#helpmain {
padding: 0 1em;
}
/* Styles for print media.
-------------------------- */
@media print {
#headerarea {
display: none;
}
.tborder {
border: none;
}
}
/* Custom Styles.
---------------- */
a {
outline: none;
}
p,
span,
form {
margin: 0;
padding: 0;
}
#navbar ul,
#toolbar ul,
#social-links ul {
margin: 0;
padding: 0;
list-style: none;
}
#navbar ul li,
#toolbar ul li {
float: left;
position: relative;
}
#forum-notice {
text-align: center;
background: rgba(255, 255, 255, .25);
}
#forum-notice,
#forum-notice > a {
color: #3A3C42;
}
#forum-notice > a,
#forum-notice > strong {
padding: 15px;
display: inline-block;
text-decoration: none;
font-weight: 600;
}
#forum-notice span {
background: rgba(255, 255, 255, .5);
padding: 2px 6px;
border-radius: 5px;
}
#forum-notice a:hover span {
background: rgba(255, 255, 255, .35);
}
#toolbar {
height: 30px;
padding: 10px 0;
color: #E9EBE6;
line-height: 30px;
}
#toolbar a {
color: #FFF;
font-weight: 600;
}
#toolbar li a {
display: inline-block;
padding: 0 8px;
}
#toolbar span a {
text-transform: uppercase;
}
#toolbar a:hover {
color: #F2F4EF;
}
#toolbar #quicknav {
float: left;
}
#toolbar .date-time {
padding-right: 8px;
}
#toolbar #account {
float: right;
}
#toolbar .avatar-img > a > img {
display: block;
width: 30px;
height: 30px;
border-radius: 30px;
}
#toolbar .greeting {
padding-right: 8px;
}
#header {
background: rgba(255, 255, 255, .25);
height: 110px;
margin-top: 25px;
}
#header #logo,
#header #navbar {
top: -25px;
position: relative;
}
#logo {
height: 80px;
background: #FFF;
}
#logo > a {
display: block;
float: left;
background: url(../images/custom/logo.png) no-repeat;
width: 120px;
height: 30px;
margin: 25px 0 0 25px;
}
#search {
float: right;
}
#search input {
background: none;
border: none;
outline: none;
padding: 0;
}
#search input[type="text"] {
background: #EEE url(../images/custom/loupe.png) no-repeat;
color: #303439;
height: 24px;
line-height: 1px;
padding: 28px 0;
width: 80px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#search input[type="text"]:focus {
width: 150px;
padding-left: 80px;
padding-right: 20px;
}
#search input[type="submit"] {
display: none;
}
#navbar {
height: 30px;
padding: 12px 0;
}
#main-menu {
z-index: 1000;
float: right;
position: relative;
right: 50%;
}
#main-menu li {
left: 50%;
padding-bottom: 5px;
}
#main-menu > li > a {
display: block;
font-size: 14px;
line-height: 30px;
padding: 0 15px;
text-decoration: none;
color: #FFF;
font-weight: 600;
text-transform: uppercase;
}
#main-menu > li > a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 5px;
margin-left: auto;
margin-right: auto;
height: 1px;
background-color: #FFF;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
width: 0%;
}
#main-menu > li > a.active:before,
#main-menu > li > a:hover:before {
width: 80%;
}
#main-menu > li > a.active,
#main-menu > li:hover > a {
color: #4a4c52;
}
#main-menu li ul {
position: absolute;
width: 200px;
left: -999em;
background: #FFF;
padding: 18px 0;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
#main-menu li ul ul {
margin: 0;
}
#main-menu li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
left: auto;
}
#main-menu li li a {
display: block;
padding: 0 15px;
line-height: 30px;
height: auto;
float: none;
font-size: 13px;
color: #4a4c52;
font-weight: 600;
}
#main-menu li:hover ul {
left: 0;
top: 35px;
}
#main-menu li:hover ul ul,
#main-menu li:hover ul ul ul,
#main-menu li:hover ul ul ul ul {
top: -999em;
left: auto;
}
#main-menu li li:hover ul,
#main-menu li li li:hover ul,
#main-menu li li li li:hover ul {
left: 200px;
top: 0;
}
}
#main-menu li ul {
position: absolute;
width: 200px;
left: -999em;
background: #FFF;
padding: 18px 0;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
#main-menu li ul ul {
margin: 0;
}
#main-menu li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
left: auto;
}
#main-menu li li a {
display: block;
padding: 0 15px;
line-height: 30px;
height: auto;
float: none;
font-size: 13px;
color: #4a4c52;
font-weight: 600;
}
#main-menu li:hover ul {
left: 0;
top: 35px;
}
#main-menu li:hover ul ul,
#main-menu li:hover ul ul ul,
#main-menu li:hover ul ul ul ul {
top: -999em;
left: auto;
}
#main-menu li li:hover ul,
#main-menu li li li:hover ul,
#main-menu li li li li:hover ul {
left: 200px;
top: 0;
}
}
#main-menu li ul {
position: absolute;
width: 200px;
left: -999em;
background: #FFF;
padding: 18px 0;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
#main-menu li ul ul {
margin: 0;
}
#main-menu li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
left: auto;
}
#main-menu li li a {
display: block;
padding: 0 15px;
line-height: 30px;
height: auto;
float: none;
font-size: 13px;
color: #4a4c52;
font-weight: 600;
}
#main-menu li:hover ul {
left: 0;
top: 35px;
}
#main-menu li:hover ul ul,
#main-menu li:hover ul ul ul,
#main-menu li:hover ul ul ul ul {
top: -999em;
left: auto;
}
#main-menu li li:hover ul,
#main-menu li li li:hover ul,
#main-menu li li li li:hover ul {
left: 200px;
top: 0;
}
#button_login,
#button_register,
#button_logout {
display: none;
}
#news {
padding: 30px 15px;
}
#news > p {
text-align: center;
color: #E8E8E8;
font-style: italic;
}
#main-content {
background: #FFF;
padding: 20px;
}
#footer {
padding: 50px;
text-align: center;
color: #E5E5E5;
}
#footer,
#footer a {
font-family: 'Raleway', sans-serif;
font-size: 14px;
}
#footer a {
color: #FFF;
font-weight: 600;
}
#social-links li {
display: inline-block;
#main-menu li ul ul {
margin: 0;
}
#main-menu li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
left: auto;
}
#main-menu li li a {
display: block;
padding: 0 15px;
line-height: 30px;
height: auto;
float: none;
font-size: 13px;
color: #4a4c52;
font-weight: 600;
}
#main-menu li:hover ul {
left: 0;
top: 35px;
}
#main-menu li:hover ul ul,
#main-menu li:hover ul ul ul,
#main-menu li:hover ul ul ul ul {
top: -999em;
left: auto;
}
#main-menu li li:hover ul,
#main-menu li li li:hover ul,
#main-menu li li li li:hover ul {
left: 200px;
top: 0;
}
#button_login,
#button_register,
#button_logout {
display: none;
}
#news {
padding: 30px 15px;
}
#news > p {
text-align: center;
color: #E8E8E8;
font-style: italic;
}
#main-content {
background: #FFF;
padding: 20px;
}
#footer {
padding: 50px;
text-align: center;
color: #E5E5E5;
}
#footer,
#footer a {
font-family: 'Raleway', sans-serif;
font-size: 14px;
}
#footer a {
color: #FFF;
font-weight: 600;
}
#social-links li {
display: inline-block;
#main-menu li ul {
position: absolute;
width: 200px;
left: -999em;
background: #FFF;
padding: 18px 0;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
#main-menu li ul ul {
margin: 0;
}
#main-menu li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
left: auto;
}
#main-menu li li a {
display: block;
padding: 0 15px;
line-height: 30px;
height: auto;
float: none;
font-size: 13px;
color: #4a4c52;
font-weight: 600;
}
#main-menu li:hover ul {
left: 0;
top: 35px;
}
#main-menu li:hover ul ul,
#main-menu li:hover ul ul ul,
#main-menu li:hover ul ul ul ul {
top: -999em;
left: auto;
}
#main-menu li li:hover ul,
#main-menu li li li:hover ul,
#main-menu li li li li:hover ul {
left: 200px;
top: 0;
}
}
#main-menu li ul {
position: absolute;
width: 200px;
left: -999em;
background: #FFF;
padding: 18px 0;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
#main-menu li ul ul {
margin: 0;
}
#main-menu li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
left: auto;
}
#main-menu li li a {
display: block;
padding: 0 15px;
line-height: 30px;
height: auto;
float: none;
font-size: 13px;
color: #4a4c52;
font-weight: 600;
}
#main-menu li:hover ul {
left: 0;
top: 35px;
}
#main-menu li:hover ul ul,
#main-menu li:hover ul ul ul,
#main-menu li:hover ul ul ul ul {
top: -999em;
left: auto;
}
#main-menu li li:hover ul,
#main-menu li li li:hover ul,
#main-menu li li li li:hover ul {
left: 200px;
top: 0;
}
#button_login,
#button_register,
#button_logout {
display: none;
}
#news {
padding: 30px 15px;
}
#news > p {
text-align: center;
color: #E8E8E8;
font-style: italic;
}
#main-content {
background: #FFF;
padding: 20px;
}
#footer {
padding: 50px;
text-align: center;
color: #E5E5E5;
}
#footer,
#footer a {
font-family: 'Raleway', sans-serif;
font-size: 14px;
}
#footer a {
color: #FFF;
font-weight: 600;
}
#social-links li {
display: inline-block;
#main-menu li ul ul {
margin: 0;
}
#main-menu li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
left: auto;
}
#main-menu li li a {
display: block;
padding: 0 15px;
line-height: 30px;
height: auto;
float: none;
font-size: 13px;
color: #4a4c52;
font-weight: 600;
}