/* @override http://16cards.com/wp-content/themes/16cards/style.css */

/*
Theme Name: 16cards
Description: Designed and created by <a href="16cards.com">Brandon Smith</a>. All rights reserved.
Version: 1.0
Author: Brandon Smith
Author URI: http://16cards.com
*/


/*- Page Structure */

body {
	font-family:'lucida sans unicode','lucida grande',helvetica,'bitstream vera sans',sans-serif;
	background-repeat: repeat-x;
	background-position: 0 0;
	text-align: center;
	margin: 0 0 30px;
	color:#222233;
    font-size:112.5%;
    letter-spacing:-0.015em;
    line-height:1.5;
	}

#page {
	text-align: left;
	margin: 0px auto;
	/* The entire template's width is set in this class. */
	width: 40em;
	_width: 719px;
	}

#header {
	margin:2em 20px;
	text-align:center;
	}

#header p {
    font-size:0.846em;
    line-height:1.81818;
    color:#777777;
    font-variant:small-caps;
    margin:0;
    text-transform:capitalize;
}


.comments {
	text-align: left;
	padding: 30px 0 0;
	position: relative;
	}


/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 90%;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 5px 15px 6px;
	}

ul.menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: #000;
	margin: 0;
	}

ul.menu li a:hover {
	background: #AD2327;
	color: #eee !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #333 !important;
	background: white;
	text-decoration: none;
	}

a img,:link img,:visited img { border:none }


/*- Headings */

h1, h2, h3, h4 {
    color:#000000;
    font-family:georgia,'bitstream vera sans serif','lucida grande',helvetica,verdana,sans-serif;
    font-weight:normal;
    letter-spacing:-0.05em;
	}

h3 {
    font-size: 1.22222em;\
    line-height: 1.13636;
}

#header h1 {
    margin: 0;
}

#header h1 a, #header h1 a:link, #header h1 a:visited, #header h1 a:hover {
    background:transparent none repeat scroll 0 0;
    color:#000000;
    text-decoration:none;
}

#footer {
    text-align: center;
    margin: 3em 0;
}

.itemhead {
    text-align: center;
}

.itemhead h2 {
    margin: 0;
}

.itemloop {
    margin: 3em 0;
}

.itemloop h3 {
    margin: 0;
    display: inline;
    font-family:'lucida sans unicode','lucida grande',helvetica,'bitstream vera sans',sans-serif;
    font-weight:bold;
}

.itemloop h3 + p {
    display: inline;
    margin-left: 5px;
}

.pagetitle { /* Used on static pages and archives */
	text-align: center;
	margin: 15px 0 15px;
	}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	display: inline;
	}

.itemtext h3 { /* For use on Pages */
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
	}

.itemtext h4 { /* For use on Pages */
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

/*- Primary Contents */

.primary .item .itemtext {
	text-align: justify;
	color: #444;
	}

.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext div,
.primary .item .itemtext blockquote {
	margin: 13px 0;
	}

/*- Links */

.primary a:hover, .primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #C46668 !important;
	}

a, a:link {
    background:#FFEEEE none repeat scroll 0 0;
    color:#002233;
    }
    
a:visited {
    background:#FFFFFF none repeat scroll 0 0;
    color:#334455;
    }
    
a:hover {
    background:#FFD5D7 none repeat scroll 0 0;
    color:#000000;
    text-decoration:none;
    }


/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

img.center, img[align="right"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
img.noborder {
	border: none !important;
	}

.favorite img {
	padding: 0;
	border: none;
	}

small {
	font-size: .9em;
	line-height: 1.5em;
	}

small, strike {
	color: #666;
	}
	
code {
	font: 1.1em 'Courier New', Courier, monospace;
	}

acronym {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
	cursor: help;
	}
	
abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	background: url('images/quote.png') 5% no-repeat;
	border: none;
	}

hr {
	display: none;
	}

.alert {
	background: #FFEEEE;
	border-top: 2px solid #FFD5D7;
	border-bottom: 2px solid #FFD5D7;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	}

/*- Begin Lists */
.itemtext ol, .itemtext ul {
	padding: 0 0 0 35px;
	margin: 0;
	}

.itemtext ol li, .itemtext ul li {
	margin: 0 0 3px;
	padding: 0;
	}


ol li {
	list-style: decimal outside;
	}

.sb-links ul li {
	margin-top: 20px;
	}

.sb-links ul ul li {
	margin-top: 0;
	}

/*- Search Form and Livesearch */

.sb-search {
	margin-top: 0px;
	}

input[type=text], textarea {
	color: #444;
	padding: 2px 0 2px 2px;
	margin: 0;
	}

input#livesearch {
	width: 97.1%;
	}

input#s {
	width: 75%;
	}

.livesearchform input[type=submit] {
	margin: 0;
	}

#LSResult {
	margin: 0;
	width: 100.1%;
	z-index: 100;
	position: absolute;
	background: #eee url('images/livesearchbg.jpg') center repeat-y;
	border-bottom: 1px solid #eee; 
	}

#searchcontrols {
	text-align: center;
	padding: 1px;
	background: #ddd url('images/livesearchbgdark.jpg') center repeat-y;
	}

#searchcontrols small {
	margin: 0;
	padding: 0;
	}

.LSRow:hover, #LSHighlight, #LSHighlight:hover {
	background: #ffffcc url('images/livesearchbghilight.jpg') center repeat-y;	}

#LSResult:hover #LSHighlight {
	background: none;
	border: none;
	padding: 5px 2px;
	}

#LSHighlight small, #LSHighlight small span a {
	color: #999;
	}

.LSRow {
	padding: 5px 10px;
	}

.LSRow span a, .LSRow span a:visited {
	word-spacing: -1px;
	line-height: 1.3em;
	font-weight: normal;
	color: #bbb;
	}