/*********************************************************************************************

Theme Name: Dromble
Theme URI: http://www.Dromble.com
Version: 1.0.3
Author: WPZOOM
Author URI: http://www.Dromble.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*******************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file.

**********************************************************************************************

1. Toolbox CSS  -----------------------  All Theme Files
2. Global Styles ----------------------  All Theme Files
3. Header -----------------------------  header.php
4. Homepage -- ------------------------  index.php
5. Single Posts -----------------------  single.php
6. Comments ---------------------------  comments.php
7. Sidebar & Widgets ------------------  sidebar.php
8. Footer  ----------------------------  footer.php
9. Media Queries  ---------------------  All Theme Files

**********************************************************************************************/

/********************************************************************************************* 

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/
 
/* Reset & General Styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 10f0%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }




.alignleft wp-image-9686 {
background-color: #000;
border: 10px #fff;
}





.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d; 
    			-ms-transform-style: preserve-3d; 

			border: 0px solid #ccc;
		}

			/*
			.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				transform: rotateY(180deg);
				filter: FlipH;
    			-ms-filter: "FlipH";
			}
			*/


			/* START: Accommodating for IE */
			.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
		
		/* END: Accommodating for IE */

		.flip-container, .front, .back {
			width: 330px;
			height: 200px;
		}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;

		    transition: 0.6s;
		    transform-style: preserve-3d;

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
background: url(http://www.dromble.com/_hostcontent/siteimages/followdrombleimage4.jpg) 0 0 no-repeat;
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			z-index: 2;
		}

		.back {
			background: lightblue;
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		}

		.front .name {
			font-size: 2em;
			display: inline-block;
			background: rgba(33, 33, 33, 0.9);
			color: #f8f8f8;
			font-family: Courier;
			padding: 5px 10px;
			border-radius: 5px;
			bottom: 60px;
			left: 25%;
			position: absolute;
			text-shadow: 0.1em 0.1em 0.05em #333;
			display: none;

			-webkit-transform: rotate(-20deg);
			-moz-transform: rotate(-20deg);
			-ms-transform: rotate(-20deg);
			transform: rotate(-20deg);
		}



#back-twitter {
			position: absolute;
			left: 0px;
			width: 330px;
			height: 200;
			background-image: url('http://www.dromble.com/_hostcontent/siteimages/atdromblebutton1.png');
		}

		.back-logo {
		position: absolute;
		left: 0px;
		width: 330px;
		height: 200;
		background: url(http://www.dromble.com/_hostcontent/siteimages/twittersidebar6april2014.jpg) 0 0 no-repeat;
}



		.back-title {
			width: 130px;
			padding: 0px 0px 0px 100px;
			font-weight: bold;
			color: #00304a;
			position: absolute;
			top: 125px;
			left: 0;
			right: 0;
			text-align: center;
			text-shadow: 0.1em 0.1em 0.05em #acd7e5;
			font-family: Courier;
			font-size: 2em;
			
		}
		


		.back p {
			position: absolute;
			bottom: 40px;
			left: 0;
			right: 0;
			text-align: center;
			padding: 0 20px;
		}

		/* vertical */
		.vertical.flip-container {
			position: relative;
		}

			.vertical .back {
				-webkit-transform: rotateX(180deg);
				-moz-transform: rotateX(180deg);
				-ms-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}

			.vertical.flip-container .flipper {
				-webkit-transform-origin: 100% 213.5px;
				-moz-transform-origin: 100% 213.5px;
				-ms-transform-origin: 100% 213.5px;
				transform-origin: 100% 213.5px;
			}

			/*
			.vertical.flip-container:hover .flipper {
				-webkit-transform: rotateX(-180deg);
				-moz-transform: rotateX(-180deg);
				-ms-transform: rotateX(-180deg);
				transform: rotateX(-180deg);
			}
			*/

			/* START: Accommodating for IE */
			.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
			    -webkit-transform: rotateX(0deg);
			    -moz-transform: rotateX(0deg);
			    -o-transform: rotateX(0deg);
			    -ms-transform: rotateX(0deg);
			    transform: rotateX(0deg);
			}

			.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
			    -webkit-transform: rotateX(180deg);
			    -moz-transform: rotateX(180deg);
			    -o-transform: rotateX(180deg);
			    transform: rotateX(180deg);
			}













#text-thumbnails-slider {display: none}

.featured-dromble {
background-color: #f8f8f8;
padding-left: 0px;
padding-right: 0px;
border-style:solid;
border-top-width:15px;
border-bottom-width: 15px;
border-left-width: 15px;
border-right-width: 15px;
border-color: transparent;
    margin-bottom: 1.5em;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)}
.featured-dromble a,.featured-dromble .top-nav-element .clickable,.top-nav-element .featured-dromble .clickable {
    display: block;
    position: relative;
    height: 100%}
.featured-dromble .featured-slide {
    background: #000;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box}
.featured-dromble .featured-slide .featured-image {
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    /*position: relative;*/
    width: 100%}
.featured-dromble .featured-slide .featured-image img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin: auto;
    opacity: .5;
    width: 100%;
    height: auto}
.featured-dromble .featured-slide:hover {
    background: #222}
.featured-dromble .featured-slide:hover img {
    opacity: .7}
.featured-dromble .featured-slide .featured-content {
    padding: 30px;
    position: absolute;
    bottom: 0;
    z-index: 2}
.featured-dromble .featured-slide .featured-title h3 {
    color: #fff;
    line-height: 1.2em;
    margin-bottom: 5px;
    text-shadow: 0 1px 0 rgba(0,0,0,.3)}
.featured-dromble .featured-slide .featured-meta {
    color: #ccc;
    font-size: 12px}
.featured-dromble .large {
    max-width: 100%;
    width: 100%;
    height: 220px;
    margin: 0}
.featured-dromble .large .featured-title h3 {
    font-size: 24px}
.featured-dromble .medium {
    float: left;
    max-width: 50%;
    width: 100%;
    height: 132px;
    margin: 0}
.featured-dromble .medium .featured-title h3 {
    font-size: 14px}
.featured-dromble .small {
    float: left;
    max-width: 33.333333%;
    width: 100%;
    height: 100px;
    margin: 0}
.featured-dromble .small .featured-content {
    padding: 15px}
.featured-dromble .small .featured-title h3 {
    font-size: 14px}












#featured-slider .slider a,#featured-slider .slider .top-nav-element .clickable,.top-nav-element #featured-slider .slider .clickable,#featured-slider .slide,#featured-slider .slider-image-background {
    height: 100%;
    position: relative;
    width: 100%}
#featured-slider {
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)}
#featured-slider .flag {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)}
#featured-slider .slider {
    height: 250px;
    position: relative}
#featured-slider .slider .rsBullets {
    display: block}
#featured-slider .slider>.slide {
    display: block;
    position: relative}
#featured-slider .slider a,#featured-slider .slider .top-nav-element .clickable,.top-nav-element #featured-slider .slider .clickable {
    display: block;
    padding: 0;
    -webkit-box-shadow: inset 0 0 200px rgba(0,0,0,.6);
    -moz-box-shadow: inset 0 0 200px rgba(0,0,0,.6);
    -ms-box-shadow: inset 0 0 200px rgba(0,0,0,.6);
    -o-box-shadow: inset 0 0 200px rgba(0,0,0,.6);
    box-shadow: inset 0 0 200px rgba(0,0,0,.6)}
#featured-slider .slider a h3,#featured-slider .slider .top-nav-element .clickable h3,.top-nav-element #featured-slider .slider .clickable h3 {
    background-color: #000;
    background: rgba(0,0,0,.6);
    bottom: 30px;
    color: #fff;
    line-height: 1.3em;
    margin: 0;
    max-width: 70%;
    padding: 15px 30px;
    position: absolute;
    z-index: 33;
    left: 0}
#featured-slider .slider a p.credit,#featured-slider .slider .top-nav-element .clickable p.credit,.top-nav-element #featured-slider .slider .clickable p.credit {
    color: #fff;
    margin: 10px 60px}
#featured-slider .slider-image-background {
    margin: 0}
#featured-slider .rsArrow {
    top: 105px}






.featured-dromble .large {
    height: 201px;
    margin: 0}
.featured-dromble .large .featured-title h3 {
    font-size: 24px}
.featured-dromble .medium {
    height: 136px}
.featured-dromble .medium .featured-title h3 {
    font-size: 14px}
.featured-dromble .small {
    height: 130px}
.featured-dromble .small .featured-content {
    padding: 10px 15px}






@media (max-width: 500px) {
   




.featured-dromble {
    margin-left: -15px;
    margin-right: -15px}
.featured-dromble .featured-slide {
    border-right: 0}
.featured-dromble .featured-slide .featured-content {
    padding: 15px}
.featured-dromble .featured-slide:nth-child(5n) {
    display: none}
.featured-dromble .large {
    height: 150px;
    margin: 0}
.featured-dromble .large .featured-image img {
    min-height: 100%;
    width: auto}
.featured-dromble .large .featured-title h3 {
    font-size: 18px}
.featured-dromble .medium {
    max-width: 100%;
    width: 100%;
    height: 90px}
.featured-dromble .medium .featured-title h3 {
    font-size: 14px}
.featured-dromble .medium .featured-meta {
    display: none}
.featured-dromble .small {
    max-width: 100%;
    width: 100%;
    height: 90px}
	}










#flipdiv {
    width: 100%;
    height: 100%;
    -moz-transform: rotate(190deg);
    -webkit-transform: rotate(190deg);
    -ms-transform: rotate(190deg);
    -o-transform: rotate(190deg);
    transform: rotate(190deg);
}
blockquote { 
	margin: 1em 40px;

	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	width: auto;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	background: #F5f5f5;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 100px;
	position: absolute;
	left: -40px;
	top: -25px;
	color: #CACACA;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
blockquote cite:before {
	content: "\2014 \2009";
}





dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol, 
#mainmenu, .part-items { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 5px 10px 5px 15px; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #E4E4E4; }
td { vertical-align: top; }

/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
 
/* Headings */
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none; }
 
::-moz-selection { background: #213446; color: #fff; text-shadow: none; }
::selection      { background: #213446; color: #fff; text-shadow: none; }

img::-moz-selection	{ background: transparent; }
img::selection      { background: transparent; }


/* Navigation  */
div.navigation { text-align:center; margin: 0 0 10px; font-size: 12px; }
div.navigation a { background-color: #f5f5f5; font-size: 25px; font-weight: normal; padding:0 10px; line-height: 50px; }
div.navigation span.current { background-color: #f5f5f5; font-size: 30px; padding: 0 10px; color:#18629D; font-weight:bold;  }
div.navigation span.pages { margin-right: 10px; display: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }

.floatleft { float: left; }
.floatright { float: right; }

/* Forms */
input[type="text"],input[type="password"] {  border: 1px solid #e3e3e3;  color: #564B4B;  font-weight: normal; padding: 10px 0px; margin:0px 0px 0px 0px;}
textarea { border: 1px solid #e3e3e3;  color: #564B4B;  font-weight: normal; padding: 7px 6px; margin: 0 0 10px;}
input[type="submit"],input[type="reset"] { background-color: #418cd8;  color: #fff; border: none; font-size: 12px; padding: 7px 10px 8px; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,0.2); margin: 0 0 0 7px; position: relative;   cursor:pointer; border:1px solid #2974c0; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; }
input[type="submit"]:hover,input[type="reset"]:hover { background-color: #3580cc; }
input[type="submit"]:active,input[type="reset"]:active { background-color: #2970b9; }
label {	font-weight:bold;}
  

/********************************************************************************************* 

2. Global Styles

*********************************************************************************************/








body {
	background-color: #fff;
 	font-family:Arial, Helvetica, sans-serif;
	background: #;
 	line-height:1.5;
	font-size:13px;
  	margin:0;
	padding:0;
	background-image: url("http://www.dromble.com/_hostcontent/siteimages/Dbg.png") ;
	background-repeat: repeat;
	background-position:center top;
    	background-attachment:scroll;

	
}





.home {

}




.author_right {
background: #f5f5f5;
text-align: center;
font-size: 25px;
}

.author_left {
background: url(https://pbs.twimg.com/profile_images/378800000132357304/eec947fd43a64866a4cf0d171e31abbc_bigger.jpeg);
}



/* AUTHORS PRIVATE PAGE EXAMPLE OF DIFFERENT BACKGROUNDS PER PAGE */
.page-id-2551 { 
background: url() repeat-x; 
background-color: #eee;
}




/* Links */
a { color: #317cc8; text-decoration:none; }
a:hover { color:#0867c7; text-decoration:underline;}
a:focus { outline: none; }
a:hover, a:active { outline: none; }

p { margin: 0 0 15px; padding: 0; }


.wrap {
	margin: 0 auto;
	width: 1030px;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
background-repeat: repeat;
background-attachment:scroll;
background-position:top center;
border-style:solid;
border-width:1px;
border-color: #e3e3e3;
}


.wide {
    margin-top: 0px;
    background: #trans;
    border: 0px solid #trans;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
background-color: #fff;
background-repeat: repeat;
background-attachment:scroll;
background-position:top center;

}



.category-features {
*/background-image:url('http://www.dromble.com/_hostcontent/siteimages/categories/features3.jpg');
background-position: fixed; 
background-repeat: no-repeat;*/
}

.category-interviews {
*/background-image:url('http://www.dromble.com/_hostcontent/siteimages/categories/interviews3.jpg');
background-position: fixed; 
background-repeat: no-repeat;*/
}


.category-news {
*/background-image:url('http://www.dromble.com/_hostcontent/siteimages/categories/news3.jpg');
background-position: fixed; 
background-repeat: no-repeat;*/
}




.category-games {
*/background-image:url('http://www.dromble.com/_hostcontent/siteimages/categories/features3.jpg');
background-position: fixed; 
background-repeat: no-repeat;*/
}

.category-film {
*/background-image:url('http://www.dromble.com/_hostcontent/siteimages/categories/interviews3.jpg');
background-position: fixed; 
background-repeat: no-repeat;*/
}


.category-tech {
*/background-image:url('http://www.dromble.com/_hostcontent/siteimages/categories/news3.jpg');
background-position: fixed; 
background-repeat: no-repeat;*/
}



#bulb1{
    width:200px;
    top:115px;
    left:10px;
    bottom:0px;
    background: url("http://www.dromble.com/_hostcontent/siteimages/bulb.png") no-repeat top;
position:absolute;
}
#bulb2{
width:10%;
    top:115px;
    right:40px;
    bottom:0px;
    background: url("http://www.dromble.com/_hostcontent/siteimages/bulb2.png") no-repeat  top;
position:absolute;  
}

@media only screen and (max-width: 1700px) {
    #bgad1{ display: none;
    }
    #bgad2{ display: none;
    }
}







/********************************************************************************************* 

3. Header  -------------------------  header.php

*********************************************************************************************/




#header {
    background: #000;
font-size: 100%;
}


#logo {
	float: left;
	margin: 3px 0 5px 25px;
}

#logo h1 {
	line-height:1.3;
}

#logo h1 a {
	color:#fff;
	font-size:16px;
	font-weight:bold;
}


#logo h1 a:hover {
	color:#DBDFE1;
}


#navbar {
    float: right;
    margin: 5px 16px 5px 30px;
    color:#000;
}


#navbarsecond {
    background: #eaeaea;
}

#secondnav {
    background: #eaeaea;
    line-height: 25px;
    padding: 12px 30px 3px;
}

#secondnav span {
    color: #000;
    font-size: 12px;
    float: left;
}

#secondnav ul {
    list-style: none;
}

#secondnav li {
    float: left;
    font-size: 10px;
	background: #ebebeb;
    color: #000;
    display: block;
    height: 21px;
    padding: 3px 13px 0;
    margin: 0 7px 10px;
    border-radius: 10px;
    line-height:1.5;
}

#secondnav li a {
	font-size:12px;
	color:#758ea9;
}

#secondnav li:hover {
	background:#f2f4f6;
	transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;
}

#secondnav li a:hover {
	text-decoration: none;
}

 
.breadcrumbs {
    float: left;
    font-size: 12px;
	color: #6D7A81;
    display: block;
	margin: 0 7px 9px 0;
}

.breadcrumbs h1 {
	color:#000;
 	font-size:25px;
}


/* Dropdown menu */
.dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; }
.dropdown { line-height: 1.0; }
.dropdown ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ }
.dropdown ul li { width: 100%; }
.dropdown li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.dropdown li { float:left; display:inline;  position: relative; }
.dropdown a {  position: relative; }
.dropdown li:hover ul,
.dropdown li.sfHover ul { left: 0; top:33px; /* match top ul list item height */ z-index: 99; }
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul { top: -999em; }
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul { top: -999em; }
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }

.dropdown {
    float:left;
}
 
.dropdown a {
    padding: 8px 10px;
    margin:0 5px 0 0;
    text-decoration:none;
    line-height:1.5;
    font-size: 13px;
    color: #fff;
    display:block;
}

.dropdown a:hover {
	color:#DBDFE1;
}

.dropdown ul { 
    text-align: left;
    margin: 0;  
	background:#213446;
    border-top:none;
    z-index:999;
	padding:5px 0;
}
 
.dropdown ul ul { 
    top:0;
	padding:0 0 5px;
}
 
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a,
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a {
    outline:0;
    color: #fff;
    font-weight:bold;
 }
.dropdown .current_page_item ul a,
.dropdown .current-cat ul a,
.dropdown .current-menu-item ul a,
.dropdown .current_page_item ul a,
.dropdown .current-cat ul a,
.dropdown .current-menu-item ul a {
    outline:0;
    font-weight:normal;
    color:#c0c0c0;
}

.dropdown li ul li {
    color:#fff;
    float:left;
    margin:0;
    padding:0;
 }

.dropdown li ul li a {
    color:#fff;
    margin:0;
    padding:7px 10px;
    font-size:11px;
}

.dropdown li:hover a { 
    color:#DBDFE1;
}

.dropdown li:hover ul a { 
    color:#fff;
}

.dropdown li ul a:hover {
	color:#DBDFE1;
} 

.dropdown a.sf-with-ul {
    min-width:1px; 
}

 

/********************************************************************************************* 

4. Homepage -------------------------  index.php

*********************************************************************************************/   

 
#main {
	background: #fff;
	border-right: 0px solid #ebebeb;
	float: left;
	width: 699px;
	padding-top:0px;
}

#main .post {
    margin: 0 0 35px;
}

#main .post-content {
	padding: 0 30px 0 29px;
	margin:0 0 20px;
}

.post h2.title, .post h1.title {
    margin: 0px -30px 0px -29px;
    padding: 15px 5px 5px 29px;
	line-height:1.3;
	
}
	
.post h2.title a, .post h1.title a {
	color: #3f4247;
	font-size: 45px;
	letter-spacing:0px;
}

.post h2.title a:hover, .post h1.title a:hover {
	color:#000;
}


/********************************************************************************************* 

5. Single Posts Styling  ---------------------------------	 single.php, page.php

*********************************************************************************************/   

.galleria-container {
    margin-bottom: 20px;
}

.entry {

	line-height: 1.7;
	overflow:hidden;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
 	margin-bottom: 12px; 
	line-height:1.3;
	font-weight:bold;
}
.entry p, .entry li { margin-bottom: 14px; }

.entry img { margin-bottom:10px; }

.entry img.alignnone, 
	width:100%;
 	height:auto;
.entry img.aligncenter, 
	width:100%;
 	height:auto;
.entry img.alignleft, 
	width:100%;
 	height:auto;
.entry img.alignright {
	margin-bottom: 10px;
	max-width: 640px;
	width:auto;
 	height:auto;
}
.entry ul, .entry ol { margin: 0 0 14px 14px; }
.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: inside; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }
.entry blockquote {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	border-left: solid 0px #ddd;
	padding: 5px;
	margin: 0px 0px 0px 35px;
}

/* [gallery] shortcode */
.entry .gallery .gallery-item { max-width:150px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { clear: both; margin: auto; text-align: center; }

/* Images align */
.entry .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin: 5px 15px 5px 3px; }
.alignright, .entry .alignright { float: right; margin: 5px 4px 5px 15px; }

/* Caption for Images */
.entry .wp-caption { max-width: 100% !important; text-align:center;   }
.entry .wp-caption img { background:none; margin:0; max-width:100%;  width:auto; height:auto; }
.entry .wp-caption-text { color:#A7A3A3; font:11px/22px Arial, Helvetica, sans-serif; margin:0; padding:4px 0 0; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }

img.wp-smiley { border: none; padding: 0; }
.thumbnails {  clear: both; float: left; font-size: 11px; line-height: 1.6em; margin: 10px 0 20px 15px; padding: 10px 10px 5px; }
.thumbnails img { height: 100px; margin: 5px 15px 10px; width: 100px; }

 
/* Meta for single posts */
.post-meta {
padding: 10px 10px 0px 30px;
border-bottom: 1px solid #eeeeee;
text-transform: uppercase;
background-color: #f8f8f8;
border-left: 0px solid #eee;
}

.post-meta a { color: #878585; text-decoration: none; }
.post-meta a:hover { color: #2394E4; }
.post-meta span { float: left; margin: 0 0 0 16px; padding: 0 16px 0 0; color: #c9c9c9; font-size: 10px; border-right: 1px solid #ebebeb; }
.post-meta span.tw_btn { margin:0; padding:0 0 3px; width:95px; }
.post-meta span.fb_btn {  padding:0; border:none;}

.post-meta span.gp_btn {  padding:0px; border:none; width:180px !important; }

.post-meta .comments { margin: 3px 0 0 16px; padding: 0 16px 3px 20px; color: #c9c9c9; font-size: 10px;  float:right;  font-weight: bold; text-transform: uppercase; background: url("images/comments.png") no-repeat left 3px; border:none; }
 
.top-meta { 
color: #bcbcbc; 
font-size: 10px; 
text-transform: uppercase; 
}
.top-meta span { float:left; margin:0 5px 10px 0; }



/* Read more button */
.post-meta .readmore {
    border: 0;
    border-left: 1px solid #e6e6e6;
    padding: 2px 0 10px 12px;
    float: right;
    margin:0;
}
.post-meta .readmore a {
    background: url("images/readmore.png") no-repeat left center;
    display: block;
    line-height: 15px;
    padding-left: 20px;
}

/* Author Bio */
.post .post_author {
	background:#F7F7F7;
   	padding:14px 30px;
 	font-size:12px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
	
.post .post_author img {
	float:left;
	margin:0 10px 7px 0;
}

.post .post_author span {
	font-weight:bold;
	font-size:14px;
	display:block;
	margin-bottom:5px;
}

/* Sharing buttons */
.share_btn { margin:10px 0 0; }
.share_btn span { float:left; }
.share_btn h4 { margin:2px 5px 0 0; font-size: 11px; font-weight: bold; float:left;}
 
/* Tags */
.single .tags_list { font-size: 11px; font-weight: bold;}
.single .tags_list a { border: 1px solid #e7e7e7; padding: 2px 3px; color: #838383; -moz-border-radius: 3px; border-radius: 3px; margin-right: 5px; font-weight: normal; line-height: 2.5; }
.single .tags_list a:hover { text-decoration: none; border-color: #838383; }
 
/* Template: Sidebar on the left */
.side-left #main { float: right; border-right: 0; border-left: 1px solid #E7E6E1; }
.side-left #sidebar { float: left; }

/* Template: Full-width */
.full-width #main { width: 100%; }
.full-width .entry, .page .entry { float: none; display: block; padding-right: 0; }
.full-width .entry img { max-width: 1000px; }


/* Archives */
h3.archive_year { font: bold 20px sans-serif; color:#3f454b; margin-top:0; }
#archives .archives_list { border-left:1px dotted #e6e6e6; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;}
#archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; }
#archives .archives_list .date { color: #808080; width: 90px;   display: inline-block; vertical-align: top; }
#archives .archives_list .linked { width: 420px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments { width: 70px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments span { background: url("images/comments.png") no-repeat 0 2px; padding-left: 20px;  }
#archives .archives_list .comments a { background: url("images/comments.png") no-repeat 0 2px; padding-left: 20px;  color: #808080; font-size: 11px;    }
#archives .archives_list .comments a:hover { text-decoration: none; }


/********************************************************************************************* 

6. Comments  -------------------------  comments.php

*********************************************************************************************/   

#comments { clear: both; padding:0 30px 0 29px; }
#comments h3 { color:#373737; margin:0 0 15px; font-weight:bold; }
#comments .navigation { padding: 0 0 18px 0; }
h3#reply-title { font-size: 20px;  margin: 18px 0; color:#373737;}
.commentlist { list-style: none; margin: 0; }
.commentlist li.comment { border-bottom: 1px solid #F0F0F0; font-size:12px; line-height: 1.7; margin: 0 0 24px 0; padding: 0 0 0 76px; position: relative; }
.commentlist li:last-child { border-bottom: none; margin-bottom: 0; }
#comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; }
#comments .comment-body p:last-child { margin-bottom: 6px; }
#comments .comment-body blockquote p:last-child { margin-bottom: 24px; }
.commentlist ol { list-style: decimal; }
.commentlist .avatar { position: absolute; top: 4px; left: 0; }
.comment-author { margin-bottom:3px; }
.comment-author cite { font-weight: bold; font-style:normal; font-size:14px; }
.comment-author .says {  display:none; }
.comment-meta { font-size: 12px;  margin: 0; float: right; }
.comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; }
.comment-meta a:active, .comment-meta a:hover { color: #333; }
.reply { font-size: 12px; padding: 0 0 24px 0; }
.commentlist .children { list-style: none; margin: 0; }
.commentlist .children li { border: none; margin: 0; }
.nopassword, .nocomments { display: none; }
#comments .pingback { border-bottom: 1px solid #dedede; margin-bottom: 18px; padding-bottom: 18px; }
.commentlist li.comment+li.pingback { margin-top: -6px; }
#comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; }
#comments .pingback .url { font-size: 13px; font-style: italic; }
.comment-notes { display:none; }

/* Comments form */
#respond { margin: 24px 0; overflow: hidden; position: relative; }
#respond p { margin: 0; }
#respond .comment-notes { margin-bottom: 1em; }
.form-allowed-tags { line-height: 1em; }
.children #respond { margin: 0 48px 0 0; }
.commentlist #respond { clear: both; display: block; }  
#comments-list #respond { margin: 0 0 18px 0; }
#comments-list ul #respond { margin: 0; }
#cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; }
#respond .required_lab { color: #FF6565; font-weight: bold; float: right; }
#respond label { color: #6A6A6A; font-size: 12px;}
#respond input { margin: 0 0 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
#respond textarea { width: 96%; height: 145px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; display:none; }
#respond .form-allowed-tags code { font-size: 11px; }
#respond .form-submit { text-align:left; margin-top:10px; }
#respond .form_fields { float: left; width: 36%; margin-right: 5%; }
#respond .form_fields p { margin-bottom:7px; }
#respond .form_fields input { width:100%; }
#respond .comment-form-comment { width: 80%; float: left; }
#respond .form_fields input, #respond textarea { clear: both; display: block; font-size: 13px; padding: 8px 6px; margin: 3px 0 0; }
 
 

/********************************************************************************************* 

7. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/   

#text-16.widget.widget_text{
background-color: #trans;
border-bottom: 0px;
padding:0px 0px 0px 0px;
}


.advertisement-notice
{
background-color:#trans;
display:block;
text-align:center;
color:#adafb1;
text-transform:uppercase;
letter-spacing:2px;
margin-top: -16px;
font:9px/16px "proxima-nova","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif
}






#text-11{
/*background-image: url("http://www.dromble.com/_hostcontent/siteimages/text11bg.jpg");*/
/*background-repeat:no-repeat;*/
/*background-color: #000;*/
border-bottom: 0px;
}
#text-13 {
/*background-image: url("http://www.dromble.com/_hostcontent/siteimages/secondsidead.png");*/
/*background-repeat:no-repeat;*/
/*background-color: #f5f5f5;*/
border-bottom: 0px;
}


#text-17 {
background-image: url("http://www.dromble.com/_hostcontent/siteimages/newsletterbg3.png");
background-repeat:no-repeat;
background-color: #f5f5f5;
border-bottom: 0px;
}


#text-18 {

}

.text-18-ad {
margin-left: -10px;
}


#text-3.widget.widget_text {
padding: 0px 0px 0px 0px;
}



#sidebar {
	float: right;
	width: 330px;
 	overflow:hidden;
    padding-top: 0px;
	background: #f8f8f8;
	border-left: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	margin-left:-1px;
	margin-top:-1px;
}
 

#sidebar .widget {
   	border-bottom:1px solid #ebebeb;
  	margin: 0px 0 0px;
	padding: 15px 15px 10px 15px;
}

#sidebar div:last-child {
	border-bottom:0 none;
}
 
.widget h3.title {
    color: #4b4b4b;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
margin: -0px 0px 5px 0px;
font-size: 25px;
font-variant: small-caps;
font-weight: bold;
padding: 0px 0px 0px 10px;
background-color: transparent;
/*background-image: url("http://www.dromble.com/_hostcontent/siteimages/dromblelinen.jpg");*/
}
  

.widget ul { clear: both;  line-height: 1.3; }
.widget ul li { list-style-type: none; }
.widget ul ul { border-top: none; margin: 0; padding: 0; }
.widget ul ul li { border: none; }
.widget select {width:100%;}
.widget #cat, .widget select {  border: 1px solid #cdcfd4; color: #333333; display: inline; float: left; line-height: 1.5; padding: 3px; width: 100%; margin:0 0 14px; font-size:12px; }
.widget_tag_cloud a {line-height:1.3em; font-weight:normal; font-weight:normal; margin-right:7px; }
.side_ad { margin: 10px;}

 
/*  Widget: Recent Comments */
.recent-comments-list .avatar {	margin-right: 12px;	float: left;}
.recent-comments-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px solid #F0F0F0; }
.recent-comments-list li a { font-weight:bold; }
.recent-comments-list li:last-child { border-bottom: 0; }

/* Widget: Recent Posts  */
.widget .feature-posts-list a { font-weight:bold;}
.widget .feature-posts-list br {display: none;}
.widget .feature-posts-list img {margin: 4px 12px 10px 0;float: left;}
.widget .feature-posts-list small {	color:#999; display: block; margin: 0 0 3px; }
.widget .feature-posts-list .post-excerpt {	display: block;}
.widget .feature-posts-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px solid #F0F0F0; }
.widget .feature-posts-list li:last-child { border-bottom: 0; }

/* Flickr widget */
.widget .flickr_badge_image {margin-right: 10px; margin-bottom: 12px; float: left; }
.widget .flickr_badge_image img { width: 64px; height: 64px; }
#footer .widget .flickr_badge_image img { width: 63px; height: 63px; }
  
/* Twitter widget */
.widget .twitter-list li { border-bottom: 1px solid #F0F0F0; padding: 0 0 7px; margin: 0 0 7px; }
.widget .twitter-list li a { font-weight: nold; }
.widget .twitter-list .twitter-timestamp { display: block; color: #999; font-size: 11px; font-style: normal; }
.widget .follow-user { margin: 0; padding: 5px 0; }

/* Social Widget */
.wpzoomSocial  {margin:10px 0;}
.wpzoomSocial li {float:left; margin:0 0 15px 2px; width:49%;}
.wpzoomSocial li img {margin:0 7px 0 0; float:left;}
.wpzoomSocial li a { font-weight:bold; font-size:13px;}

/* Archive widget */
.widget_archive li { width:48%; float:left; display:block;  }
  
/* calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; font-weight:bold; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #E4E4E4; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/* 125x125 widget */
.widget_wpzoom-125x125-ads li {	float:left;	margin:0 15px 10px 0;}

/********************************************************************************************* 

8. Footer  -------------------------  footer.php

*********************************************************************************************/   

/* GO TO TOP BUTTON */
.go-top {
position: fixed;
bottom: 2em;
right:2em;
text-decoration: none;
color: white;
background-color: rgba(0,0,0,0.3);
font-size: 12px;
padding: 1em;
display: none;
}

.go-top:hover {
background-color: rgba(0, 0, 0, 0.6);
}



#footer {
 	padding:20px 3% 25px 3%;
	border-top:1px solid #ebebeb;
	background:#f7f7f7;
}

#footer .widget {
 	margin:0 0 20px;
} 

#footer .widgetized {
	border-bottom:1px solid #ebebeb;
}
  
#footer div.column { display: block; float: left; margin-right: 4%; width: 22%; }
#footer div.column.last { margin-right:0;}
.copyright {color: #747e8e;font-size: 11px;min-height:40px;margin: 10px auto 0;}
.copyright .left { margin: 10px 0; float: left; }
.copyright .right { float: right; margin: 10px 0;}
p.wpzoom { display: inline; float: right; line-height: 16px;  }
p.wpzoom img { display: inline; float: right; padding: 0 0 0 2px; }  







/********************************************************************************************* 

9. Media Queries 

*********************************************************************************************/   
 
/* Tablet Landscape */
@media screen and (max-width: 1030px) {


    .wrap { width: 90%; }
    .wide { margin-top:25px; }  
    #content { width:100%;}
    #header img { max-width:100%; height:auto; }

    #main { width:67%; }
    #sidebar { width:33%; margin-left:-3%;}
    
    .entry img { max-width: 100%; height:auto;}

     /* Template: Full-width */
    .full-width #content { width: 100%; }
    .full-width h1.archive_title { width:100%; }
    .full-width .entry img { max-width: 100%; }
    .full-width .entry .wp-caption { max-width:100%;  }
    
	#footer div.column { margin-right: 2%;  width: 48%; }
	#footer .column .widget {  width:100%; }
	
}

/* Tabled Portrait */
@media screen and (max-width: 768px) {

    #main { width:100%; }
    #sidebar { width:100%; margin:0; border:none; }

}

/* All Mobile Sizes (devices and browser) EVERYTHING UNDER 640px WIDE */
@media screen and (max-width: 639px) {
#mobilenav a{ font-size:16px; }
#nav ul li{ display:none; }
#footerad { display:none; }
#dromblemediafooter { display:none; }
#menu-home { display:none; }
#mobile-menu-home3 { width: 100%; margin-left: -15px;}
#text-thumbnails-slider { display:none; }
#medianetpost {display: none; }
#mobilenav ul li{ font-size:15px; }
.menu-label { display:none; }
.menu-drop { display:none; }
.lights { display:none; }


    #footer div.column { margin-right: 0;  width: 100%; }
    #footer .column .widget {  width:100%; }
    

}

/* All Mobile Sizes (devices and browser) EVERYTHING OVER 640px WIDE */
@media screen and (min-width:640px) {
#menu-home3 { display:none; }
ul li a{ padding: -1px 20px 0px 0px; }
#top_banner_mobile { display:none; }
.mobile-menu-label { display:none; }
.mobile-menu-drop { display:none; }
#mobilenav { display:none; }
}





/*-------------------------------------------------------------------------------------------------------*/



#footerad{background-color:#transparent; 
height:120px; overflow:visible;
}










.single #text-thumbnails-slider {display: none;}















/* NAVIGATION MENU .........................................................................................*/

	/* Menu */
	#nav {


	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	-webkit-border-radius: 0px;
	-mo-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
/*background-image: url("http://www.dromble.com/_hostcontent/siteimages/navbg122114.jpg");*/
background-position:center;
background-repeat:no-repeat; 
	background-color: #000000;
	display: block;
	max-width: 1000px;
	height: 70px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2); 
  

	}
	#nav ul {
position: relative;


		list-style: none;
		margin: auto;
		padding: 0;
	}
	#nav a {
		font-weight: bold;
		text-transform: none;
		text-decoration: none;

	}
	
		/* Top buttons */
		#nav > ul > li {
			float: left;
			margin: 18px 0 6px 5px;
			position: relative;
		}
		#nav > ul > li > a {
			line-height: 32px;
			color: #fff;
			-webkit-border-radius: 4px;
			-mo-border-radius: 4px;
			-ms-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
		   padding: 2px 20px 0px 0px;
			-webkit-transition: background-color 0.1s;
			-moz-transition: background-color 0.1s;
			-ms-transition: background-color 0.1s;
			-o-transition: background-color 0.1s;
			transition: background-color 0.1s;
		}
		#nav > ul > li:hover > a {
			color: #e20000;
			background-color: #;
			-webkit-transition: background-color 0.1s, color 0.1s;
			-moz-transition: background-color 0.1s, color 0.1s;
			-ms-transition: background-color 0.1s, color 0.1s;
			-o-transition: background-color 0.1s, color 0.1s;
			transition: background-color 0.1s, color 0.1s;
		}
		#nav .menu-drop > a {
			-webkit-border-radius: 4px 4px 0 0;
			-mo-border-radius: 4px 4px 0 0;
			-ms-border-radius: 4px 4px 0 0;
			-o-border-radius: 4px 4px 0 0;
			border-radius: 4px 4px 0 0;
			padding-right: 10px;
		}
		#nav .menu-label {
			background: url("http://www.dromble.com/_hostcontent/navigation/drop1.png") no-repeat right;
			-webkit-transition: background 0.1s;
			-moz-transition: background 0.1s;
			-ms-transition: background 0.1s;
			-o-transition: background 0.1s;
			transition: background 0.1s;
			padding-right: 15px;
		}
		#nav .menu-drop:hover .menu-label {
			background: url("http://www.dromble.com/_hostcontent/navigation/drop2.png") no-repeat right;
			-webkit-transition: background 0.1s;
			-moz-transition: background 0.1s;
			-ms-transition: background 0.1s;
			-o-transition: background 0.1s;
			transition: background 0.1s;
		}
		#nav .menu-right {
			float: right;
padding-right: 10px;
			color: #fff;
		}
		
			/* Home button */
			#nav #menu-home {
        		background-image: url("http://www.dromble.com/_hostcontent/siteimages/dlogo350x85.png");
       			background-size: 225px 55px;
			background-repeat: no-repeat;
       			background-position: center center;
			-webkit-transition: background-image 0.1s;
			-moz-transition: background-image 0.1s;
			-ms-transition: background-image 0.1s;
			-o-transition: background-image 0.1s;
			transition: background-image 0.1s;
			padding-top: 45px;
			padding-right: 225px;
			padding-bottom: 47px;
			padding-left: 0px;
			}
			#nav li:hover #menu-home {
				background-image: url("http://www.dromble.com/_hostcontent/siteimages/dlogo350x85invert.png");
        			background-size: 225px 55px;
				-webkit-transition: background-image 0.1s;
				-moz-transition: background-image 0.1s;
				-ms-transition: background-image 0.1s;
				-o-transition: background-image 0.1s;
				transition: background-image 0.1s;
				
			}





/* Christmas Home button 12-28-14 
#nav #menu-home {
        		background-image: url("http://www.dromble.com/_hostcontent/siteimages/dlogonewyear.png");
			background-size: 225px 77px;
			background-repeat: no-repeat;
			background-position: center center;
			-webkit-transition: background-image 0.1s;
			-moz-transition: background-image 0.1s;
			-ms-transition: background-image 0.1s;
			-o-transition: background-image 0.1s;
			transition: background-image 0.1s;
			padding-top: 45px;
			padding-right: 225px;
			padding-bottom: 35px;
			padding-left: 0px;



*/



			#nav #menu-home3 {
				background-image: url("http://www.dromble.com/_hostcontent/siteimages/MonkeyD7-90x70px.png");
                                background-size: 100%;
padding-top: 20px;
	padding-right: 70px;
	padding-bottom: 20px;
	padding-left: 0px;
			}


		/* Dropdown */
		#nav ul ul {
			background-color: #d0d0d0;
			-webkit-border-radius-: 0 0 4px 4px;
			-mo-border-radius: 0 0 4px 4px;
			-ms-border-radius: 0 0 4px 4px;
			-o-border-radius: 0 0 4px 4px;
			border-radius: 0px 0px 0px 0px;
			padding: 4px 0;
			position: absolute;
			top: 32px;
			left: -5000px;
			min-width: 100%;
max-width: 400%;
			z-index: 100;
			opacity: 0;
		}
		#nav .menu-right:hover ul {
width: 330px;
			left: auto;
			right: 0;
			
			margin: -10px -15px 0px 0px;
		}
		#nav li:hover ul {
			left: 0;
			opacity: 1;
			-webkit-transition: opacity 0.1s;
			-moz-transition: opacity 0.1s;
			-ms-transition: opacity 0.1s;
			-o-transition: opacity 0.1s;
			transition: opacity 0.1s;
		}
		
			/* Dropdown buttons */
			#nav ul ul li {
				white-space: nowrap;
			}
			#nav ul ul a {
				font-size: 14px;
				color: #353535;
				padding: 6px 15px;
				display: block;
				-webkit-transition: background-color 0.1s, color 0.1s;
				-moz-transition: background-color 0.1s, color 0.1s;
				-ms-transition: background-color 0.1s, color 0.1s;
				-o-transition: background-color 0.1s, color 0.1s;
				transition: background-color 0.1s, color 0.1s;
			}
			#nav ul ul a:hover {
				color: #d0d0d0;
				background-color: #353535;
				-webkit-transition: background-color 0.1s, color 0.1s;
				-moz-transition: background-color 0.1s, color 0.1s;
				-ms-transition: background-color 0.1s, color 0.1s;
				-o-transition: background-color 0.1s, color 0.1s;
				transition: background-color 0.1s, color 0.1s;
			}


/* END NAVIGATION MENU .........................................................................................*/









/* MOBILE NAVIGATION MENU .........................................................................................*/

	/* Menu */
	
	#mobilenav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#mobilenav a {
		font-weight: bold;
		text-transform: none;
		text-decoration: none;
	}
	
		/* Top buttons */
		#mobilenav > ul > li {
			float: left;
			margin: 15px 0 6px 5px;
			position: relative;
		}
		#mobilenav > ul > li > a {
			line-height: 40px;
			color: #fff;
			-webkit-border-radius: 4px;
			-mo-border-radius: 4px;
			-ms-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
		   padding: 2px 20px 0px 0px;
			-webkit-transition: background-color 0.1s;
			-moz-transition: background-color 0.1s;
			-ms-transition: background-color 0.1s;
			-o-transition: background-color 0.1s;
			transition: background-color 0.1s;
		}
		#mobilenav > ul > li:hover > a {
			color: #535353;
			background-color: #;
			-webkit-transition: background-color 0.1s, color 0.1s;
			-moz-transition: background-color 0.1s, color 0.1s;
			-ms-transition: background-color 0.1s, color 0.1s;
			-o-transition: background-color 0.1s, color 0.1s;
			transition: background-color 0.1s, color 0.1s;
		}
		#mobilenav .mobile-menu-drop > a {
			-webkit-border-radius: 4px 4px 0 0;
			-mo-border-radius: 4px 4px 0 0;
			-ms-border-radius: 4px 4px 0 0;
			-o-border-radius: 4px 4px 0 0;
			border-radius: 4px 4px 0 0;
			padding-right: 10px;
		}
		#mobilenav .mobile-menu-label {
			background: url("http://www.dromble.com/_hostcontent/navigation/drop1.png") no-repeat right;
			-webkit-transition: background 0.1s;
			-moz-transition: background 0.1s;
			-ms-transition: background 0.1s;
			-o-transition: background 0.1s;
			transition: background 0.1s;
			padding-right: 15px;
	margin-right: 10px;
	line-height: 40px;
		}
		#mobilenav .mobile-menu-drop:hover .mobile-menu-label {
			background: url("http://www.dromble.com/_hostcontent/navigation/drop2.png") no-repeat right;
			-webkit-transition: background 0.1s;
			-moz-transition: background 0.1s;
			-ms-transition: background 0.1s;
			-o-transition: background 0.1s;
			transition: background 0.1s;
margin-right: 10px;
		}
		#mobilenav .mobile-menu-right {
			float: right;
			color: #808080;
		}
		
			
		
#mobilenav #mobile-menu-home3 {
background-image: url("http://www.dromble.com/_hostcontent/siteimages/MonkeyD7-90x70px.png");
background-size: 100%;
padding-top: 15px;
padding-right: 70px;
padding-bottom: 20px;
padding-left: 0px;
margin-left: 0px;
			}



		/* Dropdown */
		#mobilenav ul ul {
			background-color: #d0d0d0;
			-webkit-border-radius-: 0 0 4px 4px;
			-mo-border-radius: 0 0 4px 4px;
			-ms-border-radius: 0 0 4px 4px;
			-o-border-radius: 0 0 4px 4px;
			border-radius: 0 0 4px 4px;
			padding: 4px 0;
			position: absolute;
			top: 32px;
			left: -5000px;
			min-width: 100%;
			z-index: 100;
			opacity: 0;
		}
		#mobilenav .mobile-menu-right:hover ul {
			left: auto;
			right: 0;
			padding: 0px 35px 0px 0px;
			margin: 0px 5px 0px 0px;
		}
		#mobilenav li:hover ul {
			left: 0;
			opacity: 1;
			-webkit-transition: opacity 0.1s;
			-moz-transition: opacity 0.1s;
			-ms-transition: opacity 0.1s;
			-o-transition: opacity 0.1s;
			transition: opacity 0.1s;
		}
		
			/* Dropdown buttons */
			#mobilenav ul ul li {
				white-space: nowrap;
			}
			#mobilenav ul ul a {
				font-size: 14px;
				color: #353535;
				padding: 6px 15px;
				display: block;
				-webkit-transition: background-color 0.1s, color 0.1s;
				-moz-transition: background-color 0.1s, color 0.1s;
				-ms-transition: background-color 0.1s, color 0.1s;
				-o-transition: background-color 0.1s, color 0.1s;
				transition: background-color 0.1s, color 0.1s;
			}
			#mobilenav ul ul a:hover {
				color: #d0d0d0;
				background-color: #353535;
				-webkit-transition: background-color 0.1s, color 0.1s;
				-moz-transition: background-color 0.1s, color 0.1s;
				-ms-transition: background-color 0.1s, color 0.1s;
				-o-transition: background-color 0.1s, color 0.1s;
				transition: background-color 0.1s, color 0.1s;
			}


/* END MOBILE NAVIGATION MENU .........................................................................................*/





/* NAVIGATION BACKGROUND IN CONJUNCTION WITH THE NAV CONTENTS 
#navbg {
background-image: url("http://www.dromble.com/_hostcontent/siteimages/dromblelinen.jpg");
background-repeat:repeat;
padding: 35px 5px 35px 5px;
margin-top: -70px;
margin-bottom: 0px;
background-color: #000;
}


background: rgb(69,72,77); /* Old browsers */
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-9 */
}

*/


/* NAVIGATION BACKGROUND IN CONJUNCTION WITH THE NAV CONTENTS */
#navbg2 {
background-image: url("");
background-repeat:repeat;
padding: 35px 5px 35px 5px;
margin-top: -70px;
margin-bottom: 0px;
background-color: #000;
}








img {
padding:-10px; 
-ms-interpolation-mode: bicubic;
height: auto;
max-width: 100%;
vertical-align: middle;
}







/* OLD IMG WITH BORDER-----

img {
padding:-10px; 
border-bottom: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
margin:3px;
-ms-interpolation-mode: bicubic;
height: auto;
max-width: 100%;
vertical-align: middle;
}
-------*/













/* Side-Page Alert Buttons */
#sidealert { display: block; position: fixed; top: 90px; left: 0px; width: 100px; height: 50px; background: url(http://www.techsetups.com/_hostcontent/siteimages/sidealerts/wallpaperalert2.png) no-repeat; }

#sidealert a { display: block; }
#sidealert img { width: 100px; height: 50px; }
* html a:hover { visibility: visible; }
#sidealert a:hover img { visibility: hidden; }

#modulePage10670813 #sidealert {
display: none;
}






/* Twitter sidebar */
.dr-twitter a {  
display: block;  
height: 110px;  
width: 100%;  
background-position: left top;  
background-repeat: no-repeat;  
background-image: url(http://www.dromble.com/_hostcontent/siteimages/drombletwitbarcssblock.jpg); 50% 50% no-repeat fixed; 
text-indent: -9999px;
  }

.dr-twitter a:hover { 
width: 100%;
background-position: left bottom; 
}

.twitter-activity {  display: block;  height: 25px;  width: auto;  background-position: left top;  background-repeat: no-repeat;  background-image: url(http://www.techsetups.com/_hostcontent/siteimages/twitteractivitycsssprite.png); 50% 50% no-repeat fixed; text-indent: -9999px; }
.twitter-activity:hover { background-position: left bottom; }


/* Twitter Widget Wrapper For Customization Purposes */
#text- { 
background-image: url('http://www.techsetups.com/_hostcontent/siteimages/twitterwrapperbg.jpg'); width: 290px; height: auto; border:1px solid #cccccc; -moz-border-radius: 8px; border-radius: 8px;
margin-bottom: 20px;
}



/* Sponsors style for sidebar */

.sponsor-wrapper{border: 5px solid #CDCAC5; padding-right: 14px; padding-left: 14px; padding-top: 5px; margin-bottom: 20px; background-color: #eeeeee; border-color: #CDCAC5;}

.sponsors a { -webkit-transition:all .20s ease-out;-moz-transition:all .20s ease-out;-o-transition:all .20s ease-out; filter:alpha(opacity=50);opacity:0.50; }
.sponsors a:hover { position: relative; z-index: 10; filter:alpha(opacity=100);opacity:1.00;  -moz-box-shadow: 0 0 0px rgba(0,0,0,0.0);box-shadow: 0 0 0px rgba(0,0,0,0.0);-webkit-box-shadow: 0 0 0px rgba(0,0,0,0.0); }



/* FOOTER BELOW MAIN DESIGN */

#footeradvert{background-color:#transparent; 
height:120px; overflow:visible;
background-image: url('http://www.techsetups.com/_hostcontent/siteimages/aboveheaderbg.png');
border-top:solid; border-width:5px; 
-moz-border-image: url(http://www.techsetups.com/_hostcontent/siteimages/aboutheaderborder.jpg) 80 10 0 10 repeat;
-webkit-border-image: url(http://www.techsetups.com/_hostcontent/siteimages/aboutheaderborder.jpg) 80 10 0 10 repeat;
}

#ad-footer{height:96px;padding:0 0 15px;}
#ad-footer .inner-wrapper{margin:0 auto;text-align:center;width:1028px;}

#ad-footer span.ad-728x90{display:inline-block;
height:90px;
margin-top:15px; 
margin-bottm:-20px;
width:728px;
background: #474942;
}


#dromblemediafooter {
margin: -90px 10px 30px 0px;
}




/* TOP BANNER */



}
body.top_banner {
  background-position: center 90px;

}


#top_banner,
header.top,
#main_container,
#footer_wrap {
  position: relative;
  z-index: 2;
}

body #top_banner {
padding: 5px 0 5px 0;
mid-width:1060px;
background-repeat:no-repeat;
background-position:center;
border-bottom: 0px solid #000;
/*background-color: #f5f5f5;*/
text-align:center;

}
body #top_banner,
body #bottom_banner {
  line-height: 0;
  text-align: center;
}
body #top_banner > div,
body #bottom_banner > div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: auto;
  height: auto;
}








*/ TOP MOBILE BANNER */



}
body.top_banner_mobile {
  background-position: center 90px;

}


#top_banner_mobile,
header.top,
#main_container,
#footer_wrap {
  position: relative;
  z-index: 2;
}

body #top_banner_mobile {
padding: 10px 0 10px 0;
mid-width:1060px;
  background-color: #f5f5f5;
  text-align:center;
}
body #top_banner,
body #bottom_banner {
  line-height: 0;
  text-align: center;
}
body #top_banner_mobile > div,
body #bottom_banner > div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: auto;
  height: auto;
}














/* The Breaking News Bar - Pre-Canvas Injection */
/*
#breaking p {
  padding:5px 5px 5px 24px;
  margin-bottom:0;
  background-color:#000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #000), color-stop(1.00, #656761));
  background: -moz-linear-gradient(top, #000 0.00%, #656761 100.00%);
  text-shadow: #313131 -0px -1px 1px;
  color:#ccc;
}
#breaking p a {
  color:white;
  font-weight:bold;
}
#breaking p a.close {
  float:right;
  text-transform:uppercase;
  background:#37424b;
  width:15px;
  height:14px;
  margin-right: 11px;
  padding-top:1px;
  text-align:center;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-box-shadow: 0px 2px rgba(255,255,255,0.2);
  -webkit-box-shadow: 0px 2px rgba(255,255,255,0.2);
  border-radius: 15px;
  border:solid 1px #43515c;
  position:relative;
  font-size:10px;
}
#breaking p a.close:hover {
  text-decoration:none;
}
*/


input#s {
background-image: url("http://www.dromble.com/_hostcontent/siteimages/Dbg.png");
background-color: #000;
font-family: "Open Sans n6", Arial, sans-serif;
}




input#searchsubmit {
background-image: url(http://dromble.com/_hostcontent/siteimages/searchicon.png);
background-position: 5px 0px;
background-repeat: no-repeat;
padding: 12px 15px 12px 15px;
margin: 0px 0px 0px 0px;
}




#branding #searchform {
position: absolute;
top: 3.8em;
right: 7.6%;
text-align: right;
}






/* Search form */
.searchform { padding:0;}
#searchform span { display:block; background-image: url("http://www.dromble.com/_hostcontent/siteimages/twittersidebar7dec2013.jpg"); }

#searchform input#s { 
margin:0; 
padding:7px 10px; 
float:left; 
width:246px; 
color:#707070; 
font-size:22px; 
line-height:25px; 
font-weight:normal; 

border-bottom:1px solid #eee;
}















/* sidebar footer */

.sidebar 
.sidebar-footer
{
margin-top: 1000px;
color:#000;
font-size:11px
}.sidebar 

.sidebar-footer a
{
color:#000
}







.back-to-top {
background:black;
background-color:rgba(0,0,0,0.6);
bottom:30px;color:white;
cursor:pointer;
display:none;
font-size:16px;
line-height:1;
opacity:0.3;
padding:12px;
position:fixed;
right:30px;
z-index:8989
background-image: url("http://www.dromble.com/_hostcontent/siteimages/navbg101413.jpg");
}

.back-to-top i {
display:block;
background-image: url("http://www.dromble.com/_hostcontent/siteimages/navbg101413.jpg");
}

.back-to-top:hover {
background-color:#333;
opacity:1
}













/* Author Bio */
.post .post_author_page {
	background:#F7F7F7;
 	font-size:13px;
	padding: 0px 10px 0px 10px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
	
.post .post_author_page img {
	float:left;
	margin: 5px 10px 5px 0px;
	padding: 0px 0px 0px 5px;
}


.post .post_author_page span {
font-weight: bold;
font-size: 15px;
display: block;
margin-bottom: -30px;
padding: 15px 0px 10px 0px;
}





.medianetpost {
    width: 300px;
}
#medianetpost {
   float: inherit;
margin: 5px -30px 5px -30px;
padding: 8px 5px 0px 5px;
min-height: 1px;
position: relative;
background-color: #trans;
}




#wpzoom-feature-posts-2 {
border-right: 0px solid #ccc;
border-left: 0px solid #ccc;
background-color: #;
}





/* Twitter Follow Sidebar 11-13-13 */

#text-12 {
-webkit-transition:all .20s ease-out;-moz-transition:all .20s ease-out;-o-transition:all .20s ease-out; filter:alpha(opacity=50);opacity:0.50;
position: relative; z-index: 10; filter:alpha(opacity=100);opacity:1.00;  -moz-box-shadow: 0 0 0px rgba(0,0,0,0.0);box-shadow: 0 0 0px rgba(0,0,0,0.0);-webkit-box-shadow: 0 0 0px rgba(0,0,0,0.0);
background-image: url("http://www.dromble.com/_hostcontent/siteimages/twittersidebar22mar2014.jpg");
width: 300px;
height: 175px;
}


#twitfollow {
padding-top: 160px;
padding-left: 0px;
margin: -15px 0px 0px -5px;
}

#twitfollowtwo {
margin: 145px 90px 0px 0px;
padding-top: 0px;
padding-right: 0px;
-webkit-transition:all .20s ease-out;-moz-transition:all .20s ease-out;-o-transition:all .20s ease-out; filter:alpha(opacity=50);opacity:0.50;
position: relative; z-index: 10; filter:alpha(opacity=100);opacity:1.00;  -moz-box-shadow: 0 0 0px rgba(0,0,0,0.0);box-shadow: 0 0 0px rgba(0,0,0,0.0);-webkit-box-shadow: 0 0 0px rgba(0,0,0,0.0);
}


/* LIVEFYRE 

.fyre .fyre-widget {
padding: 0px 0px 0px 35px;
width: 90%;
}

.fyre-editor-editable {
background-color: #FFFFFF;
}



.fyre-editor-toolbar .goog-toolbar>div {
background-color: #e3e3e3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e2e2e2));
background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: -moz-linear-gradient(top, #f7f7f7, #e2e2e2);
background-image: -o-linear-gradient(top, #f7f7f7, #e2e2e2);
background-image: -ms-linear-gradient(top, #f7f7f7, #e2e2e2);
background-image: linear-gradient(top, #f7f7f7, #e2e2e2);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#FFF7F7F7, endColorstr=#FFE2E2E2);
border-bottom: 1px solid #a1a1a1;
border-right: 1px solid #a1a1a1;
height: 30px;
width: 35px;
z-index: 2;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
-ms-box-sizing: inherit;
-o-box-sizing: inherit;
box-sizing: inherit;
}


.fyre-editor-toolbar .goog-toolbar>div.fyre-post-button .fyre-button-right-inner-box {
font: bold 13px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
color: #000000;
text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
*/



/*
#peepeeAd {
padding: 20px 10px 10px 10px;
margin-bottom: -60px;
}
*/


.about .wrap { background-color: #d2b48c; }


.page-link {
font: 22px Arial,Helvetica,sans-serif;
}



/* --------------------- MC SIGNUP------------------------ */

#mc_embed_signup {
background: transparent !important; 
clear: left;
font: 14px Helvetica,Arial,sans-serif;
}




#mc_embed_signup form {
display: block;
position: relative;
text-align: left;
padding: 10px 0 10px 3%;
color: #ecd2aa;
}


#mc_embed_signup .indicates-required {
text-align: right;
font-size: 0px !important;
margin-right: 4%;
}


#mc_embed_signup div.mce_inline_error {
margin: 0 0 0 0 !important;
padding: 0px 0px !important;
background-color: #transparent !important;
font-weight: bold !important;
z-index: 1 !important;
color: #transparent !important;
}


#mc_embed_signup .button {
clear: both !important;
background-color: #ecd2aa !important;
border: 0 none;
border-radius: 4px;
color: #624A4A !important;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: bold;
height: 32px;
line-height: 32px;
margin: 0 5px 10px 0;
padding: 0 22px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: auto;
}