/* base CSS for survivingbullies.com by Lee Fleming, InfoPulse LLC www.infopulsellc.com */
html, body { 
 margin:0; 
 padding:0; 
 text-align:center;
font: 11pt/140% Arial, Helvetica, sans-serif; 
 background: #a1d9e5 url(http://www.survivingbullies.com/images/bg.gif) fixed repeat-x;
} 

#pagewidth { 
 width: 900px; 
 text-align: left; 
 min-width: 500px; 
 margin-left: auto; 
 margin-right: auto; 
  
} 

#container {
width: 100%;
background-color: #fff;
}

 /* #wrapper {
margin: 0px auto;
padding-bottom: 10px;
width: 900px;
border-top: 7px solid #9DB7A7;
border-right: 1px solid #aaa;
border-bottom: 20px solid #9DB7A7;
border-left: 1px solid #aaa;
background: #eee;
color: #333;
} */

#maincol {  
 float: right; 
 display: inline; 
 position: relative; 
 width: 634px;
 padding: 15px;
border-left: 5px dotted #8dcede;
 }

#copy {width: 100%;}

#leftcol {
 width: 220px; 
 float: left; 
 position: relative; 
 padding: 5px 10px 5px 0;

 }

h2.sectiontitle {font-size: 9.5pt; font-family: "arial black", impact, arial, helvetica, sans-serif;
letter-spacing: .8em; text-transform: uppercase; color: #F2A40C; margin: 20px 0 20px 0; text-align: right;
 }

 h1 {
font-family: georgia, times new roman, times, serif;
/* letter-spacing: 0.09em; */
}

h4 {
font-family: georgia, times new roman, times, serif; font-size: 1.2em; 
margin-bottom: -6px; color: #CC6731;
}

.aff {font-family: georgia, times new roman, times, serif; font-style: italic;
margin: 3px 0;}

h3.title {color: #1388aa; font-family: Georgia, serif; font-style: italic;
	font-size: 25px; font-weight: 500;   margin: 25px 0; }

h3.smtitle {color: #1388aa; font-family: Georgia, serif; font-style: italic;
	font-size: 20px; font-weight: 500; margin: 20px 0 0 0; }

h3.bigtitle {color: #005F7B; font-family: Georgia, serif; font-style: italic;
	font-size: 28px; font-weight: 500;   margin: 0; }

p, li {
margin: 6pt 0; font-weight: 500; }
p.intro {font-family: Georgia, serif; font-style: italic; color: #B26306;}


#maincol p, #maincol li {font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.45em; }


#copy p {font-size: 11pt; line-height: 140%;}
.dropcap {
	margin: 0px 0 -5px 0;
}
.center {
text-align: center;
}

blockquote {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
}

ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}

li {

}

img {
margin: 0;
padding: 0;
border: 0;
}

a:link { background-color: transparent; text-decoration: underline; color: #005F7B; }
a:visited { background-color: transparent; color: #4E4D6B; }
a:hover { background-color: #93F335; color: #fff; }
a:active { background-color: #93F335; color: #f00; }


 /* header stuff */
#header { 
 height: 80px; 
 width: 100%; 
 background-color: #1388aa; 
 padding: 0; margin: 0;
border-bottom: 1px solid #fff;
 } 
 #topline {
 	width: 100%;
 }
 #logo {
 	height: 60px; width: 60px; padding: 0; float: left; margin: 0; border: 0;
 }
 h1#logotype {
 	float: left; color: #E0BE27; height: 60px;
 font: 500 16pt/80% Georgia, serif; text-indent: 5px; margin: 21px 0 -21px 0; padding: 0; letter-spacing: -1px;
 }
 #logotype a {
 	color: #fc3; text-decoration: none;
 }
 #toprownavs {
 	
 }
 
 #basenavs {
 	float: right;
font-size: 10pt; 
font-weight: 600; 
padding-right: 10px;
height: 60px;
line-height: 80%;
margin: 15px 0 -15px 0;
 }
 #basenavs li {
display: inline;
list-style-type: none; 
padding: 0 10px 0 10px;
border-right: 0px solid #fedf4d;  font-family: arial, helvetica, sans-serif;
}

#basenavs a:link  {
	color: #FEDF4D;
	text-decoration: none;
}

#basenavs a:visited  {
	color: #FEDF4D;
		text-decoration: none;
}

#basenavs a:hover  {
	color: #f74c02;
}

#basenavs a:active  {
	color: #fc0;
}

 #yourstories {
 	height: 20px; 
	clear: both; 
	background-color: #017ba0; 
	padding: 0; 
	margin: 0; 
	text-align: right; 
 }

#featurefour h4 {color: #016d8d; font-size: 11pt; text-transform: uppercase; margin: 10px 10px 0 0;} 

h4.about, .about {color: #147A7E; text-align: left; font-family: Georgia, serif; font-style: italic;
	font-size: 12pt; font-weight: 600;   margin: 5px 0; padding-left: 25px; float: left;}

h4.contact, .contact {color: #147A7E; float: right;
	font-family: Georgia, serif; font-weight: 500; font-size: 12pt;
	 margin: 5px 0px; letter-spacing: -.4pt; text-align: right; padding-right: 25px; }

h4.feedback, .feedback {clear: both; font-size: 12pt; font-family: Georgia, serif; font-weight: 500; color: #147A7E; margin: 5px 0; text-align: center;  }

 ul#yournavs {
 padding: 0; 
 margin: 0;
 font: 13px "Arial Black", Impact, sans-serif;
 }
 
  #yournavs li
{
display: inline;
list-style-type: none;
padding-right: 10px;  font: 13px "Arial Black", Impact, sans-serif;
}
li.your {
	color: #aff702;  font: 13px "Arial Black", Impact, sans-serif;
}

#yournavs a:link  {
	color: #aff702;
	text-decoration: underline;
}

#yournavs a:visited  {
	color: #aff702;
}

#yournavs a:hover  {
	color: #f74c02;
}

#yournavs a:active  {
	color: #fc0;
}
/* end header stuff */
/* footer stuff */
#footer {
 height:25px; 
 width:auto; 
 background-color: #8dcede; 
 padding: 5px 10px 0 10px;
} 

#copyright {
	float: left;
}
 #platform {
 	float: right; padding-right: 15px;
 }
 #webmaster {
 	float: right;
 }
 .powered, a:link.powered, a:visited.powered {
 	font-size: 8pt; color: #095558;
 }


/* end footer stuff */

#blogtitle {
float: left;
margin: 0;
padding: 0;
width: 350px;
text-align: left;
}

#blogtitle h1 {
margin: 0;
padding: 0;
font-size: 160%;
letter-spacing: 0.1em;
text-align: left;
}

#content {
float: left;
margin-bottom: 10px;
padding: 0 10px;
}

#blog {
float: left;
margin-right: 5px;
padding: 10px;
border: 1px solid #ccc;
width: 440px;
background: #fff;
color: #333;
font-size: 80%;
text-align: left;
}

#sidebar {
float: left;
margin-left: 5px;
padding: 10px;
border: 1px solid #ccc;
width: 225px;
background: #fff;
color: #333;
text-align: left;
font-size: 70%;
}


.date {
font-size: 100%;
background: transparent;
color: #fc0;
}


.spacer {
clear: both;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}

.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
}

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* left navs */
 ul#navlist
{
width: 211px;
width: 213px;
width: 211px;
padding: 0px;
border: 1px solid #ccc;
border-top: 0px;
margin: 25px 0 25px 0px;
font: 12px arial,helvetica,sans-serif;
background: #8ed0d4; 
}


ul#navlist li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #fff; 
font: 12px arial,helvetica,sans-serif;
}

ul#navlist li a
{
display: block;
width: 174px;
width: 213px;
width: 174px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #017ba0;
background: #a1d9es;
text-decoration: none;
text-align: right; 
}

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
{
border-color: #ff9000;
color: #ffffff;
background: #1388aa;
}


/* dyno cats */
 ul#nav_categories
{
width: 189px;
width: 191px;
width: 189px;
padding: 0px;
border: 1px solid #ccc;
border-top: 0px;
margin: 0 0 0 20px;
font: 12px arial,helvetica,sans-serif;
/* background: #8ed0d4; */
}

ul#nav_categories ul
{
width: 169px;
width: 163px;
width: 169px;
padding: 0px;
border: 1px solid #ccc;
border-top: 0px;
margin: 0 0 0 20px;
font: 12px arial,helvetica,sans-serif;
background: #8ed0d4; 
}



ul#nav_categories li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #fff; 
font: 12px arial,helvetica,sans-serif;
}

ul#nav_categories li a
{
display: block;
width: 152px;
width: 191px;
width: 152px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #017ba0;
background: #a1d9es;
text-decoration: none;
text-align: right; 
}

ul#nav_categories ul li a
{
display: block;
width: 132px;
width: 191px;
width: 132px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #017ba0;
background: #a1d9es;
text-decoration: none;
text-align: right; 
}


ul#nav_categories li a:link { color: #666677; }


ul#nav_categories li a:hover
{
border-color: #ff9000;
color: #ffffff;
background: #1388aa;
}

#home a.home, #videobook a.videobook, #workbook a.workbook, #charity a.charity, #climate a.climate, #resources a.resources, #community a.community, #location a.location
{
font-weight: bold;
}

/* end left navs */

/* form stuff */

.input {
background-color:  #fff;
color:             #666677;
font-family:       Arial, Sans-serif;
font-size:         13px;

}

#sidebarbox {width: 174px;
width: 213px;
width: 174px;
border: 1px  solid #017ba0;
padding:           1px 3px 1px 3px;
margin-top:        2px;
margin-bottom:     4px;
margin-left: 1px;
}

.textarea {
border:        1px solid #8ed0d4;
background-color:  #fff;
color:             #666677;
font-family:       Arial, Sans-serif;
font-size:         13px;
margin-top:        3px;
margin-bottom:     3px;
margin-left: 3px;
}

.checkbox {
background-color:  transparent;
color: #666677;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
font-family:       Arial, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 2px 1px 2px;
margin-top:        2px;
margin-bottom:     4px;
text-transform:    uppercase;
border: 2px solid #017ba0;
background-color: #a1d9e5;
color:            #666677;
}
 
/* search stuff */
.sidebarbox {
margin-left: 0px;
padding: 0px;
width: 171px;
width: 173px;
width: 171px;
background: #fff;
color: #667;
text-align: center;
border: 0px solid #ccc;
}

p.sidebar { margin: 2px 0; padding: 0; font-size: 11px; text-transform: uppercase;}
h6 {color: #017ba0; font-family: Georgia, serif; font-size: 14px; font-weight: 500; margin: 0; padding: 0;}
 
/*bookbox*/
.booklettext {
	color: #B1352D;
	font-family: Georgia, serif; font-weight: 600; font-size: 9.5pt;
	font-style: italic; margin: 0px 5px 4px 0px; line-height: 120%;
	letter-spacing: -.4pt; text-align: right; padding: 0 5px 0 1px;
}

.bookletmore, a:link.bookletmore, a:visited.bookletmore {
	color: #314F61; font-family: Georgia, serif; font-weight: 800; font-size: 9pt;
	 margin: 2px 14px 7px 0; line-height: 100%; font-style: italic;
	 text-align: right;
}
.booktitle {
	font-size: 27px; color: #c60; font-weight: 700;
	font-family: Georgia, serif; margin: 2px;
	font-style: italic; line-height: 110%;
}

td {padding: 5px 0;}
td.line {border-bottom: 1px solid #B26306;}

/* Hides from IE-mac */
* html .box {height: 1%;}
/* End hide from IE-mac */

#box {width: 530px; background-color: #fff;}

.bookletover {
	color: #314F61; font-family: Georgia, serif; font-weight: 500; font-size: 18pt;
	font-style: italic; margin: 25px 5px 4px 0px; line-height: 120%; text-align: right;
	 padding: 0 5px 0 1px;
}

/*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}