/*   
Theme Name: Margaret_Gomez
AUTHOR: Blue Roots Strategies, Inc
Version: 1.2f
All rights reserved.
*/

html {overflow:auto;height:100%;}
*{padding: 0; margin: 0;}
body {background: #E8E8E8 url(./images/mgheaderbg.jpg) top right repeat-x; font:0.80em "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;color:#000 ;line-height:2em;}
#footShadow {text-align:center;height:250px; background: #d1d2d4 url(./images/BottomBckgrndGradient.gif) bottom left repeat-x;}
#footShadow img {margin:auto;}
#footShadow span {color:#333333; text-transform: uppercase; font:12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;}
#copywright {margin-top:5px; text-align: center;}
a {color:#444444;text-decoration:none;outline:none;font-weight:bold;}
a:hover {color:#444444;text-decoration:none;outline:0;}
a:visited {text-decoration:none;outline:0;}
a:link h3 {color:#951400;border:none;outline:0;}
a:link img {border:none;outline:none;}
p {padding-top:5px;padding-bottom:5px;}
ul {list-style:none;margin-left:0;padding-left:0;margin-top:0;}
ol {margin-left:0;margin-left:30px;margin-top:0;}
img {border:none;padding-top:0px;padding-bottom:0px;}
code {font-family:"Courier New", Courier, mono;}
pre {font-family:"Courier New", Courier, mono;}
em {font-weight:bold;text-decoration:underline;background-color:#f3f3f3;}

/*layout*/
#container {background: #FFFFFF; margin : 0 auto 0 auto; width : 950px;padding: 0 0px;height:100%; }
#header {background : none repeat scroll 0% 0%;float: left;width : 950px;padding-bottom: 0px;z-index:1001;}

/*header*/
#logo {float : top;}
#logo h1 a {color:#444444;}
#logo img {padding : 0px;border : none;padding-top : 0;display : block;}
#header h1 {float : left;font-size : 3em;line-height : 1em;text-transform : uppercase;display : inline;margin : 15px 0 0 0;}
#site-description {background: transparent;color: #777;float: left;padding: 0;width: 70%;}
#site-description h2{font-size: 1.2em;}
#tag {float : right;text-decoration : none;text-align : right;color : #9c9c9c;background : transparent;padding : 10px 0;width: 30%;}
#subscribe a {background: transparent url(images/feed-icon-14x14.png) top right no-repeat;color: #777;margin:0;padding: 0 20px 0 0;}

/*navigation*/
#navcontainer {}
#navcontainer table {padding-left:0;margin-left:0; color:white;float:left;width:950px;}
#navcontainer table td {text-transform:uppercase; font:.80em "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;}
#navcontainer table tr {width: 100%;}
#navcontainer table td a {padding: 0.2em 1em; color: white; text-decoration: none; float: left;}
#navcontainer table td a:hover {background-color: #3662A7; color: #eee;}

/*drop-down cats*/
.headright {border-left : 1px solid #fff;float : right;}
#navcontainer table.navlist td.headright a {}
#slickbox {background : inherit;float : left;position : relative;margin : 0 auto;width : 100%;padding : 0;text-transform : lowercase;font-size : 0.9em;}
#slickbox h4 {text-transform : uppercase;padding : 3px 0 3px 0;}
#slickcats {background : inherit;float : left;position : relative;
width : 100%;padding : 0;}
ul.headcats {color : #444444;text-align : left;height : auto;width : 100%;margin: 10px 0 0;background-color : inherit;}
ul.headcats li {display : inline;list-style-type : none;margin-right : 3%;
border-bottom : 1px solid #ddd;float : left;text-align : right;display : block;width : 22%;}
ul.headcats li:hover {background : #f3f3f3 !important;}
ul.headcats li a {float : left;color : #333;}
ul.headcats li a:hover {background : #f3f3f3 !important;color : #444444;}

/*content*/
#entries {width : 660px;height:100%; float : right;padding : 10px 15px; background: #D0D0D0 none top left repeat-x;margin:10px 10px 10px 0px; color:#444444;}
.post {margin-bottom : 2em;}
.post ul {list-style : square;margin : 1px 5px 7px 15px;padding : 5px;}
.post li {margin-bottom : 3px;}
h1 {color:#FFF;font-size : 2em;line-height : 1em;text-transform : uppercase;display : inline;margin-bottom : 0.2em;margin-top : 2.5em;}
div#entries h2 {font-size : 2em;line-height : 1em;text-transform:uppercase;display : inline;margin-bottom : 0.2em;margin-top : 2.5em;}
div#entries h2 a {color:#FFF;}
div#entries h2 {color:#FFF;}
h3 {font-weight : bold;font-size : 1em;text-transform : uppercase;margin-bottom : 0.2em;margin-top : 2.5em;letter-spacing : 0.2em;color : #34353e;
border-bottom : 1px solid silver;}
#entries h3 {clear: both;padding-top: 1em;margin-top: 1em;}
div#entries h1.big {margin-bottom: 1.5em;}
.post h3 {border-bottom : none;letter-spacing : normal;margin-bottom : -0.5em;}
blockquote {background-color : #f3f3f3;padding : 10px;margin : 15px 0;}
.big {display : inline;}
.results_content {padding : 0 0 .5em 0;border-bottom : 1px solid silver;}
span.archive-meta {font-size: .9em;}
a.archive-permalink {color:#444444;display: block;font-size: 1.2em;}
.except {margin-top : 1em;}
div.results_date {margin-top: .5em;font-size: .9em;}
.archlist {float : left;color : #333;width : 100%;}
ul.archlist li {display : inline;list-style-type : none;margin-right : 10px;float : left;display : block;width : 215px;}
ul.archlist li a {float : left;margin-right : 3px;}
ul.archlist li a:hover {background : #f3f3f3 !important;color : #444444;}
div.post p img {max-width: 500px;}
div.post-tags {margin: .25em 0;}

/*sidebar*/
#sidebar {background: #E8E8E8 none top right repeat-x; width : 220px;float : left;font-size : 0.9em;padding : 5px 5px;line-height : 1.5em;height:100%;margin: 10px 0px 10px 10px;}
#sidebar img {max-width: 180px;}
input#s {width : 120px;margin : 0 2px 5px 0;font-size : 12px;}
input#s2 {width : 140px;margin : 5px 2px 5px 0;font-size : 12px;}
#searchsubmit {margin-bottom : 5px;}
table#wp-calendar {width: 100%;}
#sidebar h3 {font-weight : bold;font-size : 1.2em;text-transform:uppercase;margin-bottom : 0.2em;margin-top : 1em;letter-spacing : 0.2em;color : #34353e;border-bottom : 1px solid silver;}
#sidebar li {margin-left : 0; padding-left : 0; padding-bottom: 10px; margin-top : 0.1em;}
#sidebarleft {float : left; width:210px;margin-left:2px;}
#sidebarright {}
#sidebarright img {max-width: 180px;}
#sidebarleft img {max-width: 180px;}
#sidebar li {margin-left : 0;padding-left : 0;margin-top : 0.1em;}
#sidebar p {display : block;background-color : #f3f3f3;padding : 5px;margin-top : 1px;}
#searchform div {padding-left : 0;margin : 0.5em 0;}
#sidebarright li a img {background : inherit;border : 3px solid silver;padding : 5px;margin : 7px 3px;}
.flickr {background : inherit;margin : 0 auto;width : 100%;padding : 0;}
.flickr li {padding-top : 5px;}
#sidebarleft li a img, .flickr li img {padding : 4px;border : 2px solid silver;margin: 3px 0;}
div.post-meta {font-size: .9em;color: #777;}
div.bottom-nav {float: left;margin: 1em 0;}

/*widgets*/
#sidebar ul li h2 {font-weight : bold;font-size : 1em;text-transform : uppercase;letter-spacing : 0.2em; text-align: center; color : #FFF; background: transparent url(./images/mgwidgetheader.gif) top right no-repeat; width:210px; height:27px; padding-top: 10px; }
#sidebar ul li h2 a{color:#444444;}
div.ss-form input{margin:5px 0 5px 0; height:20px;}
#wpng-cal-load-widget { padding:10px;}
#wpng-cal-widget-events { padding:10px;}
div.textwidget {display : block; width:210px;}
#twitter_update_list li {margin-top:-1px; padding: 10px;}
li#tubepress {background: white url(./images/WidgetBackground.gif) bottom right no-repeat;margin-bottom:10px;}
.tubepress_thumb_inner {padding:10px; text-align:center;}
#kb-advanced-rss-3 ul {background: white url(./images/WidgetBackground.gif) bottom right no-repeat;padding:10px;}
.flickrpress-container {background: white url(./images/WidgetBackground.gif) bottom right no-repeat;padding:8px; }

/*comments*/
.comments_tiny {color : #b8b8b8;border-bottom : 1px solid silver;}
.alt {margin : 0;padding : 10px;background : #f3f3f3;}
.commentlist {margin-top : 0;}
.commentlist li {margin : 5px 0 0 0;padding : 10px;}
#commentform p {margin : 5px 0;}
.nocomments {text-align : center;margin : 0;padding : 0;}
.commentmetadata {margin : 0;display : block;}
li.comment {font-weight : bold;padding : 10px;list-style : none;}
.commentlist p {font-weight : normal;line-height : 1.5em;margin : 5px 0;text-transform : none;}
#commentform {margin-top : 30px;}
.commentmetadata {font-weight : normal;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color : #777;}
div.comment-invitation {background-color: #f3f3f3;padding: 10px;}
div.comment-invitation p{display: block;width: 100%;padding: 0 0 .3em;}
.text {display: block;float: left;width: 65px;}
input#author.textfield {padding-top: 3px;}
span.allowed-tags {color: #777;font-size: .9em;}
#pages ul li.page_item ul li.page_item {margin-left: .5em;}
.content {margin-bottom : 25px;padding-left : 5px;font-weight : normal;}
.commentbox {width : 99%;height : 120px;}

/*footer*/
#footer {clear: both; width: 950px; background-color: #FFF;}
#footer a {color : white;text-decoration : none;}
#footerinfo {width:930; margin:auto; color : white;font-size: 1em;float : left;display : inline;padding : 0px; width :100%; text-align : left;font-size: 0.9em; height: auto; text-decoration: none; text-align: center; height:36px; background-image: url(./images/footer.jpg); background-repeat: repeat; background-position:top left;}

/*misc*/
.left {display : inline;float : left;}
.right {display : inline;float : right;}
.clear {text-align : center;font-size : 0.8em;color : #9c9c9c;margin : 0;padding : 0 0 20px 0;}
.imgleft {float : left;margin-right : 10px;margin-bottom : 10px;}
.imgright {float : right;margin-left : 10px;margin-bottom : 10px;}
img.frame {padding : 2px;border : 1px solid #dee4e5;}
img.center {display: block;text-align: center;margin: 0 auto;}
img.alignleft {float: left;padding: .9em .5em .5em;}
img.alignright {float: right;padding: .9em 0 .5em .5em;}
img.left {float: left;padding: 0 .5em .5em 0;}
img.right {float: right;padding: 0 0 .5em .5em;}
img.wp-smiley {background: inherit;}
p.akpc_pop {font-size: .8em;}
a.more-link {display: block;}
#wp-calendar tbody tr td {text-align: center;}

/*social media links*/
#socialLinks {position:relative;z-index:9999;margin-left:20px}
#facebookLink {border:none;float:left; padding-right:10px;margin-top:10px;}
#twitterLink {border:none;float:left;padding-right:10px;margin-top:10px;}
#flickrLink {border:none;float:left;padding-right:10px;margin-top:10px;}
#linkedinLink {border:none;float:left;padding-right:10px;margin-top:10px;}
#rssLink {border:none;float:left;padding-right:10px;margin-top:10px;}
#contributeLink {border:none;float:left;margin-top:10px;}

/*FLD*/ 
table.tblSC {padding: 0px; width: 292px;} 
td.tdISC {vertical-align: top;}
td.tdHSC {color:#444444; vertical-align: bottom; font:bold 15px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;} 
td.tdSC {color:#777777; font:10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;}
.sidePostsExerpt {color:#777777; font:10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;}
.sidePostsHead {color:#777777; font:bold  12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;}
#emailUpdates {position:relative; z-index:9;color:white;height:33px;font:10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; text-transform:uppercase;}
#emailUpdatesT1 {float: left;margin-top:10px;  padding:0px 5px 0px 20px;}
#emailUpdatesI3 {float: left;margin-top:10px;  padding:0px 5px 0px 5px;}
#emailUpdatesT2 {float: left;margin-top:10px;  padding:0px 5px 0px 5px;}
#emailUpdatesS1 {float: left;margin-top: 5px;  padding:0px 5px 0px 5px;}

#emailUpdates div input{
float: left;
margin-top:4px;
border: none;
background: #FFF;
}

#emailAddy {
height:32px;
width: 180px;
margin-top:5px;
float: left;
background:  url(./images/RoundedInput.gif) no-repeat left top;
padding: 0px 8px;
}

#emailName {
height:32px;
width: 180px;
margin-top:5px;
float: left;
background:  url(./images/RoundedInput.gif) no-repeat left top;
padding: 0px 8px;
}

#emailSubmit {margin-top:-3px;}

#headerLogo { margin-top:-60px;}
#headerLogo img {position:relative;z-index:8;}
#suppForm {z-index:1; position: relative; margin-top: 20px; margin-left: 750px; color: white;}
.tblSupp {z-index: 1;  position: relative; text-transform : uppercase; font:10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;}
.tblSuppSub {z-index: 1;  position: relative; font:10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;}
.tdSupp {color: white; font-size: 10px;}
.tdSuppHead {border-bottom:thin dashed #fff; color: white; text-transform : uppercase; font:15px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;}
.tdSuppBPS {z-index: 1;  position: relative; color: white; font-size: 10px; white-space:nowrap; font:bold 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;}
.tdSuppSub {z-index: 1;  position: relative;}


.navItem {border-right:#fff solid 1px;}

/* ---------- @ Float Clearing -----------*/

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

.clearfloat {
	}

/*Top Navbar */

#navConatinerDiv {float:left;width:950px;position:relative;z-index:10;}

#navConatinerDivCenter {width:930px;text-align:center;margin:auto;}

#nav {
    height:37px;
    padding:0 0;
    font-size:.9em;
    text-transform: uppercase;
    }
	
#nav, #nav ul {
    list-style: none;
    line-height: 1;
    }
#lastNavItem {float:left;}

#lastNavItem li{    
    height:37px;
    float:left;
    background-image:none;
    }
#mainNavList {float:left;}

#mainNavList li {
    height:37px;
    float:left;
    background-color:#E8E8E8
    }

#nav a, #nav a:visited {
    display:block;
    padding:12px 15px;
    }

#nav li:hover {
    background-image: url(./images/mgnavhover.jpg); 
    background-repeat: repeat; background-position:top left;	
    }

li.current_page_item { 
    background-image: url(./images/mgnavhover.jpg); 
    background-repeat: repeat; background-position:top left;
    }

#nav a:hover, #nav a:active, #nav li.current-cat a, #nav li.current-cat a:visited {color:#FFF}
li.current_page_item a, li.current_page_item a:visited{color:#FFF}


/* Dropdown Menus */		
#nav li ul {
    position: absolute;
    left: -999em;
    height:auto;
    width: 200px;
    }

#nav li li {
    text-align:left;
    width: 200px;
    padding:0;
    height:auto;
    }
    
#nav li li li{
    margin-top:-28px;
    margin-left:200px;
    height:auto;
    width: 200px;
    padding:0;
    }

#nav li li a, #nav li li a:visited {
    margin-top:0px;
    font-weight:normal;
    font-size:0.9em;
    color:#FFF;
    border:none;
    padding:9px 10px 9px 22px;
    background-color:#3C3C3E;
    text-transform: uppercase;
    }

#nav li li a:hover, #nav li li a:active {
    background-color:Black;
    border:none;
    }	
		
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
	}

a.main:hover {
    background:none;
    }

#nav li li.current-cat a, #nav li li.current-cat a:visited, #nav .current-cat .children a, #nav .current-cat .children a:visited{
    background:#A8A9AD url(./images/star.gif) no-repeat 6px 8px;
    border:none;
    }

#nav li li.current-cat a:hover, #nav li li.current-cat a:active,#nav .current-cat .children a:hover, #nav .current-cat .children a:active {
    background:red url(./images/star.gif) no-repeat 6px 8px;
    border:none;
    }	
	
/*Subpage Menu*/

.submenu {
    float:right;
    width:240px;
    margin: 0 0 12px 16px;
    }

.subnav li {
    list-style:none;
    }
		
.subnav a, .subnav a:visited {
    background:#103064;
    display:block;
    padding:6px 12px;
    }	

.subnav a:hover, .subnav a:active,.subnav li.current_page_item a, .subnav li.current_page_item a:visited  {
    background:#A8A9AD;
    color:#FFF;
    }

/*Tertiary Menu*/	

.subnav li li {
    list-style:square;
    margin-left:30px;
    }
	
.subnav li li a, .subnav li li a:visited {
    background:none;
    padding-left:0;
    padding:3px 0;
    }

.subnav li li a:hover, .subnav li li a:active,.subnav li li.current_page_item a, .subnav li li.current_page_item a:visited  {
    background:none;
    color:#FFF;
    }