/*
========================================================
	Theme Name: MattShoots
	Theme URI: http://mattshoots.com/
	Description: Matt Balara's own homecooked theme for 
	<a href="mattshoots.com">mattshoots.com</a>.
	Version: 1.0
	Author: Matt Balara
	Author URI: http://mattshoots.com/
	Last Update: January 4th, 2008

	Tricky Belgian navigation snooped at
	http://veerle.duoh.com/
========================================================
*/

/*
	Global =============================================
*/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address
{
	margin: 0;
	padding: 0;
}

body
{
	font-size: 100%; /* 14px copy */
	font-family: Georgia, Sabon, Minion, "Times New Roman", Serif;
	line-height: 1.5em;
	color: black;
	text-align: center;
}

ul,li, dt, dd { list-style-type: none; }

hr
{
	clear: both;
	visibility: hidden;
}

.clear { clear: both; }
.centered, p.centered { text-align: center; }
.right { text-align: right; }
img { border: 0; }

/*
	Links ==================================================
*/

a:link,
a:visited
{
	text-decoration: underline;
	color: #2D88E6;
}

a:hover
{
	background: #2D88E6;
	color: white;
	text-decoration: none;
}

/*
	Typography ==============================================
*/

h1, h2, h3, h4
{
	font-family: "Lucida Grande", Helvetica Neue, Arial, Sans-Serif;
	font-weight: bold;
	line-height: 1.3em;
	padding: 1em 0 0.6em 0;
}

h1 { font-size: 2.4em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }

p {
	padding-bottom: 1.5em;
}

ul{
	list-style: url(images/bullet.gif) inside;
}

li {
	padding-bottom: 0.6em;
	line-height: 1.5em;
}

del {
	color: #666;
}

.textlight {
	color: #CCC;
}

/*
	Navigation =====================================
*/

ul#navi {
	width: 500px;
	font-family: "Lucida Grande", Helvetica Neue, Arial, Sans-Serif;
	font-weight: bolder;
	padding-bottom: 2px;
	border-bottom: 2px solid black;
	float: left;
	height:25px;
	/*overflow: hidden;*/
}
ul#navi li {
	padding: 1px 4em 0 0;
	margin:0;
	display:block;
	float:left;	
}
ul#navi li a {
	border:0;
	display:block;
	text-decoration:none;
	color: #000;
} 	 
ul#navi li a:hover {
	background: none;
} 	 	 
li#home a:hover, li#home a:focus {
	color: #2D88E6;
}
li#about a:hover, li#about a:focus {	
	color: #2D88E6;
}
li#links a:hover, li#links a:focus {	
	color: #2D88E6;
}
li#archives a:hover, li#archives a:focus {	
	color: #2D88E6;
}

#searchform {
	float: right;
	padding: 2px 0 0 5px;
	width: auto;}

#searchform .field {
	width: 150px;
	border: 2px solid black;}

#searchform .btn {
	border: 2px solid black;}

/*
	Navigation U R Here =====================================
*/
body#home-page ul#navi li#home a {
	color: #2D88E6;}
	
body#about-page ul#navi li#about a {
	color: #2D88E6;}
	
body#links-page ul#navi li#links a {
	color: #2D88E6;}

body#archives-page ul#navi li#archives a {
	color: #2D88E6;}

/*
	Layout Basics ============================================
*/

#announcement {
	font: 0.9em/1.2em 'Lucida Grande', Arial, Sans-Serif;
	color: #FFF;
	background: #2D88E6;
	width: 100%;
	height: 1em;
	text-align: left;
}

#announcement p {
	padding: 3px 0 5px 100px;
	display: none;}

#wrapper {
	width: 100%;
	text-align: left;
}

#page {
	width: 710px;
	margin: 0 0 0 100px;
	text-align: left;
	/*background-image: url(images/grid.gif);*/
}

#header {
	width: 100%;
	text-align: left;
	margin: 0 auto;
	padding: 22px 0 0 0;
}

#navigation {
	width: auto;
	margin: 2em 0 2em 0;
	height: 25px;
	text-align: left;
}

#bigleft {
	width: 500px;
	text-align: left;
	padding: 0 0 15px 0;
}

#bigright {
	width: 33%;
	text-align: left;
	float: right;
	padding: 0 0 15px 0;
}

#pagecontent {
	width: 530px;
	text-align: left;
	padding: 0 0 15px 0;
}

#pageside {
	width: 170px;
	text-align: left;
	float: right;
	padding: 0 0 15px 0;
}

#footer {
	width: 100%;
	padding: 15px 0 50px 0;
	border-top: 2px solid black;
}

/*
	Post Details ===========================================
*/

.post {
	margin: 0 0 25px 0;
}

h2 {
	width: 100%;
	border-bottom: 4px solid black;
	margin: 0 0 1em 0;}

.post h2 a {
	color: #000;
	text-decoration: none;}

h2 a:hover {
	color: #fff;}

.post img {
	padding: 0 10px 10px 0;
	float: left;
}

.date {
	color: #666;
	font-variant: small-caps;
	letter-spacing: 3px
}

.entry {
	padding: 10px 0 0 0;
}

/*
	Page Details ===========================================
*/

#pageside .columnhead {
	height: 44px;	
}

#pageside .filed {
	color: #666;
	font-variant: small-caps;
	letter-spacing: 1px;
	margin: 0 0 15px 0;
}

li.bullet {list-style: url(images/bullet.gif) inside;}
li.digg {list-style: url(images/icon_digg.gif) inside;}
li.delicious {list-style: url(images/icon_delicious.gif) inside;}

#pageside li {
	padding-bottom: 0.5em;
}

#pagecontent .columnhead {
	height: 44px;	
}

.bigtext {
	font-weight: bold;
}

.phototop {
	float: left;
	margin: 0 0 20px 0;
}

.photoright {
	width: 350px;
	float: right;
	margin: 0 0 15px 10px;
}

.photoleft {
	width: 350px;
	float: left;
	margin: 0 10px 15px 0;
}

.photowide {
	width: 530px;
	height: auto;
	float: left;
	margin: 0 10px 25px 0;
}

.photobottom {
	width: 530px;
	float: left;
	margin: 15px 0 15px 0;
}

.caption {
	color: #666;
}

#pagecontent img {
	margin: 0 0 5px 0;
}

#pagecontent p {
	margin-bottom: 15px;	
}

.postmetadata {
	padding: 8px 0 10px 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
/*
	Column Details ===========================================
*/

.columnhead {
	width: 100%;
	height: 33px;
	margin: 0 0 20px 0;
	border-bottom: 2px solid black;
}

.columnhead h2, .columnhead h3, .columnhead h4 {
	padding-top: 0;
}

#endwrapper {
	width: 100%;
	text-align: center;
}

#endwrapper ul {
	padding: 15px 0;
	color: #666;
}

#endleft {
	padding: 15px 0 30px 0;
	border-top: 2px solid black;
	width: 350px;
	text-align: left;
}

#endright {
	padding: 15px 0 30px 0;
	border-top: 2px solid black;
	width: 350px;
	text-align: left;
	float: right;
}

/*
	Links Details ===========================================
*/

.linklist {padding-bottom: 30px;}
.linklist p {padding-bottom: 10px;}
.linklist h3 {font-weight: bolder;}

/*
	Header Details ===========================================
*/

#header .headertext {
	font-family: Georgia, Sabon, Minion, "Times New Roman", Serif;
	width: auto;
	text-align: left;
	line-height: 1.4em;
	font-size: 1em;
	padding: 2em 0 0 0;
	font-weight: normal;}

/*
	Form Details ===========================================
*/

input.btn {
  	color: black;	
	font-family: Georgia, Sabon, Minion, "Times New Roman", Serif;
  	font-size: 1.1em;
	background: white;
	border:1px solid black;
}

input.field {	
	font-family: Georgia, Sabon, Minion, "Times New Roman", Serif;
  	font-size: 1.1em;
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}