/* 
Theme Name: SynologyHosting Theme
Theme URI: SynologyHosting Theme
Description: SynologyHosting Theme
Version: 1.1
Date:   27/04/2015
Author: SynologyHosting
Author SynologyHosting
Required PivotX version: PivotX 2.0
Used Extensions: Lifestream widget, Delicious widget
*/ 
/* some reset stuff */
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, img, table, tr, th, td, form, fieldset, legend, div, object {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    font:normal 12px Arial, Verdana, sans-serif;
    text-align :left;
    vertical-align: top;
}



hr{
    border: 0;
    height: 0;
    border-bottom: 1px solid rgba(66, 156, 255, 0.3);
}


input, select, textarea, button {
    font: normal 100% Arial, Verdana, sans-serif;
	 
}

table, td, th {
    border-collapse: collapse;
}

h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 10px;
}

.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:hidden; 
}

* html .clearfix {
    height: 1%;
}

/* end reset */
/*Arial, Verdana, sans-serif;*/

body {
    background-color: #EFF2F5;
      font-size: 13px;
  font-weight: 700;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #4D4D4D;
}

/*Header*/

.wrap {
    width: 990px;
    margin: 0 auto;
clear: both;
overflow:hidden;
	 
}

header {
	background:#263642;
	padding:22px 0;
height: 37px;

}

	header img
{
	float:left;
	margin-left:50px;
}
	header .logo {
	color:#fff;
	float:left;
	margin:3px 0 0 10px;
	font-size:18px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

	.logo a {
font-weight: 500;
	color:#fff;
}

	.logo a:hover {
	color:#fff;
}

.logo span {
	 font-weight: 700;
}

.navBar
 {
	 float: left;
margin:0 0 0 70px;
display:" ";
}

.navBar ul {
	 margin: 0;
padding: 0;
}



.navBar ul li {
	 float: left;
	margin-right:30px;
margin-top: 7px;
	 
}

.navBar a {
color: #a6adb2;
	 text-decoration: none;
 font-size: 13px;
  font-weight: 600;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.navBar a:hover {
	 color: #fff;
}
#top_cta
{
	font-weight:600;
	font-size: 13px;
	color:#fff;
	float:right;
	margin-top:7px;
	margin-right:50px;
}
	#top_cta a:last-child
{
	color:#a3dd45;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
	#top_cta a:last-child:hover
{
	color:#bcff4f;
}

.active a {
	 color: #FFF;
}

#top_cta p {
	 margin: 0;
text-align: right;
font-size: 13px;
font-weight: 600;
line-height: 120%;
font-family: Arial;
}
/* general styling */

p, li {
    line-height: 140%;
    margin-top: 25px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

pre, 
code,
tt {
    font-family: consolas, 'courier new', courier, sans-serif;
    line-height: 140%;
}

code {
    display: block;
    padding: 5px;
    border: 1px solid #e6e6e6;
}

ol {
    list-style-type: decimal;
    padding: 0 0 0 17px;
}

ul {
    padding: 0 0 0 14px;
    margin: 0 0 10px 0;
list-style-type: none;
}

a {
    color: #747474;
	 
}

a:hover {
    color: #4b9cdb;
    /*text-decoration: underline;*/

}

h1 {
    font-size: 32px;
    font-weight: bold;
}

h2 {
    font-size: 22px;
    color: #fff;
font-weight: 700;
background: #3c9be4;
margin: -15px -15px 10px -25px;
padding: 10px 0px 10px 25px;
text-align: center;
}

h2 a:hover {
	 color: #fff;
}

h3  {
    font-size: 20px;
    color: #333;
}

h4 {
    font-size: 16px;
}

h1 a, h2 a, h3 a, h4 a {
    color: #253643;
    text-decoration: none;
	 font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h2 a {
	 color: #fff;
padding: 14px 80px;
margin: -15px -15px 10px -25px;
}



a span {
  font-weight: 400;
}



/* Exceptions */

#siteinfo h1,
#siteinfo h2 {
    text-align: center;
}

#siteinfo h1 a,
#siteinfo h2 a {
    color: #fff;
    text-decoration: none;
}

#siteinfo h1 a:hover,
#siteinfo h2 a:hover {
    color: #fff;
    text-decoration: none;
}

#follow {
	 margin-left: 0px;
	 margin-bottom: -10px;
	 color: #ffffff;
	 font-size: 14px;
	 font-weight: bold;
}

#tagpage {
	margin: 40px 25px 25px 50px;
padding: 15px 15px 15px 25px;
border: 1px solid #ddd;
}


#search-results-list {
	margin: 40px 25px 25px 50px;
padding: 15px 15px 15px 25px;
border: 1px solid #ddd;
}
#search-results-list h2 {
	 margin-top: -45px;
width: 104.9%;
}

.pivotx-search-result {
	 padding-top: 20px;
}


/* used in entries */

.entry {
	 border: 1px solid #E6E6E6;
	 background-color: #FFFFFF;
	 margin: 30px 25px 10px 25px;
    padding: 15px 15px 15px 25px;
}

.widget-lg ul {
    padding: 0;
}

.meta {
    font-size: 11px;
    margin: 5px 0 0 0;	 
}

.meta a,
#footer p a {
    text-decoration: none;
}

.meta a:hover,
#footer p a:hover {
    text-decoration: none;
}

.recent_blogs {
 margin: 0 25px 0 25px;
border-style: solid;
    border-bottom: 1px solid #DDDDDD;
}

.recent_blogs h4 {
padding: 25px 0 5px 0;
color: #626263;
font-family: open sans,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: bold;
	 
}

.pagenav {
    clear: both;
    text-align: center;
    font-size: 10px;
    line-height: 140%;
    padding: 5px 0 25px 0;
}

/* layout */

.wrapper {
    margin: 0 auto;
    width: 980px;
overflow: hidden;

}
	
#siteinfo {
    padding: 50px 0 0 0;
}

#main {
    float: left;
    width: 650px;
    overflow-x: hidden;
}

#sidebar {
	 padding: 25px 0 0 25px;
float: left;
    width: 250px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;


}

#searchbox {
	border: 1px solid #e6e6e6;
	background-color: #FFFFFF;
	margin: 10px 5px 10px 5px;
}

#sidebar_categories {
	 border: 1px solid #e6e6e6;
	background-color: #FFFFFF;
padding: 10px 10px 10px 20px;
margin: 0 0 0 -20px;
width: 209px

}


.sidebar-block {
    padding: 0 25px 15px 25px;
}


/* Search bar */

.pivotx-search {
    padding: 10px;
	 	
 
}

#search-results-list {
    padding: 25px;
}

#sidebar_categoriesbox {
	 border: 1px solid #3c9be4;
	 background-color: #3c9be4;
	 margin: -10px -10px -10px -20px;
	 height: 32px;
	 color: #ffffff;
}

#tagcloud {
	padding: 15px 0 0 0;
	
	 
}

#tagcloud a {
	 text-decoration: none;
}

#sidebar h4 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 7px 0px 7px 10px;
}
#sidebar li {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-decoration: none;
display: block;
}

#sidebar li a {
text-decoration: none;
line-height: 25%;
margin-left: -20px;


}

#sidebar h4 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-decoration: none;
}


#active {
    font-weight: bold;
}

/* Override for #pages in pivotx_essentials.ccs */
#pages {
    margin-left: 100px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#pages li a {
    background-color: #f4f4f4;
    border: 1px solid #5C7F07 !important;
text-decoration: none;


}

#pages li a:hover {
    color: #5C7F07;
}
#pages li.current {
    background-color: #5C7F07;
}

.blog_number {
color: #3c9be4;
	font-weight: 900;
}


/*footer*/


footer
{
font-family: Arial;
clear: both;
	background:#29333a;
	padding:60px 0 110px
	 
}
	footer img
{
	float:left
}
	footer h4
{
	color:#fff;
	margin:3px 0 60px 10px;
	font-size:18px;
	font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	float:left
}
	footer h4 span
{
	font-weight:700
}
	footer nav
{
	clear:left;
	color:#8ea7ba;
	font-size:14px;
	font-weight:700
}
	footer nav ul li
{
color:#8EA7BA;
	font-size:14px;
	font-weight:700;
margin: 0;
padding: 0;
}

footer nav ul {
	 margin: 0;
padding: 0;
}

footer nav a {
	 text-decoration: none;
	 color: #8EA7BA;
	 line-height: 200%;
}

footer nav a:hover {
	 color: #FFF;
}
	footer nav ul li:last-child
{
	margin-bottom:0
}

.footerNav {
 	float: left;
}

.media {
	 float: right; 	
	width: 350px;
}

.media p {
 	color: #FFF;
font-size: 1.4em;
padding-left:8px;
padding-bottom: 10px;
}

.media img {
margin-right: 15px;
 	width: 32px;
}

.copyright {
 	float: right;
width: 330px;
margin-right: 145px;
margin-top: 105px;
color: rgba(255, 255, 255, 0.4);
font-size: 1em;
}

@media (max-width: 1320px) {
    #section_jump {
        display: none;
    }
}

@media (min-width: 1400px) {
    .wrap {
        width: 80%;
        max-width: 1400px;
    }
}