/*
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- */

html {
	width: 100%;
	height:100%;
} /*IE7*/

body {
	background-color: #919191;
	background-image: url('images/background-halo.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	height:100%;
	color: #363636;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, sans-serif;
}

img{
	border:none;
}

a { outline:0; }

p { margin: 0 0 14px 0; }

#page_margins { margin: 0 auto; width: 960px; padding: 0;}
#page{ margin: 0 auto; padding: 0; width: 100%; height: 300px; }


#header { float: left; width: 100%; padding: 0; margin: 25px 0 0 0; border: 0px solid #fff; }
#header .logo { margin: 0 auto; }

#header .top-nav { float: left; margin: 35px 0 0 0; padding: 0; width: 100%; }

#header .top-nav table { width: 100%; border: 0; margin: 0; padding: 0; }
#header .top-nav tr { margin: 0; padding: 0; }
#header .top-nav td.padd-left { margin: 0; padding: 0; width: 90px; background: transparent url('images/topnav-bkg.gif') repeat-x; }
#header .top-nav td.menu { margin: 0; padding: 0; width: 320px; }
#header .top-nav td.padd-right { margin: 0; padding: 0; background: transparent url('images/topnav-bkg.gif') repeat-x; }

#header .top-nav ul { list-style: none; margin: 0; padding: 0; width: auto; }
#header .top-nav li.page_item { float: left; padding: 0 18px 0 0; margin: 0; text-align: center; font-size: 12px; }
#header .top-nav li.first { float: left; margin: 0; padding: 0; width: 20px; }

#header .top-nav li a:link,
#header .top-nav li a:visited { display: block; margin: 0; padding: 0; text-decoration: none; color: #363636; font-size: 12px; }
#header .top-nav li a:hover { color: #fff; }

#header .top-nav li.current_page_item a:link,
#header .top-nav li.current_page_item a:visited { display: block; margin: 0; padding: 0; text-decoration: none; color: #fff; font-size: 12px; }
#header .top-nav li.current_page_item a:hover { color: #fff; }


#main{ float: left; margin: 10px 0 0 0; padding: 0; width: 100%; height: 405px; background-color: #fff; text-align: left; font-size: 11px; line-height: 1.5em; }

#main .main-padd { float: left; width: 100%; height: 405px; }
#main .content { margin: 30px auto 0; width: 100%; text-align: justify; }
#main .content .col-left { float: left; width: 258px; border: 0px solid #000; margin: 0; padding: 40px 0 0 0; }
#main .content .col-left ul { list-style: none; margin: 0 0 0 40px; padding: 0; width: auto; }
#main .content .col-left li { display: block; padding: 0; margin: 0 0 10px 0; text-align: left; font-size: 11px; color: #7d7d7d; }
#main .content .col-left li a:link,
#main .content .col-left li a:visited { display: block; margin: 0; padding: 0; text-decoration: none; color: #7d7d7d; font-size: 11px; }
#main .content .col-left li a:hover { color: #363636; }
#main .content .col-left li a.selected:link,
#main .content .col-left li a.selected:visited { display: block; margin: 0; padding: 0; text-decoration: none; color: #363636; font-size: 11px; }
#main .content .col-left li a.selected:hover { color: #363636; }

#main .content .col-content { float: left; width: 702px; border: 0px solid #000; margin: 0; padding: 0; }
#main .content .col-content .padd-content { float: left; width: 662px; border: 0px solid #ccc; margin: 20px 0 0 0; }

#main .content .col-content h1 { margin: 40px 0 30px 0; color: #818181; font-family: georgia, Times New Roman, serif; font-size: 18px; font-weight: normal; line-height: 20px; width: 550px; }
#main .content .col-content .title { float: left; width: 662px; border: 0px solid #ccc; height: 25px; font-size:11px; border-bottom: 1px dotted #d7d7d7; margin: 0 0 20px 0; }
#main .content .col-content .title .name { float: left; font-size: 14px; font-family: Georgia, "Times New Roman", serif; }
#main .content .col-content .post { float: left; width: 100%; height: 280px; border: 0px solid #ccc; overflow: auto; }


#main .home { float: left; width: 100%; height: 405px; background: #fff url('images/home-image-01.jpg') no-repeat; }
#main .home .content { float: right; width: 350px; margin: 180px 30px 0 0; padding: 0; }
#main .home .content h1 {  text-align: left; margin: 0 0 30px 0; color: #555; font-family: georgia, Times New Roman, serif; font-size: 14px; font-weight: normal; line-height: 20px; }


#main .bio-text { font-size: 11px; line-height: 11px; }

#main .gallery { float: left; width: 100%; height: 405px; }
#main .gallery .content { margin: 30px auto 0; width: 100%; text-align: justify; }
#main .gallery .content .categories { float: left; width: 258px; border: 0px solid #000; margin: 0; padding: 40px 0 0 0; }
#main .gallery .content .categories ul { list-style: none; margin: 0 0 0 40px; padding: 0; width: auto; }
#main .gallery .content .categories li { display: block; padding: 0; margin: 0 0 10px 0; text-align: left; font-size: 11px; color: #7d7d7d; }
#main .gallery .content .categories li a:link,
#main .gallery .content .categories li a:visited { display: block; margin: 0; padding: 0; text-decoration: none; color: #7d7d7d; font-size: 11px; }
#main .gallery .content .categories li a:hover { color: #363636; }
#main .gallery .content .categories li a.selected:link,
#main .gallery .content .categories li a.selected:visited { display: block; margin: 0; padding: 0; text-decoration: none; color: #363636; font-size: 11px; }
#main .gallery .content .categories li a.selected:hover { color: #363636; }

#main .gallery .content .galleries { float: left; width: 702px; border: 0px solid #000; margin: 0; padding: 0; }
#main .gallery .content .galleries .pagination { float: left; width: 682px; border: 0px solid #ccc; height: 25px; font-size:11px; border-bottom: 1px dotted #d7d7d7; }
#main .gallery .content .galleries .pagination .name { float: left; font-size: 14px; font-family: Georgia, "Times New Roman", serif; }
#controller { float: right; color: #7d7d7d; font-family: Georgia, "Times New Roman", serif; }
#controller .label { float: left; color: #7d7d7d; margin: 0 10px 0 0; padding: 0; font-size: 14px; }
#controller .control { float: left; font-size: 14px; margin: 0 10px 0 0; text-align: right; color: #00aeef; cursor: pointer; }
#controller .control:hover { color: #000; }

#controller .slide-selected{ color: #000; cursor: default; }
#controller .slide-selected:hover { color: #000; }

#main .gallery .content .galleries .thumbnails { float: left; width: 682px; border: 0px solid #ccc; margin: 20px 0 0 0; }
#main .gallery .content .galleries .thumbnails .slides { width: 100%; }
#main .gallery .content .galleries .thumbnails .cell { float: left; width: 220px; height: 155px; margin: 0; padding: 0; }
#main .gallery .content .galleries .thumbnails .cell span { float: left; margin: 10px 0; text-align: left; font-size: 10px; color: #363636; }
#main .gallery .content .galleries .thumbnails .cell span strong { font-size: 11px; font-weight: normal; display: block; margin: 3px 0 3px 0; padding: 1px 0px; line-height: 0; } 
#main .gallery .content .galleries .thumbnails .spacer { float: left; width: 11px; margin: 0; padding: 0; }

#main-blog{ float: left; margin: 10px 0 0 0; padding: 0; width: 100%; min-height: 405px; background-color: #fff; text-align: left; font-size: 11px; line-height: 1.5em; }
#main-blog .main-padd { float: left; width: 100%; }
#main-blog .content { margin: 100px auto 0; width: 850px; text-align: justify; border: 0px solid #ccc; }

#main-blog .narrowcolumn { float: left; border: 0px solid #ccc; width: 600px; }


						
.navigation { float: left; width: 100%; border-bottom: 1px solid #ebebeb; margin: 0 0 30px 0; color: #ccc; }
.navigation .alignleft { float: left; padding: 5px 0; }
.navigation .alignright { float: right; padding: 5px 0; }
.navigation a:link,
.navigation a:visited { font-size: 11px; color: #ccc; text-decoration: none; }
.navigation a:hover { color: #000; }
						

.navigation-pager { float: left; width: 100%; border-top: 1px solid #ebebeb; margin: 0 0 30px 0; color: #ccc; }
.navigation-pager .alignleft { float: left; padding: 5px 0; }
.navigation-pager .alignright { float: right; padding: 5px 0; }
.navigation-pager a:link,
.navigation-pager a:visited { font-size: 11px; color: #555; text-decoration: none; }
.navigation-pager a:hover { color: #000; }

.bio-post { margin: 0 0 50px 0; font-size: 11px; }

.post { margin: 0 0 50px 0; font-size: 14px; }
.post h3 a:link, 
.post h2 a:link, 
.post h3 a:visited,
.post h2 a:visited { font-size: 18px; font-family: helvetica, arial, Sans-Serif; font-weight: normal; color: #000; text-decoration: none; }

.post small { font-size: 11px; color: #555; }

.postmetadata { color: #555; }
.postmetadata a:link,
.postmetadata a:visited { font-size: 11px; text-decoration: none; color: #757575; }
.postmetadata a:hover { color: #000; border-bottom: 1px dotted #555; }

.entry { margin: 10px 0 0 0; }

#sidebar { float: right; width: 200px; border: 0px solid #ccc; }

#sidebar h2 { font-size: 12px; font-weight: normal; color: #000; }

#sidebar ul ul li:before { content: "\00BB \0020"; }

#sidebar a:link,
#sidebar a:visited { font-size: 11px; color: #757575; text-decoration: none; }
#sidebar a:hover { color: #000; border-bottom: 1px dotted #555; }

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 30px;
}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 0 0;
}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0;
}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 0;
}

#sidebar ul ol li {
	list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 4px 0;
	border-bottom: 1px dotted #DEDEDE;
}


#footer { float: left; width: 100%; height: 50px; }

/*

.container { float: left; width: 960px; border: 0px solid #ff0000; text-align: center;  }

.container .top-nav li span { position: relative; top: 17px; }

.container-spacer { float: left; width: 819px; height: 50px; background:#fff url('../images/container-spacer-bkg.gif') repeat; }

.container .logo { margin: 75px auto 0 auto; }
.container .content { text-align: left; line-height: 18px; font-size: 11px; }

.container .artist-statement { margin: 50px auto 0 auto; width: 700px; }

.container .bio { float: left; margin: 0 0 0 100px; width: 858px; }
.container .bio h1 { margin: 75px 0 50px 0; color: #636363; font-family: georgia, Times New Roman, serif; font-size: 30px; font-weight: normal; }

.container .gallery { float: left; margin: 50px 0 0 100px; width: 860px;  }

.container .gallery .col1 { float: left; width: 200px; margin: 75px 0 0 0; }
.container .gallery .col1 ul { list-style: none; margin: 0; padding: 0; }
.container .gallery .col1 li { margin: 0; padding: 0; border-bottom: 1px dotted #ccc; }
.container .gallery .col1 li a:link,
.container .gallery .col1 li a:visited { display: block; text-decoration: none; color: #555; padding: 3px 5px; font-size: 12px; outline:0; }
.container .gallery .col1 li a:hover { background-color: #f0f0f0; }

.container .gallery .col2 { float: right; margin: 0; padding: 0; width: 600px; }
.container .gallery .col2 .piece { position: relative; width: 100%; height: 530px; }
.container .gallery .col2 .description { position: relative; top: 0; height: 75px; text-align: left; font-size: 11px; color: #7F7F7F; font-weight: normal; font-size: 11px; }
.container .gallery .col2 .description strong { display: block; font-weight: normal; font-size: 24px; color: #555; margin: 0 0 5px 0; padding: 0; }
.container .gallery .col2 .img-frame { float: left; margin: 0; border: 1px solid #ccc; width: 600px; height: 530px; text-align: center; }

.container .press { float: left; margin: 100px 0 0 100px; width: 858px; }
.container .press .cell { float: left; width: 100px; margin: 0 0 50px 0; padding: 0; text-align: left; color: #7f7f7f; }
.container .press .cell a:link,
.container .press .cell a:visited { text-decoration: none; font-size: 11px; color: #000; line-height: 12px; margin: 0; padding: 0; }
.container .press .cell img { margin: 0 auto 3px auto; border: 1px solid #555; }
.container .press .cell-spacer { float: left; width: 26px; }

.container .contact { float: left; margin: 100px 0 0 100px; width: 858px; }
.container .contact .col1 { float: left; width: 200px; color: #7F7F7F; }
.container .contact .col1 strong { font-weight: normal; color: #555; }
.container .contact .col1 a:link,
.container .contact .col1 a:visited { text-decoration: none; border-bottom: 1px dotted #ccc; color: #7f7f7f; padding: 0 0 2px 0; }
.container .contact .col1 a:hover { border-bottom: 1px dotted #555; }
.container .contact .col2 { float: right; width: 600px; }

.clear { clear: both; }

#footer { float: left; width: 100%; border-top: 0px solid #363636; color: #363636; margin: 40px 0 50px 0; padding: 10px 0; font-size: 11px; text-align: left; }
#footer a:link, #footer a:visited { color: #363636; text-decoration: none; padding: 3px; margin: 0 5px; }
#footer a:hover { color: #fff; }

.field-row { float: left; width: 100%; margin: 0 0 10px 0; }

.field-row-submit { float: left; width: 100%; margin: 0; padding: 8px 0 0 0; border-top: 0px dotted #ccc; }
.field-row-submit .left { float: left; color: #ff0000; }
.field-row-submit .left em { color: #ff0000; font-style: normal; font-weight: normal; }
.field-row-submit .right { float: right; }
fieldset { border: 0; padding: 0px 20px 0 20px; }
label { display: block; font-size: 12px; color: #555; padding: 5px 0 0 0; border-top: 0px dotted #ccc; margin: 0 5px 0 0; }
label em { color: #ff0000; font-weight: normal; }
.input-field { font-family: Arial, Helvetica, sans-serif; padding: 5px 5px; border-left: solid 1px #c0c0c0; border-top: solid 1px #c0c0c0; background-color: #f0f0f0; font-size: 12px; font-weight: normal; color: #5b5b5b; }
.input-submit { border: 0; background-color: #7f7f7f; padding: 3px; font-size: 14px; letter-spacing: -1px; color: #fff; }
.input-submit:hover { background-color: #000; cursor: pointer; }
*/