/*

Theme Name: goWebSolutions
Description: Simple, modern, lightweight
Version: 1.0
Author: Francisco Neri
Author URI: http://www.gowebsolutions.com
Tags: grey, orange, white, fixed width, two columns, widgets, fixed width, valid XHTML, valid CSS, two columns, right sidebar, simple


*/

* {
  padding:0;
  margin:0;
  list-style:none;
}

body {
  font:62.5% Arial, Helvetica, sans-serif; /* Means 1em == 10px, 1.2em == 12px, etc. */
  background:#96987b url(./images/bg.jpg) repeat-x; /* Set background image here */
  color:#FFFFFF;
}

.bg-internal{
background:#96987b url(./images/bg-internal.jpg) repeat-x;
}


p{
  font-size:1.2em;
}

img {
  border:0;
}

div#wrapper {
/******************* width principal ***************************/
  width:960px;
  padding-top:8px;
  margin:0 auto 0;
  background:none;
}

div#masthead {
  /*width:768px;*/
  background:none;
  position:relative;
  height:340px;
}

.masthead-internal {
  height:200px !important;
}


div#masthead #banner{
width:970px;
height:330px;
position:absolute;
top:30px;
left:0px;
}

div#masthead #banner-internal{
width:970px;
height:175px;
position:absolute;
top:30px;
left:0px;
}






/* Blog Title */
h1, h2, h3, h4, h5, h6 {
  font:'Trebuchet MS', Arial, Helvetica;
}
h1 { font:3.2em;}
h2 { font:2.8em;}
h3 { font:2.4em;}
h4 { font:2.0em;}
h5 { font:1.6em;}
h6 { font:1.4em;}




a {
  outline:0;
  color:#e6d8bf;
}

/* Page dropshadow */
div#content {
/******************* width principal ***************************/
  width:960px;
  background:url(images/main_bg.png) left top repeat-y;
  padding-top:30px;
}


/*-----------------------------------------------------------------------------

  Main Content

-----------------------------------------------------------------------------*/

div#main {
/******************* width principal ***************************/
  width:655px;
  padding:0 15px 20px 10px;
  float:left;
}
div.main-right {
/******************* width principal ***************************/
  float:right !important;
}
div.main-complete{
/******************* width principal ***************************/
  width:920px !important;
}
div.main-2-columns{
/******************* width principal ***************************/
  width:440px !important;
}


/* Main header on single pages */
h2.header {
  color:#e6d8bf;
  font-size:24px;
  padding:10px 0 0;
  line-height:1;
  margin:0 0 5px;
  position:relative;
}
div#main h2.header a {
  color:#e6d8bf;
  text-decoration:none;
}
h2.header span {
  position:relative;
  padding-right:10px;
  width:100px;
}

/*****************************************************************************************************************************************************/
h2.title-home {
  background:url(images/title/welcome.png) 40px 16px no-repeat;
  margin-bottom:30px;
}
h2.title-collection {
  background:url(images/title/collection.png) 40px 16px no-repeat;
  margin-bottom:30px;
}
h2.title-upcoming {
  background:url(images/title/upcoming.png) 40px 16px no-repeat;
  margin-bottom:20px;
}
h2.title-get-involved {
  background:url(images/title/get-involved.png) 40px 16px no-repeat;
  margin-bottom:20px;
}
h2.title-calendar-of-events {
  background:url(images/title/calendar-of-events.png) 40px 16px no-repeat;
  margin-bottom:20px;
}
h2.title-education {
  background:url(images/title/education.png) 40px 16px no-repeat;
  margin-bottom:20px;
}
h2.title-museum-store  {
  background:url(images/title/museum-store.png) 40px 16px no-repeat;
  margin-bottom:20px;
}
h2.title-visit-us   {
  background:url(images/title/visit-us.png) 40px 16px no-repeat;
  margin-bottom:20px;
}

h2.title-giving  {
  background:url(images/title/giving.png) 40px 16px no-repeat;
  margin-bottom:20px;
}
h2.title-about  {
  background:url(images/title/about.png) 40px 16px no-repeat;
  margin-bottom:20px;
}


h2.title-our-story   {
  background:url(images/title/our-story.png) 40px 16px no-repeat;
  margin-bottom:20px;
}

h2.title-contact-us  {
  background:url(images/title/contact-us.png) 40px 16px no-repeat;
  margin-bottom:20px;
}
h2.title-pressnews {
  background:url(images/title/pressnews.png) 40px 16px no-repeat;
  margin-bottom:20px;
}

h2.title-membership-benefitscosts  {
  background:url(images/title/membership-benefitscosts.png) 40px 16px no-repeat;
  margin-bottom:20px;
}


h2.title-member-login   {
  background:url(images/title/member-login.png) 40px 16px no-repeat;
  margin-bottom:20px;
}

h2.title-volunteer-info  {
  background:url(images/title/volunteer-info.png) 40px 16px no-repeat;
  margin-bottom:20px;
}
h2.title-vol-login {
  background:url(images/title/volunteer-login.png) 40px 16px no-repeat;
  margin-bottom:20px;
}
h2.title-blog {
  background:url(images/title/blog.png) 40px 16px no-repeat;
  margin-bottom:20px;
}
h2.title-tours  {
  background:url(images/title/tours.png) 40px 16px no-repeat;
  margin-bottom:20px;
}
h2.title-tours2  {
  background:url(images/title/tours2.png) 40px 16px no-repeat;
  margin-bottom:20px;
}
h2.title-professional-development {
  background:url(images/title/professional-development.png) 40px 16px no-repeat;
  margin-bottom:20px;
}
h2.title-classes {
  background:url(images/title/classes.png) 40px 16px no-repeat;
  margin-bottom:20px;
}


h2.title-tours2 span, h2.title-tours span, h2.title-professional-development span, h2.title-classes span, h2.title-blog span, h2.title-membership-benefitscosts span,h2.title-member-login span, h2.title-volunteer-info span, h2.title-vol-login span,  h2.title-pressnews span, h2.title-contact-us span, h2.title-our-story span, h2.title-about span, h2.title-giving  span, h2.title-visit-us span, h2.title-museum-store span, h2.title-education span, h2.title-home span, h2.title-collection span, h2.title-get-involved span, h2.title-calendar-of-events span, h2.title-upcoming span, h2 span{
background:url(images/fairy.png) left top no-repeat;
height:34px;
width:100px;
padding-right:30px;
}



/*****************************************************************************************************************************************************/




/* Secondary headline above comments and comment form */


div#main p {
  color:#fff;
  margin:15px 0;
  font-size:14px;
}

div#main a {
  color:#e6d8bf;
}
div#main a:hover {
text-decoration:none;
}

.article {
  margin-bottom:20px;
}

.article blockquote {
  margin:20px 15px;
  padding:1px 15px;
  border-left:5px solid #616351;
  background:#eedfc5;
}
.article blockquote p{
color:#333333 !important;
}


.article ul, .article ol {
  font-size:1.2em;
  color:#e6d8bf;
  margin-left:15px;
}

.article ul li {
  margin:5px 0;
  padding-left:15px;
  background:url(./images/square.png) 0 2px no-repeat;
}

.article ol {
  margin-left:30px;
}

.article ol li {
  list-style:decimal;
  margin:10px 0;
}

.article ol li ol {
  font-size:1em;
  margin-left:15px;
}

#main p.byline {
  color:#CCCCCC;
}

ul.article_footer {
  text-align:right;
  margin:10px 0;
  background:#333333;
  padding:5px 10px;
  border:1px solid #999999;
  border-width:1px 0;
  line-height:1.5;
}

ul.article_footer li {
  font-size:0.9em;
  display:inline;
  background:none;
  border-left:1px solid #999999;
  margin-left:5px;
  padding-left:10px;
}

ul.article_footer li.first {
  border-left:0;
}

/*-----------------------------------------------------------------------------

  Secondary Content

-----------------------------------------------------------------------------*/

div#secondary {
  padding:0 20px 0px;
  width:220px;
  float:right;
  margin-right:15px;
}
div.secondary-left {
  float:left !important;
 /* padding:0 10px 20px 30px !important;  */
}

div#secondary ul#sidebar {
  margin:15px 0 20px;
  color:#fff;
  padding-bottom:10px;
}

div#secondary ul#sidebar li {
  margin:5px 0;
  font-size:1.2em;
  line-height:1.5em;
}

/* Sidebar headers */
div#secondary h2 {
  text-transform:uppercase;
  color:#e6d8bf;
  margin:20px 0 8px;
  font-size:1em;
  line-height:1;
}

div#secondary a {
  color:#FFF;
  text-decoration:none;
}

div#secondary a:hover {
  text-decoration:underline;
}

div#secondary ul.children {
  margin-left:5px;
  padding-left:10px;
  border-left:5px solid #EAEAEA;
}

div#secondary ul#sidebar li li {
  font-size:1em;
}

/* Optional bio area header (commented out by default) */
div#author h2 {
  font-size:1.2em;
}

div#secondary p {
  line-height:1.5;
  margin:5px 0;
  color:#666;
}

/* Search input */
form#searchform {
  position:relative;
  height:28px;
  margin-bottom:20px;
}

form#searchform input#s {
  position:absolute;
  top:0;
  height:18px;
  width:156px;
  padding:5px;
  background:url(./images/text_bg.png) repeat-x;
  border:1px solid #bcbcbc;
}

input#search_submit {
  position:absolute;
  right:0;
}

/*-----------------------------------------------------------------------------

  Footer

-----------------------------------------------------------------------------*/

ul#footer {
/******************* width principal ***************************/
  width:984px;
  height:63px;
  margin:0 auto;
  background:url(./images/bg-footer.png) no-repeat;
  text-align:center;
  font-size:1em;
  color:#686868;
  padding:13px 0;
}

ul#footer li {
  display:inline;
  margin-left:10px;
  color:#000000;
}

ul#footer li span {
  position:absolute;
  text-indent:-9999em;
}

ul#footer li a {
  color:#5d6254;
  text-decoration:none;
}
ul#footer li a:hover {
  text-decoration:underline;
}
/*-----------------------------------------------------------------------------

  Wordpress Specific Stuff - Elements that weren't in my original stylesheet

-----------------------------------------------------------------------------*/

ol.commentlist {
  margin-top:15px;
  color:#555;
}

/* Background color for visitor comments */
ol.commentlist li {
  background:#F1F1F1;
  padding:10px;
  margin:10px 0;
}

/* Background color for Admin comments */
ol.commentlist li.alt {
  background:#EBF9FC;
}

textarea#comment {
  width:500px;
}

#main p.comment_meta {
  margin:0;
  float:right;
}

/* Optional popup window (NOTE: popups make for bad UI IMHO) */
body#commentspopup {
  background:#FFF;
  padding:20px;
}

body#commentspopup a {
  color:#666;
}

body#commentspopup h1 a {
  position:relative;
  top:0;
  left:0;
}

body#commentspopup h3 {
  color:#555;
}

body#commentspopup p {
  margin:10px 0;
  color:#555;
}

body#commentspopup textarea {
  width:340px;
}

/* Image stuff for 2.6.1 */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

p.entry_info {
  clear:both;
}

div.navigation {
  margin:10px 0;
}

/*-----------------------------------------------------------------------------

  CSS Magic

-----------------------------------------------------------------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */






/*********************** menu *****************************************************/
#pixopoint_menu_wrapper1{
position:absolute;
top:0px;
left:3px;
width:954px;
height:40px;
z-index:10000;
}

#suckerfishnav {
    font-size:12px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    /*padding:0px 30px 0px 30px;*/
	padding: 0px 15px 0px 15px;
	text-transform:uppercase;
    }
#suckerfishnav li {
    float:left;
	font-size:11px;
    padding:0;
	height:40px;		
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:131px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #5d6254;
	z-index:1000;
    }
#suckerfishnav li li {
    width:249px;
    border-bottom:1px solid #5d6254;
    border-left:1px solid #5d6254;
    border-right:1px solid #5d6254;
    font-weight:normal;
    font-family:verdana,sans-serif;
	background:#828779 none;
	height:20px;
    }
#suckerfishnav li li a {
    padding:3px 10px 3px 10px;
    width:200px;
    font-size:11px;
    color:#fff;
	font-weight:bold;
    }
#suckerfishnav li ul ul {
    margin:-20px 0 0 250px;
    }
#suckerfishnav li li:hover {
    background:none;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
 	color:#fff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#FFF;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#929388;
	width:250px;
    }
#suckerfishnav li:hover,  #suckerfishnav li.sfhover {
    background:none;
    }
#suckerfishnav li:hover a{
color:#CCC;
}	


.li-normal-home { width:42px; height:28px !important; margin-top:5px; margin-right:30px !important; margin-left:25px !important;}
.m-home {
background:url(images/home_normal.jpg) left top no-repeat;
width:42px;
height:28px;
margin:0px !important;
padding:0px !important;
}
.m-home:hover{
background:url(images/home_active.jpg) left top no-repeat;
}

.li-normal-about { width:70px; height:28px !important; margin-top:5px; margin-right:30px !important;}
.m-about {
background:url(images/about_normal.jpg) left top no-repeat;
width:70px;
height:28px;
margin:0px !important;
padding:0px !important;
}
.m-about:hover{
background:url(images/about_active.jpg) left top no-repeat;
}

.li-normal-collection { width:79px; height:28px !important; margin-top:5px; margin-right:30px !important;}
.m-collection {
background:url(images/collection_normal.jpg) left top no-repeat;
width:79px;
height:28px;
margin:0px !important;
padding:0px !important;
}
.m-collection:hover{
background:url(images/collection_active.jpg) left top no-repeat;
}

.li-normal-get { width:88px; height:28px !important; margin-top:5px; margin-right:27px !important;}
.m-get{
background:url(images/involved_normal.jpg) left top no-repeat;
width:88px;
height:28px;
margin:0px !important;
padding:0px !important;
}
.m-get:hover{
background:url(images/involved_active.jpg) left top no-repeat;
}

.li-normal-calendar { width:131px; height:28px !important; margin-top:5px; margin-right:30px !important;}
.m-calendar{
background:url(images/calendar_normal.jpg) left top no-repeat;
width:131px;
height:28px;
margin:0px !important;
padding:0px !important;
}
.m-calendar:hover{
background:url(images/calendar_active.jpg) left top no-repeat;
}


.li-normal-education { width:73px; height:28px !important; margin-top:5px; margin-right:27px !important;}
.m-education{
background:url(images/education_normal.jpg) left top no-repeat;
width:73px;
height:28px;
margin:0px !important;
padding:0px !important;
}
.m-education:hover{
background:url(images/education_active.jpg) left top no-repeat;
}

.li-normal-store { width:100px; height:28px !important; margin-top:5px; margin-right:30px !important;}
.m-store{
background:url(images/facility_normal.jpg) left top no-repeat;
width:100px;
height:28px;
margin:0px !important;
padding:0px !important;
}
.m-store:hover{
background:url(images/facility_active.jpg) left top no-repeat;
}

.li-normal-visit { width:55px; height:28px !important; margin-top:5px; }
.m-visit{
background:url(images/visit_normal.jpg) left top no-repeat;
width:55px;
height:28px;
margin:0px !important;
padding:0px !important;
}
.m-visit:hover{
background:url(images/visit_active.jpg) left top no-repeat;
}

.li-normal-giving { width:48px; height:28px !important; margin-top:5px; margin-right:30px !important; }
.m-giving{
background:url(images/giving_normal.jpg) left top no-repeat;
width:48px;
height:28px;
margin:0px !important;
padding:0px !important;
}
.m-giving:hover{
background:url(images/giving_active.jpg) left top no-repeat;
}












fieldset{ padding:15px;}
pre{ font-size:13px;}


.entry{ padding-left:15px; padding-right:10px;}



/********************************************************************************/
.box1{
float:right;
width:316px;
}

.box1-header{
width:316px;
height:20px;
background:url(images/box1-header.png) center top no-repeat;
}
.box1-body {
width:296px;
min-height:210px;
background:url(images/box1.png) center bottom no-repeat;
padding:0px 10px 20px 10px;

}


.upcoming-events ul li{
margin-top:0px;
margin-bottom:5px;
margin-right:10px;
color:#FFFFFF;
}
.upcoming-events ul li ul{
margin-left:0px;
}
.upcoming-events ul li ul li{
background:none;
}

.calendar-table, .calendar-table a{
color:#333333 !important;
font-size:1.2em;
}

.calendar-table .weekend, .calendar-table .weekend-heading{
color:#333300;
font-weight:bold;
}
.calendar-table .day-without-date{
background-color:#F7F7F7;
}
.calendar-table .day-with-date{
background-color:#eedfc5;
}


.ngg-singlepic{ margin-bottom:10px; margin-left:10px;}


.slideshow {
width:320px;
float:left;
background:#FFFFFF;
padding:4px 4px 0px 4px;
margin:0px 10px 10px 0px !important;
}


.wp-pagenavi span.current {
background-color:#acac8f !important;
}
.wp-pagenavi span.pages {
background-color:#acac8f !important;
}
.wp-pagenavi a{
background-color:#acac8f !important;
border:1px solid #333333 !important;
}
.wp-pagenavi a:hover {
background-color:#94947a !important;
}


#form-login{ margin:15px; color:#333333; font-size:14px;}
#form-login span { display:block;}
#form-login a{ color:#333333 !important; font-size:12px;}

.user{ background-color:#eedfc5; border:1px solid #c0a582; padding:5px; color:#333333;}
.user a{ color:#333333 !important; font-weight:bold !important;}

table { font-size:14px;}

.puff-links {
	margin-top: 10px;
	width: 300px;
	float: left;
}

.puff-links ul {
	list-style: none;
}

.puff-links ul li {
	padding: 15px 0 15px 40px;
	background: none;
	background: url(images/fairy.png) no-repeat center left;
}

.puff-links ul li a {
	outline: none;
}