@charset "UTF-8";

* {margin: 0; padding: 0;}

body  {
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #121212;
}

a {color: #f7531a; text-decoration:none}
a:hover {color: #f7a11a}

#container {
	width: 836px;
	background: #FFFFFF;
	margin: 20px auto;
	text-align: left;
	border: 20px solid #FFF;
} 

/* 
*******************************
Header/Nav
*******************************
*/

#header {  
	margin-bottom: 5px;
	height: 167px;
	padding-bottom: 0px;
	background:url(../images/colorband.png) bottom center no-repeat;
} 

#header h1 {
	margin: 0; 
	padding: 0; 
	height: 159px; width: 211px;
	overflow: hidden;
	text-indent: -9999px;
	background:url(../images/portsmouth_art_cultural_center.png) top center no-repeat;
	float: left;
}

.homepage #header h1 {
	margin: 0; 
	padding: 0; 
	height: 159px; width: 211px;
	overflow: hidden;
	text-indent: -9999px;
	background:url(../images/portsmouth_art_cultural_center_homepage.png) top center no-repeat;
	float: left;
}

#navcontainer {
	width: 620px; float: right;
	padding-top: 115px;
	padding-right: 5px;
	text-align:right;
}

#navlist li {
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 20px;
	display: inline;
	list-style-type: none;
	padding-left: 15px;
}

#navlist li a {text-decoration:none;}
#navlist li a:hover {text-decoration:underline;}

.green {color: #196807;}
.yellow {color: #f7a11a;}
.orange {color: #f7531a;}
.lime {color: #74b74a;}
.teal {color: #0ea9a7;}
.blue {color: #0e45a9;}
.red {color: #c40606;}

.visit #navlist a#navVisit, 
.exhibits #navlist a#navExhibits, 
.events #navlist a#navEvents, 
.programs #navlist a#navPrograms, 
.membership #navlist a#navMembership, 
.giftshop #navlist a#navGiftshop, 
.blog #navlist a#navBlog
{text-decoration:underline;}

/* 
*******************************
Subheader - wide 1 column under nav.
On home page, this is the slider area
*******************************
*/

#subheader {
	margin-bottom: 10px;
	width: 836px;
}

.exhibits #subheader h1, .blog #subheader h1 {
	background-color: #cc0000;
	width: 826px;
	color: #fff;
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 41px;
	padding: 30px 0 0 10px;
	letter-spacing:-2px;
	display: block;
	line-height: 37px;
}	

	

.previous {
	font-size: 14px;
	width: 836px;
	text-align:right;
	padding-bottom: 30px;
}

.previousbottom {
	font-size: 14px;
	width: 836px;
	text-align:right;
	padding-top: 40px;
}

.previous, .previousbottom {
	color: 	#f7a11a;
}

.previous a, .previousbottom a {
	color: 	#f7a11a;
	padding-right: 4px;
	text-decoration:none
}

.previous a:hover, .previousbottom a:hover {color: #e25c03}

/* 
*******************************
Main Content/ Sidebar
*******************************
*/


/*repeated styles in both main and sidebar*/


h1 {
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 41px;
	letter-spacing: -1px;
	font-weight: 200;
}

.membership h1 {font-size: 38px;}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #006600;
	padding-bottom: 6px;
}

h3 {
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 30px;
	letter-spacing: -1px;
	font-weight: 200;
	line-height: 33px;
}

.events h3 {color: #cc0000; font-weight: 200}
.events p {line-height: 21px;}

.exhibits h3 {font-size: 27px; line-height: 28px}

h3.small {
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 200;
}

.blog h3 a {color: #c40606; text-transform:uppercase;}

h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #006600;
	padding: 6px 0;
}

h5 {
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 200;
	padding-bottom: 10px;
	padding-top: 6px;
	line-height: 21px;
}

p {
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}

.imgright {float: right; padding: 0 0 10px 10px}


/* Main Content Section */

.mainContent { 
	margin: 0 0 0 210px; 
	padding: 6px 0 0 0; 
	color: #121212;
} 

.mainContentOneCol { 
	margin: 0 0 0 0px; 
	padding: 6px 0 0 0; 
	color: #121212;
} 


.blog .mainContent { 
	margin: 0 0 0 150px; 
	padding: 6px 0 0 0; 
	color: #121212;
} 

.activityevent {padding: 1px 0 0 0;}

/* Sidebar Section */

.sidebar1 {
	float: left; 
	width: 185px; 
	text-align: right;
	color: #121212;
}

.blog .sidebar1 {
	float: left; 
	width: 130px; 
	text-align: right;
	color: #121212;
}


.sidebar1 p {padding-bottom: 5px;}




.date {
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 18px;
	color: #b9b6b4;
	font-weight: 100;
}

.smalldate {
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 14px;
	color: #b9b6b4;
}


/*gift shop table */
#giftshoptable p {font-size: 11px;}
#giftshoptable img {padding-bottom: 8px;}


#giftshoptable tr.heading {
	background-color: #f7a11a;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
}

td.headingrow {	padding: 7px 0 7px 10px;}

#giftshoptable .paddedcell {padding-right: 35px;}


ul {padding: 0; margin: -8px 0 8px 18px;}
li {padding: 1px 0; font-size: 14px;}

.caption {font-size: 10px;}
.centeredtext {text-align:center}


/* 
*******************************
TUMBLR
*******************************
*/

.date .permalink {text-transform:uppercase; line-height: 1.25; text-decoration: none; }

/* CHATS */
		.chat ul { list-style: none; margin: 0 0 1.5em; }
		.chat ul li.odd { }
		.chat ul li .who { padding: 0 0.25em; }
		.chat ul li.odd .who { }

.quote big { color: #d9d9d9; font-size: 6em; font-weight: bold; line-height: 0.5em; position: absolute; left: 195px; z-index: 1; }
.quote .quote-words { position: relative; z-index: 10; }


/* PHOTOS */
		.photo .image { position: relative; }
		.photo .image img { border: 0.375em solid }
		.photo .image .hi-res { background: #333; color: #fff; display: none; font-size: 0.75em; opacity: 0.9; padding: 0 0.5em; position: absolute; bottom: 1.5em; right: 1em; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
		.photo .image:hover .hi-res { display: inline; }

/* PHOTOSETS */
		.photoset .set { border: 0.375em solid padding: 0; }
		.photoset .set object, .photoset .set embed { display: block; }

/* REBLOG NOTES */
		.reblogged {display:block; font-size: 0.833333em; font-style: italic; margin: 1.5em 0; text-align: right; }
		

/* POST FOOTER */
		.post-footer {margin: 0; padding-bottom: 30px; text-align: left; }
		.post-footer ul, .post-footer ol { margin: 0 0 1.5em; padding: 0;}
		.post-footer li { display: inline; margin-right: 1em; font-size: 11px; color: #999;}
		.post-footer li a {text-decoration:underline; color: #999}
		
		/*--[ PAGINATION ]----------------*/
		#pagination { margin: 3em auto 1.5em; width: 32em; }
		#pagination a { margin-right: 1.5em; }

/*--[ FOOTER ]--------------------*/
		#tumblrfooter { border-top: 1px solid {color:Text}; margin: 3em auto 0; padding: 0.75em 0; width: 44em; }
		#tumblrfooter #search { float: right; }
		#tumblrfooter #search #keywords { border: 1px solid {color:Secondary Text}; padding: 0.25em; }
		#tumblrfooter #meta-info { margin: 0; }
		#tumblrfooter #meta-info li { display: inline; font-size: 1.1em; margin-right: 1em; }
		#tumblrfooter #theme-info { clear: left; margin: 0.75em 0; }
		#tumblrfooter #theme-info li { color: {color:Secondary Text}; display: inline; font-size: 0.75em; margin-right: 1em; }



/* 
*******************************
FOOTER
*******************************
*/

.homepage #footer { 
	margin-top: 5px;
	padding: 0; 
	
} 


#footer { 
	margin-top: 35px;
	padding: 0; 
	
} 

#footer p {
	margin-top: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #615f5f;
}

ul.icons {margin: 10px 0 0 0;}

.icons li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #615f5f;
	text-align:center;
	display: block;
	float: left;
	list-style-type: none;
}

#footer img {border: 0;}

.icons li a {
	color: #615f5f;
	text-decoration:none;
	border: 0;
}

.icons li a:hover {color: #f7531a}

#explore {
	width: 482px;
	float: left;
}

#explore h3 {
	width: 472px;
	background-color: #060;
	color: #fff;
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 41px;
	padding: 40px 0 0 10px;
	letter-spacing:-2px;
	display: block;
	line-height: 37px;
}

#follow {
	float: right;
	width: 150px; padding-left: 7px;	
}

#follow h3 {
	width: 142px;
	background-color: #C90;
	color: #fff;
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 41px;
	padding: 40px 0 0 8px;
	letter-spacing:-2px;
	display: block;
	line-height: 37px;
}

#news {
	float: right;
	width: 190px; padding-left: 7px;	
}

#newsletterform td {padding: 0 0 4px 0; color:  #615f5f;}

#news h3 {
	width: 180px;
	background-color: #C00;
	color: #fff;
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 41px;
	padding: 40px 0 0 10px;
	letter-spacing:-2px;
	display: block;
	line-height: 37px;
}


#subForm {font-size: 11px; coor: #615f5f;}

/* 
*******************************
SUBFOOTER - text and site credits
*******************************
*/


#subfooter { 
	margin-top: 33px;
	padding: 10px 0 30px 0; 
	border-top: 1px solid #e1dede; 
} 

#subfooter p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #615f5f;
	margin-right: 250px;
}

#subfooter p.credits {
	float: right; width: 219px;	
	text-align: right;
	margin-right: 0;
	color: #a4a1a1;
}

#subfooter a {color: #a4a1a1; text-decoration:none}
#subfooter a:hover {color: #f7531a;}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearfloatTall { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:10px;
    font-size: 1px;
   
}

.exhibits .clearfloatTall { 
	clear:both;
    height:30px;
    font-size: 1px;
   
}

.clearfloatTallRule { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:10px;
    font-size: 1px;
	border-bottom: 2px dotted #CCC;
   
}.orangetext {
	color: #F63A00;
}