/*  

Theme Name: WordPress Timothy Tikker, Organist-Composer-Improvisor

Theme URI: http://timothytikker.com

Description: The Wordpress theme developed by <a href="http://www.twolipps.com">Ann Arbor web designer, Constance Lippert</a>.

Version: 1.0

Author: Constance Lippert

Author URI: http://twolipps.com/

*/
/***** Global Settings *****/
html,body {
border:0;
margin:0;
padding:0;
}

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

body {
font:75%/1.25 Verdana, Arial, 'Lucida Grande', Sans-Serif;
color:#fff;
text-align:center;
background:#000 url('http://www.ttikker.com/wp-content/themes/tikker/images/background.jpg');
}

/***** Common Formatting *****/
h1 {
padding:30px 0 25px;
letter-spacing:-1px;
font-size:1.4em;
font-weight:600;
}

h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.3em;
font-weight:600;
}

h3 {
font-size:1.25em;
font-weight:600;
margin-bottom: 1.5em;
}

h4 {
font-size:1.2em;
font-weight:600;
margin-bottom: 1.5em;
}

h5 {
font-size:1.1em;
font-weight:600;
margin-bottom: 1.5em;
}

h6 {
font-size:1em;
font-weight:600;
margin-bottom: 1.5em;
}

p ul ol {
margin:0;
padding:0 0 18px;
letter-spacing:.02em;
}

ul li {
list-style:square inside;
padding:5px 0 5px 10px;
}

ol {
list-style:decimal outside;
padding:5px 0 5px 10px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:.85em;
}

img,img a {
border:0;
}

sup {
position:relative;
bottom:.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-.2em;
vertical-align:baseline;
}

acronym,abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

hr {
border:1px solid #fff;
width:90%;
}

/***** Links *****/
a,a:visited {
text-decoration:underline;
color:#ccc;
}
a:hover { color: #fff; }
/***** Forms *****/
form {
margin:0;
padding:0;
display:inline;
}

input,select,textarea {
font-size:1em;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}

/***** Tables *****/
table {
border:0;
margin:0;
padding:0;
}

table tr td {
padding:0;
}

/* Begin Typography & Colors */
#page {
text-align:left;
}

#header {
background:#000 url('http://www.ttikker.com/wp-content/themes/tikker/images/header.jpg') no-repeat bottom center;
}

#headerimg a {
display:none;
}

#description {
display:none;
}

#content {
font-size:1em;
}

.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;
}

#footer {
border-top:20px solid #bc822f;
}

#footer h4 {
font-size:.9em;
font-weight:500;
text-align:center;
}

#footer p.small,#footer a {
font-size:.8em;
color:#000;
background-color:transparent;
_margin-top:5px;
}

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

.pagetitle {
font-size:1.3em;
}

.entry p a:visited {
color:#fff;
}

.commentlist li,#commentform input,#commentform textarea {
font-size:.9em;
}

.commentlist li {
font-weight:700;
}

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

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

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

.commentmetadata {
font-weight:400;
}

.current_page_item {
font-weight:700;
}

/* toolbar styling */
#toolbar {
position:absolute;
top:152px;
left: 0px;
width:100%;
height:20px;
background-color:#bc822F;
padding-top: 2px;
padding-bottom: 2px;
}

#toolbar ul {
margin:0;
padding:0;
}

#toolbar li {
padding:0;
margin:0;
display:inline;
list-style-type:none;
list-style-position:outside;
}

#toolbar li a:hover {
background-color:#cd9136;
}

/* End toolbar */
acronym,abbr,span.caps {
font-size:.9em;
letter-spacing:.07em;
}

/* End Typography & Colors */
/* Begin Structure */
body {
margin:0 0 20px;
padding:0;
}

#page {
position:relative;
margin-top:0;
margin-right:auto;
margin-left:auto;
padding:0;
width:800px;
background-color:#000;
}

#header {
background-color:#000;
margin:0;
padding:0;
height:152px;
width:800px;
}

#description {
display:none;
}

#mainlevel {
margin-left:0;
margin-top:20px;
width:800px;
background-color:#000;
}

#content {
width:710px;
margin-left:45px;
margin-right:45px;
}

/* for Internet Explorer */
/*\*/
* html #content {
height:450px;
}

/**/
.narrowcolumn {
padding:0 0 20px;
/*margin: -33em 3em 0em 0em;

	_margin: -35em 2em 0em 0em;*/
}

.widecolumn {
padding:0 0 20px;
/*	margin: -33em 3em 0em 0em;

	_margin: -35em 2em 0em 0em; */
}

.post {
margin:0 0 40px;
text-align:justify;
}

.post hr {
display:block;
}

.widecolumn .post {
margin:0;
}

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

.widecolumn .postmetadata {
margin:30px 0;
}

.widecolumn .smallattachment {
text-align:center;
float:left;
width:150px;
margin:5px 5px 5px 0;
}

.widecolumn .attachment {
text-align:center;
margin:5px 0;
}

.postmetadata {
clear:left;
}

#footer {
padding:0;
margin:0 auto;
width:800px;
height:45px;
clear:both;
background-color:#000;
}

#footer h4 {
margin:0;
padding:20px 0 10px;
}

#footer p {
padding-right:30px;
}
#footer a { color: #fff; text-decoration: none; }
#footer p.webdesign { font-size: .9em; color: #999; }
#footer .webdesign a { font-size: .9em; color: #999; }
/* End Structure */
/* Begin Images */
p img {
padding:1.5em;
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) */
img.centered {
display:block;
margin-left:auto;
margin-right:auto;
}

img.alignright {
padding:.5em;
_padding:.1em;
margin:0 0 .5em .5em;
display:inline;
}

img.alignleft {
padding:4px;
margin:0 7px 2px 0;
display:inline;
}

.alignright {
clear:right;
float:right;
}

.alignleft {
float:left;
}

#contactsubmit {
margin-top:15px;
}

.contactform input,.contactform textarea {
background-color:#aaa;
}

.contactform textarea {
font:75%/1.25 Verdana, Arial, 'Lucida Grande', Sans-Serif;
}

/*menu */
#nav {
list-style:none;
padding:0;
}

ul#nav {
position: absolute;
left: 3em;
margin:0;
padding:0;
height:1em;
 /*_margin-left: .9em; ie 6 hack 
_margin-right: 1em;*/
}

#nav a {
display:block;
color:#000;
font-weight: 600;
text-decoration:none;
padding:.1em 0em .3em;
}

#nav li {
float:left;
padding-right: .4em;
padding-left: .4em;
_padding-right: .2em; /*ie6 hack */
_padding-left: .2em; 
border-right: 2px solid #000;
background-color: #bc822F;
}

#nav li ul {
position:absolute;
left:-999em;
height:auto;
width:28.4em;
width:20.9em;
font-weight:500;
border:2px solid #000;
border: 1px solid #000;
margin:0;
list-style:none;
background-color: #bc822F;
white-space: nowrap;
}

#nav li li {
padding-right:1em;
width:90%;
border: 0;
border-bottom: 1px solid #000;
}

#nav li ul a {
width:12em;
width:9em;
}

#nav li ul ul {
margin:-1.75em 0 0 6em;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul {
left:-999em;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul {
left:auto;
background-color: #cd9136;
}

#nav li:hover,#nav li.sfhover {
font-color: #333;
background-color: #cd9136;
}
#nav .contact-pg6 { border-right: 0px solid ; }
.comp-hdr { 
background-color: #bc822F;
padding: 5px;
color: #000;
font-weight: 600;
font-size: 1.4em;
}
/* end menu */

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */