/* Type CSS rules here and they will be applied
to pages from 'editcss'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet style.css ****/

/* Type CSS rules here and they will be applied
to pages from 'editcss'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet style.css ****/

/* Type CSS rules here and they will be applied
to pages from 'editcss'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet style.css ****/

/*  
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.5
Author: Michael Heilemann
Author URI: http://binarybonsai.com/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #d5d6d7;
	color: #333;
	text-align: center;
	behavior: url(csshover.htc);
	
	
	}

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}

#header {
	background-color: #73a0c5;
	}

#content {
	font-size: 1.2em
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}
	
.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#footer {
	background-color: #eee;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	color:#000000;
	}

h2.pagetitle {
	font-size: 1.6em;
	color:#000000;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #000000;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #38895C;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font:1.25em "Times New Roman", Times, serif  	
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #368Afa;
	text-decoration: none;
	}

a:hover {
	color: #553300;
	text-decoration: underline;
	}
	

/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
		
	}

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;	
	width: 760px;
	border: 1px solid #959596;
	}
	
#header {
	padding: 0;
	margin: 0 auto;
	height: 200px;
	width: 100%;
	background-color: #73a0c5;
	}

#headerimg {
	margin: 0;
	height: 200px;
	width: 100%;
	}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}
	
.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}
	
#footer {
	padding: 0 0 0 1px;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}

#footer p {
	margin-left: 20px;
	padding: 20px 0;
	text-align: left;
	}
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

.description {
	text-align: center;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

.tips {
	border: 1px solid #000;
	background:#EEEEDD;
	margin: 1em;
	padding: 5px;
	}
		
a img {
border: 0;
}

.img-left {	
position: relative; 
float:left;
padding-left:70px; 
}

.img-center { 
 
text-align:center;
padding:5px;
margin:4px;

}
.img-right { 
position: relative; 
float:right; 
padding-right:70px; 
}
.img-rightt { 
position: relative; 
float:right; 
padding-right:0px;
padding-left:5px; 
}

.img-right img,.img-rightt img, .img-left img, .img-center img { 
border:1px solid #a9a9a9; 
padding:3px; 
margin:4px;
}
.clear { 
 display:block; 
 clear:both;
 margin:0;
 visibility:hidden;
}
/* End Images */



/* Begin Lists
*/
	
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
/* menu styling*/
#nav {
  width: 160px;
  margin: auto;
  color: #339;
  
}

#nav form {
 background-color:#378AFA;
 margin: 0 0 20px 13px;
 padding: 5px 10px 10px 5px;
}
#nav input {
  background: #fff;
  border: 1px solid #000;
  width: 80%;
}
#nav ul {
	margin-bottom: 20px;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
}
#nav ul li {
	background: #378AFA;
	font-weight:bold;
	padding-left:2px;
}
#nav ul li ul {
	padding-bottom: 3px;
}

#nav a {
	display: block;
	padding: 0 2px 0 2px;
	width: 144px;
	background-color: #378AFA;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
}

#nav a:link, #nav a:visited, #nav a:active {
	color: #000;
	text-decoration: none;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
}
#nav a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom : solid #000;
	border-top: solid #000;
	border-left:3px solid #fff;
	border-right:3px solid #fff;
	}
/* start of CSS dropdownmenu*/
div#nav1 {
float: left;
margin: -1px 0 0 0;
background: #80BBFF; 
border: 1px solid #AAA;
width:758px;



}

div#nav1 ul {
margin: 0; 
padding: 0; 
background: white;
border: 1px solid #CCC; 
border-width: 0 1px;

}

div#nav1 li {
position: relative;
list-style: none; 
margin: 0;
float: left;
width: 7em;
line-height: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #80BBFF;



}

div#nav1 li:hover {
background: #fff;
}

div#nav1 li.submenu {
background: url(dropmenu.gif) 95% 50% no-repeat;
}

div#nav1 li.submenu:hover {
background-color: #fff;
}

div#nav1 li a {
display: block; 
padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; 
width: 6.5em;
color:#000;


}

div#nav1 ul a {
width: auto;
}

div#nav1 ul ul {
position: absolute; 
width: 7em;
display: none;
}
div#nav1 ul ul li {
border-bottom: 1px solid #CCC;
}

div#nav1 li.submenu li.submenu {
background: url(submenu.gif) 95% 50% no-repeat;
}

div#nav1 li.submenu li.submenu:hover {
background-color: #fff;
}

div#nav1 li.submenu li.submenu:hover {
background-color: #fff;
}

div#nav1 ul.level1 li.submenu:hover ul.level2, 
div#nav1 ul.level2 li.submenu:hover ul.level3 {
display:block;
}

div#nav1 ul.level2 {
top: 1.5em; 
left: -1px;
}

div#nav1 ul.level3 {
top: -1px; 
left: 7em;
border-top: 1px solid #CCC;
}

/* end of CSS dropdownmenu*/  
.lastmod {
	color: #aaa;
	text-align: right;
	clear: both;
	margin-right: 30px;
	font-size: .75em;
}
.entrytext ul  {
	list-style: disc url(/images/sm11a.gif) inside;
margin:0px;
padding:0px;
}
.entrytext ul li {

margin:0px;
padding:0px;
padding-left:10px;
padding-right:0px;
padding-bottom:10px;
padding-top:10px;
font-size:14px;
}

#headerimg h1, #headerimg div {
display:none
}


/**** Inline STYLE-tag style sheet ****/

	
		/* BEGIN IMAGE CSS */
			/*	To accomodate differing install paths of WordPress, images are referred only here,
				and not in the wp-layout.css file. If you prefer to use only CSS for colors and what
				not, then go right ahead and delete the following lines, and the image files. */
			
		body	 	{ background: url("http://pingpongtips.com/wp-content/themes/Pingpong/images/kubrickbgcolor.jpg"); }	
			#page		{ background: url("http://pingpongtips.com/wp-content/themes/Pingpong/images/kubrickbg.jpg") repeat-y top; border: none; } 
			#header 	{ background: url("http://pingpongtips.com/wp-content/themes/Pingpong/images/kubrickheader.jpg") no-repeat bottom center; }
			#footer 	{ background: url("http://pingpongtips.com/wp-content/themes/Pingpong/images/kubrickfooter.jpg") no-repeat bottom; border: none;}
			
			
			/*	Because the template is slightly different, size-wise, with images, this needs to be set here
				If you don't want to use the template's images, you can also delete the following two lines. */
			
			#header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
			#headerimg 	{ margin: 7px 9px 0; height: 192px; width: 740px; } 	
		/* END IMAGE CSS */
		
	
	

	


/**** Inline STYLE-tag style sheet ****/

  /* <![CDATA[ */
  
  #wp-admin-bar {
  margin: 0 0 10px 0;
  padding: 2px;
  background: #f9f9f9;
  border-bottom: 1px solid #666;
  color: #666;
  clear: both;
  text-align: left;
  }
  
  body {
  padding-top: 0 !important; /* this may cause problems */
  }
  
  /* -- for a fixed position --
  #wp-admin-bar { 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  } */
  
  #wp-admin-bar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
  
  #wp-admin-bar ul li {
  list-style-type: none;
  display: inline;
  margin: 0 10px;
  padding: 0;
  font-size: 11px;
  font-family: "Bitstream Vera Sans", verdana, arial, helvetica, sans-serif;
  color: #666;
  }
  
  #wp-admin-bar ul li.login { margin-right: 30px; }
  #wp-admin-bar strong { font-weight: bold; }
  #wp-admin-bar a { color: #666; }
  #wp-admin-bar a:hover { color: #000; }
  
  /* ]]> */
  


/**** Inline STYLE-tag style sheet ****/

	
		/* BEGIN IMAGE CSS */
			/*	To accomodate differing install paths of WordPress, images are referred only here,
				and not in the wp-layout.css file. If you prefer to use only CSS for colors and what
				not, then go right ahead and delete the following lines, and the image files. */
			
		body	 	{ background: url("http://pingpongtips.com/wp-content/themes/Pingpong/images/kubrickbgcolor.jpg"); }	
			#page		{ background: url("http://pingpongtips.com/wp-content/themes/Pingpong/images/kubrickbg.jpg") repeat-y top; border: none; } 
			#header 	{ background: url("http://pingpongtips.com/wp-content/themes/Pingpong/images/kubrickheader.jpg") no-repeat bottom center; }
			#footer 	{ background: url("http://pingpongtips.com/wp-content/themes/Pingpong/images/kubrickfooter.jpg") no-repeat bottom; border: none;}
			
			
			/*	Because the template is slightly different, size-wise, with images, this needs to be set here
				If you don't want to use the template's images, you can also delete the following two lines. */
			
			#header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
			#headerimg 	{ margin: 7px 9px 0; height: 192px; width: 740px; } 	
		/* END IMAGE CSS */
		
	
	

	


/**** Inline STYLE-tag style sheet ****/

  /* <![CDATA[ */
  
  #wp-admin-bar {
  margin: 0 0 10px 0;
  padding: 2px;
  background: #f9f9f9;
  border-bottom: 1px solid #666;
  color: #666;
  clear: both;
  text-align: left;
  }
  
  body {
  padding-top: 0 !important; /* this may cause problems */
  }
  
  /* -- for a fixed position --
  #wp-admin-bar { 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  } */
  
  #wp-admin-bar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
  
  #wp-admin-bar ul li {
  list-style-type: none;
  display: inline;
  margin: 0 10px;
  padding: 0;
  font-size: 11px;
  font-family: "Bitstream Vera Sans", verdana, arial, helvetica, sans-serif;
  color: #666;
  }
  
  #wp-admin-bar ul li.login { margin-right: 30px; }
  #wp-admin-bar strong { font-weight: bold; }
  #wp-admin-bar a { color: #666; }
  #wp-admin-bar a:hover { color: #000; }
  
  /* ]]> */
  


/**** Inline STYLE-tag style sheet ****/

		/* Begin Contact Form CSS */

		.contactform {
			width: 100%; 
			position: relative;
			}
		
		.contactleft {
			width: 25%; 
			text-align: right;
			clear: both; 
			float: left; 
			display: inline; 
			padding: 4px; 
			margin: 5px 0; 
			}
		
		.contactright {
			width: 70%;  
			float: right; 
			display: inline; 
			padding: 4px; 
			margin: 5px 0; 
			}
		/* End Contact Form CSS */

	


/**** Inline STYLE-tag style sheet ****/

	
		/* BEGIN IMAGE CSS */
			/*	To accomodate differing install paths of WordPress, images are referred only here,
				and not in the wp-layout.css file. If you prefer to use only CSS for colors and what
				not, then go right ahead and delete the following lines, and the image files. */
			
		body	 	{ background: url("http://pingpongtips.com/wp-content/themes/Pingpong/images/kubrickbgcolor.jpg"); }	
			#page		{ background: url("http://pingpongtips.com/wp-content/themes/Pingpong/images/kubrickbg.jpg") repeat-y top; border: none; } 
			#header 	{ background: url("http://pingpongtips.com/wp-content/themes/Pingpong/images/kubrickheader.jpg") no-repeat bottom center; }
			#footer 	{ background: url("http://pingpongtips.com/wp-content/themes/Pingpong/images/kubrickfooter.jpg") no-repeat bottom; border: none;}
			
			
			/*	Because the template is slightly different, size-wise, with images, this needs to be set here
				If you don't want to use the template's images, you can also delete the following two lines. */
			
			#header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
			#headerimg 	{ margin: 7px 9px 0; height: 192px; width: 740px; } 	
		/* END IMAGE CSS */
		
	
	

	


/**** Inline STYLE-tag style sheet ****/

  /* <![CDATA[ */
  
  #wp-admin-bar {
  margin: 0 0 10px 0;
  padding: 2px;
  background: #f9f9f9;
  border-bottom: 1px solid #666;
  color: #666;
  clear: both;
  text-align: left;
  }
  
  body {
  padding-top: 0 !important; /* this may cause problems */
  }
  
  /* -- for a fixed position --
  #wp-admin-bar { 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  } */
  
  #wp-admin-bar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
  
  #wp-admin-bar ul li {
  list-style-type: none;
  display: inline;
  margin: 0 10px;
  padding: 0;
  font-size: 11px;
  font-family: "Bitstream Vera Sans", verdana, arial, helvetica, sans-serif;
  color: #666;
  }
  
  #wp-admin-bar ul li.login { margin-right: 30px; }
  #wp-admin-bar strong { font-weight: bold; }
  #wp-admin-bar a { color: #666; }
  #wp-admin-bar a:hover { color: #000; }
  
  /* ]]> */
  


/**** Inline STYLE-tag style sheet ****/

		/* Begin Contact Form CSS */

		.contactform {
			width: 100%; 
			position: relative;
			}
		
		.contactleft {
			width: 25%; 
			text-align: right;
			clear: both; 
			float: left; 
			display: inline; 
			padding: 4px; 
			margin: 5px 0; 
			}
		
		.contactright {
			width: 70%;  
			float: right; 
			display: inline; 
			padding: 4px; 
			margin: 5px 0; 
			}
		/* End Contact Form CSS */

	
#menu {
float: left;
width: 146px;
border-right: 1px solid #000;
}