/*
Theme Name:         MSFORUM 
Version: 3.0
Author: COH
Based on: 			"Reverie by Zhen Huang"
*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Customized Adjustments of Foundation for WordPress
:: Styling Basic WordPress Outputs
:: Customize Foundation Style Pagination for WP-Pagenavi
:: Customize for BuddyPress
:: Your Customized Style
*/

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */
 
	/* Foundation-specific presentation CSS by ZURB */
	div.reverie-header { margin: 0 0 20px 0; padding: 20px 0 0 0;  border-bottom:1px solid #ccc;}
	div.reverie-header h1 { font-weight: 500; margin-bottom: 0; padding: 0; }
	div.reverie-header h1 a { color: #181818; }
	div.reverie-header h1 a:hover { color: #181818; }
	
	@media handheld, only screen and (max-width: 767px) {
	header { position: relative; }
	header .subheader { margin-bottom: 0; }
	header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px; }
	header .menu-action .button.small { padding: 8px; }
	header .menu-action .button.small svg { opacity: 0.5; }
	header h1 { font-size: 27px; font-size: 2.7rem; margin-bottom: 18px; }
	header h4 { font-size: 17px; font-size: 1.7rem; }
	}

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
	
	/* Global */
	h1, h2, h3, h4, h5 { font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 300; }
	
	/* Add Divider for Listed Posts */
	.divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; }	
	
	/* Add Class for Images */
	img.alignright { float: right; margin: 0 0 18px 18px; }
	img.alignleft { float: left; margin: 0 18px 18px 0; }
	img.aligncenter { display: block; margin: 18px auto; }
	
	/* Add HTML5 Class for Images */
	figure img {
	height: auto;
	border: 1px solid #DDD;
	margin: 0 auto;
	display: block;
	box-shadow: 0px 2px 10px #ddd;
	-moz-box-shadow: 0px 2px 10px #ddd;
	-webkit-box-shadow: 0px 2px 10px #ddd;
	border-image: initial;
	}
	
	/* Add HTML5 Caption Class for Images */
	figure.figure {	margin: 0 auto;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; display: inline-block; }
	figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
	figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
	figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }
	
	/* Sidebar Adjustment */
	.sidebar-section { padding-bottom: 10px; padding-top: 20px;	font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	
	/* Footer Nav */
	.footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	.footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; }
	
	/* Breadcrumb Adjustment */
	ul.breadcrumbs li span { padding-left: 3px; }
	ul.breadcrumbs li a { padding-left: 0; }
	
	/* Comment Textarea Adjustment */
	#respond textarea { height: 100px; }	

/*  -------------------------------------------------------
    Adjust Foundation 3 Pagination Style for WordPress
    ---------------------------------------------------- */ 
    
    ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
    ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
    ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
    ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
    ul.page-numbers li.unavailable a { cursor: default; color: #999; }
    ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
    ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }    
    
/*  ---------------------------
    :: Customize for BuddyPress
    --------------------------- */

	.padder label + textarea { margin-top: 0; }
	.padder #item-body #message-threads .thread-avatar img { max-width: 50px; }
	ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; }
    .padder select { display: inline-block; }
    .padder div.item-list-tabs { margin: 25px 0; }
    .padder form#whats-new-form textarea { height: 30px; }
    .padder .button { display: inline; }
    
	
/*  --------------------------
    Your Customized Style
    ----------------------- */
	.logo{position:relative; left:350px;}
	.presentation{font-family: 'Libre Baskerville', serif; font-size:18px; line-height:40px; padding: 20px 80px 20px 80px;}
	.divider{height:1px; border-bottom: solid 1px #ccc;}
	.divider2{height:2px; border-bottom: 2px solid #2ba6cb;margin: 10px 0 20px 0;}
	.lining{height:3px; border-bottom: 3px solid #2ba6cb;}
	.space{margin: 20px 0;}
	.box {float:right;} 
	.phone{position:relative;left:320px;}
	.box-title{position:relative; top:70px;}
	.phone-title{position:relative; top:40px;}
	.push-down{margin-bottom:60px;}
	.push-down2{margin-bottom:40px;}
	.push-down3{margin-bottom:100px;}
	.push-up{margin-top:60px;}
	.row2{width:600px; margin:0 auto;}
	.black-text{color:#000;}
	.target-list{list-style:circle;margin-left:30px;}
	.menu-bar{position:relative; top:-20px; }
	.sponsor-content{width:800px; margin:0 auto;}
	.sponsor{ height:582px; background-image:url(http://www.msforum.se/images/pattern.jpg);padding:65px 0;}
.sponsor-content{width:800px; margin:0 auto;}
	img{border:none;}
	.text-center{text-align:center;}
	.shout-out{position:relative; left:230px; top:40px;}
	.pattern-line{height:100px; background-image:url(http://www.msforum.se/images/pattern2_small.jpg);	}
	.no-resize{max-width:none;}
	.filler{float:right;}
	.footer{position:absolute;
    width:100%;
    bottom:0px;}
	.full-content{position:relative; left:-10px;}
	.sidebar-box2{position:relative; top:-20px;}
	.sidebar-box ul{list-style:none;}
	.center-contact{position:relative; left:250px; top:20px;}