/*

	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.1

    Tags: white, light, two-columns, fixed-width, theme-options, right-sidebar

*/

body {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 13px;

  color: #444;

  background: #FFF;

  width: 100%;

}

/*** Hyperlinks	***/

a, a:visited {

  color: #005DB3;

  font-size: 12px;

  text-decoration: none;

}

a:hover {

  color: #101010;

}

/*** Header ***/

#header {

  width: 950px;

  height: 70px;

  margin: 0 auto;

  background: #FFF;

}

#header_left {

  width: 700px;

  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;

}

#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: 30px;

  background: #F0F0F0;

  border-bottom: 2px solid #CCC;

}

#navigation {

  width: 950px;

  height: 30px;

  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: 1;

}

#nav a, #nav a:visited {

  display: block;

  padding: 9px 15px 9px 15px;

  color: #101010;

  border-bottom: 2px solid #CCC;

}

#nav a:hover {

  background: #DDD;

  color: #101010;

}

#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: #F0F0F0;

  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: #DDD;

}

#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;

  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: 200px;

}

/*** Homepage ***/

.thumbnail{

  float: left;

  width: 120px;

  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;

}

.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: 350px;

  height: 230px;

}

#featured_left img {

  width: 350px;

  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;

  margin: 0 auto 10px;

  background: #F2F2F2;

  border-top: 2px solid #DDD;

  font-size: 11px;

  color: #666;

  padding: 10px 20px 10px 20px;

}

#footer a, #footer a:visited {

  color: #666;

  font-size: 11px;

}

#footer a:hover {

  color: #101010;

}

#footer_left {

  float: left;

}

#footer_right {

  float: right;

}















/*** FOOTER ZA PASICE ;) ***/

#footerPasice {

  width: 890px;

  margin: 0 auto 10px; 

  background: #FFFFFF;

  border:0px solid black;



  font-size: 11px;

  color: #666;

  padding: 10px 20px 10px 20px;

}



















/*** 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: 1px solid #666;

  border-left: 1px solid #666;

  border-bottom: 1px solid #eee;

  border-right: 1px 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: #005DB3;

  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: 1px solid #999;

  border-left: 1px solid #999;

  border-bottom: 1px solid #222;

  border-right: 1px 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, h2, h3, h4, h5, h6 {

  color: #005DB3;

  font-family: Arial, Helvetica, sans-serif;

}

h1, h1 a, h1 a:visited{font-size:24px;}

h2, h2 a, h2 a:visited{font-size:18px;border-bottom:1px solid #C8C8C8;margin-bottom:5px;}

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:11px;}