/*
	Theme Name: Wp-Them.es Magazine
	Theme URL: http://www.wp-them.es/wp-themes-magazine/
	Description: Magazine style WordPress Theme with theme options menu by <a href="http://www.wp-them.es">Wp-Them.es</a>.
	Author: Wp-Them.es
	Author URI: http://www.wp-them.es
	Version: 1.0
    Tags: white, light, two-columns, fixed-width, theme-options, right-sidebar
*/

/* Menu*/

ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	text-transform: uppercase;
	background: url("images/nav.png");
	padding-left:10px;
	clear: both;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	background: url("images/nav.png");
	height:40px;
	
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 20px;
	float: left;
	text-decoration: none;
	color: #fff;
	background: url(http://media4ever.nl/wp-content/themes/m4e/images/a_bg.png) repeat-x;
	z-index:0;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
}

ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #555;
	background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: left top;
}



/* End Menu*/

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #444;
  background: #FFF;
  line-height:20px;
  width: 100%;
}
/*** Hyperlinks	***/
a, a:visited {
  color: #005DB3;
  font-size: 12px;
  text-decoration: none;
}
a:hover {
  color: #101010;
}
/*** Header ***/
#header {
  width: 950px;
  height: 100px;
  margin: 0 auto;
  background: #FFF;
}
#header_left {
  width: 690px;
  padding-top:15px;
  padding-left:10px;
  float: left
}
#header_right {
  width: 250px;
  float: right;
  padding: 17px 0px 0px 0px;
}
#header h1 {
  padding: 5px 0px 0px 10px;
}
#header h1 a, #header h1 a:visited {
  font-size: 34px;
  font-weight: bold;
}
#container {
  width: 1024px;
 
}
#header p {
  padding: 0px 0px 0px 10px;
  margin: 0px;
  color: #999;
}
#top_search {
  width: 210px;
  padding: 5px 10px 5px 10px;
  background: #F0F0F0;
  border: 1px solid #C8C8C8;
  text-align: center;
}
/*** Navigation ***/
#navbar {
  width: 100%;
  height: 40px;
  background: url("images/nav.png");
  border-bottom: 3px solid #efefef;
}
#navigation {
  width: 950px;
  height: 40px;
  margin: 0 auto;
}
#nav_left {
  float: left;
  width: 700px;
}
#nav_right {
  float: right;
  width: 210px;
  padding: 6px 0px 0px 0px;
}
#nav, #nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 15px;
}
#nav a, #nav a:visited {
  display: block;
  padding: 14px 15px 11px 15px;
  color: #ffffff;
  font-size:14px;
  font-family:arial;
  border-bottom: 2px solid #CCC;
}
#nav a:hover {
  background: url("images/nav2.png");
  color: #fff;
}
#nav li {
  float: left;
}
#nav li ul {
  position: absolute;
  width: 140px;
  left: -999em;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
  background: url("images/nav2.png");
  width: 140px;
  float: none;
  text-transform: none;
  margin: 0px;
  padding: 7px 10px 7px 10px;
  border-bottom: 1px solid #CCC;
}
#nav li li a:hover {
  background: url("images/nav.png");
}
strong {
 font-weight: bold;
 color: #3A3A3A;
}
#nav li ul ul {
  margin: -25px 0px 0px 160px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
  left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
  left: auto;
}
/*** Content ***/
#content {
  width: 950px;
  background-color: #ccc;
  margin: 0 auto;
}
/*** postarea ***/
#postarea {
  width: 610px;
  padding: 10px;
  float: left;
  background: #FFF;
}
.post img {
  padding: 5px;
}
.meta {
  background: #F4F3EE;
  border: 1px solid #DDD;
  padding: 5px;
  margin: 5px;
}
/*** Sidebar ***/
#sidebar {
  float: right;
  width: 300px;
  padding: 10px;
  background: #FFF;
}
#sidebar h2 {
  background: #CFCFCF;
  border: none;
  margin: 0px 0px 5px 0px;
  color: #FFF;
  padding: 2px 0px 2px 10px;
}
#sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#sidebar ul li {
  list-style-type: square;
  margin: 0px 0px 2px 20px;
  padding: 1px 0px 0px 0px;
}
.widget {
  margin-bottom: 10px;
  background: #F9F9F9;
  padding: 5px;
  border: 1px solid #DDD;
}
.advertisment {
  margin-bottom: 10px;
  background: #F9F9F9;
  padding: 5px 12px 5px 12px;
  border: 1px solid #DDD;
}
.advertisment img {
  padding: 5px;
  width: 125px;
  height: 125px;
}
.advertisment a img:hover {
  background:#e9e9e9;
}
/*** Homepage ***/
.thumbnail{
  float: left;
  width: 110px;
  height: 80px;
  padding: 5px;
  border: 1px solid #C8C8C8;
  background: #DDD;
  margin-right: 5px;
}
.homepage_post {
  border-bottom: 1px dotted #C8C8C8;
  margin: 5px 0px 5px 0px;
  line-height:22px;
  font-size:12px;
  min-height:200px;
}
.homepage_post h2 a, .homepage_post h2 a:visited {
  font-size: 14px;
}
.homepost_data {
  background: #F6F9FD;
  font-size: 11px;
  border-bottom: 1px solid #DDD;
  padding: 2px 5px 2px 5px;
  margin: 3px 0px 3px 0px;
}
.homepost_left {
  float: left;
}
.homepost_right {
  float: right;
}
#featured_content {
  width: 590px;
  background: #F0F0F0;
 
  padding: 10px;
}
#featured_left {
  float: left;
  width: 500px;
  height: 230px;
}
#featured_left img {
  width: 590px;
  height: 230px;
}
#featured_right {
  float: right;
  width: 230px;
  font-size: 20px;
  font-family: Georgia, Arial, Helvetica, sans-serif;
  color: #005DB3;
  text-align: center;
}
#featured_right a, #featured_right a:visited {
  font-size: 20px;
}

/*** Footer ***/
#footer {
  width: 890px;
  height:110px;
  margin: 0 auto 10px;
  background: #e7e7e7;
  border-top: 2px solid #DDD;
  font-size: 11px;
  color: #666;
  padding: 0px 20px 0px 20px;
}
#ft1{
	width: 180px;
	height:110px;
	
}
#footer a, #footer a:visited {
  color: #666;
  font-size: 11px;
}
#footer a:hover {
  color: #101010;
}
#footer_left {
  float: left;
}
#footer_right {
  float: right;
  padding-top:80px;
}

/*** Comments ***/
.commentlist li {
  font-weight: bold;
}
.commentlist li .avatar {
  float: right;
  background: #FFF;
  border: 1px solid #C8C8C8;
  padding: 2px !important;
}
.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
}
.commentlist p {
  font-weight: normal;
  text-transform: none;
}
.commentmetadata {
  font-weight: normal;
}
#respond:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.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: 10px;
}
.commentlist p {
  margin: 10px 5px 10px 0px;
  padding: 0px;
}
.commentmetadata {
  font-size: 10px;
  margin: 0px;
  display: block;
}
.thread-alt {
  background: #F7F7F7;
}
.thread-even {
  background: #F6F9FD;
}
.even, .alt {
  border-bottom: 1px solid #C8C8C8;
  border-top: 1px solid #C8C8C8;
}
.depth-2 {
  background: #FFF;
}
.depth-3 {
  background: #F7F7F7;
}
.depth-4 {
  background: #F6F9FD;
}
.depth-5 {
  background: #FFF;
}
/*** Comment Form ***/
#commentform input {
  width: 200px;
  padding: 2px;
  margin: 5px 5px 1px 0px;
}
#commentform {
  padding: 0 5px 5px 5px;
}
#commentform textarea {
  width: 100%;
  padding: 2px;
}
#commentform p {
  margin: 5px 0px 5px 0px;
}
#commentform #submit {
  margin: 0px;
  float: left;
}
#author, #email, #url {
  background: #F2F2F2 !important;
  color: #999;
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  margin: 0px;
  padding: 4px;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
#comment {
  background: #F2F2F2 !important;
  width: 500px !important;
  color: #444;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  padding: 4px;
  margin: 0px;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
/*** Wp Images ***/
.wp-caption {
  margin: 0px;
  padding: 0px;
}
.wp-caption img {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  border: 0px;
}
.wp-caption p.wp-caption-text {
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-size: 10px;
  font-style: italic;
  font-weight: bold;
  line-height: 12px;
}
img.wp-smiley {
  float: none;
  border: none;
  padding: 0px;
  margin: 0px;
}
/*** Search Form ***/
#searchform {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  display: inline;
}
#topsearch, #newsbox {
  background: #FFF;
  width: 140px;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px;
  padding: 4px 0px 4px 10px;
  border-top: 0px solid #666;
  border-left: 0px solid #666;
  border-bottom: 0px solid #eee;
  border-right: 0px solid #eee;
  display: inline;
}
#s {
  background: #F2F2F2;
  width: 140px;
  color: #000000;
  font-size: 11px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px;
  padding: 2px 0px 2px 5px;
  border: 1px solid #999;
  display: inline;
}
#sb {
  background: #F2F2F2;
  width: 140px;
  color: #000000;
  font-size: 11px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px;
  padding: 2px 0px 2px 5px;
  border: 1px solid #999;
  display: inline;
}
#submit, #searchbut, #newsbut  {
  background: #7bc617;
  color: #FFFFFF;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  margin: 0px 0px 0px 0px;
  padding: 3px 10px 3px 10px;
  font-weight: bold;
  border-top: 0px solid #999;
  border-left: 0px solid #999;
  border-bottom: 0px solid #222;
  border-right: 0px solid #222;
}
/*** General Reset ***/

* {
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-decoration: none;
}
.clear{
  clear: both;
}
.aligncenter{
  display: block;
  margin: 0 auto;
  text-align: center;
}
.alignleft{
  float: left;
}
.alignright{
  float: right;
}
.code{
  border: 1px solid #ccc;
  font-family: Courier;
  list-style: decimal-leading-zero;
  padding: 3px 5px 3px 35px;
}
.code code{
  font: 1.2em Monaco, "Courier New", Tahoma;
}
.code li{
  background: #E5F2FF;
  margin: 2px 0;
  padding: 0 5px;
}
.alignright{
  float: right;
}
fieldset{
  border: 1px solid #DDDDDD;
  margin: 5px;
  padding: 5px;
  text-align: justify;
}
legend{
  color: #666;
  font: bold 12px Arial, Tahoma, Verdana;
  margin: 0px;
  padding: 0px 11px 0px 11px;
}
img{
  border: 0;
  border: none;
  text-decoration: none;
}
.space {
  margin: 5px 0px 5px 0px;
  padding: 0;
}
hr{
  background: #c0c0c0;
  border: none;
  color: #d0d0d0;
  height: 1px;
  margin: 10px 0;
}
blockquote {
  background: #f1f1f1;
  margin: 10px;
  padding: 10px 0px 10px 15px;
  border-left: 3px solid #ccc;
}
p {
	padding: 10px 0px;
	margin: 0px;
}
h1, h3, h4, h5, h6 {
  color: #7bc617;
  
}
h2 {
	font-style:normal;
	font-weight:100;
  
}

h1, h1 a, h1 a:visited{font-size:16px;border-bottom:1px solid #C8C8C8;margin-bottom:5px;padding-top:10px;}
h2, h2 a, h2 a:visited{font-size:12px;}
h3, h3 a, h3 a:visited{font-size:16px;}
h4, h4 a, h4 a:visited{font-size:14px;}
h5, h5 a, h5 a:visited{font-size:12px;}
h6, h6 a, h6 a:visited{font-size:16px;margin-bottom:5px;padding-top:10px;}



/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:230px;	width: 590px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: -7px; right: -49px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: none;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #7bc618;
	border: 1px solid #ffffff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

/*--Home latest work--*/

#latest_work {
	float: left;
	width: 950px;
	margin-top: 20px;
}
#images {
	width: 911px;
	border: 2px solid #DDD;
	float: left;
	background-color: #e7e7e7;
	margin-top: 7px;
	line-height: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	padding-left: 8px;
}

/* Layout */
.boundingBox{ margin: 0 auto; width: 916px; }


/* Content - Portfolio Listing */

ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; padding-left: 70px; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; background: #FFF; color: #AAA; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; }
ul#portfolio-filter a.current{ background-color: #DDD; }

ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 165px; height: 160px; display: block; float: left; margin-right: 18px; overflow: hidden; }
ul#portfolio-list li a{ display: block; width: 163px; height: 120px; overflow: hidden; border: 1px solid #CDCDCD; background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }

img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}