/*****************************/
/*   COMMON ELEMENT STYLES   */
/*****************************/
html {
    background-color: #f6f0e4;    
}

body {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align:center; /* Internet Explorer 6 needs this to center the page */

    font-family: Verdana, Trebuchet MS, Arial Sans-serif;
    font-size: 12px;
    font-weight:normal;
    color:#000000;
}

a:link, a:visited {    
    font-size: 12px;
    font-weight: bold;
    color: #800000;
    text-decoration: none;
}
a:hover {
    font-size: 12px;
    font-weight: bold;
    color: #800000;
    text-decoration: underline;
}
form {
    display: inline;
}
input, textarea, select {
    border-top: 1px solid #a19b8f;
    border-left: 1px solid #a19b8f;
    border-right: 1px solid #a19b8f;
    border-bottom: 1px solid #a19b8f;
    font-size: 12px;
    margin-bottom: 1px;
}

h1 {
    font-size: 14px;
    font-weight: bold;
    color: #800000;    
    margin-top: 0px; 
    margin-bottom:10px;   
}

h2 {
    font-size: 13px;
    font-weight: bold;
    color: #800000;    
    margin-top: 0px; 
    margin-bottom:10px;   
}

h3 {
    font-size: 13px;
    font-weight: bold;
    color: #800000;    
    margin-top: 0px; 
    margin-bottom:10px;   
}


img {
    /*border-color: #000;*/
    border:none;
}


b.digest {
    font-style: italic;
    color: #666;
    font-size: 11pt;
}

/*************************/
/* SPECIAL HTML ELEMENTS */

/* .cpform-button is the button class set by the  */
/* CorePublish form framework.                    */
input.submit, input.cpform-button {
    border-top: 1px solid #a19b8f;
    border-left: 1px solid #a19b8f;
    border-right: 1px solid #a19b8f;
    border-bottom: 1px solid #a19b8f;
    background-color: #a19b8f;/*#366dbd;*/
    color: #fff;
    font-weight: bold;
    /*text-transform: uppercase;*/
    font-family: Verdana, Sans-serif;
}

/* IE styles the radio and checkboxes with border   */
/* around the item. The CorePublish Form framework  */
/* sets these items with the .cpform-noborder class.*/
/* Use this class to turn of border for the items.  */
input.cpform-noborder {
    border: none;
}

/*****************************/
/*         ENTITIES          */
/*****************************/

/* container */
#container {
    margin: 0 auto;
    width: 990px;
    text-align:left !important; /* Internet Explorer 6 needs this to not center the page content */
    border-left:1px solid #8a8b8a;
    border-right:1px solid #8a8b8a;
    background:#ffffff;
}

#frontpage_container {
    margin: 0 auto;
    width: 990px;
    text-align:left !important; /* Internet Explorer 6 needs this to not center the page content */
    border-left:1px solid #8a8b8a;
    border-right:1px solid #8a8b8a;
}


/* placeholders */
#placeholder-header {
    background-color: #f6f0e4;
    /*background-image: url(header-bg.jpg);*/
    /*background-repeat: no-repeat;*/
    
    text-align: right;
    min-height: 66px;
    height: 66px;    
    /*padding: 10px;*/
    padding-top:13px;
}
#placeholder-column {
    float: left;
    width: 180px;
    /*margin-right: 20px;*/
    overflow: hidden;
}
#placeholder-content {
    float: left;
    width: 810px;
}
#placeholder-footer {
    clear: both;
    height:20px;
    padding-top: 6px;
    background:#a19b8f;
    width:990px;
    text-align:center;
    font-size: 11px;
    font-weight: bold;
    color:#fff;   
}

#placeholder-footer a {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

#placeholder-right {
    width: 199px;
    float: right;
}
#placeholder-right-content {
    float: left;
    width: 608px;
    border-right:1px solid #8a8b8a;
    border-left:1px solid #8a8b8a;   
    min-height:390px; 
}

/* Frontpage grid */

#frontpage_placeholder-content {
    float: left;
    width: 990px;
    background:#ffffff;
}
#frontpage_placeholder-footer {
    clear: both;
    height:17px;
    padding-top: 4px;
    background:#a19b8f;
    width:990px;
    text-align:center;
    font-size: 11px;
    font-weight: bold;
    color:#fff;  
}

#frontpage_placeholder-footer a {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

#frontpage_placeholder-right {
    width: 199px;
    float: right;
       
}
#frontpage_placeholder-right-content {
    float: left;
    width: 790px;
    border-right:1px solid #8a8b8a; 
}


/*****************************/
/*          CLASSES          */
/*****************************/

/* .page-header */
.page-header {
    float: right;
    padding-right:40px;
    padding-bottom:13px;
}
.page-header h1 {
    margin: 0px;
    border: 0px;
    color: #fff;
    text-align: left;
}
.page-header a:link,
.page-header a:visited,
.page-header a:hover {
    color: #fff;
    text-decoration: none;
}

/* common box menus and lists */
.small-rsslist,
.categorysearch,
.vertical-menu,
.small-articledisplay,
.small-articlelist,
.login-form {
    /*background-color: #fff;*/
    /*background-image: url(box-bottom.gif);*/
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 3px 10px 10px 10px; /* t r b l */
    /*margin-bottom: 10px;*/
}
.small-rsslist {
    background-image: url(box-bottom-rss.gif);
}
.small-rsslist h1,
.categorysearch h1,
.vertical-menu h1,
.small-articledisplay h1,
.small-articlelist h1,
.login-form h1,
.small-rsslist h1 a:link,
.small-rsslist h1 a:visited,
.small-rsslist h1 a:hover {
    color: #800000;
    /*text-transform: uppercase;*/
    /*font-style: italic;*/
    text-align: left;
    /*background-color: #fff;*/
    font-size: 11px;
    padding: 0px 0px 7px 0px; /* t r b l */
    border: 0px;
    margin: 3px 0px 3px 0px; /* t r b l */
    text-decoration: none;
}

.small-rsslist h2,
.categorysearch h2,
.vertical-menu h2,
.small-articledisplay h2,
.small-articlelist h2,
.login-form h2,
.small-rsslist h2 a:link,
.small-rsslist h2 a:visited,
.small-rsslist h2 a:hover {
    color: #800000;
    /*text-transform: uppercase;*/
    /*font-style: italic;*/
    text-align: left;
    /*background-color: #fff;*/
    font-size: 11px;
    padding: 0px 0px 7px 0px; /* t r b l */
    border: 0px;
    margin: 3px 0px 3px 0px; /* t r b l */
    text-decoration: none;
}

.vertical-menu a:link, 
.vertical-menu a:visited, 
.vertical-menu a:hover, 
.small-articlelist a:link,
.small-articlelist a:visited,
.small-articlelist a:hover,
.small-rsslist a:link,
.small-rsslist a:visited,
.small-rsslist a:hover {
    font-size: 11px;
    font-weight: bold;
}
.vertical-menu a:link, 
.vertical-menu a:visited, 
.vertical-menu a:hover {
    /*text-transform: uppercase;*/
    text-decoration: none;
}
.vertical-menu a:hover {
    text-decoration: underline;
}
.small-rsslist ul li ul li,
.small-articlelist ul li ul li,
.vertical-menu ul li ul li {
    padding-left: 15px;
}
.small-rsslist ul,
.small-articlelist ul,
.vertical-menu ul {
    margin: 0px;
    padding: 0px;
}
.small-rsslist li,
.small-articlelist li,
.vertical-menu li {
    list-style-type: none;
}
.vertical-menu li {
    /*border-bottom: 1px solid #eee;*/
    padding: 2px 0px 4px 0px;
}
.vertical-menu li.last {
    border-bottom: 0px;
}
.small-rsslist li,
.small-articlelist li {
    padding-bottom: 5px;
}
.small-rsslist ul li ul li,
.small-articlelist ul li ul li,
.vertical-menu ul li ul li {
    border: 0px;
}

.vertical-menu ul li ul.loge {
    padding: 0 0 3px 25px;
    
}

.vertical-menu ul li ul.loge li {
    padding: 0 0 3px 5px;
    
}

.small-rsslist span.date,
.small-articlelist span.date {
    font-size: 7pt;
    color: #888;
}
.vertical-menu a.active {
    font-style: italic;
    color: #888;
}

/* .small-articledisplay */
.small-articledisplay {
    font-size: 11px;
}

/* .login-form */
.login-form div {
    font-size: 11px;
    color: #000000;
}
input.searchtext {
    width: 120px;
}
.login-form input {
    width: 165px;
}
.login-form input.submit {
    width: auto;
}
#login-form-error,
#login-form-message {
    /*color: #962727;*/
    font-weight: bold;
    font-size: 8pt;
    border: 1px solid #888;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center;
}
#login-form-message {
    /*color: #279634;*/
}
#login-form-logout p {
    margin: 0px;
}

/* .linktoolbar */
.linktoolbar {
    float: right;
    font-size: 8pt;
    padding-top:65px;
    padding-bottom:45px;
    padding-right:10px;
    width:200px;
}

/* .sitelocator */
.sitelocator {
    float: left;    
    padding-bottom:25px;
    padding-left:15px;
    padding-top:15px;
}

/* .small-text styles */
.small-text,
.small-text-black {
    font-size: 8pt;
    color: #888;
}
.small-text-black {
    color: #000;
    font-style: italic;
}

/* full-articlelist */
.full-articlelist ul {
    margin: 0px;
    padding: 0px;
}
.full-articlelist li {
    list-style-type: none;
    padding: 5px 5px 10px 5px;
}
.full-articlelist li.even {
    
}
.full-articlelist p,
.full-articlelist h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* .small-searchinput */
.small-searchinput {
    float: right;
}
.small-searchinput input {
    width: 132px;
}
.small-searchinput input.submit {
    width: auto;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    /*background-color: #366dbd;*/
    color: #fff;
    font-weight: bold;
}
.small-searchinput h1 {
    display: none;
}

/* .full-searchinput */
.full-searchinput {
    border-bottom: 1px solid #988d63;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.full-searchinput .error,
.full-articlelist-message {
    font-size: 8pt;
}
.full-searchinput input {
    width: 200px;
}
.full-searchinput input.submit {
    width: auto;
}

/* .list-navigation */
.list-navigation,
.list-navigation-text {
    text-align: center;
    font-size: 8pt;
}

/* .horizontal-menu */
.horizontal-menu {
    width:990px;
    height:20px;
    float: left;
    padding-top: 6px !important;    
    text-align: left;
    clear: both;
    background:#a19b8f;    
}
.horizontal-menu h1 {
    display: none;
}
.horizontal-menu ul {
    margin: 0px;
    padding: 0px;
}
.horizontal-menu li {
    display: inline;
    list-style-type: none;
    padding: 0px 20px 0px 20px;
    /*border-right: 1px solid #aaa;*/
}
.horizontal-menu li.last {
    padding-right: 20px;
    border-right: 0px;
}
.horizontal-menu a:link, 
.horizontal-menu a:visited, 
.horizontal-menu a:hover {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

/* .full-articlelist-twocolumn */
.full-articlelist-twocolumn {
    margin-top: 30px;
    padding-left:15px;
}

.full-articlelist-twocolumn ul li {
    padding-bottom: 0px;
    margin-bottom: 10px;
}
.full-articlelist-twocolumn ul {
    margin: 0px;
    padding: 0px;
}
.full-articlelist-twocolumn li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.full-articlelist-twocolumn p {
    margin: 0px;
}
.full-articlelist-twocolumn li.odd {
    float: left;
    padding-right: 10px;
    width: 47%;
    height: 185px;
    clear: left;
}
.full-articlelist-twocolumn li.even {
    float: left;
    padding-left: 10px;
    height: 185px;
    width: 47%;  
}

.full-articlelist-twocolumn li.extended {
    float: left;
    padding-right: 10px;
    width: 97%;
    height: 140px;
    clear: left;
}

/* font style for readmore in articlelist */
.full-articlelist a:link,
.full-articlelist a:visited,
.full-articlelist a:hover,
.full-articlelist-twocolumn a:link,
.full-articlelist-twocolumn a:visited,
.full-articlelist-twocolumn a:hover {
    
}
.login-form-link {
    float: right;
}
#login-form-container {
 
}
#login-form-lostpassword-container,
#login-form-changepassword {
    display: none;
}
#login-form-changepassword {
    margin-top: 10px;
}
#login-form-changepassword form {
    display: block;
    margin-top: 10px;
}
/* .clear-both-style */
.clear-both-style {
    clear: both;
    height: 0px;
    overflow: hidden;
}

/* special rendering for footer article */
#placeholder-footer .small-articledisplay {
    /*background: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
    border-top: 1px solid #d2cbb1;
    color: #9d9678;
    padding-top: 10px;*/
}

#extended-debug-info {
    border: 1px solid #888;
    background-color: #eee;    
    padding: 10px;
    font-family: Monospace;
    width: auto;
}

/* Custom styles for Odd Fellow */

.right_links {
  padding-top:7px;
  padding-bottom:0px;
}

.right_links_wrapper {
  padding-left:15px;
  padding-right:15px;  
}


a.right_links {

}

.full-articledisplay {
	padding:12px;
	float:left;	
	width:584px;
	/*font-size:10px;*/
}

.full-articlelist {
	float:left;
}

.login-form {
  padding-left:15px;
  padding-right:15px;  
  padding-top:7px;  
  padding-bottom:0px;
}

.right_spacer {
    margin-left:15px;
    margin-right:15px;
	padding-top:7px;
	padding-bottom:0px;
	border-bottom:1px solid #a19b8f;
	font-size:2px;
}

.button {
	background-image:url(odd_fellow_liten_logo.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:180px;
	height:114px;
	margin-top:15px;
	margin-bottom:10px;
}

/* Webshop */
.webshop_cart {
	padding-left:15px;
	padding-top:10px;
}

.webshop_showcart {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	width:590px;
	border:0;
}
.webshop_showcart td {
	padding-top:3px;
	padding-bottom:3px;
}

.webshop_check {
	border:0;
}

.webshop-list-item {
	width:285px;
	height:120px;
	float:left;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:7px;
	/*border:1px solid black;*/
}


/* Combined category archive */
.combinedarchive {
	width:580px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	float:left;
}

/**/
.articlelistthumb {
	float:right;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:10px;
}

.articlelistdate {

}

.article_right {
	float:right;
	width:290px;
	padding-left:15px;
	padding-bottom:10px;
}


.article_left,
.article_default {
	float:left;
	width:290px;
	padding-left:15px;
	padding-bottom:10px;
}

.article_center,
.article_middle {
	float:none;
	width:290px;
	padding-left:15px;
	padding-bottom:10px;
}

.article_links {
	float:left;
	margin-top:2px;
	background:#f6f0e4;
	width:290px;
	padding:5px;
	font-weight:bold;
}

/* List over meetings */
.meeting_list_day {
  text-transform:uppercase;
  font-weight:bold;
  padding-top:10px;
}

.meeting_list_img {
  padding-left:2px;
  padding-right:2px;
  padding-top:2px;
}


/* Loge/leir, 4 columns */

.4columns {
	width:580px;
	float:left;	
}

.category_columns {
	width:143px;
	float:left;
	padding-left:8px;	
}

.subcategories a,
.subcategories {
	font-weight:none;
	font-size:11px;
}

/* Loge/leir, resize of columns to avoid linebreak */

.odd_fellow_loge { width: 155px; }
.odd_fellow_leir { width: 130px; }
.rebekkaloge { width: 155px; }
.rebekkaleir { width: 130px; }

/* Loge info, replacing top menu */

.loge_info {
	font-size:11px;
	font-weight:bold;
    width:180px;
    float: left;
    padding-top: 4px;
    padding-bottom: 8px;
    text-align: center;
    /*background:#a19b8f;  */
    /*color:white;*/    
}

a.loge_info_link:link, a.loge_info_link:visited {    
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
a.loge_info_link:hover {
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

.digest {
	font-weight: bold;
}

#frontpage_placeholder-right-content .frontpage_full-articledisplay h1 {
  font-size:16px;
}


h1.frontpage_header {
	padding-top:15px;
	padding-bottom:10px;
	font-size:20px !important;	
}

.archive ul {
	margin:0px;
	padding:0px;
	padding-left:13px;
	padding-bottom:10px;
	width:580px;
}
.archive li {
	margin:0px;
	padding:0px;
	font-weight:bold;
	list-style-type: none;	
}

.archive h1 {
	padding-left:13px;
}