/*
******************** GLOBAL CSS ******************** 
*/

html, body, form {
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Open Sans', sans-serif !important; 
    font-size: 14px;
}

a {
    text-decoration: none !important;     
}

a:hover {   
    text-decoration: underline !important;
}

input,
textarea,
#editor {
    padding: 5px;
    border: 1px solid #bbb;
    border-radius: 3px;
    color: #666;
    font-size: 16px;     
}

input.input-big {
    font-size: 20px;
    padding: 6px;
}

.button {
    padding: 6px 10px;
    background-color: #53a3c6;
    color: #fff;
    border: none; 
    font-size: 14px;     
    cursor: pointer;
}

.button.secondary {
    border: 1px solid #ddd;
    background-color: #eee;
    color: #666;
}

.button.secondary:hover {
    border: 1px solid #ccc;
    background-color: #ddd;
}

.button:hover {
    background-color: #1EAEDB;
}

.button.button-small {
    padding: 4px 6px;
    font-size: 12px;     
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}  

.error {
    border: 1px solid #a94442 !important;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset, rgb(206, 132, 131) 0px 0px 6px;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset, rgb(206, 132, 131) 0px 0px 6px;    
}

.ca-alert {
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-left: 5px solid transparent;
}

.ca-alert-success {
    color: #356635;
    background-color: #CDE0C4;
    border-color: #8AC38B;
}

.ca-alert-danger {
    color: #fff;
    background-color: #C26565;
    border-color: #953B39;
}

.ca-alert-warning {
    color: #826430;
    background-color: #efe1b3;
    border-color: #dfb56c;
}

.ca-alert-info {
	color: #53a3c6;
	background-color: #fafafa;
	border-color: #53a3c6;
}

.ca-alert-warning a {
    color: #46361A;
}    

.ca-alert-warning a:hover {
    color: #5D4823;
}

.ca-notice-info {
    background-color: #F1F6F9;
    /*border: 1px solid #AAD1EB;*/
    padding: 10px; 
}

th {
    text-align: left;
    color: #555;
}

.light-horiz-lines td {
    padding: 10px 0;
    border-top: 1px solid #eee;
}

.points-small {
    background-color: #f6f6f6;
    border-radius: 3px;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: bolder;
    color: #CF4A4A;"
}

.text-very-muted {
	color: #999;
}

.text-very-muted a {
	color: #337ab7;
}


/*
******************** Bootstrap adjustments ********************
*/

#main-content 

.dropdown-menu>.active>a
/*, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover */{
    background-color: #53a3c6;
    background-image: none;
}


/*
******************** PAGE HEADER (Bootstrap adjustments) ********************
*/

/* Style navbar with shadow and color */
nav.navbar {
	background-color: #fcfcfc !important;
	background-image: none !important;
	box-shadow: 0 0 4px rgba(0, 0, 0, .4) !important;
	border: none !important;
}

/* Set new navbar height */
.navbar-toggle {
	margin-top: 18px !important;
}
.navbar-nav > li > a,
.navbar-brand {
    font-size: 28px !important;
    line-height: 35px !important;
    height: 35px !important;
    padding: 0px 15px !important;
    margin-top: 17px !important;
    vertical-align: middle !important; 
    color: #5e5e5e !important;
}

@media (max-width: 767px) { 
    .navbar-brand {
        font-size: 22px !important;
    }
}

@media (max-width: 480px) { 
    .navbar-brand {
        font-size: 18px !important;
    }
}

.navbar {
	min-height: 70px !important;
}

/* Style logotype */
.navbar-brand {	
	text-decoration: none;
    font-weight: bold;	
}

/* Style meny */
.navbar-full { 
	height: 22px;
	padding-top: 23px;
}
.navbar-full ul { 
	list-style-type: none;
}
.navbar-full ul, 
.navbar-full li { 
	height: 22px;
}
.navbar-full li {
	display: inline;
    margin-left: 15px;
    font-size: 16px;
    font-weight: bolder;
	padding: 2px 10px;
}
.navbar-full li a {
	color: #777;	
}

.navbar-full li:hover {
    background-color: #eee;
}

.navbar-full li:hover a {
    color: #666;
    text-decoration: none !important;
}

.navbar-full li.active {    
    background-color: #53a3c6;
}
.navbar-full li.active a {
	color: #fff;
}

@media (max-width: 786px) { 

	.navbar-full { 
		height: auto;
		padding-top: 0;
		margin-right: -15px;
		margin-left: -15px;
	}
	
	.navbar-full ul { 
		height: auto;
		padding: 0;
		margin-bottom: 0;
	}
	
	.navbar-full li {
		border-top: 1px solid #eee;
		margin: 0;
		padding: 4px 15px;
		height: auto;
		display: block;
		font-size: 14px; 
	}
	
	.navbar-full li a {
		display: block;
	}
}


/*
******************** PAGE ******************** 
*/

#main-content {
	position: relative; 
    padding-bottom: 80px;
}

#main-content #user-menu-bar {
    position: absolute;
    right: 10px;
    top: -14px;
    font-size: 12px;
    color: #999;
}

#page {
    min-height: 400px;
}


/*
******************** CONTENT ******************** 
*/

#main-content h1 {    
    font-size: 26px;
    font-weight: normal;
    color: #555; 
}


#main-content h2 {
    color: #555;
    font-size: 21px;
    font-weight: bold; 
}

h4 {
    margin: 0;
    margin-bottom: 6px;
    color: #555;
    font-size: 12px;
}

#main-content .column {
    background-color: #fafafa;
    padding: 6px; 
    margin-bottom: 20px;
}

#main-content .column.transparent {
    background-color: #fff;
    padding-left: 0; 
    padding-right: 0;
} 

#main-content .column.top-divider {
    padding-top: 20px;
    border-top: 1px solid #f1f1f1;
}

#main-content .column h3 {
    font-size: 16px;
    color: #555;
    margin-top: 0px;
    font-weight: bolder;
}

#main-content .column h4 {
    color: #666;
    margin-top: 0px;
    font-size: 14px;
    font-weight: bolder;
}

#main-content .column p {
    color: #777;
}

#main-content pre {
    min-height: 20px;
    max-height: 600px;
    padding: 5px;
    background-color: #eee;    
    border: none;
    border-left: 2px solid #dadada;
    border-radius: 0;   
}

#main-content pre code {
    overflow-x: auto;
    word-wrap: normal;
    white-space: pre;
}


/*
******************** FOOTER ******************** 
*/

#footer-wrapper {
    width: 100%;        
    background-color: #555;
    color: #ccc;
    box-shadow: 0px 500px 0px 500px #555;
}

#footer-content {
    padding-top: 50px;
    padding-bottom: 50px;
    
    text-align: center;   
}

#footer-content #title {
    font-size: 15px;
    font-weight: bolder;     
}

#footer-content #links {
    font-size: 13px;
    font-weight: bolder;     
}

#footer-content #links a {
    color: #bbb;
}

#footer-content #links a:hover {
    color: #eee;
}

#footer-content #legal {
    font-size: 12px;
    color: #999;     
}

#footer-content #social-icons {
    margin-bottom: 10px;
}

#footer-content #social-icons .icon-wrapper {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    padding-right: 10px; 
}


/*
******************** TOGGLE WIDGET ******************** 
*/

.toggle_wrapper {
    margin-top: 10px;
    margin-bottom: 20px; 
    padding: 4px 10px;
    background-color: #fafafa;
    color: #555; 
    cursor: pointer;
}

.toggle_header {
    font-size: 10px; 
}

.toggle_header_button {
    float: right;
    color: #777;
}

.toggle_content {
    display: none;
}


/*
******************** SUMMARY TABLE ******************** 
*/

table.summary {
    margin-bottom: 20px;
    width: 100%;
    background-color: #fafafa;    
    border: 1px dashed #ddd;
}

table.summary td {
    padding: 10px;
    padding-bottom: 0;
    text-align: center;
    font-size: 22px;
    font-weight: bolder; 
    color: #555;
}

table.summary th {
    text-align: center;
    padding: 10px;
    padding-top: 0px;
    color: #777;
    font-size: 12px;
}


/*
******************** TAGS ******************** 
*/

p.tag-wrapper {
    margin: 2px 0px;     
}

.tag-wrapper .tag {
    margin-right: 10px;
    padding: 3px 6px;
    float: left;
    margin-bottom: 10px; 
    border-radius: 2px;
    font-size: 11px;
    color: #fff; 
}

.tag-wrapper .tag a:hover {
    color: #000;
}

.tag-wrapper .tag a {
    color: #fff;
}


/*
******************** ARTICLE SUMMARY SMALL ******************** 
*/

#article-summary-small-wrapper div.media {
	border-top: 1px solid #eee;
	padding-top: 18px;       
}

#article-summary-small-wrapper div.media .media-left {
    padding-right: 13px;
}

#article-summary-small-wrapper div.media:not(:first-child) {
    margin-top: 9px;
}

#article-summary-small-wrapper div.media div ul:not(:first-child) {
    background-color: #900;
    margin-top: 5px !important;
}

#article-summary-small-wrapper {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px;
    margin-bottom: 20px !important;
}

#article-summary-small-wrapper .votes {
    display: inline-block;
    vertical-align: top;    
    width: 65px;            
}

#article-summary-small-wrapper .votes div {
    width: 60px;
    color: #CF4A4A;
    text-align: center;
    background-color: #f6f6f6;
    border-radius: 3px;
    font-weight: bolder;
    font-size: 25px;
}

.votes.small {
    width: 50px;
    color: #CF4A4A;
    text-align: center;
    background-color: #f6f6f6;
    border-radius: 3px;
    font-weight: bolder;
    font-size: 20px;
    line-height: 1;
    padding-top: 3px;
    padding-bottom: 3px;
}

#article-summary-small-wrapper h2 {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    padding-bottom: 6px;
}


/*
******************** SIGN UP ******************** 
*/

.sign-up {
    width: 250px;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 7px 13px;
    border-radius: 3px;
    font-size: 16px;    
    cursor: pointer;
}

.sign-up.facebook {
    background-color: #3C5699;
    color: #fff;
}

.sign-up.google {
    background-color: #DD4B39;
    color: #fff;
}

#sign-up-form {
    width: 400px;
}

#sign-up-form td {
    color: #666;
    padding: 10px 0;
    border-top: 1px solid #eee;
    font-size: 12px;
}

#sign-up-form input[type=text],
#sign-up-form input[type=email],
#sign-up-form input[type=password]
 {
    box-sizing: border-box;
    width: 100%;

    color: #666;    
}


/*
******************** CONTRIBUTE ******************** 
*/

#toolbar {
    margin-top: 20px;
    height: 30px; 
}

#toolbar span {
    color: #999;
}

#toolbar a {
    padding: 5px;
    background-color: #33C3F0;
    border-radius: 3px;
    color: #fff;
    border: none; 
    font-size: 12px;     
    cursor: pointer;
}

#toolbar a:hover {
    background-color: #1EAEDB;
}

#toolbar #bold {
    font-weight: bolder;
}

#toolbar #italic {
    font-style: italic;
}

#toolbar #underline {
    text-decoration: underline;
}

#editor,
#editor:hover {
    min-height: 300px;
}

#tags {
    margin-top: 10px;
    border: 1px solid #bbb;
    padding: 5px;
    border-radius: 3px;
    display: inline-block;
    list-style-type: none; 
    padding-left: 0px;
    padding-left: 10px;
    padding-bottom: 8px;
}

#tags > li {
    display: inline-block;
}

#add-tag-wrapper {
    position: relative;
}

#tag-suggest {
    display: none;
    position: absolute;
    top: 31px;
    left: 0px;
    padding: 0px;
    width: 208px;
    background-color: #fff;
    border: 1px solid #eee;
    border-top: none;
}

#tag-suggest > li {    
    list-style-type: none;
    padding: 5px;
    border-top: 1px solid #eee;
    cursor: pointer;
}


/*
******************** SHOW ARTICLE ******************** 
*/

#show_article_tip_holder {
    display: none;

    position: relative;    
    width: 0px;
    height: 0px;
    background-color: red;
}

.show_article_tip_content {
    background-color: #f6f6f6;
    position: absolute;
    color: #555;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .2) !important;

    top: 13px;    
}

#show_article_tip_textbox {
    left: -150px;
    width: 120px;
    height: 39px;    
    padding: 5px;
    padding-left: 6px;    
    font-size: 10px;
}

#show_article_tip_triangle {

    left: -37px;

    transform-origin: 0 0;
    transform: rotate(-45deg);

    /* triangle */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #f6f6f6 transparent transparent transparent;
}

#show_article_tip_triangle_hide_top {
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    top: -7px;
    left: -160px;
    width: 150px;
    height: 20px;
}

#article-vote-cnt,
.comment-vote-cnt {
    font-size: 20px;
    font-weight: bolder;
}

#article-vote-up,
#article-vote-down {
    color: #555;
}

#article-vote-up,
#article-vote-down,
.comment-vote-up,
.comment-vote-down {
    font-size: 18px;    
    cursor: pointer;
}

#article-vote-up:hover,
#article-vote-down:hover,
.comment-vote-up:hover,
.comment-vote-down:hover {
    color: #07c;   
}

#article-vote-up.selected,
#article-vote-down.selected,
.comment-vote-up.selected,
.comment-vote-down.selected {
    color: #07c;
}

#show_article h1 {
    font-size: 28px;
    font-weight: normal;
    color: #555;
    margin-bottom: 6px;
}

#main-content #articlebody h2 {
    font-size: 24px;
    font-weight: bold;
    color: #555;
}

#main-content #articlebody h3 {
    font-size: 22px;
    font-weight: bold;
    color: #555;
}

#main-content #articlebody h4 {
    font-size: 20px;
    font-weight: bold;
    color: #555;
}

#main-content #articlebody h5 {
    font-size: 18px;
    font-weight: bold;
    color: #555;
}

#main-content #articlebody h6 {
    font-size: 16px;
    font-weight: bold;
    color: #555;
}


#main-content .comment-body h1,
#main-content .comment-body h2,
#main-content .comment-body h3,
#main-content .comment-body h4,
#main-content .comment-body h5,
#main-content .comment-body h6 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #555;
}

#show_article .comments .share {
    color: #777;
}

#show_article .comments .share:hover {
    text-decoration: underline !important;
}

#show_article .comments .media-body {
    line-height: 1;
}

#show_article .comments .body {
    padding-top: 10px;
    font-size: 13px;
    line-height: 1.4;
}

#show_article .comments .body h1,
#show_article .comments .body h2,
#show_article .comments .body h3,
#show_article .comments .body h4,
#show_article .comments .body h5,
#show_article .comments .body h6 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #555;
}


/*
******************** ARTICLE_UNITS ******************** 
*/

#article_share a {
    color: #337A99;
}

#article_share a:hover {
    color: #53a3c6;    
}