/*
Theme Name: Sunrise
Author: Coyote Publishing
Author URI: http://www.coyotepub.com
*/

@font-face {
    font-family: WickedGrit;
    src: url(Fonts/WickedGrit.ttf);
}

@font-face {
    font-family: Muchacho;
    src: url(Fonts/Muchacho.otf);
}


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

.img-box-shadow{font-size:11px !important;}
.img-box-shadow a{font-size:11px !important;}

.slgf_home_portfolio_caption h3 {font-size:11px !important;}

@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}


/* DESKTOP STYLES */



body{
	background-color: #F1EBDA;
	background: url('images/bg.jpg');
	background-position: center top;
	background-attachment:fixed;
	background-size: cover;
	background-repeat:no-repeat;
	margin: 0px;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color:#3e1e14;
	font-family:Calibri;
	text-align:left;

}

#overlay{
	
	background: url('images/bottomoverlay.png');
	background-position: center bottom;
	background-attachment:scroll;
	background-size: 100% 130%;
	background-repeat:no-repeat;
	margin: 0px;
	
}


#topbg{
	width:100%;
	height:120px;
	background-image: url('images/menubg.jpg');
	background-position:bottom;
	background-repeat:repeat-x;
    	top:0px;
	z-index: 99999;
	background-color:#3e1e14; 
}

#divheader{
	width:960px;
	margin-top:0px;	
}

#header{
	width:960px;
	height:97px;
	float:left;
}

#logo{
	width:900px;
	height:100px;
	float:left;
	margin-top:-40px;
	margin-left:-20px;
	position:relative;
	z-index:9999;
}

.logosize{
	height:150px;
	float:left;
}

#topmenu{
	float:right;
	height:auto;
	color:#aca4a2;
	float:right;
	font-family: WickedGrit;
	font-size:14px;
	margin-top:20px;
	margin-right:20px;
}

#menu{
	width:100%;
	height:55px;
	margin-top:-35px;
	margin-left:95px;
	float:left;
	z-index:200;
	font-weight:normal;
}

#menu a{
	font-weight:normal;
	font-family: Muchacho;
	color:#e0ad55;
	font-size:16px;
	
}

#menu img{
	position:relative;
	top:5px;
}

#banner{
	display:inline;
	width:100%;
	float:left;
	margin-top:-20px;
	background-color: rgba(255, 255, 255, 0.1);
	
	
}

#banner2{
	display:inline;
	width:100%;
	float:left;
	margin-top:-20px;
	background-size:contain;
	background-position: center bottom; 
	background-repeat:no-repeat;
	height:170px;
	background-color: rgba(255, 255, 255, 0.1);
	
}





#divbody{
	width:960px;
	margin-top:0px;	
	border-top:none;

}

#wrapper{
	width:960px;
	float:left;
        margin-top:20px;
	
}

#css-table {
  	display: table;
	border-spacing: 20px 10px;
  	border-collapse: separate;
	width:104%;
	overflow-x:auto;
	overflow-y:auto;
	margin-left:-2%;
	position:relative;
	 table-layout: fixed;
}

#css-table .col {
 	display: table-cell;
  	width: 50%;
  	padding: 30px;
	background: url('http://www.wsunriseangus.com/wp-content/themes/sunrise/images/contentbg.png');
	background-repeat:repeat;
	border-style: outset;
	border-width:3px;
	border-color:#dec8a2;
	position:relative;
	top:-10px;
	vertical-align: top;
	text-align:left;
}


#css-table .col_sm {
 	display: table-cell;
  	width: 25%;
  	padding: 30px;
	background: url('http://www.wsunriseangus.com/wp-content/themes/sunrise/images/contentbg.png');
	background-repeat:repeat;
	border-style: outset;
	border-width:3px;
	border-color:#dec8a2;
	position:relative;
	top:-10px;
	
	vertical-align: top;
}

#css-table .col_lg {
 	display: table-cell;
  	width: 75%;
  	padding: 30px;
	background: url('http://www.wsunriseangus.com/wp-content/themes/sunrise/images/contentbg.png');
	background-repeat:repeat;
	border-style: outset;
	border-width:3px;
	border-color:#dec8a2;
	position:relative;
	top:-10px;

	vertical-align: top;
}

#css-table .col_full {
 	display: table-cell;
  	width: 100%;
  	padding: 30px;
	background: url('http://www.wsunriseangus.com/wp-content/themes/sunrise/images/contentbg.png');
	background-repeat:repeat;
	border-style: outset;
	border-width:3px;
	border-color:#dec8a2;
	position:relative;
	top:-10px;

	vertical-align: top;

}

.mainfull{

}

.main{
	margin-top:-20px;
	text-align:left;
}

.sidebar{
	margin-top:-20px;
	text-align:left;
} 

.featurepic{
	width:48%;
	float:left;
	margin-right:2%;
	height:auto !important;
	
}

.featurepic2{
	
	float:left;
	width:50%;
	height:auto !important;

}

.featurepic3{
	
	float:left;
	width:70%;
	margin-right:15px;
	height:auto !important;

}

.salespic{
	max-width:100%;
}

.eventheader{
	max-width:100%;
	margin-top:20px;
}

.newsheader{
	max-width:100%;
	margin-top:20px;
}

.btn1{
	position:absolute;
	bottom:-7px;
	right:-7px;
}

.btn2{
	position:absolute;
	bottom:-7px;
	right:-7px;
}

.btn3{
	position:absolute;
	bottom:-7px;
	right:-7px;
}

#footer{
	width:100%;
	height:auto;
        min-height:80px;
	padding-bottom:15px;
	background-image: url('images/footerbg.jpg');
	background-repeat: repeat;
	background-position: center top;
	line-height:1.5;
	color:#FFFFFF;
	clear:both;
	padding-top:10px;
	margin-top:20px;
}

.footer{
  
  	font-size:small;
   	color:#FFFFFF;
   	text-align:center;
	max-width:960px;
	margin:auto;
	margin-top:30px;
}

.footerleft{
	float:left;
	width:65%;
	text-align:left;
}

.footerright{
	float:right;
	width:30%;
	margin-top:-15px;
	text-align:right;
}

#footerhide{
	padding-top:56px;
}

/* Text Styles */
h1{
	font-size:38px;
	font-family:Docktrin;
	font-weight:bold;
	color:#140a06
}


h2{
	font-size:28px;
	font-family:Docktrin;
	font-weight:bold;
	color:#140a06;
}


h3{
	font-size:26px;
	font-family:Docktrin;
	font-weight:bold;
	color:#96622E;
}

h4{
	font-size:18px;
	color:#241611;
	font-family:Docktrin;
	font-weight:bold;
	font-style: normal;
}



/* Bull Pages */
#bullitem{
	font-size:12px;
	float:left !important;
	font-weight:bold;
	text-align:left;
	margin-left:5px;
	margin-bottom:25px;
        width:100%;
        height:auto;
        padding:10px;
}

#bulldesc{
        width:55%;
	float:right !important;
	padding-top:0px;
	margin-top:-35px;
}

.piccontainer{
  	width:40%;
        height:auto;
	border: solid 4px #88673C;
	float:left;

}

.supportingpiccontainer{
  	width:30%;
        height:auto;
	
	float:left;
		margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
	font-size:12px;
	text-align:center;
}

.bullpic{
	max-width:100%;
	height:auto;
}
.pedigree{
	margin-top:10px;
	font-weight:500;

}

.pedigreeside{
	width:45%;
	padding-right:15px;
	float:left;
	font-size:10px !important;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:7px;
}

.datatable{
	margin-top:7px;
	width:40%;
	float:left;
}

.sireped{
	width:48%;
	float:left;
	margin-right:15px;
	
}

.damped{
	width:48%;
	float:left;
}

.footnotes{
	width:95%;
	float:left;
	text-align:left;
	font-size:13px;
	margin-top:-20px;
	margin-left:15px;
}


@media only screen and (max-width: 960px) {
#divheader{
	max-width:100%;
	margin-top:0px;	
}

#divbody{
	max-width:100%;
	z-index:99999!important;

}

#header{
	max-width:100%;
	float:left;
}

#logo{
	max-width:100%;
	height:120px;
	float:left;
	margin-left:-10px;
	margin-top:-40px;
}

.logosize{
	height:130px;
	float:left;
}


#topmenu{
	max-width:80%;
	
}

#menu{
	max-width:80%;
	height:55px;
	margin-top:-55px;
	position:relative;
	left:-55px;
	left:100px;
	z-index:99999;
}

#banner{
	display:inline;
	max-width:100%;
	float:left;
	margin-top:-20px;
}


#banner2{
	display:inline;
	width:100%;
	float:left;
	margin-top:-19px;
	height:150px;
	
}

#topmenu{
	
	font-size:13px;
	margin-right:25px;
}


#wrapper{
	max-width:100%;
}

.main{
	max-width:100%;
}

.mainfull{
	max-width:100%;
}

.rmm img{
	display:none;
}

#css-table {
  	display: block;
	width:100%

}

#css-table .col {
 	display: block;
	width:80%;  
	margin-top:20px;
}

#css-table .col_full {
 	display: block;
	width:80%;  
	margin-top:20px;
	height:auto;
	min-height:220px;
}

.featurepic{
		height:auto !important;
	max-height:135px;
}

#bullitem{
	margin-left:25px;
	margin-bottom:25px;
        width:100%;
        height:auto;
        padding:10px;
}

#bulldesc{
        width:50%;
        height:auto;
        padding:20px;
	padding-top:0px;
	float:right !important;
	margin-bottom:20px;
}

.piccontainer{
  	width:40%;
        height:auto;
	

}

.datatable{
	width:250px;
	float:left;
}

.welcome p{
	text-align:left;
}

}

@media only screen and (max-width: 660px) {

#topmenu{
	display:none;
}

#banner2{
	margin-top:-19px;
	height:80px;
	
}

#logo{
	margin-left:-10px;
	margin-top:0px;
}


#menu{
	max-width:400px;
}


#footer{
	width:100%;
	height:auto;
        min-height:110px;

}


.featurepic{
		height:auto !important;
	max-height:135px;
}

#css-table {
 	display: block;
  	width: 104%;
	
}

#css-table .col_lg {
 	display: block;
  	width: 80%;
	margin-top:15px;
}

#css-table .col_sm {
 	display: block;
  	width: 80%;
	margin-top:25px;
}

.footer{
	padding:20px;
	width:90%;
}
}

@media only screen and (max-width: 560px) {

#menu{
	max-width:150px;
}

.footerleft{
	float:left;
	width:100%;
	text-align:center;
}

h3{font-size:11px !important;}
}