/*
Theme Name:     American Greyhound
Theme URI:      http: //AmericanGreyhound.org/
Description:    Child theme for the Twenty Eleven theme
Author:         JP Web
Author URI:     http: //www.ijpweb.com/
Template:       twentyeleven
Version:        0.1.0
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
outline:0;
vertical-align:baseline;
margin:0;
padding:0;
}

:focus {
outline:0;
}

body {
line-height:1.5;
background: url(/img/flag.png) no-repeat top center #f3f3f3;
font-family:Arial, Helvetica, sans-serif;
color: #333;
position:relative;
font-size:12px;
}

ol,ul {
list-style:none;
}

table {
border-collapse:separate;
border-spacing:0;
}

caption,th,td {
text-align:left;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

a img {
border:0;
}

em {
font-style:italic;
}

ul,ol {
list-style:none none;
}

a {
text-decoration:none;
color:#D60027;
}

a:visited {
color:#D60027;
}

.right {
float:right;
}

.clear {
clear:both;
}

.assistive-text {
display:none;
}
.left { float: left;}
.right { float: right; }
.clear { clear: both; }
.nolist { list-style: none none !important; }
.menu:after, .gallerylist:after, #thirdary:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
strong { font-weight: 700; }

#page { width: 980px; margin: 0 auto; background: transparent; }
#primary { width: 638px; padding-right: 15px; margin-left: 15px; float: left;}

/*********** Header *******************/
#branding { position: relative; height: 100px; }
#logolink { display: block; margin: 15px; }
#headleft { height: 70px; margin-top: 20px; width: 420px; margin-left: 20px; }
#headright { height: 70px; margin-top: 10px; width: 480px; text-align:right; }

/*********** Layout *******************/

#main { padding: 0 11px 15px 11px; background:url(/img/deco-mid.png) repeat-y; }
#decotop, #decobot { height: 11px; }
#decotop { background:url(/img/deco-top.png) no-repeat; }
#decobot { background:url(/img/deco-bot.png) no-repeat; }

/*********** Slider *******************/



/************ Menu *******************/

#main #access { width: 938px; margin: 0 10px; background:url(/img/bg-menu.jpg) no-repeat; margin-bottom: 10px;}
.menu-main-menu-container { height: 38px; }
#main .menu li {  }
#main .menu li:last-child {  }
#main .menu li a { font-size: 13px; color:#FFF; text-transform:uppercase; line-height: 38px; font-weight:700; }
#main .menu > li {position:relative; padding: 0 20px; float: left;}

#main .menu li > ul {background-color:#f3f3f3;box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;float:left;position:absolute;left:0;width:220px;z-index:9999;margin:0;}
#main #access ul ul ul {left:100%;top:0;}

#main #access ul ul a {}
#main #access ul ul li:hover { }
#main #access li:hover > a,#access ul ul :hover > a,#access a:focus {background: transparent;}
#main #access li:hover,#access a:focus {color:#fff;text-decoration: underline;}
#main #access ul li:hover > ul {display:block;}

#main .sub-menu { }
#main .sub-menu li { padding: 0 10px !important; }
#main .sub-menu li:hover { background-color: #ccc; }
#main .sub-menu li a { border-bottom:none;color: #333;font-size:13px;width:220px;margin:0;padding:4px 3px; text-transform:none; display:block; line-height: 20px; }
#main .sub-menu li a:hover{ color: #333 !important; text-decoration:none !important;}
#main #access .sub-menu li:hover,#access .sub-menu a:focus {text-decoration: none !important;}

/************ Secondary Menu **************/

#sidemenu { width: 204px; float:left; }
#sidemenu .menu li { float: none; }
#sidemenu .menu li:last-child {  }
#sidemenu .menu li a { font-size: 1.5em; line-height: 37px; padding: 0 0 0 28px; height: 37px; text-transform: uppercase; color: #333; display: block;}

#sidemenu li {float: none;position:relative; padding: 10 0; }
#sidemenu ul ul {background-color:#FFF;display:none;  }
#sidemenu ul ul ul { }
#sidemenu .sub-menu li { background: none !important; margin-top: 10px; width: 200px; float:none; }
#sidemenu .sub-menu li:hover { background-color:#666 !important; }
#sidemenu .sub-menu li a:hover { color:#CCC !important; }
#sidemenu .sub-menu a {font-size: 16px !important; line-height: 24px !important; padding-left:27px!important; height: 24px !important; text-transform: lowercase !important; color: #999 !important;}

#menu-side-menu > li.current-menu-item { background-color: #000;  }
#menu-side-menu > li.current-menu-item > a { background-image:url(/img/navarrow.png); background-repeat:no-repeat; background-position: 182px center; color: #FFF}
#menu-side-menu > li:hover > a { color:#fff !important; background-color: grey; background-image:url(/img/navarrow.png) !important; background-repeat:no-repeat !important; background-position: 182px center !important;}
#sidemenu .sub-menu a:hover {}
#sidemenu ul li:hover > ul {display:block;}

/************** Home *********************/

.home #primary h1 { margin-bottom: 10px; margin-top: -5px; font-family: 'GoodDogRegular', Arial, sans-serif;letter-spacing: 0; font-size: 36px; }
.home #content { padding: 20px; border: 1px solid #ccc; background-color:#FBFBFB; }
.home #content img { padding: 5px; border: 1px solid #ccc; background-color: #f3f3f3; margin-right: 10px; margin-bottom: 10px; }

#featured { margin: 0 15px 15px 15px; }
#quicklinks { width: 300px; margin-right: 15px; }
#news { width: 581px; height: 251px; font-size: 13px; padding: 15px; border: 1px solid #ccc;}
#news h2 { font-family: 'GoodDogRegular', Arial, sans-serif;letter-spacing: 0; font-size: 34px; margin-bottom: 15px; }
#news a {  color: #FFF !important; background:#069; font-weight:700; font-size:14px; margin: 10px 0; padding: 6px 8px; clear:both; display: inline-block; }

.featureimage { float: left; margin: 0 15px 0 0; padding: 10px; }

#homelinks { width: 299px; border: 1px solid #ccc; }
#homelinks li { height: 50px; border-bottom: 1px solid #ccc; padding: 10px 15px; margin-left: 0 !important; margin-bottom: 0 !important; background-position: 225px 50%; background-repeat:no-repeat; background-color:#FBFBFB; }
#homelinks li:last-child { border-bottom: none; }
#homelinks li:hover { background-color: #f3f3f3; }
.care { background-image:url(/img/h-icon-food.png); }
.bone { background-image:url(/img/h-icon-bone.png); }
.own { background-image:url(/img/h-icon-paw.png); }
.house { background-image:url(/img/h-icon-house.png); }
#homelinks a { color: #006699; font-size:18px; }
#homelinks p { color:#666666; font-size:12px; text-transform:lowercase; }

/************** Page *********************/

#breadcrumbs { padding: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.entry-header { margin-bottom: 10px; }
.entry-header h1, #primary h1 { font-size: 42px; color:#333333; font-family: 'GoodDogRegular', Arial, sans-serif;letter-spacing: 0;}
#primary h2, article h3 { font-size: 18px; color:#666666; margin-bottom: 15px; }
#primary ul { list-style:outside disc; margin-bottom: 15px;}
#primary ol { list-style:outside decimal; margin-bottom: 15px;}
#primary li { margin-left: 25px; margin-bottom: 5px; }
#primary li:last-child { margin-bottom:0; }
#primary p { margin-bottom: 15px;}
#primary p:last-child { margin-bottom: 0;}
.alignright { float: right; padding: 0 0 15px 15px; }
.alignleft { float: left; padding: 0 15px 15px; }

/*************** Post ******************/

.nav-previous, .nav-next { height: 15px; line-height: 15px; margin-bottom: 10px;}
.nav-previous a , .nav-next a { padding: 5px 10px; background-color:#069; color: #fff; font-weight: bold; }
.nav-previous { margin-right: 30px; }
.nav-next { }
.dogimage { float: right; padding: 5px; border: 1px solid #ccc; margin: 0 0 15px 15px; }

.gallerylistwrap { clear: both; padding: 15px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin: 15px 0; }
.gallerylistwrap h4 { font-family: 'GoodDogRegular', Arial, sans-serif;letter-spacing: 0; font-size: 28px; padding-bottom: 10px; }
.gallerylist {  }
.gallerylist li { float: left; padding: 5px !important; background-color: #f3f3f3; border: 1px solid #ccc; margin-left: 0; margin-right: 15px; height: 100px;}

/************** Category Archive *********/

.category article { border-bottom: 1px solid #CCC; margin-bottom: 15px; padding-bottom: 15px; }
.btn { color: #FFF !important; background:#069; font-weight:700; font-size:14px; margin: 10px 0; padding: 6px 8px; clear:both; display: inline-block;}
.pagination .btn { margin: 0 15px 0 0;}
.moredogs {font-family: 'GoodDogRegular'; font-size: 30px; margin: 0 0 15px; color: #069;}

/************* Widget *****************/

#secondary { float: left; width: 260px; margin-right: 0; margin-left: 15px; margin-top: 0; }
.widget { margin-bottom: 15px; font-size:14px; border-bottom: 1px solid #ccc; padding-bottom: 15px; }
.widget:last-child { margin-bottom: 15px; padding-bottom: 0; border-bottom: none; }
.widget h3 { font-size:32px; margin-top: -15px; color: #069; margin-bottom: 15px; text-transform: lowercase; font-family:'GoodDogRegular', Arial, sans-serif;letter-spacing: 0; height: 32px; }

.doglist li { padding-left: 14px; margin-left: 5px; margin-bottom: 2px; font-size:13px; background-size: 10px 10px; background-image:url(/img/h-icon-paw.png); background-repeat:no-repeat; background-position: left 4px; }
.doglist li a { color:#666; }
.doglistwidget { border: 1px solid #ccc; background-color: #FBFBFB; padding: 15px; }

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

#thirdary { margin: 15px 10px 0 10px; padding-top: 15px; border-top: 1px solid #ccc; }
.footwidget { float: left; width: 227px; height: 100px; overflow: hidden; margin-right: 10px; background-color: #fbfbfb; }
.footwidget h3 { display: none;}
.footwidget:last-child { margin-right: 0 !important; }

#colophon { position:relative; height: 80px; padding: 0 11px; }

#copy, #cc { width: 475px; }
#copy { text-align: right; }
#cc img {float: left; }

/******* Advertising ***************/

#oio-banner-3 { margin: 15px 0 !important; }


/************* Slider ****************/

#slidewrap {position:relative; border-bottom: 1px solid #ccc; margin-bottom: 10px; height: 150px; padding: 10px; }
#slidegradl, #slidegradr { height: 170px; width: 50px; position:absolute; z-index: 9998; }
#slidegradl { background:url(/img/slide-grad-left.png) no-repeat; left: 0; top:0;}
#slidegradr { background:url(/img/slide-grad-right.png) no-repeat; right: 0; top:0;}

.slideitem { float: left; height: 150px; width: 180px; margin-left: 10px; }
.slideitem:first-child { margin-left: 0;}
.slidedeco { background:url(/img/slide-grad-pic.png) no-repeat; height: 150px; width: 180px; position: relative; }
.slidetitle { position:absolute; margin:0 10px 10px 10px; bottom: 0; left: 0;}
.slidetitle a { color: #FFF; text-transform: uppercase; text-shadow: 1px 1px 1px #000; font-size:13px; font-weight: 700; display:block; height: 30px; padding-top: 100px; width: 160px;}

#slide { z-index: 9997 !important;}

.jcarousel-skin-tango { left:-5px; overflow:hidden; padding:0 15px;  position:absolute; top:10px; }
.jcarousel-skin-tango .jcarousel-container {

}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 938px;
	height: 150px;
}


.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  938px;
    height: 150px;
	overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 180px;
    height: 150px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: -17px;
    width: 32px;
    height: 36px;
    cursor: pointer;
    background: transparent url(/img/btn-right.png) no-repeat 0 0;
	z-index:9999;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/img/btn-left.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {

}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {

}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;

}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: -17px;
    width: 32px;
    height: 36px;
    cursor: pointer;
    background: transparent url(/img/btn-left.png) no-repeat 0 0;
	z-index:9999;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: -17px;
    background-image: url(/img/btn-right.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {

}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {

}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;

}

/************* Extra Fonts ********************/

@font-face {
    font-family: 'GoodDogRegular';
    src: url('/font/GoodDog-webfont.eot');
    src: url('/font/GoodDog-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/GoodDog-webfont.woff') format('woff'),
         url('/font/GoodDog-webfont.ttf') format('truetype'),
         url('/font/GoodDog-webfont.svg#GoodDogRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.gform_wrapper { display: inline !important; }