/*
Theme Name: Joyce Robins
Theme URI: http://www.joycerobins.com/
Description: Wordpress theme for joycerobins
Version: 1.0
Author: Santa Fe Web Design
Author URI: http://www.santafewebdesign.com/


*/


body {
  background-image: url(/images/bodybg.jpg);
  background-color: #fcfcfc; 
  font-family : verdana, helvetica, sans-serif;
  font-size : 14px;
  background-repeat: repeat-x;
  letter-spacing: .05em;
}

h3 {
  font-size : 16px;
}

/* png fix for ie */
img, div { behavior: url("iepngfix.php"); }

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


#layout
{
  width : 935px;
  margin : 35px auto 0px auto;
}

#main-nav {
  list-style: none;
  padding: 0px;
  margin: 15px 0px 10px 30px;
}

#main-nav li {
  display: inline;
  
  color: #c56300;
  padding-right: 5px;
  font-size: 14px;
  text-transform: lowercase;
}

#main-nav li a {
  padding: 0px 10px;
  text-decoration: none;
  color: #eceded;
  font-size: 18px;
}

#main-nav li a:hover {
  color: #ccc; 
}

#top_nav img {
  border: 0px;
  margin-left: 5px;
}

#content_container {
  margin: 0px;
  padding: 0px;
}

#content-top {
  background-image: url(/images/content_topbg.png);
  background-repeat: no-repeat;
  width: 935px;
  height: 16px;
}

#content {
  background-image: url(/images/content_bg.png);
  margin: 0px;
  padding: 0px 32px 0px 32px;
}

#content.index {
  padding: 0px 27px 0px 27px !important;
}

#content h2, p {
  margin: 0px 0px 8px 0px;
}

#content #wrap {
  padding: 10px 15px;
}

#content img {
}

.post h2 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 18px;
}

.pagetitle {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 18px;
}

.post .entry {
  margin: 0px 15px 0px 19px;
  font-size: 12px;
  color: #7F7F7F;
}

#blog .post {
  border: 1px dotted #ccc;
  padding: 5px;
  margin-bottom: 10px;
  background: #f9f9f9;
}

#blog .post h2 {

}

#blog .post h2 a {
  text-decoration: none;
  color: #416b86;
  font-size: 15px;
}

#blog .post h2 a:hover {
  color: #9e9489;
}

#blog .post .more-link {
  text-decoration: none;
  color: #416b86;
}

#blog .post .more-link:hover {

  color: #9e9489;
}

#content-btm {
  background-image: url(/images/content_btmbg.png);
  background-repeat: no-repeat;
  width: 935px;
  height: 16px;
}

#footer #footer-nav {
  list-style: none;
  padding: 0px;
  margin: 1px 35px 1px 1px;
  text-align: right;
}

#footer #footer-nav li {
  display: inline;
  
  color: #000;
  padding-right: 5px;
  font-size: 18px;
  text-transform: lowercase;
}

#footer #footer-nav li a {
  padding: 0px 10px;
  text-decoration: none;
  color: #000;
  font-size: 18px;
}

#footer #footer-nav li a:hover {
  color: #555;
}

.alignleft
{
  float : left;
  margin : 0px 10px 10px 0px;
}

p img {
  padding: 0;
  max-width: 100%;
  }

/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

img.alignright {
  padding: 4px;
  margin: 0 0 2px 25px;
  display: inline;
  }

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  }

.alignright {
  float: right;
}

.linklove {
  display: none;
}




/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
  display: none;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
  display: none;
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
  display: none;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
  display: none;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

div.scrollableArea
{
  position: relative;
  width: auto;
  height: 100%;
}

#imgscroller div.scrollableArea *
{
  position: relative;
  float: left;
  margin: 0;
  padding: 0px 4px;
}


#imgscroller {
  width: 881px;
  height: 317px;
  overflow: none;
  padding: 13px 0px 14px 0px;
}

#imgscroller a img {
  border: 0px;
}

#title {
  font-size: 12px;
  text-transform: capitalize;
  position: relative;
  z-index: 1000;
  margin: -25px auto 3px auto;
  background: #eee;
  text-align: center;
  border: 1px solid #ccc;
  width: 500px;
  height: 20px;
  line-height: 20px;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}



/* cforms */
/* Contact form */

form.cform {
 margin: 0px 20px;
  background: #fff;
  border: 1px solid #555;
  padding: 0px 10px 10px 10px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;	
	-webkit-border-radius:3px;
	border-radius:3px;
}

form.cform fieldset {
	border: 0px solid #e5e5e5;
	padding:5px;
	clear:both;

}
form.cform legend {
  font-size: 1px;
  display: none;
}
form.cform ol.cf-ol {
	margin:0;
	padding:0;
}
form.cform ol.cf-ol li {
	clear:both;
	display:block;
	padding:.5em 0;
	list-style:none;
}
form.cform label {
	float:left;
	display:block;
	width:150px;
}
form.cform ol.cf-ol li input,
form.cform ol.cf-ol li textarea,
form.cform ol.cf-ol li select {
	float:left;
}
form.cform .cf-box-title {
	font-weight:bold;
}
form.cform li.cf-box-group label {
	width:150px;
	float:left;
}
form.cform li.cf-box-group input.cf-box-b {
	margin:0 0.3em 0 0;
}
form.cform li.cf-box-group br {
	clear:both;
	margin:0 0 0.4em 0;
}
form.cform span.reqtxt,
form.cform span.emailreqtxt {
  float:left;
  margin:5px 0 0 .5em;
  font-size:11px;
  color: red;
}
form.cform p.cf-sb {
	clear:both;
	margin:0.5em 0 0 0;
	padding:0.5em 0 0 8px;
}
form.cform .cf_hidden {
	display:none;
}

form.cform .required {
	color:#ff0000;
}

form.cform label {
	font-size:12px;
	color:#666;
}
.inputbox,
input.single,
select.cformselect,
textarea.area {
	padding:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;	
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#fff;
	border:1px solid #d5d5d5;
	color:#666;
}
select.cformselect {
	font:11px/15px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}
input.inputbox,
input.single {
	height:14px;	
	font:11px/15px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}
textarea.inputbox,
textarea.area {
	width:98%;
	font:12px/15px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}


textarea.area {
  height: 75px;
}

.cf_hidden {
  display: none !important;
}

form.cform .button,
form.cform .sendbutton {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size:10px;
	cursor:pointer;
	height:25px;
	padding:0 4px;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;	
	-webkit-border-radius:7px;
	border-radius:7px;
	border-width:1px !important;
	border-style:solid !important;
	text-decoration:none;
	color:#fff;
	background:#8CA8CF;
	border-color:#8CA8CF;
	width:auto;
}
form.cform .button:hover,
form.cform .sendbutton:hover {
	background-color:#DFEDFF;
	color:#333;
}


.entry .waiting {
  	color: black;
	border:1px solid #555;
	background-color:#fff !important;
	padding:5px;
	margin:0 20px 0.5em 20px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;	
	-webkit-border-radius:3px;
	border-radius:3px;
}

.entry .success {
	color: blue;
	border:1px solid #555;
	background-color:#fff !important;
	padding:15px;
	margin:0 20px 0.5em 20px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;	
	-webkit-border-radius:3px;
	border-radius:3px;
}

.entry .failure, .widget .failure {
	color:#e93d08;
	border:1px solid #bc391d;
	background-color:#EFE0E0 !important;
	padding:5px;
	margin:0 20px 0.5em 20px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;	
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* Uncomment this and you're pretty much declaring war on Delicious Days... donate then do it ;) */
p.linklove {
	display:none;
}