/****************************\
 Paul Cuthbert Guitar teching
        - main css -
\****************************/

/* haha, fancy */

/*----------------- layout -----------------*/
body {
	font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size:100%;
	color:#eee;
	background:#000;
	}
	
#wrapper {
	position:relative;
	width:940px;
	margin:10px auto;
	}
	
#header {
	position:relative;
	display:block;
	background:url('/media/img/layout/bg_header.jpg') right top no-repeat;
	padding-top:25px;
	}

#logo {
	display:block;
	width:320px;
	height:35px;
	margin:0 0 0 10px;
	background:url('/media/img/layout/pauls_guitar_surgery.gif') left top no-repeat;
	text-indent:-9999em;
	}

#nav {
	display:block;
	margin:85px 0 0;
	border-bottom:1px solid #1c1c1c;
	}

#nav li {
	display:block;
	float:left;
	}

#nav li a { 
	display:block;
	height:20px;
	text-indent:-9999em;
	text-decoration:none;
	padding:5px 10px;
	margin:0 20px 0 0;
	border-bottom:2px solid #000;
	}
#nav li a:hover,
#home #nav_home,
#tech #nav_tech,
#gallery #nav_gallery,
#about #nav_about,
#contact #nav_contact {
	border-bottom:2px solid #942c2c;
	}
#nav_home { width:47px; background:url('/media/img/layout/nav_home.gif') center no-repeat; }
#nav_tech { width:110px; background:url('/media/img/layout/nav_repairs_and_tech.gif') center no-repeat; }
#nav_gallery { width:55px; background:url('/media/img/layout/nav_gallery.gif') center no-repeat; }
#nav_teaching { width:80px; background:url('/media/img/layout/nav_teaching.gif') center no-repeat; }
#nav_about { width:80px; background:url('/media/img/layout/nav_about.gif') center no-repeat; }
#nav_contact { width:60px; background:url('/media/img/layout/nav_contact.gif') center no-repeat; }

.section {
	display:block;
	clear:both;
	padding:10px 0;
	line-height:1.4em;
	}

.wide { float:left; clear:left; width:600px; }
.narrow { float:right; width:280px; }
	.wide :first-child,
	.narrow :first-child { margin-top:0; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

strong { font-weight:bold; }
em { font-style:italic; }
p { margin:0 0 12px; }
p.quoteL { text-indent:30px; padding-top:5px; background:url('/media/img/layout/quoteL.gif') left top no-repeat; }
p.quoteR { padding-bottom:5px; background:url('/media/img/layout/quoteR.gif') right bottom no-repeat; }
p.alignR { text-align:right; }
h1 { display:block; height:25px; margin:30px 0 12px; text-indent:-9999em; }
h2 { font-weight:bold; margin:50px 0 17px; padding-bottom:5px; color:#CCCCCC; border-bottom:1px dotted #942C2C; }
a { color:#b94949; }
a:hover { text-decoration:none; }
ul.basic { margin:0 0 15px; }
ul.basic li { padding:3px 0 3px 20px; background:url('/media/img/layout/li.gif') left 10px no-repeat; }
.framed { padding:4px; background:#707070 url('/img/layout/img_bg.jpg') left top repeat-x; border:2px solid #333; }
.narrow .framed { margin:20px 0; }
img.right {
	margin:0 0 20px 20px;
}
#footer {
	position:relative;
	clear:both;
	display:block;
	line-height:1em;
	padding:15px 0 20px;
	border-top:1px solid #1c1c1c;
	}
#footer .dim {
	color: #333;
}
#footer .dim a {
	color: #555;
	text-decoration: none;
}
#fb_like {
	float:right;
	width:300px;
	text-align:right;
}
/*_________________ END layout __________________*/

/*--------------------- pages -------------------*/

/* home */
#home .section { line-height:1.7em; }
#home h1 { background:url('/media/img/layout/h1-welcome.gif') left top no-repeat; }
#welcomepic { margin:0 20px 20px 0; }
/* tech */
#tech h1#repairs { background:url('/media/img/layout/h1-repairs.gif') left top no-repeat; }
#tech h1#teching { background:url('/media/img/layout/h1-teching.gif') left top no-repeat; }
#tech #cta { float:right; width:190px; margin:45px 0 0; padding-left:10px; }
#contact_paul_now { display:block; width:164px; height:51px; text-indent:-9999em; text-decoration:none; background:url('/media/img/layout/contact_paul_now.gif') center top no-repeat; margin:15px 0; }

/* teaching */
#teaching h1 { background:url('/media/img/layout/h1-guitar_lessons.gif') left top no-repeat; }

/* about */
#about h1 { background:url('/media/img/layout/h1-whos_paul.gif') left top no-repeat; }
#about #page_sidebar { float:left; width:200px; margin:10px 0 10px 30px; text-align:center; }
.caption { font-style:italic; margin-top:5px; }
/* contact */
#send_message {
	margin-bottom:40px;
}
#contact h1 { background:url('/media/img/layout/h1-contact_paul.gif') left top no-repeat; }
#contact_form { width:440px; margin-top:20px; }
#contact_form p.oops { color:#942C2C; font-weight:bold; padding-left:130px; }
#contact_form label { display:block; float:left; text-align:right; width:120px; margin:0 10px 5px 0; }
#contact_form input, #contact_form textarea { width:290px; padding:2px; color:#000; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size:1em; border-width:0; }
#contact_form #name, #contact_form #email { width:200px; }
#contact_form input#submit { width:auto; padding:0; margin:0 0 0 130px; }
#contact #map { width:190px; float:right; }
#address { font-style:italic; }

#contact_form label.error {
	display:block;
	float:none;
	width:auto;
	color:#942c2c;
	text-align:left;
	padding-left:130px;
}

/* gallery */
#gallery h1 { background:url('/media/img/layout/h1-gallery.gif') left top no-repeat; }
.project {
	display:block;
	padding-bottom:20px;
}

ul.thumbs li {
	float:left;
	padding:5px;
	width:130px;
	height:100px;
}

ul.thumbs li a img {
	display:block;
	padding:4px;
	border:1px solid #333333;
	margin:0 auto;
}

p.tags {
	clear:both;
}
	p.tags a { margin:0 5px; }

p.filtering {
	font-size:1.2em;
	margin-bottom:20px;
}
	p.filtering small { font-size:.75em; margin:0 0 0 10px; }


/*__________________ END pages __________________*/

/*----------------- functionality ---------------*/
#send_msg {
	display:none;
}

.input_dim {
	color:#999999;
	}
/*_________________ END functionality ___________*/