@charset "UTF-8";

/* CSS Document */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	 margin: 0;
}

body {
	margin: 0 auto;
	width: 960px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #555;
	background: url(../images/header-grad.png) repeat-x center top #fff;
}

a {
	color: #555;
	text-decoration: none;
}

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


/* header
========================== */

#header {
	/*margin: 18px 0 0 50px;
	width: 274px;
	height: 101px;
	text-align: left;*/
}

#header h1 {
	margin: 18px 0 0 20px;
	width: 274px;
	height: 101px;
	background: url(../images/header-logo.png) no-repeat;
	text-indent: -9000px;
}

#header h1 a {
	height: 101px;
	display: block;
}

h2 {
	margin: 20px 0;
	font: 30px normal normal serif;
	font-family: Georgia, "Times New Roman", Times, serif;

}


/* features jquery accordian
========================== */

#features {
	margin: 40px 0;
	width: 480px;
	text-align: left;
	float: left;
}

#features h3 {
	font: 24px bold normal serif;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

#features div {
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	font-weight: 300;
}

#features div p {
	margin: 20px 0;
}


#features div p:first-child:first-letter {
	font-size: 36px;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: -.09em;
}

/* feature-images
========================== */

#feature-images {
	margin: 40px 0 0;
	width: 480px;
	text-align: center;
	float: left;
}




/* poem archive table
========================== */

#archive {
	margin: 40px auto 70px;
}

#archive table#poems {
	margin: 0;
	text-align: left;
	border-collapse: collapse;
}

#poems a {
	color: #330099;
}

#poems th {
	text-align: left;
	font-weight: bold;
	padding: 4px 8px;
	color: #222;
}

#poems th.th-potd {
	width: 150px;
}
#poems th.th-title {
	width: 400px;
}
#poems th.th-author {
	width: 315px;
}
#poems th.th-published {
	width:	150px;
}

#poems td {
	padding: 4px 8px;
	border: 1px solid #ddd;
}


/* Sorting options from dataTable.js */

tr.odd {
	background-color: #eee;
}

tr.odd td.sorting_1 {
	color: #222;
}

tr.even td.sorting_1 {
	color: #222;
}



/* badge
========================== */

#badge {
	margin: 0 auto 20px;
	width: 191px;
	height: 59px;
	background: url(../images/badge.jpg);
}

#badge a {
	width: 191px;
	height: 59px;
	display: block;
	text-indent: -9000px;
}


/* nav
========================== */

#nav {
	text-align: center;
	font-size: 12px;
	list-style: none;
	margin: 0 0 8px;
}

#nav li {
	display: inline;
	border-left: 1px solid #555;
	padding: 0 15px;
}

#nav li:first-child {
	border-left: none;
}

#nav li a {
	padding: 4px 8px 8px;
}

#nav li a.sharetab {
	background: #dbedff;
}

/* share tab
========================== */

#share {
	margin: 0px auto;
	padding: 20px 0;
	width: 750px;
	background:	#dbedff;
	text-align: left;
	display: none;
}


#share ul {
	margin: 0;
	list-style: none;
}

#share ul li {
	display: inline;
	margin: 0 15px;
	padding: 0;
}

#share ul li a {
	color: #336699;
	text-decoration: none;
}

#share ul li a:hover,
#share ul li a.twitter-share:hover span {
	text-decoration: underline;
}

#share ul li a.twitter-share {
	background: url(http://twitter-badges.s3.amazonaws.com/t_mini-a.png) left no-repeat;
	text-decoration: none;
}

#share ul li a.twitter-share span {
	margin: 0 0 0 20px;
}

#share a span {
	margin: 0 0 0 18px;
}

#share #embed {
	float: right;
	margin: 0 40px 0 0;
}

#share #embed label {
	font-weight: bold;
}

#share input {
	color: #000;
	width: 200px;
}




/* addToAny overrides to avoid duplicate listings
========================== */



/* addToAny overrides to avoid duplicate listings
========================== */

#a2apage_twitter,
#a2apage_facebook {display: none;}



/* footer
========================== */

#footer {
	margin: 20px 0 20px;
	font-size: 10px;
}