/*
Theme Name: TwentyTen Metro
Theme URI: http://wpshed.com/
Description: This is a child theme for the Twenty Ten theme by <a href="http://wpshed.com/">WPshed.com</a>.
Author: WPshed
Template: twentyten
Version: 1.1
Author URI: http://wpshed.com/
Tags: two-columns, fixed-width, threaded-comments, sticky-post
License: This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

* {
  margin: 0;
  padding: 0;
}
body {
  background: #AAA;
  color: #333;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  line-height: 10px;
}
a, a:visited {
  color: #008eb7;
  text-decoration: none;
}
a:hover {
  color: #666;
  text-decoration: underline;
}
a img {
  border: none;
}
a:focus, a:hover, a:active {
  outline: none;
}
#wrapper {
  width: 940px;
  border: 10px solid #FBFBFB;
  background: #FFF;
  margin: 10px auto;
  position: relative;
  -moz-box-shadow: 0 1px 5px #333;
  -webkit-box-shadow: 0 1px 5px #333;
}
#header:after, #access:after, #access .menu:after, #main:after, #footer:after, .post:after, .page:after, .navigation:after, #footer:after, #footer-widget-area:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#header, #footer, #main {
  width: 940px;
  overflow: hidden;
  clear: both;
  display: block;
}
#main {
  padding: 10px 0;
} /* wrap the post and sidebar */
.home {}/* body class */

/* Header
*******************************************************************************/

#header {}/* wrap the theader and menu */
#masthead {}/* wrap the theader and menu */
#branding {
  height: 110px;
background: #333;
  overflow: hidden;
  position: relative;
}/* wrap the title, description and header image */
#site-title {
  position: absolute;
  top: 25px;
  left: 10px;
  font-family: Arial, Times, "Times New Roman", serif;
  font-weight: normal;
  letter-spacing: -3px;
}
#site-title a, #site-title a:visited {
  color: #008eb7;
  font-size: 64px;
  text-decoration: none;
}
#site-description {
  position: absolute;
  top: 70px;
  right: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #660033;
}

/* Menu
*******************************************************************************/

#access {
  width: 934px;
  background: #666;
  border: double #FFF;
}
.skip-link {
  width: 80px;
  float: right;
  padding: 12px 5px 0 0;
}
.skip-link a, .skip-link a:visited {
  float: right;
  font-size: 10px;
  color: #AAA;
  text-decoration: none;
}
#access .menu {
  width: 815px;
  padding: 0;
  margin-left: 5px;
  float: left;
}
#access ul, #access li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
#access li a, #access li a:link, #access li a:visited {
  line-height: 34px;
  color: #FFF;
  display: block;
  font-size: 14px;
  font-family: 'Nunito', Arial, Verdana;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  margin: 0px;
  padding: 0px 10px 0px 10px;
}
#access li a:hover, #access li a:active {
  background: #ff9000;
  color: #FFF;
  text-decoration: none;
}
#access .current_page_item a, #access .current_page_item a:visited {
  background: #ff9000;
  color: #FFF;
  text-decoration: none;
}
#access li li a, #access li li a:link, #access li li a:visited {
  background: #333 !important;
  width: 150px;
  color: #FFF !important;
  font-size: 13px;
  font-family: 'Nunito', Arial, Tahoma, Verdana;
  font-weight: normal;
  text-transform: none;
  float: none;
  margin: 0px;
  padding: 0px 10px 0px 10px;
  line-height: 31px;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #333;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
#access li li a:hover, #access li li a:active {
  background: #660033 !important;
}
#access li ul {
  z-index: 9999;
  position: absolute;
  left: -999em;
  height: auto;
  width: 170px;
  margin: 0px;
  padding: 0px;
}
#access li li {}
#access li ul a {
  width: 140px;
}
#access li ul a:hover, #access li ul a:active {}
#access li ul ul {
  margin: -33px 0 0 171px;
}
#access li:hover ul ul, #access li:hover ul ul ul, #access li.sfhover ul ul, #access li.sfhover ul ul ul {
  left: -999em;
}
#access li:hover ul, #access li li:hover ul, #access li li li:hover ul, #access li.sfhover ul, #access li li.sfhover ul, #access li li li.sfhover ul {
  left: auto;
}
#access li:hover, #access li.sfhover {
  position: static;
}
#access ul ul {
  -moz-box-shadow: 0px 3px 3px #666;
  -webkit-box-shadow: 0px 3px 3px #666;
}

/* Content
*******************************************************************************/

#container {
  line-height: 20px;
}/* wrap the content */
#container.one-column #content, #container.single-attachment #content {
  width: 940px;
  overflow: hidden;
}
#container #content {
  width: 610px;
  float: left;
  overflow: hidden;
}
#content {
  background: #FFF;
}
#container.one-column #content, #container.single-attachment #content {
  background: #FFF;
}
#content .type-post, #content .type-attachment {
  padding: 9px;
}
.hentry, .post {
  margin: 0 0 20px 0;
  padding: 9px;
}
#content .hentry p {
  margin: 0 0 10px 0;
}
.page-title {
  padding: 5px 0 0 15px;
}
#content h1.page-title, #content h1.page-title a, #content h1.page-title a:visited, #content h1.page-title span {
  background: #ff9000;
  color: #FFF !important;
  font-size: 12px;
  font-family: 'Nunito', Arial, Tahoma, Verdana;
  font-weight: bold;
  text-transform: uppercase;
  margin: 9px;
  padding: 3px 0px 3px 7px;
  text-shadow: 0 0 1px #000;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  color: #222;
  font-family: Arial, Verdana, Tahoma;
  font-weight: normal;
  text-decoration: none;
  margin: 0 0 5px 0;
  padding: 0;
}
#content h1 {
  font-size: 20px;
}

#content h1 a:hover {
  color: #008eb7;
  text-decoration: none;
}

#content h2 {
  font-size: 18px;
}
#content h2 a, #content h2 a:visited {
  color: #008eb7;
  text-decoration: none;
}
#content h2 a:hover {
  color: #008eb7;
  text-decoration: none;
}
#content h3 {
  font-size: 16px;
  font-weight: bold;
}
#content h4 {
  font-size: 14px;
  font-weight: bold;
}
#content h5 {
  font-size: 12px;
}
#content h6 {
  font-size: 10px;
}
#content .post ul, #content .page ul, #content .post ol, #content .page ol {
  margin: 0;
  padding: 0 0 15px 0;
}
#content .post ul li, #content .page ul li, #content .post ol li, #content .page ol li {
  margin: 0 0 0 20px;
  padding: 0;
}
#content .post ul li, #content .page ul li {
  list-style: square;
}
#content .post ul ul, #content .page ul ul, #content .post ol ol, #content .page ol ol {
  padding: 0;
}
.post {}/* the post wrap */
.sticky {
  background: #F5F5F5 url(images/bg.gif);
}
#content .page h1.entry-title {
  margin-bottom: 15px;
}
#content a.entry-title {color: #333;}
#content h1.entry-title, #content h2.entry-title { font-family: 'Nunito', Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #DDD;
  padding-bottom: 3px;
}/* the post title */
.entry-meta {
  font-size: 11px;
  margin-bottom: 10px;
  color: #888;
}/* the post meta */
.entry-content {font-size: 12px; line-height:20px; font-family: Verdana, Arial, Tahoma;}/* the post content */
.entry-content img {margin: 0 0px 0 0; padding: 0 10px 2px 0;}
.meta-prep {}/* posted on text */
.entry-date {}/* entry date text */
.meta-sep {}/* by text */
.author {}/* author link */
.entry-utility {
  clear: both;
  font-size: 11px;
  border-top: 1px dotted #EEE;
}
#nav-above {
  display: none;
}/* content top navigation */
#nav-below {
  background: #fff;
  border-top: 0px solid #EEE;
  border-bottom: 1px solid #EEE;
}
#nav-below a, #nav-below a:hover {
  color: #666;
  font-size: 10px; font-family: Verdana, Arial, Tahoma;
}
#nav-below a:hover {
  color: #111;
  text-decoration: none;
}
.navigation {}
.nav-previous {
  float: left;
  padding-left: 10px;
}/* previous page navigation */
.nav-next {
  float: right;
  padding-right: 10px;
}/* next page navigation */
.meta-nav {}/* page navigation */
.page-link {
  clear: both;
  margin: 0 0 15px 0;
  word-spacing: 5px;
}
.page-link a:link, .page-link a:visited {
  background: #f1f1f1;
  color: #999;
  font-weight: normal;
  padding: 3px 6px;
  text-decoration: none;
}
.page-link a:active, .page-link a:hover {
  color: #000;
}
body.page .edit-link, .social-share {
  clear: both;
  display: block;
  margin-top: 10px;
}
.read-more {
  float: right;
  background: #EEE;
  padding: 0 10px;
}
a.read-morem, a:visited.read-more {
  font-weight: bold;
  color: #888;
  font-size: 11px;
  text-decoration: none;
}
#entry-author-info {
  clear: both;
  display: block;
  margin: 10px;
  padding: 5px;
  border: 1px solid #DDD;
  background: #F7F7F7;
  line-height: 16px;
  overflow: hidden;
}
#author-description h2 {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
}
#author-avatar img {
  background: #FFF;
  float: left;
  margin-right: 10px;
  padding: 3px;
  border: 1px solid #CCC;
}
#author-link {
  clear: both;
  font-size: 11px;
}
.attachment-custom_thumb {
  float: left;
  margin-right: 10px;
}

/* Sidebar
*******************************************************************************/

#primary, #secondary {
  background: #F5F5F5 url(images/bg.gif);
  width: 300px;
  padding: 10px 10px 0 10px;
  float: right;
  overflow: hidden;
  line-height: 22px;
  font-size: 11px;
  clear: right; /* to make sure will stick to right if content height is smaller then primary sidebar */
}
#primary h3, #secondary h3 {
  color: #fff;
  font-size: 14px;
  font-family: 'Nunito', Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  padding: 3px 0px 3px 5px;
  margin: 0px 0px 5px 0px;
  border-top: double #EEE;
  border-bottom: double #EEE;
  text-align: left;
}
#primary .widget-container, #secondary .widget-container {
  background: #fff;
  margin: 0px 0px 20px 0px;
  padding: 0px;
}
.widget-title {background: #666; color: #FFF;}
.widget-area select {
  max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
  width: 60%;
}
.widget_categories #cat {/* This keeps the search inputs in line */
  width: 100%;
}
.widget_search label {
  display: none;
}
#primary ul, #primary ul ul, #secondary ul, #secondary ul ul {
  list-style: none;
}
#primary ul li, #secondary ul li {
  list-style: none;
  margin-bottom: 5px;
}
#primary ul li li, #primary ul li ul li, #secondary ul li li, #secondary ul li ul li {
  padding: 0px;
  margin: 0px;
  border-bottom: 1px dotted #CCC;
}
#wp-calendar {
  width: 100%;
}
#wp-calendar caption {
  color: #222;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 4px;
  text-align: center;
}
#wp-calendar thead {
  font-size: 11px;
}
#wp-calendar thead th {}
#wp-calendar tbody {
  color: #aaa;
}
#wp-calendar tbody td {
  background: #f5f5f5;
  border: 1px solid #fff;
  padding: 3px 0 2px;
  text-align: center;
}
#wp-calendar tbody .pad {
  background: none;
}
#wp-calendar tfoot #next {
  text-align: right;
}
.widget_rss a.rsswidget {
  color: #000;
}
.widget_rss a.rsswidget:hover {
  color: #ff4b33;
}
.widget_rss .widget-title img {
  width: 11px;
  height: 11px;
}
#wp_tag_cloud div {
  line-height: 1.6em;
}
#primary .envato_marketplace_items_widget ul li, #secondary .envato_marketplace_items_widget ul li {
  list-style: none;
  background: none;
  padding: 0;
  margin: 0;
}

/* Footer Widgets
*******************************************************************************/

#footer-widget-area {
  background: #FFF;
  width: 925px;
  font-size: 11px;
  margin: 0 auto;
  padding: 0 7.5px;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 15px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#footer-widget-area h3 {
  color: #fff;
  font-size: 14px;
  font-family: 'Nunito', Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  padding: 3px 0px 3px 5px;
  margin: 0px 0px 5px 0px;
  border-top: double #EEE;
  border-bottom: double #EEE;
}
#footer-widget-area ul, #footer-widget-area ul ul {
  list-style: none;
}
#footer-widget-area ul li {
  list-style: none;
  margin-bottom: 5px;
}
#footer-widget-area ul li li, #footer-widget-area ul li ul li {
  padding: 0px;
  margin: 0px;
  border-bottom: 1px dotted #CCC;
}

/* Footer
*******************************************************************************/

#footer {
  padding: 5px 0;
  background: #333;
  line-height: 20px;
}
#colophon {}
#site-info {
  float: left;
  padding-left: 10px;
}
#site-generator {
  float: right;
  padding-right: 10px;
}
#site-info a, #site-info a:visited, #site-generator a, #site-generator a:visited, #site-info, #site-generator {
  color: #EEE;
  text-shadow: 0 1px 1px #000;
}

/* Forms
*******************************************************************************/

#author, #email, #url {width: 180px;float: right;}
#comment {width: 98%;}
#s, #author, #email, #url, #comment, input[type=text], input[type=password ], select, textarea, .textfield {background: #F9F9F9;color: #222;font-size: 12px;font-family: Arial, Tahoma, Verdana;font-weight: normal;margin: 5px 0 0 0;padding: 3px;border: 1px solid #DDD;border-top-color: #888;border-left-color: #888;display: inline;}
#submit, input[type=submit], input[type=reset], button[type=submit], button[type=reset], .button {background: #ff9000;color: #FFF;font-size: 12px;font-family: Arial, Tahoma, Verdana;margin: 0;padding: 3px 7px;font-weight: normal;border: 1px solid #ff9000;cursor: pointer;font-weight: bold;text-shadow: 0 0 1px #000;}
#submit:hover, input[type=submit]:hover, input[type=reset]:hover, button[type=submit]:hover, button[type=reset]:hover, .button:hover {background: #333;}

/* Typography
*******************************************************************************/

.error, .alert, .notice, .success, .info {padding:10px !important; margin-bottom:15px !important; border:2px solid #DDD;}
.error, .alert{background:#FDE9EA;color:#941909;border-color:#F8BEC0;}
.notice{background:#FEF6C2;color:#584C1C;border-color:#FBCE1B;}
.success{background:#ECF5C8;color:#234206;border-color:#BED07A;}
.info{background:#D8F1FD;color:#144F8D;border-color:#86C5E3;}
.error a, .alert a, .error a:visited, .alert a:visited {color:#941909;font-weight:bold;}
.notice a, .notice a:visited{color:#584C1C;font-weight:bold;}
.success a, .success a:visited{color:#234206;font-weight:bold;}
.info a, .info a:visited{color:#144F8D;font-weight:bold;}
pre{font-size: 12px;width: 95%;line-height: 18px;overflow: auto;font-family: "Courier New", Courier, monospace;color: #800;background: #FFF;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;border-left: 10px solid #DDD;border-right: 1px solid #DDD;padding: 10px 5px 10px 10px;margin: 0 0 20px;}
code{display: inline;color: #800;font: 100% "Courier New", Courier, monospace;margin: 0px 0px 15px 0px !important;}
fieldset{padding: 15px;border: 1px solid #DDD;}
legend{font-weight: bold;font-size: 13px;padding: 0px 10px 0px 10px;}
#content table{width: 100%;background: #FFF;border: 1px solid #CCC;border-width: 2px;border-collapse: collapse;margin: 5px 0 10px;}
#content th, #content td{border: 1px solid #CCC;padding: 3px 10px;text-align: left;vertical-align: middle;}
#content tr.even td{background: #F8F8F8;}
#content thead th, #content tfoot th{background: #E7E7E7;}
#content th{background: #F7F7F7;}
blockquote {background: #F6F6F6;margin: 0 20px 15px 20px;padding: 10px 15px 0 15px;border: 1px solid #DDD;}

/* Comments
*******************************************************************************/

#commentform .required {
  color: #CC0000;
}
.comment-form-email, .comment-form-url, .comment-form-author {
  width: 280px;
  clear: both;
}
.comment-notes {
  color: #999;
  font-size: 11px;
}
#comments {
  padding: 10px;
}
p.form-allowed-tags {
  display: none;
}
.comments {
  margin: 10px 0px 10px 0px;
  padding: 9px;
  border: 1px solid #DDD;
}
.commentlist li .avatar {
  background: #FFF;
  float: right;
  border: 1px solid #DDD;
  margin: 0px 5px 0px 10px;
  padding: 2px;
}
.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
}
.commentlist p {
  font-weight: normal;
  text-transform: none;
}
.commentmetadata {
  font-weight: normal;
}
#commentform {
  margin-top: 5px;
}
#respond:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
#commentform p {
  margin: 5px 0px 5px 0px;
}
#commentform #submit {
  margin: 0px;
  float: left;
}
.alt {
  margin: 0px;
  padding: 10px;
}
.commentlist {
  margin: 0px;
  padding: 0px;
}
.commentlist ol {
  margin: 0px;
  padding: 10px;
}
.commentlist li {
  margin: 15px 0px 10px;
  padding: 10px 5px 10px 10px;
  list-style: none;
}
.commentlist li ul li {
  margin-right: -5px;
  margin-left: 15px;
}
.commentlist p {
  margin: 10px 5px 10px 0px;
  padding: 0px;
}
.children {
  margin: 0px;
  padding: 0px;
}
.nocomments {
  text-align: center;
  margin: 0px;
  padding: 0px;
}
.reply a, .reply a:visited {
  background: #EEE;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: Georgia, Tahoma, Verdana;
  font-size: 11px;
  color: #666;
  text-decoration: none;
  margin: 0px;
  padding: 1px 5px 1px 5px;
  border: 1px solid #DDD;
}
.reply a:hover {
  background: #660033;
  color: #FFF;
  text-decoration: none;
}
.commentmetadata {
  font-size: 10px;
  margin: 0px;
  display: block;
}
.navigation {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 40px;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
.thread-alt {
  background: #FFF;
  margin: 0px;
  padding: 0px;
}
.thread-even {
  background: #F4F4F4;
  margin: 0px;
  padding: 0px;
}
.depth-1 {
  border: 1px solid #DDD;
  margin: 0px;
  padding: 0px;
}
.even, .alt {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #DDD;
  margin: 0px;
  padding: 0px;
}

/* WordPress specific CSS
*******************************************************************************/

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 0px;
}
img.alignnone {
  padding: 0px;
  margin: 0px 0px 10px 0px;
  display: inline;
}
img.alignright {
  padding: 0px;
  margin: 0px 0px 10px 10px;
  display: inline;
}
img.alignleft {
  padding: 0px;
  margin: 0px 10px 10px 0px;
  display: inline;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.alignright {
  float: right;
  margin: 0px 0px 10px 10px;
}
.alignleft {
  float: left;
  margin: 0px 10px 10px 0px;
}
.wp-caption, .gallery-caption {
  border: 1px solid #DDDDDD;
  text-align: center;
  background-color: #EEEEEE;
  padding: 4px 0px 5px 0px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.wp-caption img {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  border: 0px;
}
.wp-caption p.wp-caption-text {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-weight: normal;
  line-height: 12px;
}
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
  max-width: 100%;/* When images are too wide for containing element, force them to fit. */
  height: auto;/* Override height to match resized width for correct aspect ratio. */
}
.wp-smiley {
  margin: 0;
}
.gallery {
  margin: 0 auto 18px;
}
.gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  width: 33%;
}
.gallery-columns-2 .gallery-item {
  width: 50%;
}
.gallery-columns-4 .gallery-item {
  width: 25%;
}
.gallery img {
  border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
  max-width: 92%;
  height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
  max-width: 84%;
  height: auto;
}
.gallery .gallery-caption {
  color: #888;
  font-size: 12px;
  margin: 0 0 12px;
}
.gallery dl {
  margin: 0;
}
.gallery img {
  border: 10px solid #f1f1f1;
}
.gallery br + br {
  display: none;
}
#content .attachment img {/* single attachment images should be centered */
  display: block;
  margin: 0 auto;
}

/* EKSTRA */
.bgshadow {
	clear: both;

	float: left;
	background: url(/images/shadow1.gif) no-repeat bottom right;
  margin: 5px 10px 0 5px !important;
  margin: 5px 10px 0 5px;

}



.bgshadow div {
  background: url(/images/shadow2.png) no-repeat left top !important;
  background: url(/images/shadow1.gif) no-repeat left top no-repeat left top;
  padding: 0px 5px 0px 0px;

}




.bgshadow img {
  background-color: #fff;
  border: 1px solid #999999;
  padding: 5px;
}

.bgborder img {
  background-color: #fff;
  border: 1px solid #666; 
  padding: 5px;
margin: 1px;
}


.postxx img {border:none; background:none; padding:none; background:url(/images/shadow1.gif) no-repeat right bottom; padding:5px 10px 10px 5px; border-top:#999 0px solid;border-left:#999 0px solid;
}