/*
Theme Name: AHDF Theme
Theme URI: http://www.semsdesign.com
Version: 1.0
Description: Arabian Horse Distress Fund Theme
Author: Rob Simpson
Author URI: http://www.semsdesign.com
*/

/*==========================================================================================
===================================RESET====================================================
===========================================================================================*/
html { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; }
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, fieldset, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; }
pre, sub, sup, em { margin: 0; padding: 0; outline: 0; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
ul, ol { list-style:none; list-style-image:none; }

/*==========================================================================================
===================================MAIN STYLING ============================================
===========================================================================================*/
html { margin-top: 0 !important;}
body { background: url(images/greenBg.gif) repeat; margin: 0px; font: 12px/16px Georgia, "Times New Roman", Times, serif; color: #333; }
a:link, a:visited, a:active { color:#336633; text-decoration: underline; }
a:hover { text-decoration: none; }
.clear { clear: both; }
#outerWrapper { border-top: 1px solid #285125; padding: 0px; width: 1310px; margin:0 auto; background: url(images/textureBg.jpg) no-repeat; }

#wrapper { padding: 25px 0px 0px; width: 974px; margin: 0 auto; }
#wrapper #header { background: url(images/headerBg.png) no-repeat 0px 0px; height: 101px; width: 941px; margin: 0px; padding-right: 12px; padding-left: 21px; padding-top: 7px; }
#header #logo { margin: 10px 0px 0px; padding: 0px; float: left; }
#header div { background: url(images/headerBg1.jpg) no-repeat right top; margin: 0px; padding: 0px; float: right; height: 101px; width: 536px; }
#header div h1 { text-indent:-99999px; }


/*==========================================================================================
===================================MENU ====================================================
===========================================================================================*/

#wrapper #menu { background: url(images/menuBg.png) no-repeat 0px 0px; margin: 0px; padding: 0px; height: 58px; width: 974px; }
#menu ul { margin: 0px 0px 0px 12px; padding: 0px; height: 52px; width: 950px; list-style: url(none) none; }
#menu ul li { float: left; font: 14px Georgia, "Times New Roman", Times, serif; color: #FFF; height: 34px; padding-top: 20px; margin-right: 5px; padding-left: 12px; }
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active { font-weight: bold; color: #FFF; text-decoration: none; }
#menu ul li a:hover { text-decoration: underline; }

/*==========================================================================================
===================================PAGES STYLING============================================
===========================================================================================*/

#wrapper #content { background: url(images/contentBg.png); width: 934px; padding: 20px; position: relative; margin: 0px; }
#content .header { background: url(images/H1Bg.jpg) no-repeat; margin: 25px 0px 10px -8px; padding: 13px 0px 0px 17px; height: 103px; width: 582px; }
.header span { float: left; font: 70px/70px Georgia, "Times New Roman", Times, serif; color: #FFF; width: 87px; margin-right: 15px; }
.header h1 { float: left; color: #060; margin: 15px 0px 0px; padding: 0px; height: 80px; width: 462px; }

#content #contentHead { padding-bottom: 3px; border-bottom: 1px dashed #030; }
#content .contentHead { padding-bottom: 3px; border-bottom: 1px dashed #030; margin-bottom: 15px; }
#content #newsWrapper { margin-left: 25px; }

#content .homeNews { padding: 10px; float: left; height: 210px; width: 253px; margin-right: 10px; background: #CCC; border: 1px solid #333; position: relative; margin-bottom: 25px; }
#content .homeNews h3 { font-size: 16px; line-height: 20px; }
#content .homeNews h3 a { color: #063; text-decoration: underline; }
.date { font-size: 11px; margin-top: 5px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px; border-top: 1px dashed #666; border-bottom: 1px dashed #666; display: block; }
#content .homeNews p { font-size: 13px; }
#content #paypal { text-align: center; margin-top: 15px; margin-bottom: 15px; }

#causes { position: absolute; right: 40px; top: 490px; }

#firePreventionBanner {height: 98px; margin: 0 0 10px 136px; width: 640px;}
#firePreventionBanner a:hover {opacity: 0.8;}

.read { background: url(images/readmore.jpg) no-repeat; margin: 0px; padding: 10px 10px 0px; height: 33px; width: 127px; position: absolute; top: 196px; left: 112px; border-style: none; text-align: center; }
.readmore { color: #FFF; }

.readmore a { color: #FFF; }
#content .testimonial { width: 805px; margin-top: 5px; margin-bottom: 20px; background: url(images/quote.gif) no-repeat left top; padding-left: 105px; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
#content .news { margin: 10px 0px; padding: 10px; width: 912px; border: 1px solid #CCC; }
#content .news h3 { font-size: 18px; font-weight: normal; }
.fullstory { float: right; }


#content h1, #content h2, #content h3, #content h4, #content h5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

#content h1 { font-size: 30px; line-height: 36px; margin-bottom: 15px; }
#content h2 { font-size: 26px; line-height: 32px; margin-bottom: 5px; }
#content h3 { font-size: 22px; line-height: 28px; margin-bottom: 5px; }
#content h4 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
#content h5 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }
#content p { font-size: 15px; line-height: 1.4; margin-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; }
#content ul { margin-left: 25px; list-style: disc; margin-top: 10px; margin-bottom: 10px; }
#content ul li { font: 12px/16px Georgia, "Times New Roman", Times, serif; }
#content blockquote { font: 12px/16px Georgia, "Times New Roman", Times, serif; padding: 10px 40px; }
#content img { margin-right: 10px; margin-left: 10px; padding: 2px; }

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}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.FirePrevention {-moz-box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.7); -webkit-box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.7); box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.7); height: 360px; margin: 0 auto; width: 640px;}

/*==========================================================================================
===================================SHARE BUTTONS============================================
===========================================================================================*/

.social_bookmark { border-top: 1px dashed #666; border-bottom: 1px dashed #666; }

/*==========================================================================================
===================================COMMENTS=================================================
===========================================================================================*/

#commentform { margin: 1em 0; background: #FFFFFF; margin-left: 20px; }
#commentform textarea { background: #f8f7f6; border: 1px solid #d6d3d3; width: 370px; }
#commentform #email { font-size: 1.1em; background: #f8f7f6; border: 1px solid #d6d3d3; width: 280px; background-image: url(images/comment-email.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; }
#commentform #author { font-size: 1.1em; background: #f8f7f6; border: 1px solid #d6d3d3; width: 280px; background-image: url(images/comment-author.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; }
#commentform #url { font-size: 1.1em; background: #f8f7f6; border: 1px solid #d6d3d3; width: 280px; background-image: url(images/comment-website.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; }
#commentform #email:focus { font-size: 1.1em; background: #ffffff; border: 1px solid #939793; width: 280px; background-image: url(images/comment-email.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; }
#commentform #author:focus { font-size: 1.1em; background: #ffffff; border: 1px solid #939793; width: 280px; background-image: url(images/comment-author.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; }
.commentlist { padding: 0px; margin: 0px 0px 0px 17px; width: 860px; background-image: url(images/comment-bg.gif); list-style-image: none; list-style-type: none; float: left; }
.commentlist li { font-weight: bold; width: 860px; display: block; background-image: url(images/comment-bottom.gif); background-repeat: no-repeat; background-position: bottom left; padding: 0px 0px 45px 0px; margin: 0px; list-style-image: none; list-style-type: none; float: left; }
.commentlist li div { width: 840px; display: block; background-image: url(images/comment-top.gif); background-repeat: no-repeat; margin: 0px; padding: 10px; float: left; }
.commentlist li .avatar { float: left; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite { font-size: 18px; float: left; font-style: normal; font-weight: normal; margin: 5px 6px 15px 10px; }
.says { display: none; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; display: block; float: left; width: 90%; margin-left: 3%; }
#commentform p { clear: both; }
.alt { margin: 0; padding: 10px; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentlist .children li { width: 90%; display: block; margin: 0px; background-color: #FDFDFD; background-image: url(images/comment-children-bg.gif); background-position: left; background-repeat: repeat-y; border: 1px solid #E2E2E4; overflow: hidden; }
.commentlist .children li div { width: 97%; padding: 3%; background-image: url(images/comment-children-top.gif); background-repeat: no-repeat; background-position: top left; }
.commentlist .commentmetadata { font-weight: normal; float: left; margin: 5px 0px 0px 0px; display: block; clear: both; background-image: none; width: 90%; margin-left: 3%; }
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta   { background-image: none; width: 100%; padding: 0px !important; }
.commentlist .reply, .commentlist .children .reply { float: right; background-image: none; width: 54px; height: 22px; margin-bottom: 0px; padding: 0px; margin-right: 10px; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover { background-image: url(images/reply.gif); width: 39px; height: 17px; display: block; color: #FFF; font-size: 8px; text-transform: lowercase; font-weight: normal; padding: 5px 0px 0px 15px; letter-spacing: 1px; }
.commentlist .children li { padding-bottom: 10px; }
.commentlist .children li ul li { padding-bottom: 10px; background-color: #FFF; }
#respond { margin-top: 20px; float: left; background-image: none; }
.commentlist #respond h3, .commentlist #respond a { margin-left: 28px; }
#comments { line-height: 30px; }
.children { clear: both; }
.children .commentmetadata, .children .vcard  { background-image: none; }
.children textarea { width: 90% !important; }
.children input { width: 80% !important; }
#cancel-comment-reply-link { display: block; background-image: url(images/comment-close.gif); width: 144px; height: 21px; padding: 5px 0px 0px 23px; font-weight: normal; color: #84878E; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#respond div { background-image: none; }
#submit { width: 120px !important; }

/*==========================================================================================
===================================VIDEO GALLERY============================================
===========================================================================================*/
.videogallery .main-navigation.menu-bottom .navMain {
	border-top: none !important;
}

#vg1.videogallery .navigationThumb.active {
	background-color: #81936B !important;
}

.videogallery .imgblock {
	margin: 3px !important;
	width: 75px !important;
	height: 75px !important;
}

.videogallery .navigationThumb .menuitem-overlay {
	border: 1px solid #000;
}

/*==========================================================================================
===================================HELPERS==================================================
===========================================================================================*/

.list-flex {
	clear: both;
	content: "";
	display: inline-flex;
}

.list-flex > li {
	list-style-type: none;
}

/*==========================================================================================
===================================FOOTER===================================================
===========================================================================================*/

#footer { background: url(images/footerBg.png) no-repeat 0px 0px; padding: 41px 0px 0px; height: 72px; width: 974px; margin: 0px; }
#footer p { font: 12px/16px Georgia, "Times New Roman", Times, serif; color: #FFF; text-align: center; }