/* 
Theme Name: HRTM Events Theme
Theme URI: http://hrtmevents.com
Description: A custom child theme based on the Hybrid framework by Justin Tadlock
Author: Ron S. Doyle & Kari Vojtechovsky
Author URI: http://rondoylewrites.com
Version: 0.1
Template: hybrid
*/


/**
* Body
************************************************/

/* Contains everything */
html {
	height:100.02%;
	}
* html {
	height:100.02%;
	}

body {
	background: #ecd9a1 url(images/bg.jpg) repeat-x 0 0;
	color:#333333;
	font-family:Helvetica,Arial,sans-serif;
	font-size:small;
	font-weight:normal;
	margin:0;
	padding:0;
	}

html > body {
	font-size:small;
	}


	/* Wrapper for everything inside of the body */
	#body-container {
            width: 960px;
            margin: 40px auto;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
        height: 100%;
        min-height: 800px;
            }

/**
* Elements
************************************************/

/* Hyperlinks */
a:active, a:focus {
	outline:medium none;
	}
a, a:link, a:active, a:visited {
	color:#900000;
	line-height:14px;
        text-decoration: underline;
	}
a:hover {
	color:#452B21;
        
	}

/* Headers */
h1 {
	font-size:18px;
	font-weight:bold;
	line-height:18px;
        color: #900000;
	margin:0 8px 0 0;
	}
h2 {
    font-size: 14px;
    line-height: 18px;
    color: #c2572e;
    font-weight: bold;
    margin: 0 8px 0 0;
    }

h3 { 
    font-size: 12px;
    color: #333;
    }

h2, h3, h4 {
	font-weight:bold;
	line-height:18px;
	margin: 18px 0 4px;
	}
h4 {
	font-weight: bold;
        font-size: 14px;
        color: #000;
        line-height: 14px;
	}

/* H3 links */
h3 a, h3 a:link, h3 a:visited, h3 a:hover {
    color: #333;
    font-size: 12px;
    line-height: 18px;
    text-decoration: underline;
    font-weight: bold;
}


/* Special changes to homepage */

#post-5 h2 {
    ;
    
    color: #990000;
    margin: 0 0 20px 0;
    }
#post-5 strong {
    color: #990000;
    }



/* Text elements */
strong {}
em {}
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}
hr { 
    clear: both;
    border: 1px dotted #333;
    width: 100%;
    margin: 20px 20px 20px 0;
    }


p, h3 {
    font-size:12px;
    line-height:18px;
    padding:0 20px;
    }

/* Paragraphs */
p {
	font-size: 12px;
        color: #333;
	margin:0 0 10px;
	padding:0 18px 0 0;
	}

/* Unordered lists */
ul, ul li, ol, ol li, dl, dt, dd  {
	color:#333333;
	font-size:100%;
	}

li {
	margin:5px 10px;
	}

/* Blockquotes */
blockquote {}
	blockquote blockquote {}
	blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */
table, tr, td, p, ul, ol, li, span, label {
    line-height:14px;
    }

/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}

/* Drop caps */
.drop-cap {	}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft {
    float:left;
    }
.right, .alignright {
    float:right;
    }
.center, .aligncenter {}
.block, .alignnone {}
.clear {clear:both; height:0; font-size:0; line-height:0;}
.clearFloats {clear:both;}
.hideme {display:none;}
.showme {display:block;}
.hover {cursor:pointer;}

/**
* Images
************************************************/

/* Normal images */
img { 
    border: none;
    max-width: 480px;
    }
a img {
    border: none;
    max-width: 470px;
    }

img.left {
    float:left; 
    padding:0 8px 8px 0;
    }
img.right {
    float:right; 
    padding:0 0 8px 8px;
    }

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption { 
    font: italic normal normal 10px/12px Arial, sans-serif;
    color: #999999;
    }
	.wp-caption img {}
	.wp-caption p {}

/* Gallery [gallery] */
.gallery {}
	.gallery img {}


/*Profiles Page Headshots & Avatars */
.avatar {}


/**
* Utility Before Header - Global Navigation
************************************************/
#utility-before-header {
    width: 960px;
    height: 30px;
    background: #333;
        -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    }
#utility-before-header .widget-inside ul { 
    margin: 0 0 0 18px;
    padding: 8px 13px 8px 13px;
    }

#utility-before-header .widget-inside ul li { 
    display: inline;
    margin: 0;
    }

#utility-before-header .widget-inside li a { 
    background: url("images/nav-line.png") no-repeat right center;
    padding: 7px 13px;    
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    margin: 0 0 0 0;   
    }
#utility-before-header li a:hover { 
    background: #900000;
    }
#search-form { 
    position: relative;
    float: right; 
    margin: -27px 32px 0 0;}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {
        width: 950px;
        margin: 0 auto;
        padding: 0;
        height: 173px;
        background: #f6f3e1 url(images/pineapple-logo.png) no-repeat 10px 0;
        }

	/* Contains site title and tagline */
	#header {
                width: 936px;
                height: 173px;
                margin: 0 auto;
                padding: 0;
                }

		/* Site title */
#site-title {
        display: block;
        float: left;
        height: 64px;
        width: 623px;
        margin: 0;
        padding: 0;
        }
#site-title a {
        display: block;
        position: relative;
        margin: 60px 0 0 0;
        padding: 0;
        background: url(images/header-title.png) no-repeat 0 0;
        width: 623px;
        height: 64px;     
        }
#site-title a span {
        display: none;
        }

/* Site description/tagline */
#site-description { 
   display: none;            
    }

/*HRTM Logo*/
#hrtm-logo a img {
    display: block;
    border: none;
    background: none;
    outline: none;
    height: 65px;
    width: 275px;
    float: right;
    margin: 60px 0 0 0;
    }

/**
* Page navigation
************************************************/

/* Wrapper for navigation */

#navigation { 
    display: block;
    width: 220px;
    height: 100%;
    min-height: 640px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    float: left;
    background: #f4ecc5;
    margin: 10px;
    }

/* Page nav */
#page-nav { }
#page-nav ul { 
    padding: 0;
    list-style-type: none;
    } 
#page-nav li { 
    margin: 0 0 0 17px;
    width: 188px; 
    }

#page-nav li a {
    display: block;
    padding: 3px 10px;
    margin: 0 0 3px 0;
    line-height: 18px;
    color: #58595B;
    text-decoration: none;
    font-size: 12px;
    width: 163px;
}

#page-nav li:hover, #page-nav li a:hover { 
    background: #e1d8c0;
    color: #900000;
    } 

#page-nav li a:hover {
    text-decoration: underline;
   }
			
#page-nav li.current_page_item { 
    background: #e1d8c0;
    font-weight: bold;
    }
#page-nav li.current_page_item ul, #page-nav li:hover ul { 
    background: #f4ecc5; 
    }
/* #page-nav li.current_page_parent { background: #f4ecc5; } */

/* #page-nav li.current_page_parent li:hover { background: #e1d8c0; } */

#page-nav ul ul li:hover, #page-nav ul ul li.current_page_item { 
    background: #e1d8c0; 
    width: 163px;
    }
#page-nav li ul {  
    padding: 0 0 0 0px;
    list-style-position:inside;
    list-style-type: disc;
    }
#page-nav li li { 
    padding: 3px 0 3px 25px; 
    margin: 3px 0;
    width: 163px;
    }
#page-nav li li a { 
    display: inline;
    padding: 3px 0;
    width: 163px;
    }

#page-nav .addthis_toolbox { 
    margin: 15px 0 0 22px;
    }

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container {
    float: right;
    width: 960px;
    height: 100%;
    min-height: 600px;
    border: 1px solid #f4ecc5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #fff;
    margin: 0 auto 21px auto;
    }

/**
* Content
************************************************/

/* Contains site's main content */
#content {
        display: block;
        padding: 0;
        margin: 10px 0;
        min-height: 420px;
        height: 100%;
        width: 700px;
        float: left;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        }

.content {
    float: left;
    width: 469px;
    }

		/* Breadcrumb trail */
		.breadcrumb { display: none;}

		/* Archive and search <div> before posts are listed */
		.author-info {}
		.category-info {}
		.date-info {}
		.search-info {}
		.tag-info {}

/* Posts */
.post, .page {
    padding: 15px;
    width: 100%;
    float: left;
    }


.page-template-no-widgets .content., .primary-inactive .content, .no-widgets .content, .no-default-widgets .content, {
	width: 700px;
	}

/* Post, page, and archive titles */
#post-5 .entry-title { 
    display: none; 
    }
.entry-title, .single-title, .page-title, .category-title, {
    font-size: 18px;
    font-weight: bold;
    line-height: 27px;
    color: #900000;
    text-align: left;
    text-decoration: none;
    }

.entry-title a, .single-title a, .page-title a, .category-title a {
    text-decoration: none;
    }

.attachment-title, .error-404-title, .author-title, .date-title, .search-title, .tag-title {
    font-weight: normal;
    font-size: 20px;
    color: #333;
    line-height: 20px;
    text-align: left;
}

/* Author and date byline */
.byline {
    display: none;
    }

			/* Full entries */
			.entry-content { width: 95%; }

			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary { width: 95%; }

				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */
				a.more-link {}

			/* Post meta data */
			.post-meta-data {}

		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}

/**
* Special Page Styling 
**************************************/
.page-20 .page, .page-25 .page, .page-27 .page { 
    width: 700px; 
    }

#post-20 .entry-content {
    margin: 20px;
    }
#post-20 img {
    max-width: 84px;
    max-height: 96px;
    float: left;
    border: 1px solid #c1c1c1;
    margin: 0 20px 20px 20px; 
    }

#post-25 img, #post-27 img { 
    max-width: 100%; 
    }


#post-20 h1 { 
    color: #333;
    }
		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {}
					#comments ol {}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment meta data */
							#comments .comment-meta-data {}
								#comments .comment-meta-data cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {}
							#respond textarea {}
						#respond .button {}
						#respond .comment-action {}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget {}
		.widget-inside {}
			.widget-title {}

/*Photo Widget Sections*/

#photo-banner { 
    width: 460px; 
    height: 67px; 
    border: none; 
    outline: none;    
    float: left;
    }
#photo-banner .widget-title {
    display: none;
    }

/*
 * #photo-frame-1 img, #photo-frame-2 img, #photo-frame-3 img {
 *   border: 1px solid #ccc;
 *   max-width: 200px;
 *   max-height: 150px;
 *   } 
 */

#photo-frame-1 {
    width: 615px;
    float: right;
    margin: 0 45px 20px 0;
    }

#post-5 #photo-frame-1 {
    width: 615px;
    height: 200px;
    margin: 0 45px;
    float: left;
    }

#photo-frame-1 img {
    width: 615px;
    height: 200px;
    max-width: 100%;
    }


/* 
* #photo-frame-2 {
*    width: 200px;
*    height: 150px;
*    float: left;
*    background: #f2eac5;
*    padding: 5px;
*    border: 1px solid #ccc;
*    -webkit-transform: rotate(-15deg); 
*    -moz-transform: rotate(-15deg);
*    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
*    } 
*/

/* #photo-frame-3 {
 *   width: 200px;
 *   height: 150px;
 *   float: left;
 *   background: #f2eac5;
 *   padding: 5px;
 *   border: 1px solid #ccc;
 *   -webkit-transform: rotate(15deg); 
 *   -moz-transform: rotate(15deg);
 *   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.25);
 *   }
 */

/*Social Icons before Primary*/
#primary .before_primary h1 { 
    margin: 0 0 0 10px;
    }
#primary .before_primary li { 
    display: inline;
    margin: 0 5px;
}

#primary .before_primary img {
    padding: 0;
    margin: 0
    border: none;
    outline: none;
    }
#primary .before_primary { 
    margin: 0 0 0 10px;
    
    }

/* Primary widget section */
#primary {
        width: 220px;
        float: right;
        border-left: 1px dotted #000;
        height: 100%;
        }
#primary .widget {
    padding: 0 0 0 10px;
    }
#primary .widget-inside { 
    margin: 0 0 0 5px;
    }
#primary .widget-title, #primary .widget-title a { 
        color: #900000; 
        font-size: 18px;
        text-decoration: none;
        padding: 0 0 10px 4px;
        }
#primary .widget ul { 
    margin: 0; 
    padding: 0 10px 0 15px; 
    list-style-image: url("images/arrow-red_beigematte.gif");
    }
#primary .widget ul li {    
    line-height: 18px;
    }
#primary .widget ul li a { 
    color: #333; 
    }

#primary img {
     background: #f2eac5;
     padding: 5px;
     border: 1px solid #ccc;
     max-width: 160px;
    max-height: 160px;
    text-align: center;
    }

#primary img.vertical { 
    max-width: 100px; 
    height: 160px; 
    }

#primary img.horizontal {
    max-width: 160px;
    height: 100px;
    }

#primary .rsswidget img, #primary .rsswidget a {
    display: none;
    }

#primary .widget-title a { padding: 0 0 10px 0;}

	/* Secondary widget section */
#secondary {
        width: 220px;
        float: right;
        border-left: 1px dotted #000;
        height: 100%;
        }
#secondary .widget {
    padding: 0 0 0 10px;
    }
#secondary img {
     background: #f2eac5;
     padding: 5px;
     border: 1px solid #ccc;
     max-width: 160px;
    max-height: 160px;
    display: block;
    margin: 10px auto;
    }

#secondary img.vertical { 
    max-width: 100px; 
    height: 160px;
    }

#secondary img.horizontal {
    max-width: 160px;
    height: 100px;
    }

			#secondary .widget-inside {}
				#secondary .widget-title {}
				#secondary .widget ul {}
					#secondary .widget ul li {}

/* Category Posts Widget */

a .cat-post-more { 
    font-size: 12px; 
    color: #ccc;
    float: right;
    margin: 0 50px 0 0;
    text-decoration: underline;   
    }



/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {
        clear: both;
        width: 960px;   
                    }

	/* Subsidiary widget section */
	#subsidiary {}
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

	/* Footer section */
#footer {
    width:960px; 
    margin: 10px auto;  
    padding:0; 
    color:#fff; 
    background: #900000;
    border: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
    text-align:center; 
    border-bottom:1px #fff solid; 
    font-family:Arial, Helvetica, sans-serif;
    }
#footer p {width:960px; margin:0; padding:6px 0 8px 0; font-size:85%; text-align:center; line-height:18px;}
#footer p a {margin:0 8px; color:#fff; text-decoration:none;}
#footer p a.active, #footer p a:hover {text-decoration:underline;}

		/* Footer extra */
		#footer .copyright {}
		#footer .credit {}
		
#footer-container .footer-contact {
border-bottom:1px solid #FFFFFF;
margin-left:auto;
margin-right:auto;
padding:0;
text-align:center;
width:960px;
}
#footer-container .footer-contact {
border:medium none;
color:#333333;
padding:10px 0 0;
}
#footer-container .footer-contact {
padding:0 0 10px;
}
#footer-container .footer-contact p {
font-size:11px;
line-height:18px;
margin:0;
padding:0;
text-align:center;
width:960px;
}
#footer-container .footer-contact p a {
color:#333333;
font-size:11px;
}
#footer-container .footer-contact p a.active, #footer-container .footer-contact p a:hover {
color:#666666;
}