/*

CSS for S&R Site Style Sheet


Colors--

backgound: #ffffff

normal content (color):#7a7a7a

headers (color):#000000

anchor (color):#c55d00

anchor hover (color):#c55d00


*/

/* -----------------------------------------------------------------
                        Universal
--------------------------------------------------------------------
*/

* 										{margin: 0pt;padding: 0pt;}
html, body								{height:100%;}
body 									{background: #999999; font-size: 16px; margin: 0 auto; font-family: Garamond,serif;}

@font-face 								{font-family: GaramondBetterIt;
    									src: url(../fonts/GaramondBetterIt.otf);
    									font-weight:normal;}
    									
@font-face 								{font-family: GaramondBetterRg;
    									src: url(../fonts/GaramondBetterRg.otf);
    									font-weight:normal;}

p										{line-height: 1.2em; color: #000000; letter-spacing:1px;}
ul 										{list-style-type: disc; padding: 15px 0 15px 12px;}
ol										{list-style:decimal inside;}
li										{color: #000000; line-height: 1.5em; letter-spacing:1px;}
a										{outline:none; text-decoration:none; color:#000000;}
a:hover									{color: #a43a19;}
a img									{border: none; }
img										{vertical-align: middle;}
table									{border-collapse:collapse;}

#wrapper 								{background: url(../images/sr-bg.png) 0 0 repeat-y; width:960px; 
										margin:0 auto -95px; min-height:100%; height:auto !important; 
										height:100%;}
#push 									{height: 95px;}
.clear									{clear: both; margin: 0; padding: 0;}

/* -----------------------------------------------------------------
                        Header
--------------------------------------------------------------------
*/

#header									{float: left; background: url(../images/head-bg.png) 0 bottom no-repeat; 
										width: 960px; margin: 0; height: 153px;}
#top									{float: left; height: 1px; width: 960px;}
#top a									{float: left; text-indent: -9999px;}

#logo-area								{float: left; height: 114px; width: 450px; margin: 37px 0 0 50px;}
#logo-area h1							{float: left; height: 63px; width: 370px;}
#logo-area h1 a							{float: left; background: url(../images/sr-logo.png) 0 0 no-repeat; 
										height: 63px; width: 370px; text-indent: -9999px;}
#logo-area h1 a:hover					{background: url(../images/sr-logo-hover.png) 0 0 no-repeat;}									
#logo-area p a							{padding: 2px 0 0 67px; color: #381e1e; font-size: 16px; letter-spacing: 0;}
#logo-area p a:hover					{text-decoration: none;}

/* ------------- Nav -----------------*/

#main-nav								{float: left; height: 47px; width: 960px;}
#nav									{float: left; height: 47px; width: 920px; border-bottom: 1px solid #a6a6a6; margin: 0 20px; 
										list-style-type: none; padding: 0; position: relative;}
#nav li									{float: left; position: absolute; font-size: 20px; top: 10px;}
#nav li	a								{color: #333333;}
#nav li	a:hover							{text-decoration: underline;}

#nav li.artists							{left: 30px;}
#nav li.exhibitions						{left: 141px;}
#nav li.publications					{left: 298px;}
#nav li.newsletters						{left: 466px;}
#nav li.history							{left: 728px;}
#nav li.contact							{left: 836px;}

/* -----------------------------------------------------------------
                        Content
--------------------------------------------------------------------
*/

#content								{float: left; width: 920px; margin: 45px 20px 160px;}
#display-space							{float: left; width: 920px; margin: 0; padding: 0;}
#left-col								{float: left; width: 372px; margin: 0 10px;}

#left-col-home							{float: left; width: 395px; margin: 0;}
#homepage-intro p.welcome				{text-align: center; font-size: 28px;font-family: GaramondBetter; padding: 20px 0;
										line-height: 40px;}
#homepage-intro							{float:left; padding: 0 40px 50px;}
#homepage-intro	h2						{text-align: center; font-size: 22px; line-height: 34px;padding: 20px 0; font-weight: normal;}

#current-exhibit-featured				{float: right; width: 485px; padding: 0 20px 50px;}
#current-title							{margin: 0 auto; width: 405px; padding: 0 40px 10px; text-align: center;}
#current-title h3						{font-size: 18px;}
#current-title p						{padding: 10px 0 0; font-size: 16px;}
#current-photo							{float: left; width: 485px; text-align: center; padding-bottom: 10px;}
#current-photo img						{margin: 0 auto; padding: 10px; background: #efefef;}

/* ------------- one col Pages - Artist / Exhibit / Video -----------------*/

#cat-one-col							{float: left; width: 920px;}
#border-title							{margin: 0 auto; width: 242px; border-bottom: 3px double #656565; 
										border-top: 3px double #656565; margin: 0 339px 20px;}
#border-title h2						{padding: 10px 0; text-align: center; font-weight: normal; font-size: 24px;
										font-family: GaramondBetter;}	
.artists-cols							{float: left; width: 300px; margin-right: 2px;}	
.artists-cols ul						{list-style-type: none; text-align: center;}
#exhibitions-col						{float: left; width: 920px;}
#exhibitions-col ul						{list-style-type: none; text-align: center;}
#exhibitions-col li						{line-height: 30px;}

#access, .back-to-history				{width: 80%; display: block; margin: 0 auto;}
#access p								{text-align: left; font-size: 14px; padding:20px 0; 
										font-family: Georgia,"Times New Roman",Times,serif; line-height: 24px;}
										
.video									{float: left; margin: 20px 169px; padding: 10px 10px 6px; border:1px solid #656565; display: block; width: 560px; 
										background-color: #999999;}

/* ------------- Artist Single / Exhibit Single -----------------*/	

#artist-title							{float: left; width: 372px; background: #efefef;}
#artist-title h2						{text-align: center; font-weight: normal; color: #333333; padding: 20px 15px; font-size: 20px;
										font-family: GaramondBetter;}
#artist-title p							{text-align: center; font-weight: normal; color: #333333; padding: 0 15px 35px; 
										font-size: 18px; font-family: GaramondBetter; line-height: 24px;}
#artist-brief							{float: left; width: 372px; padding-bottom: 40px;}	
#artist-brief p							{text-align: center; font-size: 14px; padding:20px 10px; 
										font-family: Georgia,"Times New Roman",Times,serif; line-height: 24px;}
#extra-info								{float: left; width: 800px; background: #efefef; margin: 0 60px;}
#extra-info h3							{font-weight: normal; font-size: 20px; padding: 20px; color: #000000;}
#extra-info h3 a:hover					{text-decoration: none; color: #000000;}
#extra-info p							{padding: 0 20px 20px; line-height: 24px; font-size: 16px;}


#exhibit-title							{float: left; width: 372px; background: #efefef;}
#exhibit-title h2						{text-align: center; font-weight: normal; color: #333333; padding: 20px 15px; font-size: 20px;
										font-family: GaramondBetter;}
#exhibit-title p						{text-align: center; font-weight: normal; color: #333333; padding: 0 15px 35px; 
										font-size: 18px; font-family: GaramondBetter; line-height: 24px;}
#exhibit-description					{float: left; width: 372px; padding-bottom: 40px;}
#exhibit-description ul					{list-style-type: none; text-align: center; padding: 0; margin: 0 0 30px;}
#exhibit-description li					{font-size: 16px; padding: 0 0 8px;}
#exhibit-description p					{text-align: center; font-size: 16px; line-height: 24px; padding: 30px 10px 15px;}
					

/* ------------- Publications Main Page / Press Main -----------------*/

ul#publication-list-area				{float: left; width: 800px; margin: 0 60px; padding: 0; list-style-type: none;}
ul#publication-list-area li.publication-listing
										{float: left; width: 760px; margin: 0; padding: 20px; border-bottom: 1px dotted #656565;}
.publication-listing-excerpt			{float: left; width: 540px;}
.publication-listing-excerpt h3			{font-size: 16px; padding: 0 0 15px;}
.publication-listing-excerpt p			{padding: 10px 0 15px;}
.publication-listing-image				{float: right; width: 220px;}
.publication-listing-image img			{padding: 0; float: right;}
ul#publication-list-area li.white-border
										{float: left; width: 800px; height:2px; background: #ffffff; margin-top: -1px;}
/* ------------- Publications Single -----------------*/

#publication-single						{float: left; width: 840px; margin: 0 40px;}									
#publication-left						{float: left; width: 320px; padding-top: 20px;}
#publication-left p						{text-align: center;}
#publication-right						{float: right; width: 480px;}
#publication-right h2,
#publication-right h3					{font-weight: normal; font-size: 20px; padding: 20px; color: #000000;}
#publication-right p					{padding: 0 20px 20px; line-height: 24px; font-size: 16px;}

/* ------------- History Page -----------------*/

#history-title							{float: left; width: 372px; background: #efefef;}
#history-title h2						{text-align: center; font-weight: normal; color: #333333; padding: 20px 15px; font-size: 20px;
											}
#history-brief							{float: left; width: 372px; padding-bottom: 40px;}	
#history-brief p						{text-align: center; font-size: 14px; padding:20px 10px; 
										font-family: Georgia,"Times New Roman",Times,serif; line-height: 24px;}
#studio-image							{float: right; width: 485px; margin: 0 20px 50px 0;}
#studio-image img						{float: right; padding: 10px; background: #efefef;}

.wp-pagenavi {
    clear: both;
    padding: 20px 0;
}
										
/* ------------- Contact Page -----------------*/

#contact-left							{float: left; width: 400px; margin: 0 30px;}
#contact-left h2						{text-align: center; font-weight: normal; color: #333333; padding: 20px 0; font-size: 20px;
										display: block; width: 380px; margin: 0 auto 20px; background:#efefef; font-family: GaramondBetter;}
#contact-left p							{text-align: center; font-weight: normal; color: #333333; padding: 20px 30px 30px; 
										font-size: 16px; font-family: GaramondBetter; line-height: 24px;}
#subscribe								{margin: 0 auto; width: 380px; padding: 20px 0 30px; background: #efefef; margin-top: 25px;}
#subscribe p							{padding: 0 5px 20px;}
#contact-left a.constant-link			{padding: 0 0 0 20px;}	
#subscribe form							{text-align: center;}
#subscribe form input.text-input		{font-size:14px; border:1px solid #999999; padding: 2px 2px 4px;}	
#subscribe form input.submit			{font-family:Helvetica,sans-serif; font-size:17px;}

#contact-right							{float: right; width:400px; margin: 0 30px;}
#contact-right img						{float: right; padding: 10px; background: #efefef;}

#social-area							{width: 357px; float: right; padding: 10px; margin-top: 10px;}
#social-area p							{padding: 10px 0 0; display: block; width: 260px; text-align: left; float: left;}
#social-buttons							{float: right; width: 94px;}
#social-buttons img.s-left				{margin: 0; float: left; padding: 0;}
#social-buttons img.s-right				{margin: 0; float: right; padding: 0;}

/* -----------------------------------------------------------------
                        Galleries, Sidebars & 404
--------------------------------------------------------------------
*/

#gallery-wrap							{float: right; width: 505px; margin: 0 10px 50px 0; height: 600px; background: #efefef; position: relative;}
#ad-gallery								{margin: 20px auto; position: relative;}

/* ------------- bx Gallery -----------------*/

#bx-gallery								{margin: 0 auto; width: 465px;}
.outer									{position: relative;}
.caption p								{text-align: center; line-height: 16px; font-family: Georgia; font-size: 10px; padding-top: 5px;}
ul.bx-thumb-list						{list-style-type: none; position: relative; margin: 20px auto 0; min-height: 480px; padding: 0;}
ul.bx-thumb-list li						{text-align: center;}
.bxThumbs								{display: table; margin: 11px auto 0;}
ul.thumbs								{list-style-type: none; padding: 0; margin: 0;}

ul.thumbs li							{padding: 3px; background: #757575; margin: 0 4px; display: inline;}
#loading								{position: relative; padding-top: 200px;}

/* ------------- Portfolio list out -----------------*/

#portfolio-list							{float: right; width: 465px; padding: 20px 20px 40px; margin: 0 10px 50px 0; background: #efefef;}
#portfolio-list h3						{text-align: center; font-size: 20px; padding: 10px 0 15px; font-weight: normal;}
#portfolio-list ul						{list-style-type: none; padding: 0; margin: 0;}
#portfolio-list li						{width: 435px; float: left; display: block; border-top: 1px dotted #a6a6a6; padding: 0 15px;
										font-family: Georgia; font-size: 14px;}
#portfolio-list ul li img				{float: right; padding: 15px 0 15px 15px;}	


/* ------------- Sidebars -----------------*/

#sidebar-contact						{float: left; width: 710px; background: #efefef; margin: 0 105px; padding: 20px 0;}
#sidebar-contact p						{padding: 5px 0 15px; text-align: center;}


/* ------------- 404 -----------------*/

#not-found								{float: left;width: 920px;}
#not-found h2, #not-found p				{text-align: center;}

/* -----------------------------------------------------------------
                        Footer
--------------------------------------------------------------------
*/

#footer-wrap							{margin: 0 auto; width: 960px; position: relative;}
#footer									{float: left; width: 920px; height: 94px; border-top: 1px solid #a6a6a6; margin-left: 20px; position: relative;}
#footer-left							{float: left; width: 460px;}
#footer-left p							{font-size: 12px; font-weight: bold; padding: 14px 0 0 10px; color: #333333;
										line-height: 18px;}
#footer-left p a						{color: #333333;}
#footer-left p span						{padding-left: 12px; font-weight: normal; color: #737373;}
#footer-left p span a					{color: #737373;}

#footer-right							{float: right; width: 460px;}
#footer-right a							{float: right; color: #737373; font-size: 14px; margin: 10px; line-height: 18px;}


#metaseopack							{height: 0px; width: 0px; display: none;}


#note2									{position: absolute; bottom: 160px; width: 920px;}
#note2 p									{text-align: center; font-size: 12px; line-height: 17px;}
#note2 a								{text-decoration: underline;}

#note									{position: absolute; bottom: 110px; width: 920px;}
#note p									{text-align: center; font-size: 12px; line-height: 17px;}