/* =============================================================================
   Basic HTML
   ========================================================================== */

html { font-size: 62.5%; 
	-webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
} 

body { 
	font: 16px/155% 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; 
	font-size: 16px; font-size: 1.6rem; /* =14px */
}

pre, code { font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace; }

ol {
    list-style: decimal inside none;
}

ul li {
    list-style: disc inside none;
}

.three li {
    list-style: none !important;
}

/* Font Sizes for the Entire Theme */
h1 { font-size: 36px; font-size: 4.0rem; font-weight: 100; }
h2 { font-size: 24px; font-size: 2.6rem; font-weight: 300; }
h3 { font-size: 18px; font-size: 2.2rem; font-weight: 500;}
h4 { font-size: 16px; font-size: 1.8rem; }
h5 { font-size: 14px; font-size: 1.4rem; }
h6 { font-size: 12px; font-size: 1.2rem; }

h1, h2, h3, h4, h5{line-height: 100%; margin-bottom: 1rem; font-family: Cinzel;}

h1.page-title, h1.entry-title{margin-bottom: 25px; color: #333; font-weight: 500;}

h1.entry-title {
    font-size: 3.2rem;
    font-weight: 400 !important;
    margin-bottom: 17px !important;
}

h2.page-caption {
    color: #666666;
    display: inline-block;
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 3.3rem;
    margin-bottom: 5px;
    width: 85%;
    margin-top: 0px;
}
.page-caption > strong {
    font-weight: 500;
}

.sidebar h3, #section-footer h4 {
    font-size: 1.4rem;
    font-weight: 300;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    color: #555;
}
.sidebar, .tagcloud a, #section-footer, #section-sub-footer {
    font-size: 1.3rem !important;
    line-height: 180%;
    color: #666;
}
.tagcloud a{
    line-height: 240% !important;
}
#section-footer h4 {color: #ddd;}

/* Small Fonts */
#section-tophat,
#page-links,
.author-wrapper, 
.meta-wrapper, 
.hybrid p{font-size: 12px; font-size: 1.2rem;}

/* Colors - Set a default color for links until the user picks one */
a{color: #07416a;} 									/* LINK COLOR */
a:hover{color: #07416a;}							/* HOVER COLOR */
a:visited{color: #07416a;}							/* VISITED COLOR */

/* Colors - BUTTON / TAG / CATEGORY STYLING (Colored BG, White Text, That's Racist!) */
a[rel~="category"], a[rel~="category"]:hover, a[rel~="category"]:visited, 
.read_more_button, .read_more_button:hover, .read_more_button:visited,
.tagcloud a, .tagcloud a:hover, .tagcloud a:visited{
    padding: 5px;
    border-radius: 2px 2px 2px 2px;
    padding: 5px 7px;
}

a[rel~="category"]:hover,
.read_more_button:hover,
.tagcloud a:hover,
.action_button a:hover{
	background: none repeat scroll 0 0 #00abff;	 	/* HOVER COLOR */
}


/* =============================================================================
   Special Hard-Wired Text (requires a custom color and size)
   ========================================================================== */

/* Site Title (when it's not an image file) */
#section-header h1.site-title {
	color: #222;
    line-height: 90%;
    font-size: 4.0em;
    font-weight: 800;
    letter-spacing: -1px;
}
h2.site-title {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.05rem;
    margin-top: 3px;
    text-transform: uppercase;
}
.sf-menu a {padding: 1rem 2.5rem;}


/* Drop Caps for First Letter in Blog Posts */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .entry-content > p:first-child:first-letter {
    margin-top: 16px;
    }
        }

/* Grid Module Typography */
.module-meta h3{ margin: 5px 0; font-weight: 300; }
.module-meta h3 a{}
#grid-filter a.button{font-size: 14px; font-size: 1.4rem;}


/* Post Meta & BreadCrumbs Styling */
.meta-string, .breadcrumbs {
    font-size: 1.1rem;
    letter-spacing: 0.2rem;
    margin-top: -2px;
    text-transform: uppercase;
}

.wpb_separator, .vc_text_separator {
    border-bottom: 1px dotted #EEEEEE !important;
}

.breadcrumbs{margin-top: 0px;}

.post-list .meta-string, .breadcrumbs {
    font-size: 1.1rem;
    letter-spacing: 0rem;
    line-height: 3rem;
    margin-top: 0px;
    text-transform: uppercase;
}


/* Comments Customizations (the rest is in comments.css) */
#comments-title {
    color: #333;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 120%;
    margin: 20px 30px 25px;
    text-align: center;
    text-transform: uppercase;
	display: none;
}
.commentlist > li.comment:nth-child(n+2) {
    margin-top: -20px !important;
		display: none;
}
.commentlist > li > article .avatar {
    float: left !important;
    position: relative !important;
    margin: 0 16px 0 0 !important;
    left: 0px !important;
    top: 0px !important;
    right: 0px !important;
		display: none;
}



/* =============================================================================
   GENERIC ELEMENT STYLES
   ========================================================================== */
   
.wp-caption-text{font-size: 11px; font-size: 1.1rem;}

dt{font-weight: bold;}

blockquote {
    font-size: 28px; font-size: 2.8rem; 
    font-weight: 300;
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    font-style: italic;
    line-height: 130%;
    padding: 20px;
    border-radius: 3px;
}

blockquote *:last-child{margin-bottom: 0;}

pre {
	padding: 15px;
	background: #FFFFFF;
    background: rgba(105, 105, 105, 0.05);
    color: rgba(105, 105, 105, 0.8);
    border-bottom: 4px solid #DDDDDD;
    border-top: 4px solid #DDDDDD;
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera 4 - 6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
	white-space: -khtml-pre-wrap; /* Safari, not working --  maybe on Konqueror khtml */
	width: 99%;
	font-size: 14px;
}

address {
    font-style: normal;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 10px;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
