/*  
Theme Name: TECC-2010
Description: A search engine optimized website framework for WordPress, designed for the Tobacco Education Clearinghouse of California.
Author: Ian Anderson
Author URI: http://ianjoshua.com/
Version: 1.0
Tags: 2-sidebars, 3-column, 3-content-areas,page-header-images, 2-widget-areas,
.
TECC-2010 is copyrighted by ETR (Education, Training, Research; etr.org)
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');

/* Import a basic layout */
@import url('styles/3c-b.css');

@font-face {
	font-family: 'MonotypeCorsiva';
	src: url('styles/mtcorsva.eot');
	src: local('☺'), url('styles/mtcorsva.woff') format('woff'), url('styles/mtcorsva.ttf') format('truetype'), url('styles/mtcorsva.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'MyriadProCond';
	src: url('styles/myriadpro-boldcond.eot');
	src: local('☺'), url('styles/myriadpro-boldcond.woff') format('woff'), url('styles/styles/myriadpro-boldcond.ttf') format('truetype'), url('styles/myriadpro-boldcond.svg#MyriadPro-BoldCond') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'LucidaHandwriting';
	src: url('styles/lhandw.eot');
	src: local('☺'), url('styles/lhandw.woff') format('woff'), url('styles/lhandw.ttf') format('truetype'), url('styles/lhandw.svg#MyriadPro-BoldCond') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Impact';
	src: url('styles/impact.eot');
	src: local('☺'), url('styles/impact.woff') format('woff'), url('styles/impact.ttf') format('truetype'), url('styles/impact.svg#MyriadPro-BoldCond') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadWebPro';
	src: url('styles/myriadwebpro.eot');
	src: local('☺'), url('styles/myriadwebpro.woff') format('woff'), url('styles/myriadwebpro.ttf') format('truetype'), url('styles/myriadwebpro.svg#MyriadWebPro') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProCond';
	src: url('styles/myriadpro-condit.eot');
	src: local('☺'), url('styles/myriadpro-condit.woff') format('woff'), url('styles/myriadpro-condit.ttf') format('truetype'), url('styles/myriadpro-condit.svg#MyriadWebPro') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'MyriadProCond';
	src: url('styles/myriadpro-cond.eot');
	src: local('☺'), url('styles/myriadpro-cond.woff') format('woff'), url('styles/myriadpro-cond.ttf') format('truetype'), url('styles/myriadpro-cond.svg#MyriadWebPro') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
        margin: 1.5em 5%;
        background-image: url(http://www.tecc.org/wp-content/themes/TECC-2010/images/background.gif);
}
a{
     color: #0D94C9;
     text-decoration: none;
     background: transparent;
}

a:hover, a:active{
	text-decoration: underline;
	color: #0054A8;
	background: transparent;
}

a:visited{
color: #0054A8;
background: transparent;
}

h2 a{
font-size: 18px;
}

.MyriadPro-BoldCond {
   font-weight: bold; 
   font-style: normal;
   line-height:normal; 
   font-family: 'MyriadProCond', sans-serif;}

.Impact {
font-weight: normal;
 font-style: normal;
line-height:normal;
 font-family: 'Impact', sans-serif;}

.MyriadWebPro {
font-weight: normal;
 font-style: normal;
line-height:normal;
 font-family: 'MyriadWebPro', sans-serif;}

.MyriadPro-CondIt {
font-weight: normal;
font-style: italic;
line-height:normal; 
font-family: 'MyriadProCond', sans-serif;}

.MyriadPro-Cond {
font-weight: normal;
 font-style: normal;
line-height:normal; 
font-family: 'MyriadProCond', sans-serif;
}

.MonotypeCorsiva{
font-weight: normal;
font-style: normal;
font-family: 'MonotypeCorsiva', cursive, sans-serif
}

.small{
font-size: 10px;
}

/* =Header
-------------------------------------------------------------- */


#branding{
height: 85px;
}

#logo img {
position: absolute;
left: 80px;
}

#tecc-logo{
width: 450px;
}

/* temporary for whd */

li div span#whd-styled ul li{
margin-left: 20px;
}

li div span#whd-styled ul{
list-style-type: disc;
list-style-position: outside;
}

li div span#whd-styled ul li{
padding-bottom: 0px;
}
/* =Menu
-------------------------------------------------------------- */
#access {
 margin: 10px 0 0 0;
 overflow: hidden;
 width: 952px;
 height: 40px;
 background-image: url(http://www.tecc.org/wp-content/themes/TECC-2010/images/menu.gif);
 background-repeat: no-repeat; 
}

#search{
float: left;
margin-top: 0.5em;
margin-left: 26px;
text-indent: -96px;
padding-left: 96px;
display: inline;
}

.skip-link {
 position:absolute;
        left:-9000px;
}
.menu{
color: white;
display: block;
height: 17px;
padding-right: 12px;
padding-top: 12px;
font-size: 19px;
}
.menu ul {
 list-style: none;
 margin: 0;
}
.menu ul ul {
 display: none;
}
.menu li {
 display: block;
 float: right;
}
.menu a {
color: white;
text-decoration: none;
padding-left: 8px;
padding-right: 8px;
}
.menu a:active, .menu a:hover {
text-decoration: underline;
}

/* =GreenHeader
-------------------------------------------------------------- */
#tecc-services{
background-image: url(http://www.tecc.org/wp-content/themes/TECC-2010/images/banner-index.gif);
width: 772px;
height: 115px;
position: relative;
margin-left: 180px;
border-bottom: 10px solid grey;
}

/* border-bottom: 10px solid grey; */

#tecc-services #TECC{
color: white;
font-size: 95px;
position: absolute;
left: 38px;
}


#tecc-services #our-mission{
color: #6ea624;
font-size: 22px;
position: absolute;
left: 545px;
top: 15px;
white-space: nowrap;
}

#tecc-services #mission-statement{
color: #6ea624;
font-size: 18px;
width: 320px;
position: absolute;
left: 450px;
top: 38px;
line-height: 120%;
}

.page-header{
border-bottom: 10px solid grey;
}

/* =Archive
-------------------------------------------------------------- */
#archive-table tbody tr td{
border: 1px solid #CCC;
padding: 0 3px;
}

/* =Content
-------------------------------------------------------------- */

#container{
background-image: url(http://www.tecc.org/wp-content/themes/TECC-2010/images/content-bckgrnd.gif);
background-repeat: repeat;
}

#blog-header{
padding-top: 8px;
margin-bottom: -8px;
}
#about-tobacco{
color: #0054A8;
font-size: 38px;
font-weight: bold;
}

#news{
color: #0D94C9;
font-size: 28px;
padding-left: 10px;
font-weight: bold;
}

#archive-link a{
padding-left: 30px;
font-size: 14px;
}

a.sidebar-archive-link{
padding-left: 20px;
font-size: 13px;
}

#content{
background-color: white;
}
.post {
        margin: 0 0 0 0;      
}
.entry-content, .entry-summary {
        margin: 0;
}
.entry-title{
margin-top: 1em;
color: #0054A8;
}

.page .entry-content{
margin-top: 1.5em;
}
.page-list{
margin-top: 12px;
margin-bottom: 12px;
}
.page-list li{
margin: 6px 0;
}

h2.web-links{
font-size: 18px;
color: #0054A8;
font-weight: bold;
}

/* =For CTCP Projects Only
-------------------------------------------------------------- */
div#cdc-widget{
padding-left: 102px;
}

div#cdc-widget h3 a{
font-size: 20px;
margin-left: -25px;
color: #6EA624;
font-family: Arial,sans-serif;
}

div#cdc-widget h3 a:visted{
color: #6EA624;
}

div#cdc-widget h3 a:hover{
color: #6EA624;
}



/* =Web Links / Resources
-------------------------------------------------------------- */

#post-12 .entry-content p{
margin-bottom: 0;
}
#post-12 .entry-content div{
padding-top: 0.5em;
}
#post-12{
width: 732px;
}
/* =Navigation
-------------------------------------------------------------- */

.navigation {
        margin: 0 0 1.5em 0;
        overflow: auto; 
}


/* =Widget Areas
-------------------------------------------------------------- */

#primary{
background-color: #efefef;
}

#order_catalog{
padding-left: 28px;
line-height: 18px;
margin-bottom: 0;
}

#left-menu li.sub-CTCP{
font-size: .9em;
margin-top: 0;
padding-left: 15px;
}

#sidebar-line{
width: 160x;
height: 3px;
background-color: #BBB;
margin-top: 1.2em;
margin-left: 10px;
margin-right: 10px;
}
#catalog-img{
margin-left: 15px;
margin-top: 1em;
}

.social-media-img{
margin-left: 39px;
margin-bottom: 1.2em;
}

.catalog-ad{
margin: 1.2em 0 0 10px;
}

#left-menu li{
margin-top: 1.2em;
margin-left: 2.5em;
}

#left-menu li a{
color: black;
text-decoration: none;
font-weight: normal;
}

#left-menu li a:hover{
font-weight: bold;
}

#left-menu li a:active{
font-weight: bold;
}

.current_page_item a:active{
font-weight: bold;
}

.secondary{
background-color: white;
}
.secondary .xoxo .widget-container .textwidget{
padding-left: 10px;
padding-right: 20px;
}
.primary .xoxo .widget-container .textwidget{
padding-left: 0;
padding-right: 0;
}
.textwidget ul li{
padding-bottom: .8em;
}
.textwidget ul ul li a{
color: #0D94C9;
}
.textwidget ul ul li a:active, .textwidget ul ul li a:hover{
text-decoration: underline;
font-weight: bold;
color: #0054A8;
}

.widget-area ul {
        list-style: none;
        margin-left: 0;
}

.widget-area ul ul ul {
        margin-left: 2.5em;
}
.widget-container {
        margin: 0 0 .5em 0;
}

.sideblog-header{
color: #0054A8;
text-decoration: none;
font-size: 19px;
display: block;
width: 260px;
height: 23px;
background-color: #D1D1D1;
margin-bottom: .3em;
}
.sideblog-header span{
padding-left: 80px;}

.sideblog-header span a:hover, .sideblog-header span a:active{
text-decoration: underline;
}

.sideblog-header a:hover, .sideblog-header a:active{
text-decoration: underline;
}

.widget-title{
color: #0054A8;
width: 260px;
height: 23px;
background-color: #D1D1D1;
font-size: 19px;
text-align: center;
margin-bottom: .3em;
font-weight: normal;
 font-style: normal;
line-height:normal; font-family: 'MyriadProCond', sans-serif;
}

.execphpwidget{
padding-right: 20px;
}
p.indent-bold{
padding-left: 15px;
font-weight: bold;
}

.sidebar-center{
text-align: center;
}

h3.library{
font-size: 14px;
color: #0D94C9;

}

h3.mat-dev{
font-size: 17px;
color: #6EA624;
font-family: Arial, sans-serif;
}

h2.mat-dev{
font-size: 18px;
color: #0054A8;
font-weight: bold;
}

.subhead{
font-size: 18px;
color: #0054A8;
font-weight: bold;
}

#ctcp-projects-sidebar .textwidget{
padding-left: 0px;
}

.CTCP-sidebar-content{
padding-left: 10px;
}

.textwidget #mat-dev-side ul{
list-style-type: disc;
list-style-position: inside;
text-indent: -1em;
margin-left: 1em;
}
#text-4 div.textwidget{
padding-left: 2.5px;
}
#sidebar-video{
margin-bottom: 1em;
}

.wplc_event_list{
padding-left: 10px;
}

#visit-images img{
margin-right: 20px;
width: 250px;
height: 157;
margin-bottom: 20px;
}

.widget_categoryposts ul li{
padding-right: 20px;
}
/* =Footer
-------------------------------------------------------------- */

#footer{
position: relative;
}

#footer div ul {
list-style: none;
font-size: 10px;
}

#footer div ul li a{
font-style: none;
text-decoration: none;
color: gray;
}

#footer div ul li a:hover{
text-decoration: underline;
color: black;
}

.footer-h1{
color: #1654a7;
font-size: 14px;
font-weight: bold;
}
div #footer-text{}

div #catalog-links{
	width: 140px;
	position: absolute;
	left: 210px;
	top: 30px;
}

div #tecc-links{
	width: 150px;
	position: absolute;
	left: 390px;
	top: 30px;
}

div #site-info{
width: 227px;
position: absolute;
left: 690px;
top: 30px;
font-size: 10px;
}

#site-info img {
margin: .5em 0;
display: block;
}

