@import url(http://fonts.googleapis.com/css?family=Muli:300,400,600);



/*RESETTING A LOT OF STUFF TO UNSET...*/

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover
{
    color: initial;
    border-color: initial;
    border: none;
}

a:hover
{
    text-decoration: underline !important;
    color: inherit !important;
//    border: inherit !important;
    border: none !important;
}

a input.button1:hover, a input.button2:hover,
a:hover input.button1:hover, a:hover input.button2:hover
{
    text-decoration: none !important;    
}

body, a, p, dt, dd, .content, label, h2, h3
{
    color: #4C5D77 !important;
    font-weight: 300 !important;
    font-family: "Muli";
}

h2, h3
{
}

h3
{
    font-size: 14px;
}

h2
{
    border-bottom: none !important;
}




/* NOW ALL the buttons */

input[type="button"], 
input.button2, 
input.button1, 
.submit-buttons input.button1,
.submit-buttons input.button2,
.v4TopicButtons .button1
{
    font-family: "Muli";
    background: none;  /* reset the background */
    font-weight: 300;
    font-size: 12px;
    border: none;
    border-color: rgba(0,0,0,0.5);
    background-color:  rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.5);    
}

/* big main-action buttons */
.submit-buttons input.button1,
.submit-buttons input.button2,
.v4TopicButtons .button1
{
    height: 30px;
}



input[type="button"]:hover, 
input.button2:hover, 
input.button1:hover, 
.submit-buttons input.button1:hover,
.submit-buttons input.button2:hover,
.v4TopicButtons .button1:hover
{
    background-color: rgba(255,255,255,0.1);
}




.layer              /* independent layer over the whole screen */
{
    width: 100%;
    position: absolute;
    top: 0px;           /* flow resetting needed */
}

.layer-fixed             /* fixed layer - won't scroll */
{
    width: 100%;
    position: fixed;
    top: 0px;           /* flow resetting needed */
}

.hidden
{
    display: none !important;
}

.layer-header
{
    z-index: 10;
    position: fixed;
    top: 0px;
    margin: auto;    
    
    background-image: url('http://www.vertex4.com/assets/forum_header_1920x300.png');
    background-position: center top;
    background-attachment: fixed;
    background-repeat: no-repeat;    

    width: 100%;
    height: 300px;
    
    pointer-events: none;
}




#logo img   /* just a quick fix for that logo */
{
    width: 150px;
    height: 100px;
}


/*
DISABLING THIS CSS FROM HERE ON...
{
*/  
 
html
{
/* background-color: #000; */
background-image: url('http://www.vertex4.com/assets/bg_1920x1024_w.jpg');
background-position: center top;
background-attachment: fixed;
background-repeat: no-repeat;    
background-color: #FFF; 
}

body {
    font-family: "Muli";
    font-weight: 400;
/*  max-width: 900px;
    max-width: 800px;*/
    align-content: center;
    margin: auto;
    background-color: rgba(0,0,0,0);
    
    margin-top: 250px;
}


#v4Header
{
    /*    height: 300px;*/
    pointer-events:all;
    max-width: 800px;
    margin: auto;
    color: #FFF;
}

#wrap
{
    max-width: 800px;
    margin: auto;
    margin-top: 60px;    
}

#qr_editor_div .submit-buttons .button2
{
    display: none;
}
  
.content
{
    font-family: "Muli";
    font-weight: 400;  
}

.copyright
{
    display: none;
}


.v4TopicPreview
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;    
}
    
.v4PaginationTop, .v4ReturnToSearch
{
    display:none !important;
}
/*#page-body div.topic-actions div.pagination:last-of-type*/
/*.pagination:last-of-type
{
    display:none !important;
}*/

/* hide the second navbar (bottom one) */
.navbar:nth-child(1)      /* navbar faq/register/login, etc. */
{
    display: none;
}






/*
p.right 
{
    display: none;
}
*/
/*.v4HideThis
{
    display: none;
}*/


.v4CurrentTime
{
    display: none;
}


/* POST & TOPICS */

form#login div.panel:nth-child(2)       /* hide the register - block after the form login */
{
    display: none;
}

p a.left-box.left                       /* hide < return to board index */
{
    display: none;    
}


/* POSTS customizing */
/*author name*/
div.postbody h3, div.postbody p.author
{
    display: none;
}


/*
--------------------------------------------------------------------------------
search.php
--------------------------------------------------------------------------------
*/

#page-body div.search-box
{
    display:none;
}


/*
--------------------------------------------------------------------------------
viewtopic.php
--------------------------------------------------------------------------------
*/


/*.info-icon
.warn-icon
.delete-icon
.edit-icon*/

.pm-icon, .email-icon, .warn-icon, .report-icon, .info-icon
{
    display: none !important;
}

.edit-icon,  .edit-icon a,
.quote-icon,  .quote-icon a,  
.delete-icon, .delete-icon a
{
    background-image: none !important;
}

ul.profile-icons li.edit-icon, 
ul.profile-icons li.delete-icon,
ul.profile-icons li.quote-icon
{
    width: inherit;
    height: 18px;
    padding: 1px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 0px !important;
    margin-left: 2px !important;
//    background-color: rgba(0,0,0,0.05) !important;
}

ul.profile-icons li.edit-icon:hover, 
ul.profile-icons li.delete-icon:hover,
ul.profile-icons li.quote-icon:hover
{
//    background-color: rgba(255,255,255,0.1) !important;
//    text-decoration: none;
}


/*.edit-icon, 
.edit-icon a,
.delete-icon,
.delete-icon a,
.report-icon,
.report-icon a,
{
    background: none !important;   
}*/

.delete-icon a:after
{
    content: "delete";
}
.edit-icon a:after 
{
    content: "edit";
}
.quote-icon a:after 
{
    content: "quote";
}





.postprofile dt, .postprofile dd
{
    margin-left:-28px;    
}

.v4ProfilePosts            /* posts:... */
{
    text-align: center;
}

.v4ProfileJoined,
.v4ProfileSomething
{
    display: none;    
}

.postprofile dt                         /* poster-name & avatar:... */
{
    font-size: 14px;
    font-weight: normal !important;
    text-align: center;
}





.headerspace       /* login, register,  */
{
    display: none;
}

.postprofile
{
    border-left: none;
}

.signature
{
    border-color: rgba(0,0,0,0.2);
    display: none;
}

.back2top a
{
    display: none;    
}

.back2top
{
    height: 0px;
}

/* hide that online-image in the posts */
.online
{
    background-image: none;
/*    background-color: #FFF;*/
}


/*
--------------------------------------------------------------------------------
viewtopic & viewforum.php
--------------------------------------------------------------------------------
*/

dl.icon dt      /* description for forum & topic row */
{
    margin-left: -30px;
    margin-right: 30px;
}

.lastpost .v4ContentDate
{
    text-align: center;
    padding: 6px 0px;
    margin: 0px;    
}

.v4ContentDate
{
    float: right;
    width: 100%;
    height:20px;
    font-size: 10px;
    margin-top: -8px;
    background-color: rgba(0,0,0,0.05);
}



/*
--------------------------------------------------------------------------------
posting.php - edit/create post
--------------------------------------------------------------------------------
*/



#tabs a,
#tabs a span
{
    background-image: none;
}
#tabs .activetab a 
{
    border-bottom: none;
}

#smiley-box
{
    display: none;
}
#format-buttons, #message-box
{
    float:right;
}

#format-buttons input
{
    font-size: 12px;
    font-family: "Muli";
    background-color: rgba(0,0,0,0.05);
    padding: 0px;
    padding-left: 6px;
    padding-right: 6px;
    height: 20px;

    color: #105289;
}

/*
--------------------------------------------------------------------------------
overall 
--------------------------------------------------------------------------------
*/


.v4HeaderBar
{
    background-color: rgba(0,0,0,0.7);
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;    
    font-size: 12px; 
    margin-top: 270px; 
    color: #BBB;
    height: 25px;
    
    width:100%;    
}
.v4LoginRegisterSearch
{
    float: right;  
}

.v4NavBar
{
/*    background-color: rgba(0,0,0,0.7);
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;    
    float: left;  
    font-size: 1.4em; 
    margin-top: 270px; */

    float: left;  
    padding-right:25px;
    padding-top: 4px;
    font-size: 1.2em; 
    text-shadow: 0px 0px 5px white, 0px 0px 10px blue; 
    
}

.v4NavBar a
{
    color: #BBB !important;
}


.navbar
{
    display: none;
}

#page-body .right            /* it is currently ... */
{
    display: none;
}

.linklist.navlinks, 
ul.linklist
{  
    display: none !important;
}

#forum-search, #jumpbox, .jumpbox, .display-options
{ 
    display: none;
}

dd.views, ul.topiclist dd.views, 
ul.topiclist dd.topics
{
    display: none;    
}
 
.headerbar
{
    background-color: rgba(0,0,0,0.5);    
    background-color: rgba(0,128,180,0.5);
    background-image: none;
    display: none;
}

.corners-top, .corners-bottom, span.corners-bottom, span.corners-top
{
    background-image: none;    
    display: none; 
}

.forabg
{
    background-color: transparent;
    background-image: none;
    border-radius: 5px;
}



/*ul li
{
    height: 50px;
    content-align: center;
    vertical-align: bottom;
    
}*/


/*.post.bg1, .post.bg2
{
    background-color: rgba(255,255,255,0.4);
}*/

ul.topiclist dd {
    border-left: none;
}

.forums li.row          /* used for each forum-row to display a forum*/
{
    background-color: rgba(255,255,255,0.4);
    padding-top: 10px;
    padding-bottom: 10px;
}

ul.forums           /* the whole block holding the forums */
{
    background: none;    
}

.row.bg1, .row.bg2
{
/*    border-top-right-radius: 25px;
    border-bottom-right-radius: 10px;*/
    
    background-color: rgba(255,255,255,0.4);
    padding: 5px;
/*    padding-top: 10px;*/
/*    padding-bottom: 10px;*/
}


.unread a.forumtitle:after
{
    content: "   [new]";
    font-size: 10px;
}

li.row.unread
{
    background-color: rgba(255,255,255,0.7);       
}
.row.bg2
{
/*    background-color: rgba(255,255,255,0.2);    */
}

.row
{
    background-color: rgba(255,255,255,0.4);    
}

.forumbg, .topiclist
{
  background-color: transparent;
  background-image: none;
}


#topic-search
{
    display: none;
}

.topic-actions .buttons 
{
    display: none;
}


textarea, .inputbox
{
   font-family: "Muli" !important;

   background-color: rgba(255,255,255,0.4);
   border-radius: 10px;
   border: none;

   color: #105289 !important;
}





li.header
{
    height: 20px;
}





.panel
{
    background-color: rgba(255,255,255,0.4);

    padding-top: 5px;
    padding-bottom: 5px;
    
    background-color: rgba(255,255,255,0.4) !important;
    
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #00608F;
    
    margin-bottom: 0px;
    
}

.topiclist > .header
{
    display: none;
}

ul.topiclist dt
{
    width: 75%;
}

dd.lastpost, ul.topiclist dd.lastpost
{
    width: 10%;
}

/* force the none-displaying of topic & forum icons */
.icon           
{
    background: none !important;
}


a.topictitle, a.forumtitle
{
    font-family: inherit;
    font-size: 1.4em;
    font-weight: normal;
}

select
{
    font-family: inherit;
}

h3
{
    border: none;
}

h4
{
    font-family: "Muli";
    font-weight: 300;    
    font-size: 1.4em;
    margin-top: 5px;
}

h2, fieldset, h3, 
.content,
.content h2, .panel h2, .content p, .panel label
{
/*    text-shadow: 0 0 5px rgb(58,225,255);      
    color:#CCC;*/

    font-family: inherit;
}

.content h2, .panel h2, .content h3, .panel h3
{
/*    color: #FFF;*/
}



/*  forum & topic lists  */


hr
{
    display: none !important;
}

a, h2, h3
{
    color: #105289;
}

blockquote
{
    background-color: transparent;
    border: none;
}


/* hide forum title or topic title */
/*#page-body h2:first-child*/
h2.v4TopicTitle, h2.v4ForumTitle
{
/*    display: none;*/
    
    background-color: rgba(0,0,0,0.1);
    padding: 15px;    
}


/* registration page */

form#register .rightside
{
    display: none;
}


/* topic page - 1 topic */

.postbody
{
    float:right;
}

.postlink-local, .postlink
{
    background-color: rgba(0,0,0,0.1);
    padding-left: 5px;
    padding-right: 5px;
}

.postprofile img
{
    background-color: rgba(0, 0, 0, 0.15);
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: -4px;    
}


li.row, .post
{
    background-color: rgba(255,255,255,0.4) !important;
    
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #00608F;
    
    margin-bottom: 0px;
    
}

li.row.unread
{
    background-color: rgba(190,255,190,0.4) !important;
}

.announce  
{
    color: #fff !important;  
}

li.row:hover
{
    background-color: rgba(255,255,255,0.6) !important;
}

.inputbox:hover, .inputbox:active, .inputbox:focus
{
    border: none !important;
}



select, input[type="text"], input[type="password"]
{
    background-color: rgba(255, 255, 255, 0.4);
    border-width: 0px;
    border-radius: 5px;
    border-style: none;
    margin: 0px 0px 2px;
    color: #4C5D77;
    font-weight: normal;
/*    color: #000;*/
    font-size: 12px;
    height: 20px;    
    
    font-family: inherit;
}

input.search
{
    background-image: none;
}


/*REGISTER form
hide separator,
hide language
hide timezone*/

form#register .panel:first-child hr,                   
form#register .panel:first-child dl:nth-last-child(2), 
form#register .panel:first-child dl:nth-last-child(1)
{
    display: none;
}



.postbody .content
{
    padding-top: 10px;
    padding-bottom: 10px;
}


/*.announce:last-child*/
.forumbg.announcement
{
    margin-bottom: 25px;
}

.row.bg1.announce, .row.bg2.announce, .row.bg1.global-announce, .row.bg2.global-announce
{
//    background-color: rgba(255, 255, 255, 0.2) !important;
    background-color: rgba(220, 255, 220, 0.4) !important;
}

.row.bg1.announce:hover, .row.bg2.announce:hover,
.row.bg1.global-announce:hover, .row.bg2.global-announce:hover
{
    background-color: rgba(255,255,255,0.6) !important;
}