/*
Theme Name: Allegro Digital
Theme URI: www.allegrodigital.com
Description: Style Sheet for Allegro Digital
Version: 4.0
Author: Stephen G. Tucker
Author URI: www.allegrodigital.com
*/

/* Import fonts */

@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Special+Elite');

/* Globals */

html, body {padding: 0px; margin: 0px; height: 100%;}

body
{
	background-image:url('../../../images/bg.png');
	background-repeat:repeat-x;
	background-color:#020101;
	min-width:1010px;
	margin:0;
	padding:0;
	font-family: Arial, sans-serif;
	color:#EEE;
	font-size/* */:/**/small;
	font-size: /**/small;
}
li {list-style-type:none;}


div.post-title {
	text-align:left;
	width:980px;
	margin-top:0px;
	margin-left:2px;
	margin-right:auto;
	font-size:150%;
	line-height:1.4em;
	color:#7fb3c7;
	}
div.paragraph {
	margin-left:5px;
	text-align:left;
	font-size:115%;
	color:#fff;
	}	
div.textblock {
	text-align:left;
	width:980px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	}
div.imageblock {
	clear:both;
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}
div.podcast_meta {
	padding-top: 3px;
	padding-bottom: 3px;
	}


h1
{
    font-family:    Oswald, Arial, Verdana;
    color:          white;
    font-size:      21px;
    font-variant:   small-caps;
    padding:        0px;
    margin:         0px;
    font-weight:    normal;
}



/* Remove border from images in IE */
a img { border: none; }

/* IMG Style for posts */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* Link style */

li {list-style-type:none;}
a:link {
	color:#5897FF;
	text-decoration:none;
	}
a:visited {
	color:#5897FF;
	text-decoration:none;
	}
a:hover {
	color:#5897FF;
	text-decoration:underline;
	}
a:active {
	color:#5897FF;
	text-decoration:underline;
	}
a img {
	border-width:0;
	}

/* Ids */

#container
{
    background-color: transparent;
    width:            1010px;
    position:         relative;
    margin:           0 auto;
    padding:          0 0 0 0;
}


#title_header
{
    height:             316px;
    position:           relative;
    background-repeat:  no-repeat;
}


#cover_image
{
	width:             100%;
	height:            257px;
	display:           block;
	overflow:          hidden;
}



#center-column {
	clear:both;
	width:1010px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background: url(../../../images/content.png) repeat-y top center;
	font-size: 16px;
	}
#wordpresscenter-column {
	width:1010px;
	margin-top:0px;
	margin-bottom:0px;
	background: url(../../../images/content.png) repeat-y top center;
	}

div.ctitle {
	font-weight: bold; 
	}

#footerimage{
	clear:both;
	width:1010px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background:url(../../../images/footer.png) no-repeat top center;
}

#footer{
	font-family: Arial, sans-serif;
	font-size:     10px;
	color:         white;
	margin-left:	15px;
}

.subscribe-label{
	font-family: Arial, sans-serif;
	font-size:     10px;
	color:         white;
}

#overlay_footer
{
	width:            100%;
	height:           17px;
	background-color: rgba(0, 0, 0, 0);
	color:            white;
	position:         relative;
	margin-top:       -17px;
	z-index:          -1;
}

#navigation {
	text-indent:		15px;
	font-size:			22px;
	font-family:		'Special Elite', cursive, Arial, Verdana;
	text-transform: 	uppercase;
    color:				white;
	margin-left:		0px;
	margin-right:		auto;
	padding:			0;
	border-bottom: 		0;
  	text-decoration:	none;
  	height:				38px;
	clear:				both;
	width:				1010px;
	background:			url(../../../images/header.png) no-repeat bottom center;
	}
#navigation a:link, a:visited, a:hover,a:active{text-decoration:none; color:white;}


#navigation_large
{
    font-size:    24px;
    font-family:  Oswald, Arial, Verdana;
    font-variant: small-caps;
    color:        white;
    right:        3px;
}

#navigation_large a:link, a:visited, a:hover,a:active{text-decoration:none; color:white;}

#navigation_small
{
	font-family:	 Arial, sans-serif;
	float:		right;
	font-size:	13px;
	margin-right:	15px;
}

#navigation_small a:link, a:visited, a:hover,a:active{text-decoration:none; color:white;}

#footer a:link, a:visited, a:hover,a:active{text-decoration:none; color:white;}

.navigation_index a:link, a:visited, a:hover,a:active{text-decoration:none; color:white;}

.alignleft a:link, a:visited, a:hover,a:active{text-decoration:none; color:white;}

.bullet
{
    font-size:      100%;
    padding-left:   3px;
    padding-right:  3px;
}

#side_bar
{
	/* temp stuff here */
	width:	250px;
	height: 290px;
	float:	right;
	clear:	both;
	position:         absolute;
	left:8px;
	bottom:8px;
	z-index: 1;
    	top: 0;
}

#primary
{
    width:  100%;
    float:  left;
    color:  white;
}

#single_post
{
    width:              100%;
    margin:             3px 3px 3px 0px;
    background-color:   rgba(0, 0, 0, 0.4);
}

#Follow_Us
{
    margin:              3px 3px 0px 0px;
    background-color:    rgba(0, 0, 0, 0.4);
}

#Help_Us
{
    margin:              3px 3px 3px 0px;
    background-color:    rgba(0, 0, 0, 0.4);
}

#Read_Us
{
	margin:				0px 0px 3px 0px;
	background-color:		black;
	background-color:		rgba(0, 0, 0, 0.4);
	border-bottom-left-radius:	13px; 
	border-bottom-right-radius:	13px; 
	padding:			16px 0px 0px 5px;
}

#border
{
    background-color:         rgba(0, 0, 0, 0);
    font-family:              Oswald, Arial, Verdana;
    border-top-left-radius:   5px;
    border-top-right-radius:  5px;
    color:                    white;
    font-size:                21px;
    font-variant:             small-caps;
    padding:                  5px 5px 5px 5px;
}

div.post_header
{
    background-color:         rgba(0, 0, 0, 0.4);
    font-family:              Oswald, Arial, Verdana;
    color:                    white;
    font-size:                21px;
    text-transform:           capitalize;
    font-variant:             small-caps;
    padding:                  5px 5px 5px 5px;
    min-height:               31px;
    overflow:                 hidden;
}
#post_header a:link, a:visited, a:hover,a:active{text-decoration:none; color:white;}

/* Steve changed the font-size to 105% January 2014 */
div.post_entry
{
	padding:	8px 8px 8px 8px;
	font-size: 	16px;
	color:		white;
	min-height:	250px;
	overflow:	hidden;
}

#postText
/* Used In Facebook comments*/
{
    color:        white;
}

#post_footer
{
    width:      100%;
    height:     1px;
    overflow:   hidden;
}

div.entry_left
{
	display:    inline;
	float:       left;
	width:      80px;
	height:     1px;
	font-size: 13px;
	margin:     0px 0px 0px 2px;
}

div.entry_middle
{
	display:     inline;
	float:       left;
	height:      1px;
	margin-left: 3px;
}

div.entry_right
{
	display:    inline;
	margin-top: 0px;
	min-height: 1px;
	float: none;
	position: relative; top: -16px; left: 0px; 
}

.entry_right a:link { color:#5897FF; }
.entry_right a:visited { color:#5897FF; }
/* #entry_right a:hover { color:#5897FF; text-decoration:underline; }
.entry_right a:active { text-decoration:underline; } */

div.post_meta
{
	float:      left;
	height:     167px;
	margin:     0px 13px 3px 0px;
}

/* Make sure the post-post navigation doesn't collide with anything */
#nav-single 
{
    display:      block;
    position:     static;
}

#sectionContent
{
    font-size:    100%;
    color:        white;
    padding:      8px 8px 8px 8px;
}

div.primarySectionContent
{
    font-size:           100%;
    color:               white;
    margin-top:          0px;
    margin-left:         4px;
    margin-right:        4px;
    margin-bottom:       auto;
    background-color:    rgba(0, 0, 0, 0);
    overflow:            hidden;
/* 	width:		200px; */
}

#tagSelection
{
    color: black;
}

#button_list_large
{
	position:   relative;
	margin:     0px 40px 0px 40px;
	padding:    0;
	list-style: none;
	height:     26px;
	top:        0;
}
#button_list_large a{ height:25px;display:block; }

#follow_us_img
{
    height:         96px;
    width:          176px;
	float:	        left;
	overflow:       hidden;
	background:     url('../../../images/follow_us.jpg') 0 0;
	border-radius:  3px;
	padding-bottom: 3px;
}

#button_rss_large
{
	left:       0px;
    height:     25px;
    width:      30px;
	float:      left;
	overflow:   hidden;
	margin:     3px 1px 0px 1px;
	background: url('../../../images/about_images/rss.png') 0 0;
}
#button_rss_large a:hover{background: url('../../../images/about_images/rss.png') 0 -25px;}

#button_tw_large
{
	left:       0px;
    height:     25px;
    width:      30px;
	float:      left;
	overflow:   hidden;
	margin:     3px 1px 0px 1px;
	background: url('../../../images/about_images/twitter.png') 0 0;
}
#button_tw_large a:hover{background: url('../../../images/about_images/twitter.png') 0 -25px;}

#button_fb_large
{
	left:0px;
    height: 25px;
    width: 30px;
	float: left;
	overflow: hidden;
	margin:     3px 1px 0px 1px;
	background:url('../../../images/about_images/facebook.png') 0 0;
}
#button_fb_large a:hover{background: url('../../../images/about_images/facebook.png') 0 -25px;}

div.button_list_small
{
	position:       relative;
	padding-top:    5px;
	list-style:     none;
	height:         17px;
	top:            0;
	z-index:1;
}
.button_list_small a{ height:17px;display:block; }

#button_rss_small
{
	left:       0px;
    height:     17px;
    width:      20px;
	float:      left;
	overflow:   hidden;
	margin:     0px 1px 0px 1px;
	background: url('../../../images/rss_button_small.png') 0 0;
}
#button_rss_small a:hover{background: url('../../../images/rss_button_small.png') 0 -16px;}

div.button_tw_small
{
	left:		0px;
	height:     	17px;
	width:		20px;
	float:		left;
	white-space:	nowrap;
	overflow:	hidden;
	margin:		0px 1px 0px 1px;
	background: 	url('../../../images/twitter_button_small.png') 0 0;
}
.button_tw_small a:hover{background: url('../../../images/twitter_button_small.png') 0 -16px;}

.button_fb_small
{
	left:		0px;
	height:		17px;
	width:		20px;
	float:		left;
	white-space:	nowrap;
	overflow:	hidden;
	margin:		0px 1px 0px 1px;
	background: 	url('../../../images/facebook_button_small.png') 0 0;
}
.button_fb_small a:hover{background: url('../../../images/facebook_button_small.png') 0 -16px;}

#donate_box
{
	position:   relative;
	margin:     5px 22px 0px 22px;
	padding:    0;
	list-style: none;
	height:     41px;
	top:        0;
}
#donate_box a{ height:41px;display:block; }

#donate_button
{
	left:       0px;
	height:     40px;
	width:      125px;
	float:      left;
	overflow:   hidden;
	margin:     0px 1px 0px 1px;
	background: url('../../../images/donate_button.png') 0 0;
}
#donate_button a:hover{background: url('../../../images/donate_button.png') 0 -40px;}

input#s { width: 100px; border: 1px solid gray; }

#sidebar
{
	padding:       0px;
	margin:        0px;
	font-family:   Oswald, Arial, Verdana;
	font-size:     21px;
	font-variant:  small-caps;
}

#comments
{
    margin: 0px 6px 6px 6px;
}
#comments a:link, #comments a:visited, #comments a:hover, #comments a:active{ text-decoration:none; color:white; }

.comment-subscription-form *, .post-subscription-form * {
	color: white !important;
}

#previousnewer {
	clear:both;
	width:1010px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background: url(../../../images/content.png) repeat-y top center;
	}

.more-link
{
	float:          right;
	font-family:    Oswald, Arial, Verdana;
	font-size:	    15px;
	font-variant:   small-caps;  
	color:          #5897FF;
}
.more-link a:link, .more-link a:visited, .more-link a:hover, .more-link a:active{ color:#5897FF; text-decoration:none; }

.screen-reader-text
{
    font-family:              Oswald, Arial, Verdana;
    font-size:                21px;
    font-variant:             small-caps;
}

.moretag
{
	display: inline;
}

.empty
{
    color: gray;
}


/* Tutorial Specific
----------------------------------------------- */
#tuttable {
	font-size:115%;
	color:#fff;
	}
table.tuttable {border:0px; width:900px; margin-right:auto; margin-left:auto;}
td.tutleft {vertical-align: middle; width:210px;}
.tutleft a {display:block; float:left;}
.tutleft a img {opacity:0.6;filter:alpha(opacity=60);}
.tutleft a:hover img {opacity:1;filter:alpha(opacity=100);}
td.tutright {text-align:left; vertical-align:middle;}


/* Contact Specific
----------------------------------------------- */
table.contactmaintable {border:0px; width:974px; margin-right:auto; margin-top:0px; margin-left:auto;}
td.contactmainleft {text-align:left; width:270px; vertical-align: top;}
td.contactmainright {text-align:left; vertical-align:top;}

table.contactcontable {border:0px; width:504px; margin-left:0px; margin-right:auto;	float:left;}
td.contactconleft {text-align:left; vertical-align: middle;}
td.contactconright {text-align:left; vertical-align:middle;}

/*Images Navigation
----------------------------------------------- */
#contactlinks {
	float:left;
	margin-left:0px;
	margin-top:3px;
	padding:0;
	border-bottom: 0;
	text-decoration:none;
	height: 30px;
	}
#contactlinks a:hover {
	background-image: none;
	}
#contactlinks a {
	display: block;
	overflow:hidden;
	font: 13px/1;
	text-decoration: none;
	}

div.contactflickr{
	float: left;
	width: 52px; height:30px;
	background: url( '../../../images/links/flickr_linkon.jpg' ) 0 -30px no-repeat;
	}
div.contactflickr a {
	width:100%; height:100%;
	background: url( '../../../images/links/flickr_linkon.jpg' ) top left no-repeat;
	}
div.contactlinkedin {
	float: left;
	margin-left:6px;
	width: 52px; height:30px;
	background: url( '../../../images/links/linkedin_linkon.jpg' ) 0 -30px no-repeat;
	}
div.contactlinkedin a {
	width:100%; height:100%;
	background: url( '../../../images/links/linkedin_linkon.jpg' ) top left no-repeat;
	}
div.contactvimeo {
	float: left;
	margin-left:6px;
	width: 53px; height:30px;
	background: url( '../../../images/links/vimeo_linkon.jpg' ) 0 -30px no-repeat;
	}
div.contactvimeo a {
	width:100%; height:100%;
	background: url( '../../../images/links/vimeo_linkon.jpg' ) top left no-repeat;
	}
div.contactyoutube {
	float: left;
	margin-left:6px;
	width: 38px; height:30px;
	background: url( '../../../images/links/youtube_linkon.jpg' ) 0 -30px no-repeat;
	}
div.contactyoutube a {
	width:100%; height:100%;
	background: url( '../../../images/links/youtube_linkon.jpg' ) top left no-repeat;
	}
div.contactfacebook {
	float: left;
	margin-left:6px;
	width: 18px; height:30px;
	background: url( '../../../images/links/facebookon.jpg' ) 0 -30px no-repeat;
	}
div.contactfacebook a {
	width:100%; height:100%;
	background: url( '../../../images/links/facebookon.jpg' ) top left no-repeat;
	}
div.contacttwitter {
	float: left;
	margin-left:6px;
	width: 18px; height:30px;
	background: url( '../../../images/links/twitteron.jpg' ) 0 -30px no-repeat;
	}
div.contacttwitter a {
	width:100%; height:100%;
	background: url( '../../../images/links/twitteron.jpg' ) top left no-repeat;
	}


/*Used To Hide Wordpress Bullshit
----------------------------------------------- */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}