/*  

Theme Name: Beside The Point
Theme URI: http://www.clintlalonde.net
Description: Custom theme for Beside The Point
Version: 1.0
Author: Clint Lalonde
Author URI: http://www.clintlalonde.net

*/

/* Begin Typography & Colors */
/* change the hex color code in the body background below to change the background color */

body {
	color: #000000;
	text-align: center;
	font: 62.5% "Palatino Linotype", "Book Antiqua", "Courier New", serif;
	background: #352923;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* there is a hr on the pages that I can't figure out where it is coming from in the code so here's the hack to hide it */

hr {
	display:none;
}
#page {
	background-color: #fff;
	text-align: left;
}
.pagetitle {
	padding: 20px 0px 0px 20px !important;
}

/* change the hex color code in the header background below to change the background color of the header area */

#header {
	background: #352923;
}

/* change the hex color code in the header background-color below to change the background color of the boxes in the header and footer area */

#headerLeft, #headerMiddleTop, #headerRightTop, #headerMiddleBottom, #headerRightBottom, #footerLeft, #footerMiddle, #footerRight {
	background-color: #7C6256;
}
/* bit of a hack to get a link over the logo in the header. Semantic schmantics on this one */

#headerLeft a span {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 318px;
	height: 70px;
	cursor:pointer;
}
#headerBreak {
	background-color:#352923;
}

/* upload a new header image which needs to be 960 by 400 to the medai library and replace the path below to the new image */

#headerimg {
	background: url(http://besidethepoint.net/wp-content/uploads/2011/08/hidden-forest-bg2.jpg) no-repeat;
}
#frontPageSplash {
	padding: 10px 0px 0px 30px;
}
#frontPagePost {
	margin: 15px 0px 0px 0px;
}
#frontPageSplash h1, #frontPageSplash h2, #frontPageSplash h3 {
	padding:0px;
	margin:0px;
}
#frontPageSplash h1 {
	font-size: 2.2em;
	text-transform:uppercase;
}
#frontPageSplash h2 {
	font-size: 1.8em;
}
#frontPageSplash h3 {
	font-size: 1.4em;
}
#frontPageSplash h1 a {
	color:#000;
}

#frontPageSplash h2 a {
	color:#000;
}

#frontPageSplash h3 a {
	color:#000;
}
#content a {
	border-bottom: dashed #9e9e9e 1px;
	text-decoration: none;
}
#content a:hover {
	border-bottom: dashed #000 1px;
	text-decoration: none;
}
#content h1 {
	font: bold normal 2em "Palatino Linotype", "Book Antiqua", "Courier New", serif;
	color: #000000;
	text-transform: uppercase;
	text-align: center;
	margin: 25px 0 0 0;
	padding: 0px;
}
#content h2 {
	font: 2.6em "Palatino Linotype", "Book Antiqua", "Courier New", serif;
	margin: 0px;
	padding: 0px;
}
#content h3 {
	font: 2em "Palatino Linotype", "Book Antiqua", "Courier New", serif;
	margin: 0px;
	padding: 0px;
}
#content h4 {
	font: bold 1.2em "Palatino Linotype", "Book Antiqua", "Courier New", serif;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#content li {
	list-style: none;
	font-size: 1.8em;
}
.leaveCommentBox {
	padding: 0px 40px;
}
.headerpost h1 {
	font-size: 2em;
	padding:0px;
 margin:0px:
}
.headerpost h2 {
	font-size: 1.6em;
	padding:0px;
 margin:0px:
}
.headerpost a {
	color:#000000;
}
.entry {
	font-size:1.6em;
	margin: 10px 0 0 0;
}
.entry p {
	line-height: 1.3em;
	margin:15px 0px 15px 0px;
	padding:0px;
}

	
.theList li {
	list-style-type: disc	!important;
	font-size: 1em !important;
	line-height: 1em !important;
	padding: 2px 0px 2px 0px !important;

}

#authorBio {
	padding:10px;
	margin:10px;
	background:#efefef;
	border:1px solid #bbbbbb;
	}

/* End Typography & Colors */

/* Begin Structure */

body {
	margin: 0;
	padding: 0;
}
#page {
	background-color: #fff;
	margin: 0px auto;
	padding: 0;
	width: 960px;
	position: relative;
}
#header {
	margin: 0;
	padding: 0;
	height: 100px;
	width: 960px;
}
#headerLeft {
	width: 630px;
	height: 100px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#headerLeft h1 {
	background: url(images/btp_white.gif) no-repeat;
	height: 70px;
	position: relative;
	top: 15px;
	left: 20px;
	padding: 0px;
	margin: 0px;
}
#headerLeft a {
	height: 70px;
	wisth: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}
#headerLeft h2 {
	margin: 0px;
	padding: 0px;
	color:#FFFFFF;
	font-size: 2em;
}
#headerLeft span {
	position:absolute;
	left: 350px;
	top: 20px;
}
#headerMiddleTop {
	width: 145px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 650px;
	text-align: center;
}
#headerRightTop {
	width: 145px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 815px;
	text-align: center;
}

#headerMiddleBottom {
	width: 145px;
	height: 40px;
	position: absolute;
	top: 60px;
	left: 650px;
	text-align: center;
}
#headerRightBottom {
	width: 145px;
	height: 40px;
	position: absolute;
	top: 60px;
	left: 815px;
	text-align: center;
}
#headerMiddleTop a, #headerRightTop a, #headerMiddleBottom a, #headerRightBottom a {
	color:#ffffff;
	font-size: 1.6em;
	font-weight:bold;
	text-transform: uppercase;
	position:relative;
	top: 10px;
}
#leftColumn {
	width: 478px;
	float:left;
}
#rightColumn {
	width:478px;
	float:right;
}
#headerBreak {
	height: 20px;
}
#headerimg {
	height: 400px;
	width: 960px;
}
.headerpost {
	height: 400px;
	width: 960px;
	padding: 20px;
}
.widecolumn {
	padding: 0px;
	margin: 0px;
	width: 960px;
}
.archive h2 {
	margin: 40px;
}
.narrowcolumn {
	padding: 0px;
	margin: 0px;
	width: 660px;
	float:left;
}
.narrowcolumn dl {
	margin:30px;
	padding:20px;
	border: dashed #cdcdcd 3px;
}
.narrowcolumn dt {
	font: 1.3em Tahoma, Verdana, Helvetica, sans-serif;
	font-style:italic;
}
.narrowcolumn dd {
	font: 1.1em Tahoma, Verdana, Helvetica, sans-serif;
	font-style:italic;
}
#sidebar {
	width: 248px;
	float:left;
	padding:0px 10px;
	margin:20px 10px;
	border-left: solid #ccc 1px;
}
#sidebar p, li {
	font-size: 1.2em;
	margin: 5px 0px;
	padding: 0px;
	line-height:1.5em;
}
#sidebar h1 {
	width:248px;
	height:313px;
	background-image:url(images/editorial.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#sidebar h2 {
	margin: 10px 0px;
	padding: 0px;
	font-size: 1.6em;
	font-weight: bold;
}
#sidebar hr {
	display:none;
}
.post {
	margin: 20px;
	text-align: justify;
}
.widecolumn .post {
	margin: 40px;
}
#footer {
	padding: 0;
	margin: 0;
	width: 960px;
	clear: both;
	background: #fff;
	border: none;
}
#footerDecoration {
	background-color: #352923;
	padding: 20px 0px 0px 0px;
	height: 40px;
}
#footerLeft {
	width: 630px;
	height: 40px;
	float:left;
	margin-right:20px;
}
#footerMiddle {
	width: 145px;
	height: 40px;
	float:left;
	margin-right:20px;
}
#footerRight {
	width: 145px;
	height: 40px;
	float:left;
}
#footer p {
	margin: 0;
	padding: 20px;
	font-size:1.2em;
}
#footer a, #sidebar a {
	border-bottom: dashed #9e9e9e 1px;
	text-decoration: none;
}
#footer a:hover, #sidebar a:hover {
	border-bottom: dashed #000 1px;
	text-decoration: none;
}



/* End Structure */







/* Begin Images */



/* End Images */







/* Begin Lists



/* End Entry Lists */







/* Begin Form Elements */



/* End Form Elements */







/* Begin Comments*/



/* End Comments */







/* Begin Sidebar */



/* End Sidebar */







/* Begin Calendar */



/* End Calendar */







/* Begin Various Tags & Classes */



/* End Various Tags & Classes*/