/*
Theme Name: Smash 2 Columns
Theme URI: http://smashingupdates.com/smash-premium-quality-free-wordpress-theme/
Description: A clean and professional looking wordpress theme made by SmashingUpdates.com And Moded for use for Qetuo.me
Version: 1.2qetuo
Author: MOin
Author URI: http://www.SmashingUpdates.com/
Tags: black, blue, white, dark, light, two-columns, right-sidebar, fixed-width, custom-header, editor-style, theme-options, threaded-comments, sticky-post, translation-ready
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/



body {
	background: #2f2f2f url(images/pattern.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 0px;
	padding: 0px;
	color: #7a7a7a;
}

a{ text-decoration:none;}
a:hover{text-decoration: none;}

     a.opacity1 img {
     border:0px;
     filter:alpha(opacity=100);
     -moz-opacity: 1.0; 
     opacity: 1.0;
     -khtml-opacity: 1.0;}

    a.opacity1:hover img {
     filter:alpha(opacity=75);   
     -moz-opacity: 0.7;   
     opacity: 0.7;
     -khtml-opacity: 0.7; }

     a.opacity img {
     filter:alpha(opacity=100);
     -moz-opacity: 1.0; 
     opacity: 1.0;
     -khtml-opacity: 1.0;}

    a.opacity:hover img {
     filter:alpha(opacity=75);   
     -moz-opacity: 0.7;   
     opacity: 0.7;
     -khtml-opacity: 0.7; }
	 

img.left{ float: left; border: none;}
img.right{ float: right; border: none;}

h1 {font: 24px Tahoma;}
h2 {font: 22px Tahoma;}
h3 {font: 20px Tahoma;}
h4 {font: 18px Tahoma;}
h5 {font: 16px Tahoma;}
h6 {font: 14px Tahoma;}

#wrapper {
	width: 1004px;
	margin: 0px auto 20px auto;
	padding: 0px;
}

#header {
	height: 150px;
	width: 1004px;
	margin: 0px 0 12px 0;
}

#main {
	background: url(images/contentbg.png) repeat-y;
	width: 1004px;
}

#content {
	width: 555px;
	padding: 0 0px 15px 0px;
	margin: 0 0 0 20px;
	float: left;
	line-height: 1.3em;
	text-align: justify;
}

#logo {
	background: url(images/logobg.png) no-repeat top left;
	float:left;
	min-width: 500px;
	max-width: 500px;
	overflow: hidden;
	height: 100px;
	max-height: 100px
}
#logo p {
margin: 14px 0 0 5px;
font-size: 12px;
color: #7a7a7a;
text-shadow: #1b1b1b 1px 1px 0px;
}
#logo p a:link, #logo p a:visited {
	font-size: 42px;
	float: left;
	font-family: "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif;
	letter-spacing: -0.06em;
	margin: 0px;
	width: 500px;
	clear: both;
	outline-style:none;
	outline-width:0;
	color: #fff;
	text-shadow: #007fca 2px 1px 1px;
}
#logo p a:hover {
	text-decoration: none;
}

.contenttop {
background : url(images/contenttop.png) no-repeat top;
top : 0;
right : 0;
height : 13px;
width : 1004px;
}
.contentbot {
background : url(images/contentbot.png) no-repeat bottom;
height : 13px;
width : 1004px;
padding: 0;
margin: 0;
}

#sidebar {
	width: 400px;
	float: right;
	margin: 7px 20px 0 0;
	padding: 0;
}

#footer {
	height: 42px;
	clear: both;
	text-align: center;
	font-size: 0.8em;
	padding: 13px 0 0 0;
}
#footer a:link, #footer a:visited {
	color: #0299c5;
	outline-style:none;
	outline-width:0;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: none;
}

.description {
	clear: left;
	padding: 5px 0 5px 35px;
}

.post {
	padding: 5px 5px 5px 0;
	font-size: .9em;
	overflow: hidden;
}

.sticky {
background: url(images/pinned.png) no-repeat top left;
padding-top: 25px;
border-bottom: 1px solid #cfdde9;
}

.entry-content img {
	border:1px solid #cfdde9;
	padding:4px;
}

.post_thumbnail {
	border:1px solid #cfdde9;
	padding:4px;
	float: right;
	margin: 3px 0 0 0;
	}
.post_thumbnail:hover {
	border:1px solid #abcce9;
	padding:4px;
	float: right;
	margin: 3px 0 0 0;
	}
	
.entry-content, .entry-excerpt {
	background: url(images/postbg.png) no-repeat top center;
	clear: left;
	padding: 3px 0 0 0;
}
.entry-content-main, .entry-excerpt-main {
	background: url(images/postbg.png) no-repeat top center;
	clear: left;
	padding: 15px 0 0 0;
}

.main-excerpt {
max-width:375px;
float:left;
}

.navigation {
  clear: both;
}

.entry-meta {
  margin: 5px 0 0px 0;
  padding: 0 0 20px 0;
}

.entry-text {
background: url(images/postbg.png) no-repeat top center;
}

.underpost {
	font-size: .9em;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
}
.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

#content a:link, #content a:visited {
	padding: 2px;
	text-decoration: none;
	color: #62b5eb;
	outline-style:none;
	outline-width:0;
}
#content a:hover {
	text-decoration: none;
}

#cats { max-width: 974px; height: 37px; margin: 0; padding: 6px 15px 0px 15px; max-height: 42px; background: url("images/navbg.png") no-repeat; overflow:hidden;}
#cats ul { list-style-type: none; float: left; padding: 0px 0px 0px 0px; margin: 0; width: 970px; }
#cats ul li { float: left; display: block; height: 31px; padding: 0px; margin-right: 10px; margin-bottom: 6px; }
#cats ul li:hover { background: url(images/cats-hover-left.png) left; }
#cats ul li a:link, #cats ul li a:visited, #cats ul li a:active { float: left; color: #fff; text-transform: uppercase; display: block; height: 29px; font: bold 12px arial; padding: 7px 10px 0px 10px; margin: 0px; text-decoration: none;}
#cats ul li a:hover { background: url(images/cats-hover-right.png) no-repeat top right !important; background: none; color: #FFF; height: 29px; text-decoration: none; }
#cats .home a:link, #cats .home a:visited, #cats .current_page_item a:link, #cats .current_page_item a:visited { background: url(images/cats-hover-right.png) no-repeat top right !important; background: none; color: #FFF; }
#cats .home, #cats .current_page_item { background: url(images/cats-hover-left.png) left !important; background: none; position: relative; z-index: 80 !important; }	        						

#pages{
	padding: 0;
	white-space: nowrap;
	margin: 10px 0 0 0;
	width: 450px;
	float:right;
}
#pages li {
	display: inline;
	list-style-type: none;
	margin: 0 10px 0 0;
}
#pages ul {
	margin: 0px;
	padding: 0px;
	float:right;
}
#pages li a:link, #pages li a:visited {
	font: bold 12px arial;
	text-decoration: none;
	color: #8d8d8d;
	text-transform: uppercase;
	padding: 3px;
	text-decoration: none;
	outline-style:none;
	outline-width:0;
}
#pages li a:hover, #pages li a:active {
	border-bottom: 2px solid #43a2df;
	text-decoration: none;
}
#pages .current_page_item a:link, #pages .current_page_item a:visited {
	border-bottom: 2px solid #43a2df;
}

.sidebar-box {
	background: url(images/sbbot.png) no-repeat bottom;
	padding-bottom: 23px;
	color: #222222;
	margin-bottom: 20px;
}

#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #7a7a7a;
}
#sidebar ul li  {
	display: block;
}
#sidebar li a:link, #sidebar li a:visited {
	text-decoration: none;
	color: #7a7a7a;
	padding: 0px 0px 0px 16px;
	background: url(images/bulletoff.png) no-repeat 0px 0px;
	outline-style:none;
	outline-width:0;
	display: block;
}
#sidebar li a:hover {
	color: #0299c5;
	background: url(images/bulleton.png) no-repeat 1px 0px;
}
#sidebar a:link, #sidebar a:visited {
	text-decoration: none;
	color: #7a7a7a;
	outline-style:none;
	outline-width:0;
}
#sidebar a:hover {
	color: #0299c5;
}
#sidebar ul ul {
	margin: 0px;
  	background: url(images/sbbg.png) repeat-y;
	padding: 6px 10px 0 10px;
}
#sidebar ul ul ul  {
	margin: -2px 0 0 0px;
	padding: 0 0 0 10px;
	background: none;
	}
#sidebar ul ol {
	margin: -2px 0 0 0px;
	padding: 0 0 0 10px;
	}
#sidebar ul ul li {
  font-size: .9em;
  margin: 6px 0 0 0 !important;
  margin: 2px 0 0 0;
  padding: 0px;
}

#sidebar h1 {
	font-size: 1.4em;
}
#sidebar h3 {
	background: url(images/sbh2.png) no-repeat top center;
	font: bold 12px arial;
	line-height: 32px;
	color: #62b5eb;
	text-transform: uppercase;
	padding-left: 15px;
	height: 32px;
	margin:0px;
	text-shadow: #515151 1px 1px 1px;
	letter-spacing: 1px;
}

.post h1 {
  font: 24px Tahoma;
  margin: 0;
  padding: 0;
	text-shadow: #515151 1px 0.05em 1px;
	line-height: 26px;
	padding: 2px;
	color: #62b5eb;
}
.post h2 {
	margin: 0px;
	padding: 0;
	font: 22px Tahoma;
	text-shadow: #515151 1px 0.05em 1px;
	line-height: 26px;
	padding: 2px;
	color: #62b5eb;
}
.post h3 {
  font: 18px Tahoma;
  margin: 0;
  padding: 0;
	text-shadow: #515151 1px 0.05em 1px;
	padding: 2px;
	color: #62b5eb;
}
#subtitle1 {
  font: 15px Tahoma;
  margin: 0;
  padding: 0;
	text-shadow: #515151 1px 0.05em 1px;
	padding: 0px;
	color: #62b5eb;
}
.post h4 {
  font: 16px Tahoma;
  margin: 0;
  padding: 0;
	text-shadow: #515151 1px 0.05em 1px;
	padding: 2px;
	color: #62b5eb;
}
.post h5 {
  font: 14px Tahoma;
  margin: 0;
  padding: 0;
	text-shadow: #515151 1px 0.05em 1px;
	padding: 2px;
	color: #62b5eb;
}
.post h6 {
  font: 12px Tahoma;
  margin: 0;
  padding: 0;
	text-shadow: #515151 1px 0.05em 1px;
	padding: 2px;
	color: #62b5eb;
}
.post-single h1 {
	margin: 0px;
	padding: 0;
	font: 22px Tahoma;
	text-shadow: #515151 1px 0.05em 1px;
	line-height: 26px;
	padding: 2px;
	color: #62b5eb;
}

.archive-title {
text-align: center;
}
.archive-title h1 {
  font: 26px Tahoma;
  margin: 0;
  padding: 0;
	text-shadow: #515151 1px 0.05em 1px;
	padding: 2px;
	color: #62b5eb;
 }
.archive-title p {
margin: 0 0 20px 3px;
padding: 0 0 10px 0;
font-size: 12px;
border-bottom: 1px solid #ebebeb;
}

#commentform{
max-width: 350px;
min-width: 350px;
overflow: hidden;
	margin:0;
	padding:0;
	font-size: 12px;
	}	
#commentform p{
	font-size: 12px;
	padding: 0;
	margin: 0 0 5px 0;
	}
#commentform a{text-decoration: none; line-height: 14pt;font-size: 12px;}
#commentform h3{
	font-size: 10pt;
	font-weight: normal;
	margin:0;
	padding:0;
	}
#comment{
	width:80%;
	}
#author{
	background: url(images/name.png) no-repeat;
	font-family: verdana, arial, tahoma;
	font-size: 10pt;
	margin:0px 5px 0 17px;
	padding:0px 0 0 75px;
	color: #7a7a7a;
	border: none;
	width: 193px;
	height: 36px;
	}
#author:focus{
background: url(images/name2.png) no-repeat;
}
#email{
	background: url(images/email.png) no-repeat;
	font-family: verdana, arial, tahoma;
	font-size: 10pt;
	margin:0px 5px 0 17px;
	padding:0px 0 0 75px;
	color: #7a7a7a;
	border: none;
	width: 193px;
	height: 36px;
	}
#email:focus{
background: url(images/email2.png) no-repeat;
}
#url{
	background: url(images/url.png) no-repeat;
	font-family: verdana, arial, tahoma;
	font-size: 10pt;
	margin:0px 5px 0 17px;
	padding:0px 0 0 75px;
	color: #7a7a7a;
	border: none;
	width: 193px;
	height: 36px;
	}
#url:focus{
background: url(images/url2.png) no-repeat;
}
#comment{
	background: url(images/comment.png) no-repeat;
	font-family: verdana, arial, tahoma;
	font-size: 10pt;
	padding:30px 10px 10px 10px;
	margin:0px 5px 0 17px;
	border: none;
	color: #7a7a7a;
	max-width: 248px;
	min-height: 162px;
	}
#comment:focus{
background: url(images/comment2.png) no-repeat;
}
#submit{
	background: url(images/submit.png) no-repeat;
	font-family: verdana, arial, tahoma;
	font-size: 8pt;
	margin:0px 5px 0 17px;
	padding:0;
	border: none;
	height: 36px;
	width: 120px;
	}
#submit:hover{
background: url(images/submit2.png) no-repeat;
cursor: pointer;
}
#comments{margin:0; padding:0; overflow: hidden;}
ol.commentlist {list-style-type: none; margin:0; padding:0;}
ol.commentlist li {
background: url(images/gradbg.png) bottom repeat-x;
border: 1px solid #cfdde9;
	margin:0px 0 10px 0;
	padding:10px 10px 10px 10px;
	list-style-type:none;
	font-size: 12px;
	overflow: hidden;
	}
ol.commentlist li:hover {border: 1px solid #abcce9;}
ol.commentlist li p {margin: 10px 0 0px 0; padding: 0 60px 0 0; line-height: 14pt; overflow:hidden; color: #7a7a7a;}
ol.commentlist a {text-decoration:none;}
ol.commentlist  .date {
font-size: 8px;
	}
#respond {
background: url(images/commentform-bg.png) no-repeat center top;
max-width: 369px;
min-width: 369px;
height: 446px;
padding: 12px 0 0 0px;
margin: 15px 0 0 16px;
}
#respond-title1 {
  font: 20px Tahoma;
  margin: 0 0 5px 0px;
  padding: 0;
  text-shadow: #515151 1px 0.05em 1px;
  padding: 2px;
  color: #62b5eb;
}
#respond-title {
width: 150px;
  font: 20px Tahoma;
  margin: 0 0 5px 10px;
  padding: 0;
  text-shadow: #515151 1px 0.05em 1px;
  padding: 2px;
  color: #62b5eb;
}
#respond .cancel-comment-reply  { 
float:right; 
font-size: 12px;
margin: 0px 18px 0 0;
padding: 0;
}
.reply {
width: 43px;
height: 19px;
background: transparent url(images/reply.png) no-repeat;
float: right;
margin: -45px 0px 0 0;
font-size: 10px;
color: #fff;
padding: 1px 0 0 8px;
}
.avatar {
margin: 0px 8px 0 0px;
float:left;
border:1px solid #ddd;
padding:4px;
}
cite {
	font-family: Trebuchet MS;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	color: #7a7a7a;
	margin: 30px 0 0 0;
	}	
cite a{text-decoration: none;}

ol.commentlist li blockquote p {
background:url('images/quote.png') #f8f8f8 no-repeat top left;
border:1px dashed #cfdde9;
margin: 10px 0 10px 0; 
padding: 15px 15px 15px 55px; 
line-height: 14pt; 
width: 350px; 
overflow:hidden; 
color: #7a7a7a;
}

.alignleft {
  float: left;
}
.alignright {
  float: right;
}
img.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto;
}
img.alignright, div.alignright {
	margin: 1px 0 2px 10px;
	display: inline;
}
img.alignleft, div.alignleft {
	margin: 1px 10px 2px 0;
	display: inline;
}
.wp-caption-text {
  font-size: .7em;
  line-height: 1.1em;
  margin: 0;
}

#searchbox { 
	width:222px !important; 
	width:230px; 
	height:27px; 
	background:url(images/input.png) no-repeat; 
}
#searchbox #s {
	float:left; 
	padding:2px; 
	margin: 4px 0px 0 5px; 
	border:0; 
	width:185px; 
	background:none; 
	font:12px Arial; 
	color:#7a7a7a; 
}

a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
	outline-style:none;
	outline-width:0;
}
a.image img {
	border: none;
}

.npalignleft {
  float: left;
}
.npalignright {
  float: right;
}

.advertisment {
  background: #f3f7fa;
  border: 1px solid #cfe4f2;
}
.thumbs {
  padding: 5px 0px 10px 0px;
  margin: 0 0 0 6px;
}
.thumbs img {
  margin: 5px 0px 0px 0px;
  padding: 0;
  width: 125px;
  height: 125px;
  border: 0;
}

.readmore {
  background: url(images/rmarrow.png) no-repeat 75px 1px;
  padding: 0;
  margin:5px 0px 0 0;
}

.social {
background: url(images/social_bg.png) no-repeat top;
  padding: 5px 5px 5px 5px;
  margin: 5px;
  text-align:center;
  font-family:Trebuchet MS;
  font-size:12px;
  height: 78px;
}
.social img {
  margin:10px 2px 0px 2px;
  padding: 3px 2px 2px 2px;
  text-align:center;
  border:1px solid #cfdde9;
}
.social img:hover {
border:1px solid #abcce9;
}
.powerpress_player {
  text-align: center;
}
.audio_wrap {
  text-align: center;
}
#shows img {
  border:0px;
}
#shows div {
  width: 275px;
  height: 300px;
  border: 0px;
  float: left;
}

/* Styled blockquote with right-angled triangle
------------------------------------------ */

.example-right {
	position:relative;
	padding:15px 30px;
	margin:0;
	color:#fff;
	background:#0F6599; /* default background for browsers without gradient support */
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#2A93D8), to(#0F6599));
	background:-moz-linear-gradient(top, #2A93D8, #0F6599);
	background:-o-linear-gradient(top, #2A93D8, #0F6599);
	background:linear-gradient(top, #2A93D8, #0F6599);
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-right + p {margin:15px 0 2em 85px; font-style:italic;}

/* creates the triangle */
.example-right:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-50px;
	left:50px;
	width:0;
	height:0;
	border-width:0 20px 50px 0px;
	border-style:solid;
	border-color:transparent #0F6599;
}

/* For QR Code */
img.qrctimage {
	border: none;
}

/* Sidebar
==========*/

.box {
	padding: 5px 0 10px 0;
	margin: 0 0 1.5em 0;
}

.box h4 {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .929em;
	letter-spacing: 3px;
	background: url(styles/black-orange/box-header-line.gif) center left repeat-x;
	color: #ff7600;

}

.box h4 span {
	background: #f5f5f5;
	padding: 0 10px;
}

.box li,
.box div,
.box #searchform {
	margin: 0 10px 5px 10px;
}

.box table {
	margin: 0 auto;
}

.box.widget_categories li,
.box.widget_archive li {
	float: left;
	width: 130px;
	line-height: 1.4em;
	margin: 0 0 5px 15px;
	font-size: .929em;
}

.box.widget_categories li a,
.box.widget_archive li a {
	display: block;
	background: url(images/icon-paper.gif) top left no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 18px;
}

.box.flickr {
	padding-bottom: 5px;
}

.box.flickr .flickr_badge_image {
	float: left;
	margin: 0 0 10px 14px;
}

.box.flickr .flickr_badge_image a img {
	border: 3px solid #fff;
}

.box.flickr .flickr_badge_image a:hover img {
	border: 3px solid #393939;
}

.box.widget_twitter li {
	background: url(images/icon-tweet.gif) top left no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 20px;
	margin: 0 15px 10px 15px;
	font-size: .857em;
	line-height: 1.3em;
	color: #636363;
}

.box.widget_twitter li span {
	display: block;
	font-style: italic;
	font-size: .8em;
}

.box.widget_twitter h4 a {
	color: #FF7600;
}

#searchform input {
	margin: 0 0 8px 0;
}

/*Sidebar menu
============== */
#menu-topnav {
	position:absolute;
	right:0;
	bottom:0;
	list-style:none;
	margin:0;
	padding:0;
	height:30px;
}
.menu-item {
	margin:0;
	padding:0;
	float:left;
	display:block;
	position: relative;
}
#menu-topnav a {
	display:block;
	text-decoration:none;
	height:auto;
	line-height:30px;
	padding:0 15px;
	color:white;
	width:auto;
}

.subscribeList > .menu-item:hover {
	background-color:#020202;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;

}

.subscribeList > .menu-item,
.socialList > .menu-item {
	width:48px;
	height:48px;
	text-indent:-9000px;
	display:block;
	padding:5px;
	margin:5px 5px 0 0;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.subscribeList .sub-menu {
	top:58px;
	width:150px;
	text-indent:0;
	padding:5px 0;
	-webkit-border-radius: 0 8px 8px 8px;
	-moz-border-radius: 0 8px 8px 8px;
	border-radius: 0 8px 8px 8px;
}

.twitter .sub-menu {
	left:-92px;
	-webkit-border-radius: 8px 0 8px 8px;
	-moz-border-radius: 8px 0 8px 8px;
	border-radius: 8px 0 8px 8px;
}

.facebook .sub-menu {
	left:-92px;
	-webkit-border-radius: 8px 0 8px 8px;
	-moz-border-radius: 8px 0 8px 8px;
	border-radius: 8px 0 8px 8px;
}
.subscribeList a {
	display:block;
	font-size:10px;
	padding:5px;
	color:white;
}

.subscribeList a:hover {
	text-decoration:none;
}

.menu-item.rss {
	background-image:url(http://www.qetuo.me/images/feed-icons/2010311_rss_icon.png);
}

.menu-item.twitter {
	background-image:url(http://www.qetuo.me/images/feed-icons/2010311_tw_icon.png);
}

.menu-item.zune {
	background-image:url(http://www.qetuo.me/images/feed-icons/2010311_zune_icon.png);
}

.menu-item.email {
	background-image:url(http://www.qetuo.me/images/feed-icons/2010311_email_icon.png);
}

.menu-item.itunes {
	background-image:url(http://www.qetuo.me/images/feed-icons/2010311_it_icon.png);
}

.menu-item.facebook {
	background-image:url(http://www.qetuo.me/images/feed-icons/2010311_fb_icon.png);
}

.email .sub-menu {
	padding:8px;
}


#menu-topnav .sub-menu {
	top:30px;
	width:200px;
}
.sub-menu {
	display:none;
	position:absolute;
	background:#020202;
	left:0;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	z-index: 99999;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	padding-bottom:8px;
	color:white;

}
.sub-menu .menu-item {
	float:none;
}
#menu-topnav .menu-item:hover > a,
.sub-menu :hover > a {
	color:white;
	background: #333;
}
.menu-item:hover > .sub-menu {
	display:block;
	overflow:hidden;
}
/* clearfix 
===========*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
/* end clearfix */