/*
Theme Name: rabickle
Author: James Bickle
Description: custom wp theme
Version: 0.0.1
Tags: bootstrap
*/




@font-face {
					font-family: "AnnieBTNRegular";
					src: url("./AnnieBTNRegular.eot");
					src: url("./AnnieBTNRegular.eot?#iefix") format("embedded-opentype"),
					url("./AnnieBTNRegular.woff") format("woff"),
					url("./AnnieBTNRegular.ttf") format("truetype"),
					url("./AnnieBTNRegular.svg#AnnieBTNRegular") format("svg");
					font-weight: normal;
					font-style: normal;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
				}


@font-face {
					font-family: "sylfaen";
					src: url("./sylfaen.eot");
					src: url("./sylfaen.eot?#iefix") format("embedded-opentype"),
					url("./sylfaen.woff") format("woff"),
					url("./sylfaen.ttf") format("truetype"),
					url("./sylfaen.svg#sylfaen") format("svg");
					font-weight: normal;
					font-style: normal;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
				}


body{
min-width:320px;
max-width:2500px;
margin:0px;
padding:0px;
background-color:#d8dfea;
font-size:16px;
}

#artist{

font-family:"AnnieBTNRegular";
margin-right:6%;
font-size: 175%;
color:#000080;
font-weight: lighter;
letter-spacing:2px;
margin-top:3.5px;


}

/* No greater than 1000px, no less than 700px */
@media (max-width:1000px) and (min-width:700px) {
    #artist {
       margin-left:4%;
    }
}

#originalartwork{

font-family:"sylfaen";
font-weight:100;
font-size: 125%;
margin-top:30px;



}


#about{
width:70%;
margin-left:15%;
margin-right:15%;
margin-top:60px;

}

#image{
margin-right:10px;
margin-bottom:5px;
}



#rabickle{
font-family:"vinerhand";
margin-top:43px;

font-size: 135%;
color:#000080;
font-weight: lighter;
letter-spacing:2px;

}

.container{
margin-left:10%;
margin-right:7%;
padding:0px;
border:0px;

display: flex;
  justify-content: space-around;
  }
 

  @media screen and (max-width: 1400px) {.container
{
margin-left:12%;
}}




@media screen and (max-width: 875px) {
    .container { display: flex; flex-flow: column;margin-left:5%; }
    #rabickle{ order: 1; text-align:center;font-size: 160%; margin-bottom:25px; margin-left:3.5%;}
    #artist{ order: 2; margin-top:-85px; text-align:center;font-size: 160%; margin-left:5.5%; }
	#originalartwork { order: 3;margin-left:3.5%; text-align:center; margin-top:-40px; margin-bottom:15px;font-size: 100%;}
  
}







p{
font-family:sylfaen;
font-size:16px;
}

#wrapper{
width:600px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:100px;
}

@media screen and (max-width: 480px) {#wrapper
{
width:300px;
}}

@media screen and (min-width: 480px) {#wrapper
{
width:420px;
}}
@media screen and (min-width: 800px) {#wrapper
{
width:600px;
}}
#pic{
display:inline-block;
max-width: 100%;
 height:auto; 
 border: 1px solid #333333;
}

#copyright{
margin-top:220px;

font-family:"AnnieBTNRegular";
}

  @media screen and (max-width: 825px) {#copyright
{
margin-top:40px;
}}

#fish{

margin-top:150px;
max-width:100%;
}

 @media screen and (max-width: 825px) {#fish
{
margin-top:150px;
max-width:189px;
margin-left:auto;
margin-right:auto;
}}

#webdeveloper{

margin-top:220px;
font-family:"AnnieBTNRegular";
}

 @media screen and (max-width: 825px) {#webdeveloper
{
margin-top:10px;
}}

.footerwrapper{
display: flex;
  justify-content: space-around;
  }

  
@media screen and (max-width: 825px) {
    .footerwrapper { display: flex; flex-flow: column; }
    #fish{ order: 1; text-align:center; }
    #copyright{ order: 2;  text-align:center; }
	#webdeveloper { order: 3; text-align:center; }
  
}
  
  #forsale{
 font-weight:600;
  text-align:center;
  font-family:"sylfaen";
  margin-top:120px;
  margin-left:10%;
  margin-right:10%;
  }
  
  @media screen and (max-width: 700px) {#forsale
{

}}

  @media screen and (max-width: 700px) {#footerwrapper
{
 display: block;
  width:100%;

}}

.nav{
  
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.nav li{
    display:inline;
}
.nav a{
    display:inline-block;
    padding-left:8px;
	padding-right:8px;
	padding-top:7px;
	padding-bottom:7px;
	text-decoration: none;
  font-size:16px;
	 border-radius: 7px;
 border: 1px solid #333333;
 background-color:#03d9dc;
  color:white;
	
}

.nav a:hover{
 background-color:#3143ff;
color:black;
}

 @media screen and (max-width: 800px) {.nav a
{
  font-size:13px;
  padding-left:7px;
	padding-right:7px;
	color:black;
}}
 @media screen and (max-width: 800px) {.nav a:hover
{
 
	color:white;
}}

#galleryfooter{


margin-top:100px;
display: flex;
  justify-content: space-around;
}

@media screen and (max-width: 825px) {
    #galleryfooter { display: flex; flex-flow: column; }
    #fish{ order: 1; text-align:center; }
    #copyright{ order: 2;  text-align:center; }
	#webdeveloper { order: 3; text-align:center; }
  
}



#boxone
{
display:block;
margin-left:15%;
margin-top:50px;
margin-right:4.5%;
width:30%;
float:left;
height:auto;
border: 1px solid #4d4d4d;
}

 @media screen and (max-width: 850px) {#boxone
{
width:70%;
margin-left:15%;
margin-right:15%;
}}

 @media screen and (max-width: 700px) {#boxone
{
width:90%;
margin-left:5%;
margin-right:5%;
}}


#boxtwo
{
margin-top:50px;
margin-left:4.5%;
margin-right:15%;
width:30%;
float:left;
height:auto;
border: 1px solid #4d4d4d;
}

 @media screen and (max-width: 850px) {#boxtwo
{
width:70%;
margin-left:15%;
margin-right:15%;
}}

@media screen and (max-width: 700px) {#boxtwo
{
width:90%;
margin-left:5%;
margin-right:5%;
}}

#boxthree
{
margin-left:15%;
margin-top:50px;
margin-right:4.5%;
width:30%;
float:left;
height:auto;
border: 1px solid #4d4d4d; 
}

 @media screen and (max-width: 850px) {#boxthree
{
width:70%;
margin-left:15%;
margin-right:15%;
}}

@media screen and (max-width: 700px) {#boxthree
{
width:90%;
margin-left:5%;
margin-right:5%;
}}

#boxfour
{
margin-left:4.5%;
margin-top:50px;
margin-right:8%;
width:30%;
float:left;
height:auto;
border: 1px solid #4d4d4d;
}

 @media screen and (max-width: 850px) {#boxfour
{
width:70%;
margin-left:15%;
margin-right:15%;
}}

@media screen and (max-width: 700px) {#boxfour
{
width:90%;
margin-left:5%;
margin-right:5%;
}}

#gicleeprints{
text-align:center;
font-family:"AnnieBTNRegular";
font-size:300%;
}

.toptext{
width:90%;
margin-left:5%;
margin-right:5%;
}

h3{
text-align:center;
font-weight:light;
}

.images{
max-width:80%;
 display: block;
    margin: 0 auto;
}

.images1{
max-width:50%;
margin-left:25%;
margin-right:25%;
}

.paypalbutton{
float:right;
display:block;


margin-bottom:10px;
}

#moredetails{
margin-left:10%;
margin-right:10%;
margin-top:150px;
font-weight:light;
}


#wrapa{
margin-left:15%;
margin-top:70px;
font-weight:light
}

#contact{
margin-bottom:40px;
font-size:200%;
}

#email{
font-size:150%;
margin-bottom:40px;
}

#phone{
font-size:150%;
margin-bottom:40px;
}

 @media screen and (max-width: 700px) {#email
{
font-size:120%;
}}

@media screen and (max-width: 700px) {#phone
{
font-size:120%;
}}

@media screen and (max-width: 700px) {#wrapa
{
width:90%;
margin-left:10%;
margin-right:10%;
}}


#contactimg

{

	float:left;

	margin-left:15%;

	

	width:37%;

	height:auto;

	border: 1px solid black;

}



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

    #contactimg {

      float:clear;

		text-align:center;

		margin-left:5%;

		margin-right:4%;

		width:90%;   

    }

}

#galleryfooter{


margin-top:100px;
display: flex;
  justify-content: space-around;
}

@media screen and (max-width: 825px) {
    #galleryfooter { display: flex; flex-flow: column; }
    #fish{ order: 1; text-align:center; }
    #copyright{ order: 2;  text-align:center; }
	#webdeveloper { order: 3; text-align:center; }
  
}



#boxone
{
display:block;
margin-left:15%;
margin-top:50px;
margin-right:4.5%;
width:30%;
float:left;
height:auto;
border: 1px solid #4d4d4d;
}

 @media screen and (max-width: 850px) {#boxone
{
width:70%;
margin-left:15%;
margin-right:15%;
}}

 @media screen and (max-width: 700px) {#boxone
{
width:90%;
margin-left:5%;
margin-right:5%;
}}


#boxtwo
{
margin-top:50px;
margin-left:4.5%;
margin-right:15%;
width:30%;
float:left;
height:auto;
border: 1px solid #4d4d4d;
}

 @media screen and (max-width: 850px) {#boxtwo
{
width:70%;
margin-left:15%;
margin-right:15%;
}}

@media screen and (max-width: 700px) {#boxtwo
{
width:90%;
margin-left:5%;
margin-right:5%;
}}

#boxthree
{
margin-left:15%;
margin-top:50px;
margin-right:4.5%;
width:30%;
float:left;
height:auto;
border: 1px solid #4d4d4d; 
}

 @media screen and (max-width: 850px) {#boxthree
{
width:70%;
margin-left:15%;
margin-right:15%;
}}

@media screen and (max-width: 700px) {#boxthree
{
width:90%;
margin-left:5%;
margin-right:5%;
}}

#boxfour
{
margin-left:4.5%;
margin-top:50px;
margin-right:8%;
width:30%;
float:left;
height:auto;
border: 1px solid #4d4d4d;
}

 @media screen and (max-width: 850px) {#boxfour
{
width:70%;
margin-left:15%;
margin-right:15%;
}}

@media screen and (max-width: 700px) {#boxfour
{
width:90%;
margin-left:5%;
margin-right:5%;
}}

#gicleeprints{
text-align:center;
font-family:"AnnieBTNRegular";
font-size:300%;
}

.toptext{
width:90%;
margin-left:5%;
margin-right:5%;
}

h3{
text-align:center;
font-weight:light;
}

.images{
max-width:80%;
 display: block;
    margin: 0 auto;
}

.images1{
max-width:50%;
margin-left:25%;
margin-right:25%;
}

.paypalbutton{
float:right;
display:block;
margin-right:10px;

margin-bottom:10px;
}

#moredetails{
margin-left:10%;
margin-right:10%;
margin-top:150px;
font-weight:light;
}