 /*
Basic Typography
*/


/* Header
-------------------------------------------------------------- */

#blog-title {
font-family: 'Stardos Stencil', Georgia, serif;
font-size: 30px;
font-weight: bold;
line-height: 30px;
text-indent: 100px;
}

#blog-title a {
color:#000;
text-decoration:none;
}

#blog-title a:active, #blog-title a:hover {
color: #cc930d;
}

h1#blog-description {
font-family: Georgia, serif;
color: #666;
font-size: 18px;
font-style: italic;
text-indent: 100px;
}

#blog-description {
color: #333;
font-size: 18px;
font-style: italic;
text-indent: 100px;
}

#search-box {
position: absolute;
top: 0px;
right: 0px;
padding: 3px;
}


/* Headline Styling ------------------ */

#headline {
text-align: center;
font-family: Georgia, serif;
color: #333;
font-size: 40px;
font-style: italic;
padding: 15px 0px 40px;
}


/* Front Page Styling ------------------ */

#front-content {
	width: 960px;
    background-color: aqua;
    /* overflow: hidden;  */
}

#front-posts {
	width: 300px;
    float: left;
    padding-left: 10px;
    /* overflow: hidden;  */
}

h3.front-title{
    padding-bottom: 10px;
    margin: 0;
}

#front-pages {
	width: 600px;
    margin: 0 0 0 10px;
    float: right;
	padding-right: 10px;
    /* overflow: hidden;  */
}

#front-pages img{
padding: 0 15px 15px 0;
float: left;
}

/* Front Page Post Styling ------------------ */

.front-entry-title {
font: normal normal bold 16px/1.5 arial, helvetica;
}

h2.front-entry-title {
margin: 0px;
}

.front-entry-content {
font: normal normal normal 13px/1.5 Georgia, serif;
}

.front-entry-content p {
margin: 0px;
}

.front-entry-postmetadata {
clear: both;
color: #666;
font-size: 11px;
margin: 0px 0px 15px;
text-align: right;
}

/* Front-page links Styling --------------- */

.front-entry-title a {
color:#333;
text-decoration:none;
}

.front-entry-postmetadata a {
color:#222;
text-decoration:none;
}

.front-entry-title a:active, .front-entry-title a:hover,
.front-entry-postmetadata a:active, .front-entry-postmetadata a:hover{
color: #cc930d;
}

/* Front-page sprites --------------- */

#page-nav {
list-style: none;
padding: 0px;
margin-left:0px;
}


#page-nav li {
float: left;
width: 280px;
margin: 0 15px 15px 0;
}

#page-nav li a {
background: url(../images/feature.jpg) no-repeat;
display: block;
height: 145px;
border: #666 1px solid;
}

#page-nav li a.item1 {background-position:0px 0px;}
#page-nav li a:hover.item1 {background-position:0px -145px;}

#page-nav li a.item2 {background-position:-280px 0px;}
#page-nav li a:hover.item2 {background-position:-280px -145px;}

#page-nav li a.item3 {background-position:-560px 0px;}
#page-nav li a:hover.item3 {background-position:-560px -145px;}

#page-nav li a.item4 {background-position:-840px 0px;}
#page-nav li a:hover.item4 {background-position:-840px -145px;}


/* Post entry Styling ------------------ */

.post {
margin-bottom: 2em;
}
.entry-title {}

.entry-meta {
color: #333;
font-size: 13px;
margin-bottom: 16px;
}

.entry-content {}

.entry-postmetadata {
color: #333;
font-size: 12px;
}


/* links Styling --------------- */

.entry-title a {
color:#111;
text-decoration:none;
}

.entry-content a {
color:#004B91;
text-decoration:none;
}

.entry-meta a, .entry-postmetadata a {
color:#cc930d;
text-decoration:none;
}

.entry-title a:active, .entry-title a:hover,
.entry-postmetadata a:active, .entry-postmetadata a:hover,
.entry-content a:active, .entry-content a:hover,
.entry-meta a:active, .entry-meta a:hover {
color: #666;
}





/* =Comments ------------------ */

h3.comments {
    font-family:Arial,sans-serif;
    font-size:16px;
    font-weight:bold;
    line-height:22px;
}

ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px solid #999; padding: 10px;}
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:left; margin: 0 10px 10px 0; }
ol.commentlist li.comment div.vcard img.avatar-32 {width: 40px; height: 40px; }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta {
	font-size: 11px;
	color: #666;
}
ol.commentlist li.comment div.comment-meta a { 
	color: #cc930d; 
}
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 3px solid #000; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 3px solid #000; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 3px solid #000; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f4eee1; }
ol.commentlist li.parent { border-left: 0px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

.pingback, .trackback { padding: 10px; }

#respond{
margin-top: 25px;}

/* Asides, Sidebars & Widget-Ready Areas ------------------ */

#primary {}

.widget-container {
background-color: #fff;
border:1px solid #666;
padding:18px;
margin-bottom:24px;
}

.main-aside ul {}
.main-aside h3 {}
.main-aside ul ul {padding:0;}

.aside, .aside input {
font-size:13px;
line-height:18px;
margin-bottom:6px;
}

.aside p, .aside ul, .aside ol, .aside dd, .aside pre {
    margin-bottom:18px;
}
.aside pre, .aside code {
    font-size:12px;
    line-height:18px;
}
.aside {
    color: #222;
}
.aside a {
    color: #666;
}
.aside a:active, .aside a:hover {
    color: #000;
    background-color: #cc930d;
}
.aside h3 {
	color: #333;
	font-family: Georgia, serif;
	font-weight: normal;
    font-size:18px;
    font-style:italic;
    line-height:24px;
    padding-bottom: 12px;
}
.aside h3 a {
    text-decoration:none;
}
.aside caption {
    font-size:11px;
    font-family:Arial,sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.05em;
}
.aside ul {
    list-style:none;
    margin-left:0;
}
.aside ul ul {
    list-style:square;
    margin:0 0 0 18px;
}
.aside ul ul li {
    padding:1px 0;
}
.aside ul ul ul {
    margin-bottom:0;
}
.aside form, .aside table {
    margin-bottom:22px;
}
.aside table {
    border:none;
}
.aside thead {
    border:1px solid #ccc;
}
.aside tbody {
    border:1px solid #ccc;
}
.aside th, .aside td {
    border-right:1px solid #ccc;
    padding:.25em .8em;
}
.aside tfoot tr {
    border:none;
}
.aside tfoot td {
    border-color:transparent;
}
.widget_tag_cloud {
    margin:0 0 22px 0;
}
.aside #searchsubmit {
    display: inline;  
}


/* Footer ------------------ */

#footer {
background: #101010 url(../images/footer-bkg.jpg)top center no-repeat;
border-top: 10px solid #cc9933;
color: #888;
clear: both;}

#footer-widgets {
clear: both;
margin: 0 auto;
width: 960px;
font: normal normal normal 12px/1.5 Arial, Helvetica;
}


.footer-item {
float: right;
width: 230px;
padding-top: 15px;
margin-left: 20px;
}

.footer-item ul {
margin-left:0px;

}

#footer .widget-container {
background-color: #101010;
border: 0px;
padding:0px;
margin-bottom:3px;
}


.footer-item a {
font: normal normal normal 12px/1.5 Arial, Helvetica;
color: #fff;
text-decoration: none;
}

.footer-item a:hover {
color: #cc9933;
}

h5.footer-widget-title {
font: Bold normal normal 1.5em/1.5 Georgia, san-serif;
color: #fff;
padding: 10px 0px;
border-bottom: 1px solid #cc9933;
margin-bottom: 10px;
}

#footer p {
margin: 0 0 1em 0;
}

.footer-item ul {
list-style: none;
padding: 0px;
}

#site-info {
	clear: both;
	margin: 0 auto;
	width: 960px;
	color: #666;
	font-size: 12px;
	line-height: 16px;
	padding: 10px 0px 10px;
}

#footer-about {
width: 420px;
padding-left: 10px;
}

.footer-pic {
padding: 0 0 15px 15px;
}

.footer-icon {
float: left;
padding-right: 10px;
}


/* Shortcode BUTTON Styling --------------- */

a.button {
    display: inline-block;
    
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;

    height: 25px;
    padding: 5px 10px 0 0;
    
    color: #333;
    background: #fff;
	
	border-top: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
	border-style: solid;
	border-color:#666;
}

a.button:hover {
    color: #000;
    background: #cc9933;
    padding-right: 10px;
	}
 
a.button span {
    display: block;
    line-height: 14px;
    padding: 3px 0px 0px 10px;
 
}
a.button:hover span {
    color: #000;
    padding: 3px 0px 0px 10px;
}

.box {
border: 1px solid #666;
background-color: #f4eee1;
padding: 10px 15px;
position: relative;
}

.featured {
position: absolute;
top: -6px;
right: -6px;
z-index: 20;
}










