/* --------------------------------------------------------
  Remarkable Supplies website by Sarah Bogle @ Kaimata Croft websites
   -------------------------------------------------------- */

/* Declare body first of all */

body {
margin:0;
padding:0;
background:#0986ff;
font:normal 62.5% 'Lucida Grande',Verdana,sans-serif;
}

#innerbody{
margin:0;
padding:0;
background: #ffffff url(images/rs-bkgrd.jpg) repeat-x;
height: 600px;
}

/* Wireframing - use border:1px to place borders around all div elements during development, but be aware that you'll need to change sidebar width to 306px to allow for the border widths  

div {
margin:0;
padding:0;
border:1px solid #ff3300;
}*/

/* ---------------
   Layout elements
   --------------- */

#wrap {
width: 80%;
min-width: 750px;
margin: 0 auto 0 auto;
padding: 10px;
background: #ffffff;
/*border-left: 1px dashed #0986ff;
border-right: 1px dashed #0986ff;*/
}
/* Masthead and descendants */

#headwrap {

margin: 0 0 0 0;
  background: url(images/headerbkgd.png) repeat-x;
  height: 250px;

}

#headleft { 
  height: 210px; 
  width: 35%;
  min-width: 250px;
  margin: 0; 
  padding: 0; 
  float: left;
  color: #000066; 
 text-align: center;

  }
  
/* Main logo */
#headleft img {
margin:0 auto 0 auto;
}
  
#masthead { 
  height: 210px; 
  max-height:210px;
  width: 65%;

  margin: 0; 
  padding: 30px 0 0 0; 
  float: right;
  color: #0986ff; 

  }

#title {

width: 100%;
margin: 0 0 0 0;
text-align: center;

}

#title a {
font-size: 3.6em;
line-height: 1.5em;
color: #888888;
text-decoration: none;
font-weight: bold;
}

#desc {
width: 100%;
font-size: 2em;
line-height: 1.5em;
text-align: center;
color: #0986ff;
text-transform: capitalize;

}

/* The main column and descendants */

#content {
clear:both;
margin:0 auto 0 auto;
font-size:1.2em;
line-height:140%;
color:#CCC;
background:#ffffff;
text-align:left;
}

#content ul {
list-style:none;
margin:10px 0 10px 0;
padding:0;
}
#content li {
margin:0 10px 0 0;
padding:0;
line-height:200%;
}
#content li a:link, #content li a:visited {
text-decoration:none;
font-size:1.3em;
font-weight:bold;
color:#0986ff;
}
#content li a:hover {
color:#0986ff;
}
/* Highlighting the current page */
#home #content a.home { 
border-bottom:3px solid #FFE86C;
}

#content p {
margin: 0 auto 0 auto;
padding:0  60px 5px 60px;
color: #000000;
}


/* The footer and descendants */

#footer {
clear:both;
padding: 10px 0 10px 0;
font-size:0.9em;
line-height:150%;
color:#0986ff;
background-color:#c6c4c4;
text-align:center;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}


#footer ul {
list-style:none;
margin:10px 0 0 0;
padding:0;
}
#footer li {
display:inline;
margin:0 10px 0 0;
padding:0;
line-height:160%;
}
#footer li a:link, #footer li a:visited, #footer li a:active {
text-decoration:none;
font-weight:bold;
color:#ffffff;
font-size:1em;
}
#footer li a:hover {
color:#ffffff;
}

#footer p, {
margin:0 0 3px 0;
color: #ffffff;
text-align: center;

}

#footer a {
margin:0 0 3px 0;
color: #000000;
text-align: center;

}

/* ----------------------------
   All headings and versions of 
   ---------------------------- */

h1 {
padding-left: 20px;
color: #0986ff;
margin:20px 0 20px 0;
font-size:1.9em;
line-height: 160%;
}   
h2, h3 {
color:#888888;
}
h2 {
padding-left: 60px;
margin-top:10px;
font-size:1.6em;
}
h3 {
margin:5px 0 5px 0;
padding-left: 60px;
font-size:1.3em;	
color: #0986ff;
}
h4 {
margin:550px 0 10px 56px;
font-size:1.3em;
color:#FFE86C;
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
color:#0986ff;
font-weight: normal;
}

/* ---------------------
   Other common elements 
   --------------------- */

abbr {
	
}

/* Turn off borders on image links */
img {
border:0;
}

/* Link states */

a:link {
color:#0986ff;	
}
a:visited {
color:#0986ff;		
}
a:hover {
color:#0986ff;		
}
a:active {
color:#0986ff;		
}

/* ------------
   Unique Items 
   ------------*/

.date {
	
}

/* -------------
   Form elements 
   -------------*/

form {
margin:0;
padding:0;
}

fieldset {
border:0;
margin:10px 0 10px 56px;
padding:0;	
}

label {
font-weight:bold;
color:#FFE86C;
}

input.submit {
margin:0 0 30px 56px;
}


/* Menu */

#menu {
	height: 20px;
	margin: 0 auto 0 auto;
    padding: -40px 0 0 0;
    text-align: center;
    background-color: #888888;
}

#menu ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
    text-align: center;
}

#menu li {
/*    background:  #ffffff; url(images/tab.png);*/
    float: left;
    margin: 0 5px 0 5px;
    padding-left: 10px;
    text-align: center;
}

#menu li.page_item:hover {
	color: #888888;
    text-align: center;
}
#menu li.current_page_item:hover {
        color:#888888;
        text-align: center;
}
#menu a {
    background: #0986ff; /*url(images/tab.png) 100% 0;*/
    color: #ffffff; /* non selected tab text */
    display: block;
    float: left;
    line-height: 2em;
    text-decoration: none;
    text-decoration: none;
	font-weight: bold;
    text-align: center;
    padding: 0 5px 0 2px;
}

html>body #menu a {
	width: auto;
}
#menu li.page_item {
  color:#888888;
  text-align: center;
}
#menu li.current_page_item a {
    background-color: #ffffff;
    color: #888888; /* selected tab text */
    text-align: center;


}
#menu li.current_page_item {
    background-color: #ffffff;
    color:#888888;
    text-align: center;
} 


  
.alignright { 
  float:right; 
  text-align:left; 
  }
  
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding: 2px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 0 0 -10px;
   text-align: center;
   margin: 0 0 0 -10px;
}