/*

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

**

*/

/* -----------------------------
SHOP COLUMN TEST
------------------------------*/

#margin-20 {margin-bottom:20px;border:1px solid red;}


body{
  width:100%;
  margin: auto auto;
}

div#left-column {
	width: 333px;
	float: left;
	clear: none;
	BORDER:2PX SOLID RED;
	}
div#right-column {
	width: 333px;
	float: right;
	clear: none;
	}

/* -----------------------------

------------------------------*/

img#bg {
position:fixed;
top:0;
left:0;
}
.wide{
  width: 100%;
}

.tall{
  height: 100%;
}

#bgwrap {
position:relative;
z-index:1;
}

div.medias {
width:270px;float:left;
margin:0 15px 0 0;

}



body {

  color: #fff;

  font-family: Verdana, Arial;

  background-color:#000;
width:1200px;
  font-size: 1em;

 /* background-image: url(images/bg.jpg);

  background-repeat: no-repeat;

  background-position: left top;
  */
background-attachment:fixed;
  text-align: center;



  padding: 0

}



h1, h2, h3, h4, h5, h6 {

  margin: 0; 

  padding: 0;

}



h1 { 

  font-size: 1.9em;

  line-height: 2em;

  font-family: Georgia, Verdana, 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: 10px 0;

}

  

a img  {

  margin: 5px 0;

  border: 0 none;

}

ul#musics a img  {

  margin: 0 0 20px 0px;
float:left;
  border: 0 none;

}

ul#musics a img:hover  {

  margin: 0 0 20px 0px;
float:left;


}

  

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 {

  color: #fff;

  text-decoration: none;

}



a:hover, a:active {

  color: #fff;

}



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 {

  color: #ececec;
  width: 1080px; 

  height: auto;

  margin: 0; 

  padding: 0 0 50px 0;

  text-align: left;

  overflow: hidden;

  word-wrap: break-word;

}



#header #header_inner {

  margin: 5px 0;

}



#bodywrap {

  text-align: left;

  color: #fff; 

  background-color: none;

  height: auto;

  margin: 0; 

  padding: 0;

  border: none;

  width: auto;

}



* html #bodywrap {

  \width: 904px; /* for IE5 and IE6 in quirks mode */

  w\idth: 900px; /* for IE6 in standards mode */

} 

  

#content {

  line-height: 1.3em;

  font-size: 0.8em;

  overflow: hidden;

  word-wrap: break-word;

}



#content #content_inner {
float:left;
  padding: 15px;
 background: url(images/box.png) repeat top left;
margin-left:70px;
}



.con_right  {

  width: 640px;

  float: right;

}



.con_left {

  width: 800px;

  float: left;

}

div.home {
width:260px;

float:left;

}

div.home h2, div.home p {




}

div#homeleft {margin:0 40px 0 0;}

div#homeleft h2 {
border-bottom:1px solid white;

padding:6px 0 6px 5px;
}

div#sub-main-body {
margin: 0 10px 0 20px;
width:570px;
}


.con_wide {

  width: 800px;

  float: left;

}

  

#sidebar {

padding:0 20px 0 100px;
  color: #babaab;

  font-size: 0.8em;

  overflow: hidden;

  word-wrap: break-word;

}



.sb_left #sidebar_inner {

  padding: 10px 0px 0px 10px;

}



.sb_right #sidebar_inner {

  padding: 0px 10px 0px 0px;

}



.sb_left {

  width: 180px;

  float: right;

}

 

.sb_right {

  width: 180px;

  float: left;

}



.sb_wide {

  display: none;

  visibility: hidden;

}



#footer {

  width: 880px;

  font-size: 0.8em;

  padding: 10px 0;

}



#footerwrap {

  width: 100%;

}

  

#bottombar {

  width: 900px;

  font-size: 0.8em;

  float: left;

  color: #fff;

  margin: 0;

  border-top: 2px solid #6b3159;

}





#header h2, #header h2 a:link, #header h2 a:visited {

  color: #ececec;

  font-size: 1.8em;

  font-family: georgia;

  font-weight: normal;

  font-variant: small-caps;

  text-decoration: none;

  margin: 0;

}



#header h2 a:hover, #header h2 a:active {

  color: #fff;

  text-decoration: none;

}



.headtools {

  text-align: center;

  font-size: 1em;

  float: right;

  margin: 5px 0; 

  padding: 0;

}

  

.headtools h3 {

  color: #fff;

  font-family: Georgia, Verdana, Arial;

  font-weight: normal;

  margin: 0; 

  padding: 0;

}

  

.headtools a img  {

  margin: 0; 

  padding: 0;

  border: 0;

}



  

#content h2 a, #content h2 {

  font-family:Helvetica, Arial, sans-serif;
  color:#FFFFCC;
  font-weight:normal;
  font-size:20px;

}

#content h2 a:hover {
color:#FFFF33;
}

  

.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: #fff;

  text-decoration: none;

}



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

}

  

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

  font-size: 1.4em;

  font-weight: normal;

  color: #510638;

 

  padding: 5px 0 0 0;

  margin: 10px 0 0px 0;

}

  

.post_content {

  margin: 20px 0 35px 0;

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

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

  width: 120px;

  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 {

  font-family: Georgia, Verdana, Arial;

  margin: 5px 0;

  border-bottom: 1px solid #fff;

}



#bottombar div {

  float: left;

  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: 30%;

  float: left;

}

  

#post-navigation .alignright, #comment-navigation .alignright, #ping-navigation  .alignright {

  text-align: left;

  width: 30%;

  float: left;

}



#comments {

  font-size: 1.4em;

  font-weight: normal;

  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: #6b3159;

  background: #eee;

  border: 1px solid #ddd;

  padding: 2px;

}

  

.commenttext {

  background: url(images/commenttext.png) repeat-x top left;

  color: #6b3159;

  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 { 
padding: 0 0 0 38px;
	width: 300px; 

	height: auto; 

	position: relative; 

	z-index: 100; 

	font-family: sans-serif, arial;

	border-bottom: 1px solid #510638; 

	/*background: #966f89 url(images/menue-bg.jpg) left bottom repeat-x; */

	}



	/* hack to correct IE5.5 faulty box model */

	/* remove all the bullets, borders and padding from the default list styling */

	#navbar ul { 

	padding: 0 30px 0 10px; 

	margin: 0; 
	
	list-style-type: none; 

	}




	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

	#navbar li { 

	float: left; 
	width:100%;
	
	position: relative; 

	}



	/* style the links for the top level */

	#navbar a, #navbar a:visited { 
	
		float: left; 

	display: block; 



	text-decoration: none; 


	padding: 0 8px 0 0; 

	line-height: 42px; 

/*	background: #966f89 url(images/menue-bg.jpg) right bottom repeat-x; 

	float: left; 

	display: block; 

	font-size: 0.9em;

	text-decoration: none; 

	color: #fff; 

	height: 42px; 

	border: 1px solid #333333; 

	border-width: 0px 1px 0px 0px; 

	padding: 0 8px; 

	line-height: 42px; 
	*/

	}



	/* 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; 

	}



	/* 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 { 

	color: #510638; 
/*border-bottom:1px solid white;*/
	background: 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 {
list-style-type:none;

float:left;
margin: -50px 0 0 0;padding:0;

}

.desc li {
float:left;

padding:0px;

}




/*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%;

}

#shop td{

  width:260px;
  }
  
td.margin { padding:10px 40px 13px 0;
border-bottom:1px dotted #333;}