/*
Theme Name: Hardware-360
Description: 
Author: Timurtek
Author URI: http://hardware-360.com/
Version: 1
Tags: black, blue, white, light, one-column, flexible-width, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/
*{padding:0;margin:0;}
body{
    background: url('../images/background.jpg') repeat top left;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}
h1,h2,h3,h4,h5{font-family: 'Bitter', serif; font-style: normal;}
a{text-decoration: none;}
img{border:0;}
p{font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
ul{list-style-type: none;}

#pageWrapper{
    padding-bottom: 5em;
    width:100%;
    max-width: 1000px;
    margin: auto;
    background: #333333 url('../images/right-bg-2.jpg') repeat;
    -webkit-box-shadow: 4px 2px  #ddd,  -4px 0 2px #ddd;   
-moz-box-shadow: 4px 0 2px #222,  -4px 0 2px #222;   
box-shadow: 4px 0px 30px #888,  -4px 0px 30px #888;
}
header#topHeader{
    width:100%;
    height:30px;
background: rgb(249,249,249); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-8 */



}
header#topHeader a#logo{
    font-family: 'Oleo Script', cursive;
    font-size: 1.4em;
    float: left;
    width:129px;
    height:30px;
    text-align: center;
    color: #444;
    transition: all .5s ease;
    border-right:1px solid #ddd;
    
}
header#topHeader a#logo:hover{background-color: #ddd; }
header#topHeader nav.social{float: right;}
header#topHeader nav.social ul li{display: inline-block; height:30px; border-left: 1px solid #ddd; float: left;}
header#topHeader nav.social ul li a{padding:8px 14px; transition: all .5s ease;}
header#topHeader nav.social ul li a.facebook{
    position: relative;
    background-image: url('../images/images.png');
    background-position: 5px 7px;
    padding:8px 16px;
    }
header#topHeader nav.social ul li a.twitter{
    position: relative;
    background-image: url('../images/images.png');
    background-position: 5px -28px;
    }
header#topHeader nav.social ul li a.youtube{
    position: relative;
    background-image: url('../images/images.png');
    background-position: 4px -60px;
    padding:8px 32px;
    }
header#topHeader nav.social ul li a:hover{background-color: #eee;}
section#midSection{width:100%; height:130px; background: url('../images/ad-bg.jpg') repeat;}
section#midSection a#logo{
    width:130px;
    height:130px;
    background-color: #888;
    float:left;
}
nav#navigation{
    height:39px;
    width:100%;
    max-width: 1000px;
    display: block;
    background-color: #111;
    z-index: 5000;
    overflow: hidden;
    
}
nav#navigation ul{list-style-type: none; position: relative;}
nav#navigation ul li{padding:10px 0; display: inline-block; float: left; border-right:1px solid #333;}
nav#navigation ul li a{color:#fff; font-family: 'Bitter', sans-serif; text-transform: uppercase; font-weight: 400; font-size:1em;   padding:10px 1em;}
nav#navigation ul li a:hover{color: #fff; background-color: #44aacc;}
nav#navigation ul li a.home-link{
    background-image: url('../images/images.png');
    background-position: -33px -219px;
    background-repeat: no-repeat;
    padding:10px 1.2em;
}

/*Mobile Navigation*/
nav#navigation-mbl{display: none;}

/*categoryMenu*/
#bottomHeader{position: relative;}
#bottomHeader #categoryMenu{
    z-index: 3000;
    background-color:#44aacc;
    width:100%;
    position: absolute;
    top:39px;
    color: #fff;
    height: auto;
    display: none;
}
#bottomHeader #categoryMenu ul{padding:0; margin:0;}
#bottomHeader #categoryMenu ul li{
    vertical-align: top;
    border:none;
    display:block;
    text-align: center;
    padding: 0;
    width:100%;
}
#bottomHeader #categoryMenu ul li a{background-color: #444; color: #fff; font-family: 'Bitter', sans-serif; padding:.5em 0; width:100%; display: block;}
#bottomHeader #categoryMenu ul li a:hover{background-color: #44aacc;}

a#scrollUp{
    background-image: url('../images/images.png');
    background-position: 8px -613px;
    padding:.5em;
    position: fixed;
    bottom:3em;
    left:1em;
    width:28px;
    height:28px;
    background-color: #fff;
    z-index: 4000;
    border-radius: 100px;
    border:1px solid #ccc;
    transition: all .5s ease;
    display: none;
}
a#scrollUp:hover{
    box-shadow: 0px 0px 5px #aaa;
}

/*Search Bar*/
form#searchform{
    float: right;
    vertical-align: top;
}
form#searchform input[type="text"]{
    height:40px;
    width:140px;
    background-color: #333;
    border:none; color: #fff;
    font-size: 1.1em;
    vertical-align: top;
    float: right;}
form#searchform input[type="submit"]{
    height:40px;
    width:40px;
    background-image:url('../images/images.png');
    background-position: 10px -192px;
    background-repeat: no-repeat;
    background-color: #222;
    cursor:pointer;
    border:none;
    float: right;
    }
form#searchform input[type="submit"]:hover{
    background-color:#44aacc;
}
form#searchform input[type="submit"]:active{background-color:#111;}
/*Spotlight*/
section#spotLight{
    width:100%;
    height:340px;
}

/*Slider*/

section#slider{
    width: 100%;
    max-width: 668px;
    height:340px;
    float: left;
    background-color: #991111;
    position: relative;
    overflow: hidden;
}

section#slider .slideInfo{
    width:100%;
    height:75px;
    position: absolute;
    bottom:0;
    z-index: 4000;
    background: rgba(0,0,0,.6);
}
section#slider  .slideInfo p.author{
    float: right;
    margin:10px;
    font-family: 'Bitter', serif;
    color: #fff;
    
}
section#slider .slideInfo p.author a{
    color: #ddd;
}
section#slider .slideInfo p.author a:hover{opacity: .6;}
section#slider .slideInfo p.date{
    float:right;
    margin:2px 8px 5px 5px;
    color: #fff;
    font-style: italic;
    font-size: .85em;
    
}

/*callToAction*/
section#callToAction{
    float: right;
    height:340px;
    width:100%;
    max-width: 330px;
    background: #333 url('../images/ad-bg.jpg') repeat;
    text-align: center;
    position: relative;
}

section#callToAction .bx-wrapper{
	width:100%;
	height:80px;
	overflow: hidden;
	padding: 0;
	margin:0 0 5px 0;
}
section#callToAction .bx-wrapper .bx-controls{display: none;}

/*Main Page Latest Posts*/
section#latest-posts{
    width:100%;
    float:left;
    max-width: 480px;
    background-color: #fff;
    padding:0 10px;
    border-left: 1px solid #ccc;
    border-right:1px solid #ccc;
}
section#latest-posts h2{
    position: relative;
    left: -2%;
    margin: 0 0 0 -10px;
    padding: .5em 0;
    width: 107%;
    text-align: center;
    background-size: 100% 0px;
    color: #fff;
    background: rgb(3,187,17);
    background-image: url('../images/images.png');
    background-position: 35% -102px;
    background-repeat: no-repeat;
    

}
section#latest-posts h2:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -14px;
    z-index: -1000;
    width: 0;
    height: 0;
    border-right: 10px solid #aaa;
    border-top: 14px solid rgba(0, 0, 0, 0);
    border-bottom: 14px solid rgba(0, 0, 0, 0);
}

section#latest-posts ul{}
section#latest-posts ul li{
    display: block;
    border-bottom: 1px dotted #ddd;
    padding:.4em 0;}
section#latest-posts ul li:last-child{border-bottom: none;}
section#latest-posts ul li div.imgCrop{float: left; height: 90px; width:130px; overflow: hidden;}
section#latest-posts ul li div.imgCrop img{max-width: 100%; height: auto;}
section#latest-posts ul li div.post-items{float: right; width:70%; position: relative; height:80px;}
section#latest-posts ul li div.post-items p.post-title{font-family: 'Bitter', serif;}
section#latest-posts ul li div.post-items p.post-title a{color: #444;}
section#latest-posts ul li div.post-items p.post-title a:hover{text-decoration: underline; color: #44aacc;}
section#latest-posts ul li div.post-items p.author{position: absolute; bottom:0;  font-size: .8em; color:#aaa;}
section#latest-posts ul li div.post-items p.author a{
text-transform: uppercase;
    color: #aaa;
    font-size: .75em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
section#latest-posts ul li div.post-items p.author a:hover{color:#44aacc;}
section#latest-posts ul li div.post-items p.date{
    position: absolute;
    bottom:0;
    right:0;
    text-transform: uppercase;
    color: #aaa;
    font-size: .75em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
section#latest-posts ul li:first-child div.category-list{padding-top:.5em; }
section#latest-posts ul li div.category-list{color: #aaa;}
section#latest-posts ul li div.category-list a{
    text-transform: uppercase;
    color: #aaa;
    font-size: .75em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  }
section#latest-posts ul li div.category-list a:hover{color:#44aacc;}
section#latest-posts a.see-more{
    display: block;
    padding:.8em;
    font-family: 'Bitter', serif;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    width:80%;
    margin:.5em auto;
    transition: all .2s ease;
    background: rgb(30,87,153); /* Old browsers */

}
section#latest-posts ul li:first-child div.imgCrop{display: block; width:98%; height:280px; margin: auto; overflow: hidden; border:1px solid #ccc;}
section#latest-posts ul li:first-child div.imgCrop img{max-width: 100%; height: auto;}
section#latest-posts ul li:first-child div.post-items{float: right; width:100%; position: relative; height:70px;}
section#latest-posts ul li:first-child div.post-items p.post-title{font-family: 'Bitter', serif; display: block; padding:.5em 0;}
section#latest-posts ul li:first-child div.post-items p.post-title a{color: #444;}
section#latest-posts ul li:first-child div.post-items p.post-title a:hover{color: #44aacc;}
section#latest-posts ul li:first-child div.post-items p.author{position: absolute; bottom:0;  font-size: .9em;}
section#latest-posts ul li:first-child div.post-items p.date{
    position: absolute;
    bottom:0;
    right:0;
    text-transform: uppercase;
    color: #aaa;
    font-size: .75em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    }
section#latest-posts a.see-more:hover{opacity: .8;}

/*Main Page Popular Posts*/
section#popular-posts{
    width:100%;
    float:right;
    max-width: 478px;
    background-color: #fff;
    padding:0 10px;
    height:650px;
    
}
section#popular-posts h2{
    position: relative;
    left: 0px;
    margin: 0 0 0 -10px;
    padding: .5em 0;
    width: 106.2%;
    background-color:rgb(188,49,54) ;
    text-align: center;
    color: #fff;
    background-image: url('../images/images.png');
    background-position: 40% -143px;
    background-repeat: no-repeat;

}
section#popular-posts h2:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -14px;
    z-index: -1000;
    width: 0;
    height: 0;
    border-right: 10px solid #222;
    border-top: 14px solid rgba(0, 0, 0, 0);
    border-bottom: 14px solid rgba(0, 0, 0, 0);
}
section#popular-posts h2:after{
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 10px solid #444;
}

section#popular-posts ul{}
section#popular-posts ul li{display: block; border-bottom: 1px dotted #ddd; padding:.4em 0; font-family: 'Bitter', serif; vertical-align: top; }
section#popular-posts ul li:last-child{border-bottom: none;  }
section#popular-posts ul li a{color: #444;}
section#popular-posts ul li a:hover{color: #44aacc; text-decoration: underline;}

/*Main Page Popular Posts*/
section#giveaway-posts{
    width:100%;
    float:right;
    max-width: 478px;
    background-color: #fff;
    padding:0 10px;
    height:953px;
}
section#giveaway-posts h2{
    position: relative;
    left: 0px;
    margin: 0 0 0 -10px;
    padding: .5em 0;
    width: 106.2%;
    background: rgb(63,76,107);
    text-align: center;
    color: #fff;
    background-image: url('../images/images.png');
    background-position: 37% -561px;
    background-repeat: no-repeat;

}
section#giveaway-posts h2:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -14px;
    z-index: -1000;
    width: 0;
    height: 0;
    border-right: 10px solid #222;
    border-top: 14px solid rgba(0, 0, 0, 0);
    border-bottom: 14px solid rgba(0, 0, 0, 0);
}
section#giveaway-posts h2:after{
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 10px solid #444;
}

section#giveaway-posts ul{}
section#giveaway-posts ul li{display: block; border-bottom: 1px dotted #ddd; padding:.4em 0; font-family: 'Bitter', serif; vertical-align: top; }
section#giveaway-posts ul li:last-child{border-bottom: none;  }
section#giveaway-posts ul li a{color: #444;}
/* thumbnail styles */
img.wpp-thumbnail {
text-align: left;
}
section#giveaway-posts ul li a:hover{color:#44aacc; text-decoration: underline; position: relative;}

section#giveaway-posts a.see-more,section#popular-posts a.see-more{
     display: block;
    padding:.8em;
    font-family: 'Bitter', serif;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    width:80%;
    margin:.5em auto;
    transition: all .2s ease;
    background: rgb(30,87,153); /* Old browsers */
}
section#giveaway-posts a.see-more:hover, section#popular-posts a.see-more:hover{opacity: .8;}


/*Section mainNews*/
section#mainNews{
    background-color: #fff;
}

section#mainNews h2{
     position: relative;
    left: 0;
    margin: 0 0 0 -10px;
    padding: .5em 0;
    width: 102%;
    background-color:rgb(2,127,253);
    text-align: center;
    background-size: 100% 0px;
	    color: #fff;
}
section#mainNews h2:before,
section#mainNews h2:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -14px;
    z-index: -1000;
    width: 0;
    height: 0;
    border-right: 10px solid #888;
    border-top: 14px solid rgba(0, 0, 0, 0);
    border-bottom: 14px solid rgba(0, 0, 0, 0);
}
 
section#mainNews h2:after {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 10px solid #888;
}
section#mainNews ul li{width:45.5%; padding:2%; border-bottom: 1px dotted #aaa; height:80px;}
section#mainNews ul li:nth-child(odd){float:left;}
section#mainNews ul li:nth-child(even){float: right;}
section#mainNews ul li:nth-child(9), section#mainNews ul li:nth-child(10){border-bottom: none;}

section#mainNews ul li div.imgCrop{float: left; height: 90px; width:130px; overflow: hidden;}
section#mainNews ul li div.imgCrop img{max-width: 100%; height: auto;}
section#mainNews ul li div.post-items{float: right; width:68%; position: relative; height:80px;}
section#mainNews ul li p.post-title{display: block; font-family: 'Bitter', serif; margin-bottom: .5em;}
section#mainNews ul li p.post-title a{color:#444;}
section#mainNews ul li p.post-title a:hover{color:#44aacc; text-decoration: underline;}
section#mainNews ul li p.author{ float :left;font-size: .9em;}
section#mainNews ul li p.author a{
text-transform: uppercase;
    color: #aaa;
    font-size: .75em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
section#mainNews ul li p.author a:hover{color: #44aacc;}
section#mainNews ul li p.date{
    float:right;
    text-transform: uppercase;
    color: #aaa;
    font-size: .75em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
section#mainNews a.see-more{
    display: block;
    padding:.8em;
    font-family: 'Bitter', serif;
    color: #fff;
    text-align: center;
    background-color: #222;
}
section#mainNews a.see-more:hover{opacity: .5;}

/*Popular Posts Page*/
/*Section mainNews*/
section#popular-posts-page{
    background-color: #fff;
}

section#popular-posts-page h2{
   position: relative;
    left: 0px;
    margin: 0 0 0 -10px;
    padding: .5em 0;
    width: 102%;
    background-color:rgb(188,49,54) ;
    text-align: center;
    color: #fff;
    background-image: url('../images/images.png');
    background-position: 40% -143px;
    background-repeat: no-repeat;
}
section#popular-posts-page h2:before,
section#popular-posts-page h2:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -14px;
    z-index: -1000;
    width: 0;
    height: 0;
    border-right: 10px solid #888;
    border-top: 14px solid rgba(0, 0, 0, 0);
    border-bottom: 14px solid rgba(0, 0, 0, 0);
}
 
section#popular-posts-page h2:after {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 10px solid #888;
}
section#popular-posts-page ul.wpp-list li{width:45.5%; padding:2%; border-bottom: 1px dotted #aaa; height:30px;}
section#popular-posts-page ul.wpp-list li:nth-child(odd){float:left;}
section#popular-posts-page ul.wpp-list li:nth-child(even){float: right;}
section#popular-posts-page ul.wpp-list li a{font-family: "Bitter", serif; color: #444;}
section#popular-posts-page ul.wpp-list li a:hover{color: #44aacc; text-decoration: underline;}


/*Advertisement Page*/
section#advertisement{
    width: 100%;
    background-color: #fff;
    padding:1em 0%;
}
section#advertisement h2{
     position: relative;
    left: 0;
    margin: 0 0 0 -10px;
    padding:.35em 0;
    width: 102%;
    text-align: center;
    background-size: 100% 0px;
    border-top: 1px solid #777;
    border-bottom: 1px solid #555;
    color: #fff;
background: rgb(69,72,77); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTVlNWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(94,94,94,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(94,94,94,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(94,94,94,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(94,94,94,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(94,94,94,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(94,94,94,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#5e5e5e',GradientType=0 ); /* IE6-8 */

}
section#advertisement h2:before ,
section#advertisement h2:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -14px;
    z-index: -1000;
    width: 0;
    height: 0;
    border-right: 10px solid #4ac;
    border-top: 14px solid rgba(0, 0, 0, 0);
    border-bottom: 14px solid rgba(0, 0, 0, 0);
}
section#advertisement h2:after {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 10px solid #4ac;
}

/*Advertisements*/
.ad728x90{
    width:100%;
    max-width: 728px;
    height:90px;
    float: right;
    padding:20px;
}
section#midAd{
    height:auto;
    width: 100%;
    max-width: 1000px;
    padding:15px 0;
    background: #333 url('../images/ad-bg.jpg') repeat;
    text-align: center;
}
/*SLIDER*/

.bx-wrapper {
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	width: 100%;
	display: block;
	cursor: pointer;
	z-index: 800;
}
.bx-wrapper ul#slider1{
	width:100%;
	max-width: 670px;
}
.bx-wrapper ul#slider1 li{overflow: hidden; height:340px;}
.bx-wrapper ul#slider1 li h2{
    position: absolute;
    left: -5px;
    margin: 0 0 0 -10px;
    padding: .5em 0;
    width: 106.2%;
    background:rgba(0,0,0,.5);
    text-align: center;
    background-size: 100% 0px;
    color: #fff;
}
.bx-wrapper ul#slider1 li h2 a{color: #fff; font-weight: 300;}
.bx-wrapper ul#slider1 li h2:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -14px;
    z-index: -1000;
    width: 0;
    height: 0;
    border-right: 10px solid #aaa;
    border-top: 14px solid rgba(0, 0, 0, 0);
    border-bottom: 14px solid rgba(0, 0, 0, 0);
}
.bx-wrapper ul#slider1 li h2:after{
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 10px solid #ccc;
}
.bx-wrapper ul#slider1 li a:hover h2{text-shadow: 0px 0px 22px rgba(150, 150, 150, 1);}


/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	width: 100%;
	bottom:20px;
}

/* LOADER */

.bx-wrapper .bx-loading {
	background: #fff url('../images/ajax-loader.gif') center center no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	z-index: 1500;
	position: absolute;
	bottom: 10px;
	left: 10px;
	
	
	
	
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	background-color: #4ac;
	padding: 2px;
	border-radius: 100px;
	margin-right: 5px;

	
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #286478;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	outline: 0;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 20px;
	border: 1px solid #4ac;
	
	
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #ffffff;
-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	border-radius: 50px;
	background-color: rgba(0,0,0,.3);
	 background-image: url('../images/images.png');
    background-position: 8px -239px;
    background-repeat: no-repeat;
}

.bx-wrapper .bx-next {
	right: 10px;
	border-radius: 50px;
	background-color: rgba(0,0,0,.3);
	 background-image: url('../images/images.png');
    background-position: 11px -284px;
    background-repeat: no-repeat;
}

.bx-wrapper .bx-prev:hover {
	opacity: 1;
}

.bx-wrapper .bx-next:hover {
	opacity: .8;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: 10px;
	outline: 0;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
	z-index: 999;
	-webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
	
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
	margin-bottom: 15px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
	
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
}

/*AJAX LOAD MORE*/
/* Category */
section#category{position: relative;}
section#category h2{
     position: relative;
    left: 0;
    margin: 0 0 0 -10px;
    padding:.35em 0;
    width: 102%;
    text-align: center;
    background-size: 100% 0px;
    border-top: 1px solid #777;
    border-bottom: 1px solid #555;
    color: #fff;
background: rgb(69,72,77); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTVlNWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(94,94,94,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(94,94,94,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(94,94,94,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(94,94,94,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(94,94,94,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(94,94,94,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#5e5e5e',GradientType=0 ); /* IE6-8 */

}
section#category h2:before ,
section#category h2:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -14px;
    z-index: -1000;
    width: 0;
    height: 0;
    border-right: 10px solid #4ac;
    border-top: 14px solid rgba(0, 0, 0, 0);
    border-bottom: 14px solid rgba(0, 0, 0, 0);
}
section#category h2:after {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 10px solid #4ac;
}

/*Author*/
section#authorPage{position: relative;}
section#authorPage .authorInfo{
     position: relative;
    left: 0;
    margin: 0 0 0 -10px;
    padding:.8em 0;
    height:80px;
    width: 102%;
    text-align: center;
    background-size: 100% 0px;
    border-top: 1px solid #777;
    border-bottom: 1px solid #555;
    color: #fff;
background: rgb(69,72,77); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */


}
section#authorPage .authorInfo:before ,
section#authorPage .authorInfo:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -14px;
    z-index: -1000;
    width: 0;
    height: 0;
    border-right: 10px solid #4ac;
    border-top: 14px solid rgba(0, 0, 0, 0);
    border-bottom: 14px solid rgba(0, 0, 0, 0);
}
section#authorPage .authorInfo:after {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 10px solid #4ac;
}

section#authorPage .authorInfo .author-avatar{position: absolute; top:7px; left:10px;}
section#authorPage .authorInfo .author-title{
    background-color: #44aacc;
     position: relative;
    left: 0;
    margin: 0 0 0 -10px;
    width: 102%;
    text-align: center;
    background-size: 100% 0px;
    color: #fff;
    -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;


}
section#authorPage .authorInfo .author-title:before ,
section#authorPage .authorInfo .author-title:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -14px;
    z-index: -1000;
    width: 0;
    height: 0;
    border-right: 10px solid #444;
    border-top: 14px solid rgba(0, 0, 0, 0);
    border-bottom: 14px solid rgba(0, 0, 0, 0);
}
section#authorPage .authorInfo .author-title:after {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 10px solid #444;
}

section#authorPage .authorInfo div.post-count{
    position: absolute;
    bottom:10px;
    right:20px;
    font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}
/*Main Page Latest Posts*/
ul.listing{
    width:100%;
    float:left;
    background-color: #fff;
    padding:.5em 0;
}
ul.listing li{}
ul.listing li:nth-child(odd){width:47.8%; float:left; padding:.5em 1%; border-right:1px solid #eee; }
ul.listing li:nth-child(even){width:47.8%; float:right; padding:.5em 1%;}
ul.listing li a{transition: all .5s ease;}
ul.listing li a:hover{color:#44aacc; text-decoration: underline;}
ul.listing li{ border-bottom: 1px dotted #ddd; padding:.4em 0;}
ul.listing li div.imgCrop{float: left; height: 90px; width:30%; overflow: hidden;}
ul.listing li div.imgCrop img{max-width: 100%; height: auto;}
ul.listing li div.post-items{float: right; width:68%; position: relative; height:80px;}
ul.listing li div.post-items p.post-title{font-family: 'Bitter', serif;}
ul.listing li div.post-items p.post-title a{color: #444;}
ul.listing li div.post-items p.post-title a:hover{color: #44aacc;}
ul.listing li div.post-items p.author{position: absolute; bottom:0;  font-size: .9em;}
ul.listing li div.post-items p.author a{color: #bbb;}
ul.listing li div.post-items p.author a:hover{color: #44aacc; text-decoration: underline;}
ul.listing li div.post-items p.date{position: absolute; bottom:0; right:0;font-size: .9em; color: #aaa;}


ul.listing li:first-child div.imgCrop,
ul.listing li:nth-child(2) div.imgCrop{display: block; width:100%; height:260px; margin: auto; overflow: hidden; text-align: center; border:1px solid #ddd;}
ul.listing li:first-child div.imgCrop img,
ul.listing li:nth-child(2) div.imgCrop img{max-width: 100%; height: auto; margin: auto;}
ul.listing li:first-child div.imgCrop a:hover img,
ul.listing li:nth-child(2) div.imgCrop a:hover img{opacity: .6;}
ul.listing li:first-child div.post-items,
ul.listing li:nth-child(2) div.post-items{float: right; width:100%; position: relative; height:70px;}
ul.listing li:first-child div.post-items p.post-title,
ul.listing li:nth-child(2) div.post-items p.post-title{font-family: 'Bitter', serif; display: block; padding:.5em .35em;}
ul.listing li:first-child div.post-items p.post-title a,
ul.listing li:nth-child(2) div.post-items p.post-title a{color: #444;}
ul.listing li:first-child div.post-items p.post-title a:hover,
ul.listing li:nth-child(2) div.post-items p.post-title a:hover{color: #44aacc;}
ul.listing li:first-child div.post-items p.author,
ul.listing li:nth-child(2) div.post-items p.author{position: absolute; bottom:0;  font-size: .9em; color: #bbb;}
ul.listing li:first-child div.post-items p.author a,
ul.listing li:nth-child(2) div.post-items p.author a{color: #777;}
ul.listing li:first-child div.post-items p.date,
ul.listing li:nth-child(2) div.post-items p.date{position: absolute; bottom:0; right:0;font-size: .9em; color: #bbb;}
                
/* Load More Posts Button */
section#ajax-load-more{position: relative;}
#load-more{ 
        display: block;
    padding: 0;
    font-family: 'Bitter', serif;
    color: #fff;
    text-align: center;
    background-color: #4ac;
    cursor: pointer;
    width:100%;
    max-width: 1000px;
    position: relative;
    bottom:0;
    height:30px;
    z-index: 4000;
}
        #load-more:hover{
                color:#fff;
        }
        #load-more span{                
                display: block;
                height: 10px;
		position: absolute;
		color: #fff;
		top:5px;
		width:100px;
		left:50%;
		margin-left:-50px;
        }
        #load-more span.loader{
                height:32px;
                width: 32px;
                background: none;
                margin:2px 0 0 10px;
        }
        #load-more.loading span.loader{
                background: url(images/ajax-loader.gif) no-repeat left center;
                color:#000;
        }
        #load-more.done{
                cursor: default;
                opacity: 0.3;
                filter: alpha(opacity=30);
                color:#555 !important;
                
        }
        #load-more.done span.loader{                
                background: none;
        }
/*BreadCrumbs*/
.breadcrumbs{
    border-bottom: 1px dashed #ddd;
    padding-bottom: .5em;
}

/*CONTENT*/
section#content{
    float:left;
    width:65.9%;
    background-color: #fff;
    padding:2%;
    border-right:1px dashed #ddd;
}
section#content a{color:#44aacc;}
section#content a:hover{opacity: .5;}
section.entry-content{
    background: #fff;
    padding:2%;
    width:96%;
}
section.entry-content img{max-width: 100%; margin: auto;}
section.entry-content p{line-height: 1.4em; margin:.5em 0; width: 100%; position: relative; color:#343434;}

article header h1{ display: block; padding:.5em; background-color: #fff; font-size: 1.5em; color: #444;}

section.entry-meta{
    width:98%; padding:1% 1%;
    background-color: #fff;
    border-bottom: 1px dashed #ddd;
    border-top: 1px dashed #ddd;
}
section.entry-meta .author{
    background-image: url('../images/images.png');
    background-position: 2px -509px;
    background-repeat: no-repeat;
    padding-left:25px;
    font-family:"HelveticaNeue",'Helvetica Neue',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    float: left;
}
section.entry-meta .author a{color: #777; font-size: .85em;}
section.entry-meta .author a:hover{color: #44aacc;}

section.entry-meta .entry-date{
    font-family:"HelveticaNeue",'Helvetica Neue',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    float: right;
    font-size: .85em;
}
.post-edit-link{
    position: fixed;
    top:100px;
    left:20px;
    background-color: #44aacc;
    color: #fff;
    padding:10px;
    border-radius: 10px;
}
section#content div.author-post-img{
    width:30%;
    display: block;
    border:1px solid #ddd;
    margin: auto;
    height:100px;
    overflow: hidden;
    float:left;}
section#content div.author-post-img img{max-width: 100%;}
section#content .type-post{border-bottom: 1px solid #ddd; padding:1em 0;}
section#content .type-post section.entry-summary p{ font-size: .95em;}

/*Content Pagination*/
.entry-links{background: #333333 url('../images/right-bg-2.jpg') repeat;border-radius: .35em; width: auto;}
.entry-links div.pages{
    cursor: pointer;
    text-transform: uppercase;
    font-family: "Bitter", serif;
    padding:.7em;
    background-image: url('../images/images.png');
    background-position: -33px -283px;
    background-repeat: no-repeat;}
.entry-links div.pages a{
    color:#44aacc;
    padding-left:30px;}
.entry-links div.pages .page-link,
.entry-links div.pages .page-link ul{text-transform: uppercase; display: none; transition: all .5s ease; padding:.5em; list-style-type: none;}
.entry-links div.pages:hover .page-link,
.entry-links div.pages .page-link ul li{display: block; color: #fff; clear: both;}
.entry-links div.pages .page-link a,
.entry-links div.pages .page-link ul li a{display: block; color: #44aacc; text-transform: uppercase; font-family: "Bitter", serif; transition: all .2s ease;}
.entry-links div.pages .page-link a:hover,
.entry-links div.pages .page-link ul li a:hover{color: #fff; padding-left:-30px; margin-left:-30px;}

/*Content Social Share*/
section#content div.mr_social_sharing_wrapper{
    display: block;
    border-top:1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding:.5em 0;
    text-align: center;
    background-image: url('../images/images.png');
    background-position: 2px -408px;
    background-repeat: no-repeat;}
section#content div.mr_social_sharing_wrapper div.mr_social_sharing_top{display: inline-block; vertical-align: bottom;}

/*Content Table*/

select.table-of-paginated-contents{
    width:220px;
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font: .9em Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
display: block;
background: #fff;}
select.table-of-paginated-contents option{
    font:1.1em Helvetica, Arial, sans-serif;
    color: #777;
    }
table{border:none;}
table#tableLeftRight{
    margin:20px auto;
    font-family:"HelveticaNeue-Light",'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 1.1em;
    color: #555;
     border-collapse: separate;
    border-spacing: 10px;
    *border-collapse: expression('separate', cellSpacing = '8px');
}
table#tableLeftRight tr td {border: 1px solid #ddd; padding:10px; text-align: center; border-radius: .3em;}
table#tableLeftRight tr{padding: 5px; transition: all .1s ease; }
table#tableLeftRight tr:nth-child(even){background-color: #eee;}
table#tableLeftRight tr td:first-child{
    color: #fff;
    background: #222333; /* Old browsers */
    font-family: 'Bitter', serif;
}
table#tableLeftRight tr:hover{
background: rgb(30,87,153); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */
color: #fff;

}


section#article-sidebar{
    float: right;
    width:30%;
}
section#article-sidebar section#sidebar-popular-posts{
    width:100%;
    display: block;
    margin:0;
}
section#article-sidebar section#sidebar-popular-posts h2{
    background-color:rgb(188,49,54) ;
    text-align: center;
    color: #fff;
    background-image: url('../images/images.png');
    background-position: 10% -143px;
    background-repeat: no-repeat;
    padding: .5em 0;
    width:100%;
    margin:0;
}
section#article-sidebar section#sidebar-popular-posts ul.wpp-list{background-color: #fff; font-family: 'Bitter', serif;}
section#article-sidebar section#sidebar-popular-posts ul.wpp-list li{padding:4%; border-bottom: 1px dashed #ddd; vertical-align: top; text-align: center;}
section#article-sidebar section#sidebar-popular-posts ul.wpp-list li a img.wpp-thumbnail{float: left; margin:.25em .35em;}
section#article-sidebar section#sidebar-popular-posts ul.wpp-list li:last-child{border-bottom: none;}
section#article-sidebar section#sidebar-popular-posts ul.wpp-list li a{color: #444;}
section#article-sidebar section#sidebar-popular-posts ul.wpp-list li a:hover{color: #44aacc; text-decoration: underline;}

footer.entry-footer{display: block;}
footer.entry-footer div.cat-links{display: block; border-bottom: 1px dashed #ddd; padding-bottom: .4em; margin-bottom: .4em;}
footer.entry-footer div.cat-links a, footer.entry-footer div.tag-links a{color: #44aacc; text-transform: uppercase;  font-family:"HelveticaNeue",'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: .75em;}
footer.entry-footer div.cat-links a:hover, footer.entry-footer div.tag-links a:hover{opacity: .5;}
footer.entry-footer div.tag-links{display: block; border-bottom: 1px dashed #ddd; padding-bottom: .4em; margin-bottom: .4em;}
/*userPhoto*/
#userInfo{
    position: relative;
}
#userInfo h1.author-title{
    float: left;
    font-size: 2em;
    color: #fff;
    margin:1em 0 0 2em;
}
section#userPhoto{
    border-radius: 100px;
    border:5px solid #fff;
    width:120px;
    height:120px;
    overflow: hidden;
    margin:.5em .5em 1em 2em;
    float: left;
}
#userInfo .author-avatar{ position: absolute; z-index: 2000; top:0;}
#userInfo .author-avatar img{border-radius: 100px; border:5px solid #fff; width:80px; height:80px;}

/*PAGE REVIEWS*/
#reviews{
    width:100%;
    background-color: #fff;
}
#reviews li{display: inline-block; height:380px; position: relative; background-color: #fff; border-bottom: 1px solid #ddd; font-family:"HelveticaNeue-Light",'Helvetica Neue',Helvetica,Arial,sans-serif;}
#reviews ul li:nth-child(even){float:right; border-right:1px solid #ddd; width: 49.9%;}
#reviews ul li:nth-child(odd){float:left;width: 49.9%; border-right:1px solid #ddd;}
#reviews ul li .imgCrop{display: block; width:100%; height:240px; max-width: 450px; margin: 15px auto 0 auto; overflow: hidden;}
#reviews ul li .imgCrop a img{width:100%; transition: all .5s ease;}
#reviews ul li .imgCrop a:hover img{opacity: .6;}

#reviews ul li .post-items{display: block; padding:1em; border-top:1px solid #ddd;}
#reviews ul li .post-items a{font-family: 'Bitter', serif; color: #444;}
#reviews ul li .post-items a:hover{color: #44aacc; text-decoration: underline;}

#reviews ul li .post-items div.author{font-size:.95em; color: #aaa; margin:.4em 0; bottom:1em; left:.3em; position: absolute;}
#reviews ul li .post-items div.author div.author-img{
    width:45px;
    height:45px;
    overflow: hidden;
    border-radius: 100px;
    float: left;
    border:5px solid #eee;
    transition: all .5s ease;
    display: inline-block;
    z-index: 5000;
    position: absolute;}
#reviews ul li .post-items div.author div.author-img:hover{
    border:5px solid #44aacc;
    }
#reviews ul li .post-items div.author div.author-img img{max-width: 125%; height:auto; margin-left:-12.5%;}
#reviews ul li .post-items div.author div.author-link{padding:1.2em 0 0 .5em; display: inline-block; margin-left:60px;}
#reviews ul li .post-items p.title{display: block;}
#reviews ul li .post-items p.date{display: block; font-size: .85em; color: #aaa; position: absolute; bottom:.5em; right:1em; text-transform: uppercase; font-family:"HelveticaNeue-Light",'Helvetica Neue',Helvetica,Arial,sans-serif;}
#reviews ul li div.category-list{display: block; padding:0 1em; position: absolute; bottom:.5em; right:.1em; color: #aaa;}
#reviews ul li div.category-list a{font-size: .9em;text-transform: uppercase; color: #aaa; }
#reviews ul li div.category-list a:hover{color: #44aacc;}
/*Facebook Like*/
div.fb-like-box{background-color: #fff;border-right: 1px solid #ddd;}
.fb-title{color: #777; margin-bottom: .5em;}
/*CONTENT NAV*/
#nav-below{
    font-family: 'Bitter', serif;
    position: relative;
    border: 1px solid #ddd;
    border-radius: .35em;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top:1em;}
#nav-below .nav-previous{
    float:left;
    width:45.5%;
    padding:2% 1% 2% 3%;
    border-right:1px solid #ddd;
    }
#nav-below .nav-next{
    float: right;
    width:46%;
    padding:2% 1% 2% 3%;
    }
#nav-below .nax-next a{}
#nav-below a{color: #444; display: block;}
#nav-below a:hover{color: #44aacc;}

/*CONTACT*/
section#contact{
    background-color: #fff;
    padding:1%;
}

section#contact input{margin:.5em 0; border-radius: .35em; border:1px solid #ccc; padding:0 .5em;}
section#contact input[type="text"]{
    width:100%;
    max-width: 300px;
    height:30px;
}
section#contact input[type="email"]{
    width:100%;
    max-width: 300px;
    height:30px;
}
section#contact input[type="number"]{
    width:100%;
    max-width: 300px;
    height:30px;
}
section#contact input[type="submit"]{
    padding:.8em 1.5em;
    background-color: #44aacc;
    color: #fff;
    border:0;
    cursor: pointer;
}
section#contact input[type="submit"]:hover{opacity: .7;}
section#contact textarea{
    width:100%;
    max-width: 500px;
    height:250px;
    margin-top:.5em;
    border-radius: .35em;
    padding:.5em;
    border:1px solid #ccc;
}

/*FOOTER*/
footer#footer{
    width:100%;
    background-color: #fff;
    position: relative;
}
footer#footer nav.footerNavigation{float: right;width:50%; background-color: #fff;}
footer#footer nav.footerNavigation ul{text-align: center;}
footer#footer nav.footerNavigation ul li{
    display: inline-block;
    font-family: 'Bitter', serif;
    text-transform:uppercase;
    padding:.5em .5em;
    color:#444;
    vertical-align: top;}
footer#footer nav.footerNavigation ul ul{border-top:1px solid #ccc;}
footer#footer nav.footerNavigation ul ul li{
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: capitalize;
    font-size: .8em;}

footer#footer nav.footerNavigation ul ul li a{color:#555;}
footer#footer nav.footerNavigation ul ul li a:hover{color: #44aacc;}
footer#footer section#facebookFeed{
    float: left;
     width:40%;
     background-color: #fff;
}
footer#footer p.copyrights{
    float: right;
    width:59%;
    position: absolute;
    bottom:0;
    z-index: 3000;
    right:0;
    text-align: right;
    color:#777;
    font-size: .85em;
    padding:.35em;
    border-top: 1px dotted #ccc;
    background-color: #fff;}
footer#footer p.copyrights a{color: #eee;}
/*Search Page*/
section#searchPage{
    background-color: #fff;
    color: #444;
    padding:1em 0;
}

section#searchPage ul li{width:45.5%; padding:2%; border-bottom: 1px dotted #aaa; height:80px;}
section#searchPage ul li:nth-child(odd){float:left;}
section#searchPage ul li:nth-child(even){float: right;}
section#searchPage ul li:nth-child(9), section#mainNews ul li:nth-child(10){border-bottom: none;}

section#searchPage ul li div.imgCrop{float: left; height: 90px; width:130px; overflow: hidden;}
section#searchPage ul li div.imgCrop img{max-width: 100%; height: auto;}
section#searchPage ul li div.post-items{float: right; width:68%; position: relative; height:80px;}
section#searchPage ul li p.post-title{display: block; font-family: 'Bitter', serif; margin-bottom: .5em;}
section#searchPage ul li p.post-title a{color:#444;}
section#searchPage ul li p.post-title a:hover{color:#44aacc; text-decoration: underline;}
section#searchPage ul li p.author{ float :left;font-size: .9em;}
section#searchPage ul li p.author a{
text-transform: uppercase;
    color: #aaa;
    font-size: .75em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
section#searchPage ul li p.author a:hover{color: #44aacc;}
section#searchPage ul li p.date{
    float:right;
    text-transform: uppercase;
    color: #aaa;
    font-size: .75em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }


/*GENERAL CLASS/IDS*/
.clear{clear: both;}


/*RESPONSIVE*/


@media all and (max-width: 570px){
    #pageWrapper{
    width: 100%;
    max-width: 570px;
    margin: auto;
    padding:0;
    padding-top:40px;
}
nav#navigation,
header#topHeader,
section#midSection,
div.bx-pager,
div.slideInfo,
div.category-list,
section#midAd, .bx-controls-auto, .breadcrumbs,
section#callToAction,
section#content div.mr_social_sharing_wrapper{
    display: none;
}
section#spotLight{height:auto;}

section#latest-posts{display: block; float: none;}
section#latest-posts h2{background-position:20% -102px;}
section#latest-posts ul li .imgCrop{display: block;}
section#latest-posts ul li:first-child div.imgCrop{height:150px;}
section#latest-posts ul li div.post-items{ width:57%;}
section#latest-posts ul li p.author{display: none;}

section#giveaway-posts h2{background-position:30% -561px;}

section#popular-posts ul li, section#giveaway-posts ul li, section#latest-posts ul li{width:94%; padding: 2% 3%; line-height: 20px; text-align: center;}
section#popular-posts, section#giveaway-posts{height:auto;}

section#mainNews, section#giveaways, section#latest-posts{padding:0;}
section#mainNews h2, section#giveaways h2, section#latest-posts h2{width:104%;}
section#mainNews ul li{width:100%; display: block; height:90px; padding:0; }
section#mainNews ul li .imgCrop{float:left;}
section#mainNews ul li div.post-items {width:57%;}
section#slider{height:300px;}

/*Mobile Navigation*/
nav#navigation-mbl{display: block; position: fixed; top:0; left:0; width:100%; height:38px; background-color: #222; color:#fff; z-index: 40000;}
nav#navigation-mbl a#logo{float: left; height:38px;}
nav#navigation-mbl ul{display: none; position: fixed; top:38px; width:100%;left:0; background-color: #444;}
nav#navigation-mbl ul li{
    display: block;
    width:100%;
    text-align: center;
    border-bottom: 1px dashed #000;
    z-index: 50000;
}
nav#navigation-mbl ul li.search-mbl{
    
}
nav#navigation-mbl ul li.search-mbl input[type="text"]{height:40px; width:98%; max-width: 60%; float: left;background-color: #111; border:none; color: #fff; padding:0 1%;}
nav#navigation-mbl ul li.search-mbl input[type="text"]:focus{border:none;}
nav#navigation-mbl ul li.search-mbl input[type="submit"]{
    width:38%;
    float: right;
     border: 1px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 10.5px 21px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;}
nav#navigation-mbl ul li.search-mbl input[type="submit"]:hover{color:#fff;}
nav#navigation-mbl ul li a{font-family: 'Bitter', serif; text-transform: uppercase; color: #fff; display: block; padding:1em 0;}
nav#navigation-mbl ul li a:hover{background-color: #333; }
a.mbl-menu{
    background-image: url('../images/images.png');
    background-position: -2px -667px;
    float: right;
    width:50px;
    height:38px;
}

/*listing*/
section#ajax-load-more ul.listing li{
    width:97.5%;
    float:none;
    
}
section#ajax-load-more ul.listing li:nth-child(1) .imgCrop{height:250px; width:98%;}
section#ajax-load-more ul.listing li:nth-child(2) .imgCrop{float:left;width:130px;height:90px; overflow: hidden;}
section#ajax-load-more ul.listing li:nth-child(2) .post-items{width:68%; float:right;}

/*CONTENT*/
section#content{width:96%;}

/*Article Sidebar*/
section#article-sidebar{width:100%;}
footer#footer{display: none;}




}

@media all and (max-width: 800px) and (min-width: 571px){
    section#midSection a#logo, section#callToAction, div.fb-like-box,.ad300x250-1, .ad300x250-2, footer#footer{display: none;}
section#spotLight{
    width:100%;
    max-width: 800px;
}
section#slider{
    max-width:800px;
}
section#latest-posts{max-width: 98%; padding:0 1%;}
section#latest-posts h2{width:100%; margin:0; left:0;}
section#latest-posts ul li div.post-items
,section#mainNews ul li div.post-items{width:81%;}
section#popular-posts{ max-width: 47%; height:auto;}
section#giveaway-posts{max-width: 47%; float:left; height: auto;}
section#mainNews ul li{width:96%;}
section#content{width:96%;}
section#article-sidebar{float:left; width:100%;}
    
    
    
}