/* 
	Theme Name: ScottieDog Productions
	Description:
	Designer:  Scott Priebe
	Slicer/Coder:  Scott Priebe
	
	/*  Generic Styles  */
	
	body {
		font-size: 20px;
		font-family: "Komika Text", "Comic Sans MS", sans-serif;
		background: url(../backyard/images/bg.jpg)repeat-x;
		line-height: 24px;
	}
	
	h1,h2,h3,h4,h5 {
		margin: 25px, 0;
	}
	
	h2 {
		text-shadow: 2px 2px 6px #121212;
		font-size: 36px;
		color:white;
		padding-bottom: 25px;
		margin-top: 35px;
	}
	
	h1 {
		text-shadow: 6px 6px 25px #262626;
		font-weight: bold;
		font-family: "Komika Title - Axis", "Comic Sans MS", sans-serif;
		font-size: 60px;
		color: white;
	
	}
	
	h3 {
		text-align: left;
		font-family: "Komika Text", "Comic Sans MS", sans-serif;
		font-size: 30px;
		padding-bottom: 10px
	
	}
	
	h4 {
		font-family: "Komika Text", "Comic Sans MS", sans-serif;
		font-size: 30px;
		color: black;
		padding-bottom: 10px;
		line-height: 24;	
	
	}
	
	a {
		text-decoration: none;
		color: white;
		font-size: 36px;
		text-shadow: 4px 4px 4px #262626;
		
	}
	
	a:hover{
		background-color: #93b7ff;
		text-decoration: underline;
		 -moz-border-radius:10px;	
   		 -webkit-border-radius:10px;
    		border-radius:10px;

	}
	
	
	
	blockquote{
		font-weight: bold;
		font-family: "Komika Text Kaps", "Comic Sans MS", sans-serif;
		text-align: center;
		padding-top: 4px;
		padding-left: 11px;
		padding-bottom: 11px;
		padding-right: 11px;
		margin-right: 197px;
		border-top-color: black;
		border-top-style: ridge;
		border-left-color: black;
		border-right-color: black;
		border-right-style: ridge;
		border-left-style: ridge;
		border-top-width: 1px;
		border-right-width: 3px;
		border-left-width: 1px;
		border-bottom-width: 3px;
		border-bottom-color: black;
		border-bottom-style: ridge;
		position: static;
		margin-top: 162px;
		text-shadow: 0px 0px;
		float: right;
		line-height: 24px;
		background: #fdfffb;
		color: black;
		font: 96px/23px;
		width: 246px;
		height: 88px;
	}
	
	#contact {
		position: relative;
		height: 748px;
	}
	
	/*  ARROWS */
	
	/*  FORMS  */
	
	
	
	
	/*  END FORMS  */
	
	/*  NAVIGATION  */
	
	#nav {
		float: right;
		height: 111px;
		margin: 0px;
	}
	
	#nav li {
		list-style-type: none;
		word-break: normal;
		margin: 20px;
		width: 137px;
		text-align: center;
		word-wrap: break-word;
		word-spacing: 0px;
		font-size: 36px;
		line-height: 37px;
		font-style: italic;
		float: left;
		font: Komika, "Comic Sans MS", sans-serif Text Tight;
	}
	
	/*  END NAVIGATION  */
	
	/*  SLOGAN  */
	
	li{
		margin-left: 50px;
		font-weight: bold;
		color: white;
		line-height: 35px;
		text-align: left;
	}
	#slogan{
		text-align: center;
		clear: both;
		float:right;
		margin-right: 132px;
	}
	
	#contactinfo{
		text-align: right;
		clear: both;
		float:right;
		margin-right: 50px;
	}
	
	
	/*  END SLOGAN  */
	
	/*  IMAGES   */
	
	
	#stars{
		top: 17px;
		position:absolute;
		z-index: -1;
	
	}
	
	#scottielogo{
		left: 17px;
		top: 550px;
		z-index: -1;
		margin-top: -89px;
		position: absolute;
	}
	#satellite{
		top: 10px;
		position: absolute;
		z-index: 0;
	}
	
	#quote{
		left: -50px;
		position: absolute;
		top: -132px;
		
	}
	
	#blimp{
	left: 3%;
	z-index: -1;
	position: absolute;
	top: 7%;
	/*margin-top: 100px;*/
	clear:both;
	}
	
	#clouds {
      height:125px;
     margin-top:-25px;
     /*border-top:1px solid #003;
     border-bottom:1px solid #003;*/
     background:url(../images/yellowblimp.png) no-repeat;
 }

	#grass1{
		position:absolute;
		top:665px;
		left:-10px;
		z-index:-1;
	} 
	
	#RecentWork {
	position: absolute;
	left: 20.5%;
	top: 26%;
	clear: both;
	z-index: 1;
	
}
	
	#cloud1{
		
		margin-left: -47px;
		margin-top: 30px;
	}
	#cloud2{
		z-index: -9;
		margin-left: 1200px;
		margin-top: 220px;
	}
	#cloud3{
		clear: both;
		height: 27px;
		width: 43px;
		margin-left: 950px;
		margin-top: 90px;
	}
	#cloud4{
		position: absolute;
		left: 75%;
		top: 50%;
		width: 73px;
	}
	#Pclouds {
		height:125px;
		margin-top:-494px;
		 background:url(../images/cloud.png) no-repeat;
	}
	#cloud5{
		z-index: -2;
		margin-left: 323px;
		position: absolute;
		margin-top: -294px;
		margin-bottom: 0px;
	}
	#portfolio{
		position: relative;
		height: 748px;
	}
	#home{
		position: relative;
		height: 748px;
	}
	#home #nav{
		padding-top: 0px;
		float: left;
	}
	#home #slogan{
		margin-left: 79px;
		float: left;
	}
	#home #slogan h2{
		margin-left: -79px;
	}
	#doghouse{
		clear: both;
		z-index: -1;
		margin-left: 448px;
		margin-top: -29px;
		margin-bottom: 0px;
		left: 0px;
		right: 0px;
		position: absolute;
	}
	
	#dish {
		clear: both;
		position: absolute;
		margin-left: 150px;
		margin-top: -150px;
	}
	
	#astroScottie{
		height:250px;
		margin-top:-50px;
		clear:both;
		background:url(../images/astroScottie.png) no-repeat;
	}
	#scottiedog{
		left: 50px;
		right: 4px;
		top: 293px;
		position: absolute;
	}
	#fence{
		z-index: -2;
		position: absolute;
		margin-top: 354px;
		margin-left: -700px;
	}
	
	
	#services{
		position: relative;
		height: 748px;
	}
	#lawn{
		top: -128px;
		float: none;
		width: 1460px;
		z-index: -3;
		left: -29px;
		position: absolute;
	}
	#dkground{
		left: -16px;
		z-index: -2;
		position: absolute;
		top: 51px;
		width: 1460px;
	}
	#ltground{
		top: 125px;
		margin-top: 0px;
		z-index: -1;
		width: 1460px;
		position: absolute;
	}
	#sdpbone{
		left: 800px;
		clear: both;
		position: absolute;
		top: 75px;
	}
	#services #nav{
		position: absolute;
		top: 100px;
		clear: both;
		float: left;
	}
	#services #slogan{
		left: 125px;
		top: 200px;
		position: absolute;
		clear: both;
		float: left;
	}
	#services1{
		text-shadow: 2px 2px 4px black;
		color: white;
		left: 52px;
		top: 270px;
		position: absolute;
	}
	#experience{
		text-shadow: 2px 2px 4px black;
		width: 550px;
		color: white;
		left: 600px;
		top: 270px;
		position: absolute;
	}
	#dino{
		top: 500px;
		left: 500px;
		position: absolute;
		z-index: -1;
	}
	#footer{
		position: fixed;
		bottom: 0px;
		text-align: center;
		font-size: 12px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
	}
	li.selected{
		 background-color: #dbdeff;
		 -moz-border-radius:10px;	
   		 -webkit-border-radius:10px;
    		border-radius:10px;
	}
	/*
#contactinfo ul li{
		color: white;
		display: inline;
		list-style-type: none;
		padding: 0;
		margin: 0;
		padding-left: 40px;
		padding-top: 9px;	
	}
	
	
	#contactinfo ul{
		position: absolute;
		margin-left: 0px;
	}
	
	#contactinfo ul li span{
		display: none;
	}
	
	#contactinfo ul li#first{
		 background: url(../images/SocialMedia.png) no-repeat 0 -132px;
	}
	
	#contactinfo ul li#second{
		background: url(../images/SocialMedia.png) no-repeat 0 -99px;
	}
	
	#contactinfo ul li#third{
		background: url(../images/SocialMedia.png) no-repeat 0 -66px;
		
	}
	
	#contactinfo ul li#fourth{
		background: url(../images/SocialMedia.png) no-repeat 0 -33px;
	}
	
		
	#useremail{
		margin-left: 35px;
	}
	
	#contactinfo #email{
		background: url(../images/SocialMedia.png) no-repeat;
	}
*/
	#services1 ul {
     list-style-image: url("../images/bone_sm.png");}
     li{margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 15px;}
     
	#experience ul {
     list-style-image: url("../images/bone_sm.png");}
     li{margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 15px;}  
 
 #bubble {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 200px;
	left:890px;
} 
 
 #bubble li {
 	display: inline-block;
 	margin: 0px;
 	padding: 0px;
 }
 
 #bubble li a.icon {
 	background: url(../images/SocialMediaIcons.png) no-repeat;
 	border: none;
 	display: block;
 	width: 128px;
 	height: 100px;
 	text-indent: -9999px;
 }
 
 #bubble li a.twitter {
 	background-position: -139px -261px;
 	}
 #bubble li a.twitter:hover {
 	background-position: -13px -265px;
 	margin-right: 30px;
 	
 	}
 #bubble li a.facebook {
 	background-position: -139px -383px;
 	margin-left: -60px;
 	}
#bubble li a.facebook:hover {
 	background-position: -13px -385px;
 	margin-right: 30px;
 	}


#bubble li a.linkedin {
	background-position: -139px -25px;
	margin-left: -60px;
	} 
#bubble li a.linkedin:hover {
 	background-position: -13px -20px;
 	margin-right: 30px;
 	}		
	
#bubble li a.skype {
	background-position: -139px -502px;
	margin-left: -50px;
}

#mailbubble {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 270px;
	left:952px;
} 
 
 #mailbubble li {
 	display: inline-block;
 	margin: 0px;
 	padding: 0px;
 }
 
 #mailbubble li a.icon {
 	background: url(../images/SocialMediaIcons.png) no-repeat;
 	border: none;
 	display: block;
 	width: 128px;
 	height: 100px;
 	text-indent: -9999px;
 }

#mailbubble li a.email {
	background-position: -139px -140px;
	margin-left: -60px;
}
#mailbubble li a.email:hover {
 	background-position: -13px -133px;
 	margin-right: 30px;
 	}	
#contactskype {
	position: absolute;
	top: 240px;
	left: 1200px;
	clear:both;
}

#contactemail {
	position: absolute;
	top: 300px;
	left: 970px;
	clear:both;

}

 
 
	
	/*  END IMAGES  */
	
	gallery {
		float: none;
		clear: both;
		bottom: -52px;
		top: -27px;
		position: absolute;
	}
#antMove {
     height:250px;
     margin-top:-50px;
     clear: both;
     background:url(../images/ant.png) no-repeat;
 }