/*
Theme Name: 01G Clean
Theme URI: http://www.01gallery.com/
Version: 1.0
Description: Custom designed theme for 01 Gallery....
Author: Stephanie Abrams & Ralph Guzman
Tags: simple, minimal, clean, white
*/

/* -standards- */

body {
	background: #ffffff;
	color: #000000;
	font-family: "Arial";
	font-size: .75em;
	display: block;
	}
p {
	text-align: left;
	}
h2 {
	font-size: 1.2em;
	text-transform: uppercase;
	}

a { text-decoration: none; }

blockquote {
	background: url("images/blockquote.jpg") no-repeat top left;
	font-style: italic;
	padding-left: 30px;
	}
#navlink {
	margin: 30px 0 30px 0;
	}

/* -header- */

#page_margins { padding: 0; margin: 0 auto;  width: 960px; }
#page{ float: left; margin: 0; padding: 0; border: 0px solid #fff; width: 100%;}

#header{ float: left; width: 100%; text-align: left; margin: 35px 0 0 0; border: 0px solid #000; }
#header .container { width: 650px; text-align: left; }
#header .container .left { float: left; width: 150px; }
#header .container .right { float: right; }
#header .container .right ul { list-style: none; margin: 50px 0 0 0; padding: 0; border: 0px solid #000; }
#header .container .right li { float: left; padding: 0 0 0 0; margin: 0 0 0 0; text-align: center; font-size: 12px; }
#header .container .right li a:link,
#header .container .right li a:visited { margin: 0; padding: 0 10px; text-decoration: none; color: #363636; font-size: 12px; border-right: 0px solid #ccc; }
#header .container .right li a:hover { color: #279D31; }

#main{ float: left; margin: 35px 0 0 0; text-align: left; font-size: 11px; line-height: 1.2em; text-align: justify;  width: 100%; }

/* -content- */

#content {
	float: left;
	margin-right: 0;
	width: 100%;
}

#content .title-top{
	float: left;
	background: url("images/bkg-stripes-grey.gif");
	width: 100%;
	margin: 0 0 40px 0;
}

.clear { clear: both; }

/* -home page - */

#home .headliner { float: left; width: 100%; border: 0px solid #000; height: 360px; }
#home .headliner .title { float: right; margin: 175px 0 0 0; background-color: #000; width: 480px; border: 0px solid #ff0000; }
#home .headliner .title .left { float: left; color: #fff; padding: 8px 15px; font-size: 12px; }
#home .headliner .title .right { float: right; color: #959595; padding: 8px 15px; font-size: 12px;  }
#home .headliner .info { clear: both; float: right; margin: 10px 0 0 0; border: 0px solid #000; width: 310px; color: #000; }
#home .headliner .info .padd { float: left; padding: 0 0 0 15px;}
#home .headliner .info h1 { font-size: 12px; font-weight: normal; margin: 0; padding: 0; color: #fff; }
#home .headliner .info h2 { font-size: 12px; font-weight: normal; margin: 0; padding: 0; color: #fff; text-transform:none; }

#home .headliner .info p { margin: 0 0 10px 0; padding: 0; color: #555;  text-align: justify; }
#home .headliner a:link, .headliner a:visited { color: #555; text-decoration: none; margin: 0 0 3px 0; border-bottom: 1px dotted #279D31; } 
#home .headliner a:hover { color: #000; border-bottom: 1px dotted #000; }

#home .content { float: left; width: 650px; border: 0px solid #000; font-size: 11px; }
#home .content strong { font-size: 14px; font-weight: normal; color: #000; }

#home .content .col1 { float: left; width: 305px; border: 0px solid #000; color: #555; line-height: 16px; }
#home .content .col1 p { margin: 0 0 10px 0; padding: 0;}
#home .content .col1 a:link, .content .col1 a:visited { color: #555; text-decoration: underline; margin: 0; padding: 0; } 
#home .content .col1 a:hover { color: #279D31; }

#home .content .col2 { float: left; width: 325px; border: 0px solid #000; margin: 0 0 0 17px; color: #555; }
#home .content .col2 h3 { margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 14px; font-weight: normal; color: #000; }

#home .content .col2 ul { list-style: none; margin: 10px 0 0 0; padding: 0; }
#home .content .col2 li { float: left; padding: 5px 0 0 0; margin: 0 0 5px 0; width: 100%; border-top: 1px dotted #ccc; }

#home .content .col2 a:link, .content .col2 a:visited { color: #279D31; text-decoration: none; margin: 5px 0 0 0; display: block; padding: 0; } 
#home .content .col2 a:hover { color: #000; }
#home .content .col2 img { border: 1px solid #555; }

/* - all pages - */

.content { float: left; width: 100%; border: 0px solid #000; font-size: 11px; }

.content .title-top{
	float: left;
	background: url("images/bkg-stripes-grey.gif");
	width: 100%;
	margin: 0 0 40px 0;
}

.content .title-top .section { float: left; padding: 0; color: #fff; width: 309px; height: 30px; text-align: left; }
.content .title-top .section span { position: relative; top: 9px; left: 10px; color: #000; font-size: 14px; text-transform:uppercase; }


/* - exhibitions - */

#exhibitions .content .title-top .nav { float: left; border-left: 1px solid #fff; }
#exhibitions .content .title-top .nav ul { list-style: none; margin: 0; padding: 0; }
#exhibitions .content .title-top .nav li { float: left; width: 155px; height: 30px; text-align: center; overflow: hidden; border-right: 1px solid #fff; }
#exhibitions .content .title-top .nav .page_item { background-color: #707070; }
#exhibitions .content .title-top .nav .current_page_item { background-color: #363636; } 

#exhibitions .content .title-top .nav a:link,
#exhibitions .content .title-top .nav a:visited { display: block; height: 30px; text-transform: uppercase; padding: 9px 0 0 0; width: 155px; text-align: center; border-right: 1px solid #fff; color: #fff; }
#exhibitions .content .title-top .nav a:hover { background-color: #279D31; }

#exhibitions .content .post { float: left; width: 100%; border: 0px solid #000; }
#exhibitions .content .post .left { float: left; width: 290px; border-bottom: 1px solid #ccc; padding: 10px 0 10px 0; height: 252px; }
#exhibitions .content .post .left .posttitle { float: left; width: 100%; height:  160px; border: 0px solid #000; }
#exhibitions .content .post .left .posttitle strong { font-size: 18px; font-weight: normal; display: block; color: #363636; margin: 0; padding: 0; }
#exhibitions .content .post .left .posttitle .title { font-size: 14px; font-weight: normal; display: block; color: #363636; margin: 5px 0 0 0; padding: 0; }
#exhibitions .content .post .left .posttitle .opening_date { font-size: 14px; color: #707070; margin: 27px 0 0 0; padding: 0; }
#exhibitions .content .post .left .posttitle .end_date { font-size: 11px; color: #707070; margin: 3px 0 0 0; padding: 0; }

#exhibitions .content .post .left .options { float: left; border: 0px solid #000; height: 90px; width: 100%; }
#exhibitions .content .post .left .options ul { float: left; list-style: none; margin: 0; padding: 0; width: 100%; }
#exhibitions .content .post .left .options li { margin: 0; padding: 0 0 10px 0; }
#exhibitions .content .post .left .options a:link, 
#exhibitions .content .post .left .options a:visited { margin:0; padding: 0; color: #707070; text-decoration: none; display: block; }
#exhibitions .content .post .left .options a:hover { color: #000; }
#exhibitions .content .post .left .options img { border: 0; }

#exhibitions .content .post .right { float: right; width: 650px; margin: 0; padding: 0; border-bottom: 1px solid #ccc; }
#exhibitions .content .post .right  .post { float: left; margin: 0; padding: 0 0 0 0; line-height: 16px; }
#exhibitions .content .post .right  .post p { line-height: 16px; font-size: 11px; }

/* - exhibitions sub page- */

#exhibitions-subpage .content .title-top .nav { float: left; border-left: 1px solid #fff; }
#exhibitions-subpage .content .title-top .nav ul { list-style: none; margin: 0; padding: 0; }
#exhibitions-subpage .content .title-top .nav li { float: left; width: 155px; height: 30px; text-align: center; overflow: hidden; border-right: 1px solid #fff; }
#exhibitions-subpage .content .title-top .nav .page_item { background-color: #707070; }
#exhibitions-subpage .content .title-top .nav .current_page_item { background-color: #363636; } 

#exhibitions-subpage .content .title-top .nav a:link,
#exhibitions-subpage .content .title-top .nav a:visited { display: block; height: 30px; text-transform: uppercase; padding: 9px 0 0 0; width: 155px; text-align: center; border-right: 1px solid #fff; color: #fff; }
#exhibitions-subpage .content .title-top .nav a:hover { background-color: #279D31; }

#exhibitions-subpage .content .post { float: left; width: 100%; border: 0px solid #000; }
#exhibitions-subpage .content .post .left { float: left; width: 290px; border-bottom: 0px solid #ccc; padding: 10px 0 10px 0; height: 252px; }
#exhibitions-subpage .content .post .left .posttitle { float: left; width: 100%; height:  160px; border: 0px solid #000; }
#exhibitions-subpage .content .post .left .posttitle strong { font-size: 18px; font-weight: normal; display: block; color: #363636; margin: 0; padding: 0; }
#exhibitions-subpage .content .post .left .posttitle .title { font-size: 14px; font-weight: normal; display: block; color: #363636; margin: 5px 0 0 0; padding: 0; }
#exhibitions-subpage .content .post .left .posttitle .opening_date { font-size: 14px; color: #707070; margin: 27px 0 0 0; padding: 0; }
#exhibitions-subpage .content .post .left .posttitle .end_date { font-size: 11px; color: #707070; margin: 3px 0 0 0; padding: 0; }

#exhibitions-subpage .content .post .left .options { float: left; border: 0px solid #000; height: 90px; width: 100%; }
#exhibitions-subpage .content .post .left .options ul { float: left; list-style: none; margin: 0; padding: 0; width: 100%; }
#exhibitions-subpage .content .post .left .options li { margin: 0; padding: 0 0 10px 0; }
#exhibitions-subpage .content .post .left .options a:link, 
#exhibitions-subpage .content .post .left .options a:visited { margin:0; padding: 0; color: #707070; text-decoration: none; display: block; }
#exhibitions-subpage .content .post .left .options a:hover { color: #000; }
#exhibitions-subpage .content .post .left .options img { border: 0; }

#exhibitions-subpage .content .post .right { float: right; width: 650px; margin: 0; padding: 0; border-bottom: 0px solid #ccc; }
#exhibitions-subpage .content .post .right  .post { float: left; margin: 0; padding: 0 0 0 0; line-height: 16px; }
#exhibitions-subpage .content .post .right  .post p { line-height: 16px; font-size: 11px; }
#exhibitions-subpage .content .post .right a:link, 
#exhibitions-subpage .content .post .right a:visited { margin:0; padding: 0; color: #279D31; text-decoration: none; }
#exhibitions-subpage .content .post .right a:hover { color: #000; }

/*
#exhibitions .content .title-top .nav a.selected:link,
#exhibitions .content .title-top .nav a.selected:visited { float: left; height: 30px; background-color: #363636; width: 155px; text-align: center; border-right: 1px solid #fff; color: #fff; }
#exhibitions .content .title-top .nav span { position: relative; top: 9px; }
*/

/* - exhibitions thumbnails- */

.r1-spacer { float: left; width: 10px; }
.r1-gallery-thumbnail-box { float: left; margin: 10px 0; }
.r1-gallery-thumbnail a:link,
.r1-gallery-thumbnail a:visited { border: 0px; text-decoration: none; }
.r1-gallery-thumbnail img {  border: 1px solid #555; }

/* - about - */

#about-page .post { float: left; width: 100%; border: 0px solid #000; }
#about-page .post .left { float: left; width: 290px; padding: 0 0 0 0; color: #555; }
#about-page .post .left strong { font-weight: normal; color: #000; margin: 0 0 3px 0; line-height: 16px; }
#about-page .post .left a:link,
#about-page .post .left a:visited { color: #555; border-bottom: 0px dotted #555; padding: 0; margin: 0; }
#about-page .post .left a:hover { color: #000; }
#about-page .post .right { float: right; width: 650px; margin: 0; padding: 0; }
#about-page .post .right .post { float: left; margin: 0; padding: 0 0 0 0; line-height: 16px; }
#about-page .post .right .post p { line-height: 16px; font-size: 11px; }
#about-page .post .right .post h1 { font-size: 18px; font-weight: normal; display: block; color: #363636; margin: 0; padding: 0; }
#about-page .post .right .post .right a:link, 
#about-page .post .right .post .right a:visited { margin:0; padding: 0; color: #279D31; text-decoration: none; }
#about-page .post .right .post .right a:hover { color: #000; }

/* - page - */

#default-page .post { float: left; width: 100%; border: 0px solid #000; }
#default-page .post .left { float: left; width: 290px; padding: 10px 0 0 0; color: #555; }
#default-page .post .left strong { font-weight: normal; color: #000; margin: 0 0 3px 0; line-height: 16px; }
#default-page .post .left a:link,
#default-page .post .left a:visited { color: #555; border-bottom: 1px dotted #555; padding: 0; margin: 0; }
#default-page .post .left a:hover { color: #000; }
#default-page .post .right { float: right; width: 650px; margin: 0; padding: 0; }
#default-page .post .right  .post { float: left; margin: 0; padding: 0 0 0 0; line-height: 16px; }
#default-page .post .right  .post p { line-height: 16px; font-size: 11px; }

.posttitle { color: #000; font-size: 12px; font-weight: normal; }
.posttitle a { color: #ff7e00; font-size: 12px; font-weight: normal; }
.posttitle a:hover { color: #000000; }
.custom-fields { float: left; margin: 15px 0 0 0; color: #555; font-size: 11px; }



/* - form - */

.wpcf7 { width: 100%; }
input, select, textarea { background-color: #F5F5F5; border-left: 1px solid #B7B7B7; border-top: 1px solid #B7B7B7; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; font-size: 11px; padding: 4px;  }
.input-text { width: 300px; }
.input-subject { width: 300px; }
.input-textarea { width: 650px; }

/* -footer - */

#footer { clear: both; float: left; height: 100px; }

/* -floats -*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}