@charset "utf-8";
/*  
Theme Name: Hoofei.com
Theme URI: http://www.hoofei.com
Description: Hoofei v3.0 is a simple wordpress theme by <a href="http://www.hoofei.com">Hoofei</a>.
Version: v3.0
Author: Hoofei
Author URI: http://www.hoofei.com
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 0; }
li, dd { margin-left: 5%; }
fieldset { padding: 0.5em; }
select option { padding: 0 5px; }

.hide, .print-logo, .close-button { display: none; }
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; height: 1px; font-size: 1px; line-height: 1px; }
a img{ border: none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body {
	background: #16272E url(images/bg.png);
	color: #BFBFBF;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	width: 80%;
	margin: 0 auto;
	border-left: 1px solid #041319;
	border-right: 1px solid #041319;
}

/* This class sets the width and position for all rows */
.inside {
	width: 94%;
	margin: 0 auto;
}

a {
	color: #83AF00;
    text-decoration: none;
}

a:hover { color: #E53E94; }

h1 {
	color: #000;
	font-size: 22px;
	font-weight: blod;
	margin: 20px 0;
}

h2, h3 {
	font-size: 1.15em;
	color: #AED8E9;
	font-weight: blod;
}
#primary h2 {
	color: #003069;
}

p {
	line-height: 1.75em;
}

ul li {
	list-style-type: square;
	margin: 0.5em 0 0.5em 2em;
}

blockquote {
	margin-left: 1em;
	padding-left: 1em;
	border-left: 2px solid #CCC;
	color: #CCC;
}

pre {
	width: 100%;
	padding: 1em 0;
	overflow: auto;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
}

.rule {
	border-top: 1px solid #CCC;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 1.5em 0;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header {
	background: url(images/headerbg.gif);
	height: 73px;
}
#header .inside {
	padding: 0;
}

#header h2 {
	background: url(images/logo2.gif) no-repeat;
	width: 332px;
	height: 73px;
	margin: 0;
	padding: 0;
	float: left;
}
#header h2 a { 
	display: block;
	width: 165px;
	height: 73px;
}

#header p {
	padding: 1em 0;
	margin: 0;
	line-height: 1em;
}

#menu ul { 
    float: right; 
	margin: 38px 10px 0 0; 
	padding: 0; 
	list-style: none; 
	display: inline; 
	font-size: 11px;
}

#menu ul li { 
    padding: 0; 
	margin-left: 10px; 
	display: inline; 
	font-weight: bold;
}

#menu ul li a { text-decoration: none; color: #FFF; }

#menu ul li a:hover { color: #9BDA41; }

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary {
	background: #FFF url(images/primarybg.gif) repeat-x;
	padding: 20px 0 15px 0;
	color: #333;
	font-size: 12px;
}

#primary.twocol-stories .main {
    float: left;
	width: 70%;
	margin: 0;
	padding: 0;
}
#primary.twocol-stories .story {
	float: left;
	margin: 0;
	font-size: 12px;
}
* html #primary.twocol-stories .story {
	margin: 0;
}
#primary.twocol-stories .story a span {
    font-weight: bold;
	margin-left: 5px;
	color: #666;
	border-bottom: 1px dotted #999;
}
#primary.twocol-stories .story a:hover span { color: #E53E94; }

#primary.twocol-stories .first, * html #primary.twocol-stories .first {
	margin: 0 0 10px 0;
}

.story h3 {
	font-size: 22px;
	margin: 0 0 3px 0;
	font-weight: bold;
	border-bottom: 1px dotted #666;
	padding: 0 0 0.3em 0;
}
.story h3 span {
    margin-left: 10px !important;
	padding: 0 0 0.3em 0;
	color: #ccc !important;
    letter-spacing: -1px;
    font-size: 22px;
    text-transform: lowercase;
	display: inline;
}
.story h3 a {
	color: #E53E94;
	text-decoration: none;
}
.story h3 a:hover {
    color: #000;
}

.story img.left {
    float: left;
    padding: 4px;
	margin: 0.5em 1.5em 0.5em 0;
	border: 1px solid #B1B1B1;
}
.story img.right {
    float: right;
	padding: 4px;
	margin: 0.5em 0 0.5em 1.5em;
	border: 1px solid #B1B1B1;
}

.story .details {
	margin: 0;
	text-align: left;
	padding: 2px 0 5px 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
}
.story .details a {
	color: #E53E94;
	text-decoration: none;
}
.story .details a:hover { color: #000; }

.story p.tags {
    float: left;
	font-size: 11px;
	line-height: 25px;
	font-weight: bold;
}
.story p.tags a {
    background: #91C100;
	color: #FFF;
	padding: 15px 8px;
	margin: 0 6px 0 0;
}
.story p.tags a:hover {
    background: #E53E94;
}

.story p.comment a {
    float: right;
	color: #FFF;
	background: url(images/commentbg.gif) left top no-repeat;
	width: 108px;
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 7px 0 5px 0;
	text-align: center;
}
.story p.comment a:hover { background: url(images/commentbg_on.gif) left top no-repeat; }

#flickr {
    float: right;
	width: 25%;
	padding: 0.3em 0 0 20px;
	margin: 0;
}
#flickr h2 {
    color: #333;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 7px 10px;
	padding: 0;
}
#flickr h2 a {
    color: #0063DC;
	padding: 0;
	margin: 0;
}
#flickr h2 a span { color: #FF0084; }
#flickr img {
    background-color: #D1D1D1;
    margin: 0 0 11px 11px;
	padding: 4px;
}
#flickr a:hover img { background-color: #FF0084; }

/* Single Post Styles */

#primary .primary {
	float: right;
	width: 64%;
	font-size: 12px;
}
#primary .single {
    padding: 0 48px;
}
#primary .single h1 {
    font-size: 24px;
	text-align: center;
}
#primary .single img.left {
    float: left;
    padding: 4px;
	margin: 0.5em 1.5em 0.5em 0;
	border: 1px solid #B1B1B1;
}
#primary .single img.right {
    float: right;
	padding: 4px;
	margin: 0.5em 0 0.5em 1.5em;
	border: 1px solid #B1B1B1;
}

#primary .single .entryinfo p {
    padding: 3px 0;
	margin: 2em 0 0 0;
	border-top: 1px solid #666;
	font-size: 11px;
	text-transform: uppercase;
}

#primary .secondary {
	float: left;
	width: 25%;
	font-size: 0.9em;
	margin-top: 5px;
	margin-right: 5%;
	padding: 15px;
	background: #F1F7FF;
	border: 1px dotted #AEC6E3;
	display: inline;
}
* html #primary .secondary { margin-right: 3%; }

.secondary .featured p {
	border-bottom: 1px dotted #666;
	border-top: 1px dotted #666;
	padding: 0.5em 0 0.6em 0;
	line-height: 1.5em;
	margin: 1em 0 0 0;
	color: #003069;
}

.single-post h1, .single-post h2 { margin-top: 0; }

/*-----------------------------------------------------------------------------------------------
	Secondary Items
-----------------------------------------------------------------------------------------------*/

#secondary {
	background: #192F3A;
	padding: 1px 50px;
	border-top: 5px solid #486777;
}

.comment-head {
	border-bottom: 2px solid #466B7A;
	padding: 1em 2em 1em 0;
}
.comment-head h2 {
	font-size: 1.5em;
	margin: 0 0 3px 0;
}
.comment-head a {
	text-decoration: none;
	color: #58799B;
}
.comment-head a:hover { color: #AED8E9; }
.comment-head .details {
	font-size: 0.95em;
}

ol#comments {
	list-style-type: none;
	margin: 1em 0;
	color: #7FAFC3;
}
ol#comments li {
	list-style-type: none;
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px dotted #466B7A;
}

#comments cite {
	float: left;
	width: 20%;
	font-style: normal;
	text-align: left;
	padding-left: 2px;
}
* html #comments cite { width: 23%; }
#comments cite span {
	display: block;
}
#comments cite .author { font-size: 1em; margin: 3px 0 3px 0; }
#comments cite .author a {
	text-decoration: none;
	color: #AED8E9;
}
#comments cite .author a:hover { color: #9BDA41; }
#comments cite .date { margin-bottom: 5px; }
#comments cite .gravatar { padding: 3px; border: 1px solid #58799B; width: 32px; }

#preview {
	margin: 1em 0;
	padding: 0.5em;
	border: 1px solid #333;
}
#preview p { margin: 1em 0 0 0; }
#errors{ color: #FF0000; font-weight: bold; }

#comments .pingback cite .author {
	display: block;
	padding-top: 68px;
	background: url(images/trackback_pingback.gif) 100% 0 no-repeat;
}

#comments .content {
	float: left;
	width: 66%;
	margin: 0;
	padding: 0 0 0 2%;
}
#comments .content a { color: #AED8E9; }
#comments .content a:hover { color: #9BDA41; }
#comments .content p {
	margin: 0 0 1em 0;
}

h3.formhead {
    font-size: 1.5em;
	padding: 10px 0 0 0;
}

#comment-form {
    float: left;
	margin: 0.5em 0 5em 0;
	width: 32em;
	background: #2F434D;
	padding: 10px;
}
#comment-form p {
    color: #AED8E9;
}
#comment-form p a { color: #9BDA41; }
#comment-form p a:hover { color: #FFF; }

#comment-guide {
    float: left;
	margin: 0 0 0 30px;
	color: #AED8E9;
}
#comment-guide ul {
    list-style-type: square;
	margin: 6px 0 0 0;
}
#comment-guide li {
    margin-bottom: 12px;
}
#comment-guide li a { color: #9BDA41; }
#comment-guide li a:hover { color: #FFF; }

#comment-guide h3 { 
    font-size: 14px; 
	padding: 0 50px 6px 0; 
	border-bottom: 1px solid #466B7A; 
	text-transform: uppercase; 
	margin-left: 5px; 
}

input.textfield {
	width: 25.8em;
	padding: 4px 0 3px 5px;
	margin: 10px 0;
}
textarea.commentbox {
	width: 25em;
	height: 10em;
	padding: 4px 0 3px 5px;
	margin: 10px 0;
	font-size: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
}
label.text {
	position: relative;
	font-size: 12px;
	color: #FFF;
}
.formactions input.submit { 
	float: right; 
	margin: -1em 0 0 0;
	padding: 0;
}
.formactions .spinner {
	float: right;
	margin: -8px -20px 0 0;
}

/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/

#ancillary {
	padding: 2em 0 2em 0;
	border-top: 5px solid #BBD794;
	color: #547E8F;
	background: #16272E;
}
#ancillary .middle {
	float: left;
	width: 42%;
	margin: 0 0 0 4%;
}
#ancillary .twice-length { width: 65%; }
#ancillary .thrice-length { width: 100%; }
#ancillary .left, * html #ancillary .left {
    width: 20%;
	float: left;
	margin: 0;
}
#ancillary .right, * html #ancillary .right {
    float: right;
	width: 30%;
	margin: 0;
}
#ancillary .right span {
    float: right;
	height: 13px;
	margin-top: 5px;
}
#ancillary h2 { 
    font-size: 14px; 
	font-weight: bold; 
	color: #547E8F; 
	text-transform: uppercase; 
	border-bottom: 3px solid #547E8F; 
	padding-bottom: 5px; 
}

ul.dates, ul.counts, ul.blogroll ul, ul.feed {
	list-style-type:none;
	margin: 0 0 2em 0;
}
ul.dates li, ul.blogroll ul li {
	list-style-type: none;
	margin: 0;
	padding: 0.5em 0;
	border-bottom: 1px solid #2F4C58;
}
ul.ardates {
    list-style-type: none;
	margin: 0 0 2em 0;
}
ul.ardates li {
    list-style-type: none;
	margin: 0;
	padding: 0.5em 0;
	border-bottom: 1px dotted #666;
}
ul.ardates li a {
    color: #003069;
}
ul.ardates .date {
    color: #333;
	padding: 0 1.5em 0 0;
}
ul.counts li {
    background: url(images/folder.gif) right center no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0.5em 0;
	border-bottom: 1px solid #2F4C58;
}

ul.feed li {
    background: url(images/feedicon.png) left center no-repeat;
	list-style-type: none;
	margin: 0 0 0 0.2em;
	padding: 0.3em 0 0.3em 15px;
}
ul.feed li a { color: #AED8E9; }
ul.feed li a:hover { color: #9BDA41; }

ul.dates .date {
	color: #547E8F;
	padding: 0 1.5em 0 0;
}

ul.counts .count {
	float: right;
	color: #547E8F;
}

ul.dates a, ul.counts a, ul.blogroll a, ul.pages a {
	color: #AED8E9;
	text-decoration: none;
}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover { 
	color: #9BDA41;
}

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer {
	font-weight: bold;
	background: #041319;
	border-top: 3px solid #213F4B;
	margin: 0;
	height: 38px;
}
#footer .inside {
    padding: 10px 0;
}
#footer .inside p {
	margin: 0;
	font-size: 0.95em;
}
#footer p.copyright { float: left; color: #A1CDDF; }
#footer p.copyright a:hover { color: #FFF; }
#footer p.attributes { float: right; }
#footer p.attributes a {
	padding: 0;
	text-decoration: none;
	color: #547E8F;
}
#footer p.attributes a:hover {
	color: #FFF;
}

/*-----------------------------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------------------------*/

#search{
	float: right;
	width: 70px;
	margin: 1em 0 0 15px;
	text-align: right;
}
#search input{ 
	width: 70px;
	height: 15px;
	font-size: 11px;
	background: #FFF;
	margin-top: 23px;
	padding: 1px 1px 1px 3px;
	border: 1px solid #846E7A;
}

/* Legacy Typo CSS */

#search-results {
	width: 30%;
	background: #333;
	padding: 0;
	float: right;
	border-top: 1em solid #000;
}
#search-results h3 {
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0 0 1em 0;
	background: #000;
	
}
#search-results small {
	display: block;
	text-align: left;
	font-size:0.9em;
	padding: 0.5em 1em 0.7em 1em;
	border-top: 1px solid #666;
	border-bottom: 1px solid #555;
}
#search-results small a {
	color: #CCC;
}
#search-results ul li {
	list-style-type: none;
	padding: 0 1em 0.5em 1em;
	margin:0.5em 0;
}
#search-results ul li:hover {
	background: #202020;
}
#search-result ul { margin: 0; }
#search-results ul li a {
	text-decoration: none;
	border-bottom: 1px dotted #CCC;
}

#search img.archives-icon {
	margin: 0 7px 0 0;
	top: 1px;
}

.delicious-posts { margin-left: 1px; }
.delicious-posts ul, .delicious-posts li { margin: 0; padding: 0.3em 0; list-style-type: none; }
.delicious-posts a:hover { color: #9BDA41; }
.delicious-posts a { color: #AED8E9; text-decoration: none; display: block; }