/*
THEME NAME: Brickyard Creek
DESCRIPTION: <em>Developed 02-2010</em>
VERSION: 1.0.0
AUTHOR: Bagaki Enterprises
AUTHOR URI: http://bagakienterprises.com/
*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('library/styles/layout.css');

/* Apply default theme styles and colors */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');

/* Lightbox Styling */
@import url('library/styles/lightbox.css');

/* -------------------------------------------------------------- 
   
   Default styles for Images
   
   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.
   
   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   neccesary and will be removed.
   
   Cheers. --Ian Stewart
  
-------------------------------------------------------------- */   

.entry-content img {
	max-width:100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -5px;
	margin-left: 0;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.imgleft {
	margin-left: -20px;
}
.imgleft-contact {
	margin-left: -120px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:7px;
	margin-top: 20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

.breadcrumb {
	font-weight: bolder;
	margin-left: 3px;
}

/*   jquery homepage header rotator styling  */

#s3slider { 
   width: 844px; /* important to be same as image width */ 
   height: 306px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 844px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}


.s3sliderImage span {
   position: absolute; /* important */
   left: 733px;
   top: 5px;
   font: 14px/15px Arial, Helvetica, sans-serif;
   /*padding: 10px 13px;*/
   width: 80px;
   height: 276px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.0; /* here you can set the opacity of box with text */
   opacity: 0.0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   /*top: 0;*/

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}