/*
Theme Name: A little touch of purple
Theme URI: http://blog.t3-artwork.info/2010/04/altop-neues-wordpress-theme/
Description: A classic and elegant theme for creative blogs, individualists or families. It is widget and translation ready, doesn't required any plugin, supported threaded-comments and has some usefull theme options. Tested under IE 5.5/6/7/8, Firefox, Opera, Safari and Chrome. Altop is currently available in English (default) German, French and Polish. 
Version: 1.4
Author: Thomas Gutzmer
Author URI: http://blog.t3-artwork.info
Tags: purple, pink, two-columns, fixed-width, theme-options, sticky-post, translation-ready, threaded-comments
Text Domain: altop

** c.voigt@webinet.de
** 11.05.2010
*  again some modifications to the menu, so it will display exactly the same on all browsers. IE>7 flyouts are working to all levels, with css Dropdown menu flyouts are working an all browsers!
*  support for css Dropdown plugin implemented, this is optional of course
*  modified basic layout structure to support all IE's. Page looks the same on all browsers now.
**

http://www.zackdesign.biz/category/wp-plugins/css-dropdown-menu
http://www.cssplay.co.uk/menus/final_drop.html

** c.voigt@webinet.de
*  21.04.2010
*  changes made to increase compatibility with IE's <= 7
*  centered website body for all browsers
*  i hacked about a bit with the menu, had to change the 'topnav-border.png' a bit too. sub-menu now works in ie8 and partially in ie7. no flyouts for ie < 7 though
**
*/

body {
  color: #7e7e7e;
  font-family: Verdana, Arial; /*font tekstova*/
  background-color: #EAF3EB;
  font-size: 1em;
  background-image: url(images/body.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
  margin: 0; 
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0; 
  padding: 0;
}

h1 { 
  font-size: 1.9em;
  line-height: 2em;
  font-family: Georgia, Vedrana, Arial;
}
  
h2 { 
  font-size: 1.6em;
  line-height: 1.4em;
}

h3 { 
  font-size: 1.1em;
}
  
h4 { 
  font-size: 1em;  
}
  
h5 { 
  font-size: 0.8em;
}
  
h6 { 
  font-size: 0.7em;
}
  
p {
  margin: 12px 0; /*razmak između naslova i posta, i izm. pasusa*/
}
  
a img  {
  margin: 10px;
  border: 0 none;
}
  
blockquote {
  background: url(images/dquote.png) no-repeat right bottom;
  font-size: 1.2em;
  line-height: 1.5em;
  font-family: Georgia, Verdana, Arial;
  color: #9d9c9c;
  padding-left: 22px;
  text-indent: -22px;
  padding-right: 8px;
}

blockquote p:first-letter  {
  background: url(images/dquote-open.png) no-repeat left top;
  padding-left: 22px;
  font-weight: bold; 
}
  
a:link, a:visited { /*boja linkova, uključiv i naslove postova*/
  color: #13600A; /*fina ljubičasta 6A0676*/
  text-decoration: none;
}

a:hover, a:active { /*boja linkova kad priđe miš*/
  color: #FAD05D;
}

fieldset, form {
  border: 0; 
  margin: 0; 
  padding: 0;
}

table {
  border: none;
  empty-cells: hide;
}

td, tr {
  border-collapse: collapse;
  border: 1px solid #e0e0e0;
}

thead {
  font-weight: bold;
  color: #6b3159;
}

tbody {
  font-weight: normal;
}
  
ul, ol, ul li ul, ol li ol, ul li ul li ul, ol li ol li ol {
  line-height: 1.4em;
  margin-left: 10px;
  padding-left: 10px;
}
  
abbr, acronym{
  cursor: help;
}
  
code {
  font-family: monospace;
  white-space: nowrap;
  width: 90%;
  color: #9b9b9b;
  font-size: 9pt;
  float: left;
  margin: 2% 4%;
  padding: 8px;
  overflow: auto;
}

#header { /*odnosi se na prostor zaglavlja bloga*/
  color: #345F17; /*ovo se odnosi samo na boju opisa bloga*/
  width: 900px; 
  height: 177px;
  margin: 0 auto; 
  padding: 0;
  text-align: left;
  overflow: hidden;
  word-wrap: break-word;
}

#header #header_inner {
  margin: 5px 0;
}

#bodywrap {
  text-align: left;
  color: #333; /*boja teksta u postu, uključiv i naslov posta*/
  background-color: #fff;
  height: auto;
  margin: 0 auto; 
  padding: 0;
  border: 10px solid #ffffff; /*boja okvira*/
  border-top: 0px solid #ffffff;
  width: 900px;
}

* html #bodywrap {
  \width: 904px; /* for IE5 and IE6 in quirks mode */
  w\idth: 900px; /* for IE6 in standards mode */
} 
  
#content {
  line-height: 1.3em; /*prostor između redova teksta*/
  font-size: 13px;
  overflow: hidden;
  word-wrap: break-word;
}

#content #content_inner {
  padding: 15px;
}

.con_right  {
  width: 640px;
  float: right;
}

.con_left {
  width: 640px;
  float: left;
}

.con_wide {
  width: 900px;
  float: left;
}
  
#sidebar {
  color: #babaab;
  font-size: 12px;
  overflow: hidden;
  word-wrap: break-word;
}

.sb_left #sidebar_inner {
  padding: 10px 0px 0px 10px;
}

.sb_right #sidebar_inner {
  padding: 10px 10px 0px 0px;
}

.sb_left {
  width: 260px;
  float: right;
}
 
.sb_right {
  width: 260px;
  float: left;
}

.sb_wide {
  display: none;
  visibility: hidden;
}

#footer {
  width: 880px;
  font-size: 0.8em;
  padding: 10px 0;
  margin-left: 235px; /*ovo sam ja štelovala da bude na sredini*/
}

#footerwrap {
  width: 100%;
}
  
#bottombar {
  width: 900px;
  font-size: 0.7em; /*ovaj deo se odnosi na tekstove u bottombaru (osim za naslove, oni su posebno)*/
  color: #fff; /*i ovaj isto*/
  float: left;
  margin: 0;
  border-top: 2px solid #6b3159;
}


#header h2, #header h2 a:link, #header h2 a:visited { /*ovo se odnosi na glavni naslov bloga*/
  color: #A80505;
  font-size: 1.75em;
  font-family: Times New Roman;
  font-style: italic;
  font-weight: normal;
  font-variant: none; /*stajalo je: small-caps; */
  text-decoration: none;
  margin: 5px 0;
  margin-top: 63px;
  margin-left: 10px;
}

#header h2 a:hover, #header h2 a:active {
  color: #0D4D06;
  text-decoration: none;
}

.headtools {
  text-align: center;
  font-size: 15px;
  float: right;
  margin: 5px 0; 
  margin-right: 10px;
  padding: 0;
}
  
.headtools h3 {
  color: #0d4d06;
  font-size: 15px;
  font-family: minon;
  font-weight: normal;
  font-variant: none;
  margin: 0; 
  padding: 0;
}
  
.headtools a img  {
  margin: 0; 
  padding: 0;
  border: 0;
}
  
#content h2 a, #content h2 {   /*naslovi postova*/
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 22px;
  font-weight: normal;
}
  
.con_left .wp-caption, .con_right .wp-caption { 
  border: solid 1px #ddd; 
  text-align: center; 
  background-color: #f6f5f3; 
  padding-top: 4px; 
  margin: 5px; 
  max-width: 470px !important;
}  
  
.con_wide .wp-caption { 
  border: solid 1px #ddd; 
  text-align: center; 
  background-color: #f6f5f3; 
  padding-top: 4px; 
  margin: 5px; 
  max-width: 840px !important;
}  
  
.con_right  img, .con_left img {
  max-width: 450px;
  height: auto;
}
  
.con_wide img {
  max-width: 820px;
  height: auto;
}
  
#sidebar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
  
#sidebar a:link, #sidebar a:visited {
  color: #5a5a5a;
  text-decoration: none;
}

#sidebar a:hover, #sidebar a:active {
  color: #5a5a5a;
  text-decoration: underline;
}

#sidebar li {
  list-style-type: none;
}
  
#sidebar ul li ul {
  margin: 0 10px 0 20px;
}
  
#sidebar ul li ul li {
  list-style-image: url(images/ul.png);
  line-height: 1.4em; /*razmak između redova u sidebaru*/
}
  
#sidebar ul li ul li ul {
  margin: 0 10px;
}
  
  
#sidebar_inner p #sidebar_inner {
  margin: 5px 5px 10px 5px;
  text-align: justify;
}
  
.sb_left  h2, .sb_right h2 { /*ovo se odnosi na naslove u sidebaru*/
  font-size: 22px; 
  font-family: Georgia, Times New Roman Times, Serif;
  font-style: italic;
  font-weight: normal;
  color: #0d4d06;
  border-bottom: 2px dotted #a1a18f;
  padding: 5px 0 0 0;
  margin: 10px 0 5px 0;
}
  
.post_content {
  margin: 10px 0 35px 0; /*visina naslova posta na stranici*/
  padding: 0;
}
  
.con_left .entry, .con_right .entry,
.con_left .entry_wide, .con_right .entry_wide {
  background: url(images/entry-side.png) right top no-repeat;
  width: 505px; /*širina prostora za post, bilo 470*/
  float: left;
}
  
.con_wide .entry,
.con_wide .entry_wide {
  background: url(images/entry-side.png) right top no-repeat;
  width: 730px;
  float: left;
}

.entry_inner {
  float: left;
  padding: 0 10px 0 0;
}
  
.postdate {
  font-size: 0.8em;  
  color: #0D4D06; /*fina žuta FAD05D*/
  width: 96px; /*širina prostora za datum, bilo 120*/
  height: 100%;
  float: right;
}
  
.postdate_month {
  margin-top: 3px;
  font-weight: bold;
}
  
.postdate_day {
  font-size: 20pt;
  line-height: 25pt;
  font-family: Georgia;
  font-style: italic;
}

.postinfo {
  float: left;
  width: 100%;
  padding: 0 0 10px 0;
  margin: 0;
  color: #5a5a5a;
  font-size: 0.8em;
  line-height: 1.4em;
  background: url(images/entry-line.png) bottom left no-repeat;
}
  
.post-tools {
  font-size: 0.8em;
  line-height: 1.6em;
  color: #686868;
  margin: 10px 0;
  float: left;
}
  
 
.purple {
  background: url(images/bottombar-purple.jpg) bottom center no-repeat #b7629c;
}

.purple a:link, .purple a:visited , .grey a:link, .grey a:visited, .bot-color a:link, .bot-color a:visited {
  color: #fff;
  text-decoration: none;
}
  
.purple a:hover, .purple a:active {
  color: #000;
  text-decoration: none;
}

.grey {
  background: url(images/bottombar-grey.jpg) bottom center no-repeat #7c7d7c;
}
  
.grey a:hover, .grey a:active, .bot-color a:hover, .bot-color a:active {
  color: #26cb00;
  text-decoration: none;
}
  
.bot-color { /* Or any other color...*/
  background-color: #5a5a5a;
}
  
#bottombar h2 { /*odnosi se na naslove plugina i widgeta u bottombaru*/
  font-family: Georgia, Times New Roman Times, Serif;
  font-size: 21px;
  font-style: italic;
  font-weight: normal;
  text-align: left;
  color: #fff;
  margin: 5px 0;
  border-bottom: 1px dotted #fff;
}

#bottombar div {
  float: right;
  margin: 15px;
  max-width: 250px;
}

#bottombar div div {
  margin: 0;
  padding: 0;
}
  
#bottombar ul, #bottombar  li {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#post-navigation, #comment-navigation, #ping-navigation {
  font-family: Georgia, Verdana, Arial;
  width: 100%;
  float: left;
  margin: 20px 0;
}
  
#post-navigation .alignleft, #comment-navigation .alignleft, #ping-navigation  .alignleft {
  text-align: left;
  width: 40%;
  float: left;
}
  
#post-navigation .alignright, #comment-navigation .alignright, #ping-navigation  .alignright {
  text-align: right;
  width: 40%;
  float: right;
}

#comments {
  font-size: 1.2em;
  font-weight: bold;
  overflow: hidden;
  word-wrap: break-word;
}

.commentlist {
  margin: 20px 0;
  
}
  
.commentlist blockquote {
  font-size: 9pt;
  color: #5a5a5a;
  margin: 0 0 10px 10px;
  background: none;
  padding: 0;
  text-indent: 0px;
}
  
.commentlist p:first-letter {
  margin: 0;
  padding: 0;
  background: none;
}
  
.commentlist li {
  margin: 20px 0;
  padding: 0;
  list-style-type: none;
}
  
.commnumber {
  font-family: Georgia, Verdana, Arial;
  font-size: 16pt;
  font-style: italic;
  color: #babaab;
  margin: 0 10px 0 0;
}
  
.even, .alt { /*Seperate .even and .alt for different styles */
  padding: 5px;
}
  
.pinglist {
  margin: 20px 10px;
}

.pinglist li {
  line-height: 1.4em;
  color: #5a5a5a;
  margin: 0;
  padding: 0;
}
  
.avatar {
  background: url(images/avatar.png) bottom center no-repeat;
  margin: 5px;
  padding: 5px 5px 10px 5px;
  float: right;
}
  
.commentbody {
  background: url(images/commentbody.png) top left no-repeat;
  padding-top: 15px; margin: 0;
}
  
.commauthor {
  font-size: 10pt;
  font-weight: bold;
}
  
.commentfooter {
  background: url(images/commentfooter.png) top left no-repeat;
  width: 100%;
  font-size: 8pt;
  float: left;
  margin: 0;
  padding: 35px 0 5px 0;
}
  
.commentinput, .searchfield {
  color: #0D4D06;
  background: #eee;
  border: 1px solid #ddd;
  padding: 2px;
}
  
.commenttext {
  background: url(images/commenttext.png) repeat-x top left;
  color: #000;
  border: 1px solid #ddd;
}
  
.commentsubmit {
  font: caption;
  color: #6b3159;
}
  
.comment-tags {
  color: #5a5a5a;
  font-size: 0.8em;
}
  
.comment-reply-link {
  margin-right: 10px;
}
  
.depth-2, .depth-3, .depth-4, .depth-5, .depth-6, .depth-7, .depth-8, .depth-9, .depth-10 {
  border-left: 3px solid #ccc;
}
  
.searchfield {
  width: 90%;
}  
  
.keyword {
  color: #b7629c;
  font-weight: normal;
  font-style: italic;
}

	/* ================================================================ 
	This copyright notice must be untouched at all times.

	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/final_drop.html
	Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */
	#navbar { 
	width: 900px; 
	height: 42px; 
	position: relative; 
	z-index: 100; 
	font-family: Arial, Helvetica, sans-serif;
        border-top: 2px solid #E5EDE6;
	border-bottom: 2px solid #E5EDE6; 
	background: #E5EDE6 url(images/menue-bg.jpg) left bottom repeat-x;   /* bila boja #966f89 */
	}

	/* hack to correct IE5.5 faulty box model */
	/* remove all the bullets, borders and padding from the default list styling */
	#navbar ul { 
	padding: 0 0 0 10px; 
	margin: 0; 
	list-style-type: none; 
	}

	#navbar ul ul { 
	width: 149px; 
	padding: 0; 
	}
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	#navbar li { 
	float: left; 
	position: relative; 
	}

	/* style the links for the top level */
	#navbar a, #navbar a:visited { 
	background: #E5EDE6 url(images/menue-bg.jpg) right bottom repeat-x; /* bila boja #966f89 */
	float: left; 
	display: block; 
        font-family: Arial;
	font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
	text-decoration: none; 
	color: #0d4d06; 
	height: 42px; 
	border: 1px solid #E5EDE6; 
	border-width: 0px 1px 0px 0px; /*gore desno dole levo*/
	padding: 0 8px; 
	line-height: 42px; 
	}

	/* style the second level background */
	#navbar ul ul a.drop, #navbar ul ul a.drop:visited { 
	background: #E5EDE6; /* bila boja kao i za prvi nivo */
	}

	/* style the second level hover */
	#navbar ul ul a.drop:hover{ 
	background: #E5EDE6; /* bila boja kao i za prethodna dva */
	}

	#navbar ul ul :hover > a.drop { 
	background: #E5EDE6; /* i tu bila #966f89 */
	}

	/* style the third level background */
	#navbar ul ul ul a, #navbar ul ul ul a:visited { 
	background: #b7629c; 
	}

	/* style the third level hover */
	#navbar ul ul ul a:hover { 
	background: #E5EDE6; /* i tu bila #966f89 */ 
	}

	/* hide the sub levels and give them a positon absolute so that they take up no room */
	#navbar ul ul { 
	visibility: hidden; 
	position: absolute; 
	height: 0; 
	top: 42px; 
	left: 0; 
	width: 149px; 
	border-top: 1px solid #510638; 
	}

	/* position the third level flyout menu */
	#navbar ul ul ul{ 
	left: 75px; 
	top: 10px; 
	width: 149px; 
	border-top: 1px solid #000; 
	}

	/* position the third level flyout menu for a left flyout */
	#navbar ul ul ul.left { 
	left: -75px; 
	}

	/* style the table so that it takes no ppart in the layout - required for IE to work */
	#navbar table { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border-collapse: collapse; 
	}

	/* style the second level links */
	#navbar ul ul a, #navbar ul ul a:visited { 
	background: #EEF5EF; 
	color: #0d4d06;
        font-family: tahoma;
        font-size: 11.5px;
        font-weight: normal;
        text-transform: none;
	height: auto; 
	line-height: 1em; 
	padding: 5px 10px; 
	width: 128px; 
	border-width: 0 1px 1px 1px;
	 }
	 
	/* hack for IE5.5 */
	* html #navbar ul ul a, * html #navbar ul ul a:visited { 
	width: 150px; w\idth: 128px; 
	}

	/* style the top level hover */
	#navbar a:hover, #navbar ul ul a:hover{ 
	color: #  /* bila boja #510638, ali izgleda da ovaj red ne funkcioniše */
	background: #
	}

	#navbar :hover > a, #navbar ul ul :hover > a { 
	color: #A80505; 
	background: #
	}

	/* make the second level visible when hover on first level list OR link */
	#navbar ul li:hover ul, #navbar ul a:hover ul{ 
	visibility: visible; /*ako neću submeni, ubacim iznad ovoga red "display: none;" */
	}

	/* keep the third level hidden when you hover on first level list OR link */
	#navbar ul :hover ul ul{ 
	visibility: hidden;
	}

	/* make the third level visible when you hover over second level list OR link */
	#navbar ul :hover ul :hover ul{ 
	visibility: visible; /*ako neću da se vidi, ubacim iznad ovoga red "display: none;" */
	}

.hidden {
  display: none;
  visibility: hidden;
}
  
.alignleft {
  float: left;
  margin: 5px;
}
  
.alignright {
  float: right;
  margin: 5px;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}
  
.aligncenter, div.aligncenter {
  display: block;
  margin: 0 auto;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption a {
  border: 0 none;
}

.wp-caption p.wp-caption-text { 
  font-size: 7pt; 
  line-height: 17px; 
  text-align: center; 
  padding: 0 4px 5px; 
  margin: 5px 0; 
}

.desc {   /*opis bloga*/
  font-size: 1.2em;
  font-family: Tahoma;
  font-style: none;
  font-weight: normal;
  font-variant: none; /*small-caps*/
  text-align: left;
  text-transform: none; /*lowercase*/
  text-decoration: overline;
  margin: 5px 0;
  margin-left: 20px;
}

/*WP Gallery */
.gallery-item img {
  width: 120px;
  height: auto;
  float: left;
  margin: 5px;  
}

.gallery-caption {
  width: 120px;
  font-size: 0.7em;
  text-align: left;
  padding: 0 5px;
}
  
/* Post Thumbnails */
.attachment-thumbnail, .attachment-medium, .attachment-large {
  float: left;
  margin: 10px 5px 5px 0;
  padding: 3px;
  border: 0px none;
}

/* http://www.webtoolkit.info/css-clearfix.html */
.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%;
}