/*  
Theme Name: Breast Cancer Angels
Version: 1.0
Description: Designed exclusively for use by Breast Cancer Angels by <a href="http://mindyschmidt.com">Mindy Schmidt</a>.
Author: <a href="http://mindyschmidt.com">Mindy Schmidt</a>.
Author URI: http://www.mindyschmidt.com
*/

/*
-------------------------------
Colors (excluding nav colors)
---------------------------------
dark-pink: #993399;
light-pink: #F4E9F3;
blue: #006699;
light-blue: #96bfd8;
lightest-blue: #e2ecf2
grey: #8a8a8a
*/

body {color:#666;}
.blue p, p .blue, h3 .blue {color:#006699;}

a {color:#993399;}

.title-ribbon h1, .title-ribbon h1 a {color:#fff;}
	
.commentform {color:#8a8a8a;}
p.commentform input, p.commentform textarea {border:1px solid #95bfcd;}
p.commentform input#submit         {background:#e2ecf2; color:#95bfcd;}
p.commentform input#submit:hover   {background:#95bfcd; color:#fff;}
ol.commentlist li.comment {background:#F4E9F3;}
.comment-author img.avatar {border-color:#fff;}
.widget a {color:#993399;}
#main-sidebar-search input.search {color:#8a8a8a;}
.info p {color:#8a8a8a;}
#footer p {color:#fff;}
#footer a {color:#fff;}
#container-top-info {color:#993399; text-align: center;}
#nav a:hover {background:#F4E9F3; color:#993399;}
#nav li ul li {background:#F4E9F3; border:1px solid #993399;}
#nav li ul li a {color:#993399;}
	#nav li ul li:hover a, #nav li ul li.sfhover a {color:#333;}
.info p {color:#8a8a8a;}
.postcontent img {border:1px solid #F4E9F3;}
.archive-comments {background:#F4E9F3;}
.archive-comments p {color:#8a8a8a;}


/*
-------------------------------
HTML Tag defaults
---------------------------------
*/
	
body { font-family: Verdana, Arial, Helvetica, "Lucida sans", sans-serif; font-size: 12px; line-height: 1.6; text-align: center; padding: 0 0 30px; background:url(images/background-pixel.png); font-stretch:ultra-expanded; font-stretch: narrower;}

p {text-align: justify;}

p, ul, ol, table { margin: 0 0 1.33em }

strong {font-weight: bold }
em { font-style: italic }

h1 {font-size: 20px; font-weight: bold; line-height: 1; margin: 0 0 15px;}
h2 {font-size: 16px; font-weight: bold; line-height: 1; margin: 0 0 15px;}
h3 {font-size: 14px; font-weight: bold; line-height: 1; margin: 0 0 14px;}
h4 {font-size: 12px; font-weight: bold; line-height: 1; margin: 0 0 14px;}
h5 {font-size: 11px; margin: 0 0 12px;}
h6 {font-size: 10px; margin: 0 0 12px;}

a, a:link, a:visited {text-decoration: none;}
a:hover, a:active, a.active {text-decoration: underline;}

img {border:0px;}

.alignright {float:right;}
.alignleft {float:left;}

a {cursor:pointer;}

/*
-------------------------------
Basic Div Layout
---------------------------------
*/

.clear {clear:both;}

#background {background:url(images/background-top.png) no-repeat top center; width:1215px; margin:0 auto; text-align:left;}

	#container-top {background:url(images/bca-header-bg.png) no-repeat top center; width:1008px; height:188px; margin:0 auto;}
		#container-top-info {width:600px; height:20px; font-size:12px; font-weight:bold; font-family:"Lucida Grande", Arial; position:relative; top:168px; left:408px;}
	
	#container {background:url(images/container-bg.png) repeat-y center; width:1008px; margin:0 auto;}
	
		#content-top-space {height:2px;}
		#content-top {margin:0 auto; height:36px; width:941px; background:url(images/content-top.png) no-repeat top center; clear:both;}
		#content {margin:0 auto; width:941px; background:url(images/content_bg.png);}
		#content-bottom {margin:0 auto; height:49px; width:941px; background:url(images/content-bottom.png) no-repeat top center;}
	
	
	#container-bottom {background:url(images/container-bottom.png) no-repeat top center; width:1008px; height:17px; margin:0 auto;}
	
#twocolleft {float:left; width:641px; height:100%;}

#twocolright {float:left; width:300px; height:100%;}
	#main-sidebar {width:270px; margin:0 auto; margin:20px 15px;}
	#main-sidebar-video {width:260px; margin:0px 5px; clear:both;}
	#main-sidebar-video-topspace {height:10px;}


.entry {margin:20px 20px 0px;}

.threecolleft {width:380px; float:left;}

.threecolmiddle {width:180px; margin:20px; height:20px; float:left;}

#footer {width:960px; margin:0 auto;}
#footer p {text-align: right; text-transform: uppercase; font-size:10px;}
#footer a:hover {text-decoration: underline;}
	
/*
-------------------------------
Navigation
-------------------------------
*/

#nav_wrapper {height: 36px; width:910px; margin: 0 auto; position:relative; z-index:100;}
#nav { font-family:"Lucida Grande", Arial; letter-spacing:2px; height: 36px; position: relative; top: 0px; left: auto; z-index: 9999; margin:0;}
#nav a {display: block; margin:1px 0px; line-height: 34px; padding: 0 15px; z-index: 100; font-size: 12px; font-weight:bold; text-transform:uppercase; color: #fff; cursor:pointer;}
#nav a:hover {text-decoration:none;}
#nav li {float: left;}

/* Style drop down list */
#nav li ul { position: absolute; width: 172px; left: -999em;}
#nav li ul li {border-top:0px;}
#nav li ul li a { line-height: 34px; width: 150px;}
	#nav li ul li:hover a, #nav li ul li.sfhover a {}
#nav li ul ul {	margin: -26px 0 0 170px; }
#nav li ul ul li a { line-height: 34px; text-transform:none; }
#nav li ul li ul li a { }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */


/*
-------------------------
Posts
-------------------------
*/

.title-ribbon {width:auto; height:34px; padding:13px 20px 0px; margin:20px 0px 20px -34px; background:url(images/ribbon-shadow.png) no-repeat top left;}
.title-ribbon h1 {width:auto; padding:0; margin:0; font-size:17px; text-transform: uppercase; line-height:1; font-weight:normal;}
.info p {font-size:10px;}
	.titlewithinfo {line-height:1; padding-bottom:3px; margin-bottom:0;}
	
.postcontent img {padding:5px;}

.post {margin-bottom:20px;}

img.alignright {margin:8px 0px 8px 10px;}
img.alignleft {margin:8px 10px 8px 0px;}

.thumbnail {border:1px solid #e2ecf2; margin:5px; padding:5px;}

/*
-------------------------
Archives
-------------------------
*/
h3.continue-reading {font-weight:lighter; font-stretch: narrower; padding:8px 0px;}
.archive-comments {padding:8px 8px 8px 20px; margin:10px 0px 20px -20px;}
.archive-comments p {padding:0; margin:0; font-size:10px;}
.archiveposttitle {margin-top:20px; padding-top:20px;}

/*
-------------------------
Featured Slider Navigation
-------------------------
*/

/* Easy Slider */

#mygallery {margin:20px;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 600px; /*Width of Carousel Viewer itself*/
height: 260px; /*Height should enough to fit largest content's height*/
border:3px solid #5591b4;
border-left:0px;
border-right:0px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ /*margin around each panel*/
width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*
-------------------------
Sidebar
-------------------------
*/

#main-sidebar-search {width:270px; height:33px; background:url(images/search.jpg) no-repeat; margin-bottom:15px;}
#main-sidebar-search input.search {border:0px; height:16px; margin:6px 0px 6px 5px; width:205px; padding:3px; float:left; font-weight:bold;}
#main-sidebar-search input.search-submit {background:url(images/search-submit.jpg) no-repeat; border:0px; margin:6px 0px 6px 10px; display:block; width:29px; height:21px; padding:3px; float:left; cursor:pointer;}
.bottom-ad-space {height:20px;}
img.img125 {margin:5px; float:left;}
a img.img125 {cursor:pointer;}


/*
-------------------------
Footer
-------------------------
*/


/*
-------------------------
Widgets
-------------------------
*/
.widget ul {margin-left:0px;}
.widget ul li {line-height:1.8; list-style-image: url(images/bullet.jpg); margin-left:20px;}
.widget h3 {margin:0; padding:7px 0px 7px;}


/*
-------------------------------
Forms
-------------------------------
*/

p.commentform {line-height:1; padding:0; margin:5px 0px;}
p.commentform input, p.commentform textarea {padding:3px;}
p.commentform input {width:60%;}
p.commentform textarea {width:380px; padding:3px 0px;}
p.commentform input#submit {width:380px; text-align: center; font-weight: bold; cursor:pointer;}

ol.commentlist li.comment {padding:10px;}
ol.commentlist li.comment p {padding:5px 0px;}

.comment-author img.avatar {float:right; border:1px solid;}
.comment-author .fn {font-weight:bold; font-style:normal;}
.comment-meta {padding:5px 0px; font-size:11px;}