/*
Theme Name: SNG
Theme URI: http://www.scottnicholsgallery.com
Description: Theme created for Scott Nichols Gallery
Author: Example7
Author URI: http://www.example7.com
*/

/* -------------------[ Layout ]------------------- */

body { margin: 15px 0 0 0; padding: 0; background-color: #fff; color: #000; font-family: 'Droid Serif', times, serif; font-size: 13px; line-height: 20px; }
html { overflow-y: scroll; }
html, body { height: 100%; }

#container { width: 860px; margin-left: auto; margin-right: auto; text-align: left; border: 1px solid #C4B8AC; -moz-box-shadow: 3px 3px 4px #776A5D; -webkit-box-shadow: 3px 3px 4px #776A5D; box-shadow: 3px 3px 4px #776A5D; margin-bottom: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#776A5D')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#776A5D'); }

#header { clear: both; width: 860px; height: 130px; background: url(http://www.scottnicholsgallery.com/wp-content/themes/sng/images/sng_logo.png) no-repeat center top; }
#headercontact { float: right; width: 200px; margin: 15px 30px 0 0; text-align: right; font-size: 12px; line-height: 20px; letter-spacing: 0.05em; color: #44403C; }
#headermessage { float: right; width: 400px; margin: 10px 30px 0 0; text-align: right; font-size: 12px; line-height: 10px; letter-spacing: 0.05em;}

#navigation { clear: both; width: 860px; height: 30px; background-color: #AAA096; }

#ada { clear: both; width: 860px; margin-left: auto; margin-right: auto; padding: 5px 0 20px 0; font-size: 12px; letter-spacing: 0.05em; word-spacing: 0.05em; text-align: center; }


#content { clear: both; width: 800px; margin: 10px auto 0px auto; text-align: left; margin-bottom: 30px; overflow: hidden; }

#main { clear: both; float: left; width: 600px; margin: 0; padding: 0; }
#sidebar { float: right; width: 170px; margin: 25px 0 0 0; padding: 0; }

#content-left { clear: both; float: left; width: 600px; margin: 0; padding: 0; }
#content-right-nav { float: right; width: 170px; margin: 10px 0 0 0; padding: 0; }

#content-left-ex { clear: both; float: left; width: 700px; margin: 0; padding: 0; }
#content-right-ex-nav { float: right; width: 70px; margin: 10px 0 0 0; padding: 0; }

#footer { clear: both; width: 860px; margin-left: auto; margin-right: auto; padding: 5px 0 20px 0; font-size: 11px; letter-spacing: 0.05em; word-spacing: 0.05em; text-align: right; }

#break, .break { clear: both; display: block; width: 800px; height: 20px; }

table, tr, td { margin-top: 0px; }

/* -------------------[ Navigation ]------------------- */

#nav { margin: 0; padding: 0; }
#nav ul { margin: 0; padding: 0; }
#nav li { float: left; list-style: none; margin: 0; padding: 0; }

#nav li a, #nav li a:link, #nav li a:visited { display: block; height: 24px; max-height: 24px; margin: 0; padding: 6px 7px 0 6px; color: #FFF; font-size: 15px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.5px; }
#nav li a:hover, #nav li.nav a:active { display: block; height: 24px; max-height: 24px; color: #FFF; background-color: #847C74; }
#navcurrent { background-color: #847C74; color: #FFF; }

#nav li ul { z-index: 9999; position: absolute; left: -999em; height: 24px; max-height: 24px; width: 168px; margin: 0; padding: 0; *margin-left: -45px; }
#nav li ul a, #nav li ul a:link, #nav li ul a:visited { width: 168px; height: 24px; max-height: 24px; background-color: #847C74; color: #FFF; font-size: 12px; margin: 0px 0px -1px 0px; }
#nav li ul a:hover, #nav li ul a:active { background-color: #AAA096; color: #FFF; font-size: 12px; }
#nav li ul ul { margin: -32px 0 0 0; }
#nav li:hover ul ul, #nav li:hover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul { left: auto; }
#nav li:hover { position: static; }
#nav li.over ul { display: block; }

/* -------------------[ WP Menus ]------------------- */

.menu-title { float: right; font-size: 18px; line-height: 24px; letter-spacing: 0.04em; text-align: right; margin: 10px 0 0 0; padding: 0; font-weight: normal; }

li.menu-item { clear: both; float: right; text-align: right; font-size: 13px; line-height: 18px; font-weight: normal; padding: 0 0 2px 0; margin: 5px 0 0 0; list-style: none; }
li.menu-item a { }
.menu-item a:hover { }
li.current-menu-item a { color: #000; text-decoration: none; }

/* -------------------[ Text ]------------------- */

a, a:link, a:visited, a:active { color: #847C74; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }

h1 { font-size: 18px; line-height: 24px; letter-spacing: 0.05em; text-align: left; margin: 0 0 4px 0; padding: 0 0 2px 0; font-weight: normal; border-bottom: 1px dashed #AAA096; }
h1 a:link, h1 a:active, h1 a:visited { color: #847C74; text-decoration: none; }
h1 a:hover { color: #000; text-decoration: none; }

h2 { clear: both; font-size: 16px; line-height: 22px; letter-spacing: 0.04em; text-align: left; margin: 0 0 1px 0; padding: 0; font-weight: normal; }

h3 { font-size: 11px; line-height: 17px; letter-spacing: 0.04em; text-align: left; margin: 0 0 20px 0; padding: 0; font-weight: normal; }

h4 { font-size: 18px; line-height: 26px; letter-spacing: 0.05em; text-align: left; margin: 0 0 12px 0; padding: 0; font-weight: normal; }

h5 { font-size: 22px; line-height: 30px; letter-spacing: 0.05em; text-align: left; margin: 0 0 12px 0; padding: 0; font-weight: normal; }

p, .p, h1, h2, h3 { margin-top: 0px; }

.wp-caption-dd, .wp-caption-text { color: #666; font-size: 11px; text-align: center; margin: 0 0 20px 0; padding: 0; }

br { line-height: 13px; }

ul { margin-top: 0px; margin-bottom: 10px; margin-left: 15px; padding: 0px; list-style-type: disc; }
li { margin-bottom: 5px; list-style-type: disc; background-position: 0 0.5em; }

.button { margin: 15px 0 2px 0; padding: 3px 10px; display: inline-block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 2px solid #dcdcdc; background-color: #847C74; color: #FFF; font-size: 14px; font-weight: normal; text-decoration: none; text-align: center; }
a.button { color: #FFF !important; }
.button:hover { background-color: #776A5D; }

/* -------------------[ Images ]------------------- */

.alignleft, img.alignleft { display: inline; float: left;  margin: 4px 15px 50px 0; }
.alignright, img.alignright { display: inline; float: right;  margin: 4px 0 50px 15px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; margin-bottom: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }

img { border: none; }
img, div { behavior: url(iepngfix.htc) }

.border { border: 1px solid #C4B8AC; }

/* -------------------[ Sidebar ]------------------- */

.widget, .widgettext { list-style: none; text-align: left; }

#searchwrap { float: right; width: 174px; margin: 10px 27px 10px 0; }
#searchform { float: left; margin: 0; padding: 0; overflow: hidden; display: inline; border: 1px solid #C4B8AC; background-color: #FFF; }
#searchbox { background: #FFF !important; width: 143px; color: #C3C2C2; font-family: "Courier New", Courier, monospace; font-size: 11px; font-weight: normal; margin: 0; padding: 3px 0 3px 4px; display: inline; border: none; }
#searchbutton { margin: 0; padding: 3px 0 3px 4px; border: none; background-color: #FFF; }

#sidebar_title_archives, #sidebar_title_categories, #sidebar_title_tags, #sidebar_title_links { display: block; font-size: 12px; margin: 0 0 7px 0; }
#sidebar_archives, #sidebar_categories, #sidebar_tags, #sidebar_links
{ clear: both; padding: 0; margin: 0 0 20px 0; font-size: 11px; line-height: 14px; text-align: left; }
#sidebar_archives ul, #sidebar_categories ul, #sidebar_tags ul, #sidebar_links ul 
{ list-style: none; margin: 0; padding: 0; }
#sidebar_archives li, #sidebar_categories li, #sidebar_tags li, #sidebar_links li 
{ text-align: left; list-style-type: none; padding: 0 0 1px 0; }

/* -------------------[ Comments ]------------------- */

.commentlist ol { float: left; margin: 0; padding: 0; width: 560px; margin: 0; }
.commentlist li { width: 560px; list-style: none; padding: 20px; margin: 0 0 15px -40px; }

.comment-author { }
.comment-text { }
.comment-date { color: #4d4f53; }

.even { border: 1px solid #C4B8AC; margin: 0; padding: 0; }
.alt { border: 1px solid #C4B8AC; margin: 0; padding: 0; }

#commentform p { margin: 0; }
#commentform input { width: 200px; padding: 2px; margin: 0 5px 1px 0; border: 1px solid #D9D8D8; }
#commentform { margin: 0; }
#commentform textarea { width: 570px; padding: 2px; border: 1px #C4B8AC solid; }
#commentform #submit { width: 115px; height: 25px; margin: 0; color: #FFF; border: 1px #C4B8AC solid; background-color: #AAA096; }

/* -------------------[ Galleria ]------------------- */

.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 2px; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 80px; height: 80px; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

#galleria_wp  div.galleria_std  { width: 100%; margin: 0 auto; text-align: center; overflow: hidden; }
#galleria_wp div.galleria_std .galleria_container { width: 800px; padding: 0; margin: 40px 0 50px 0; background-color: transparent; }
#galleria_wp div.galleria_std .galleria_wrapper { width: 98%; margin: 0 auto; overflow: hidden; }
#galleria_wp .galleria_std .galleria_wrapper img { display: block; float: none; margin: 0 auto; padding: 0; }
#galleria_wp .galleria_std div ul { width: 100%; display: block; margin: 0 auto; overflow: hidden; list-style: none; }
#galleria_wp .galleria_std div ul:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

#galleria_wp .galleria_std div ul li { display: block; float: left; margin: 0; overflow: hidden; width: 80px; height: 80px; border: 5px solid #FFF; }
#galleria_wp .galleria_std div ul li.ngg_album { display: block; float: left; margin: 0; overflow: hidden; width: 80px; height: 80px; border: 5px solid #FFF; }
#galleria_wp .galleria_std div ul li:hover { border: 5px solid #FFF; }
#galleria_wp .galleria_std div ul li.active { border: 5px solid #FFF; }

#galleria_wp .galleria_std div ul li img.thumb, 
#galleria_wp .galleria_std .galleria_wp_thumb_caption, 
#galleria_wp .galleria_std .galleria_wp_thumb_caption span.msg, 
#galleria_wp .galleria_std .galleria_wp_thumb_caption span.first, 
#galleria_wp .galleria_std .galleria_wp_thumb_caption span.last, 
#galleria_wp .galleria_std span.thumb_caption { display: none; }

.galleria_nav { position: absolute; display: block; width: 200px; height: 30px; margin: -44px 0 0 532px; padding: 0; text-align: right; font-size: 13px; line-height: 15px; color: #847C74; z-index: 3; }
.caption0 { position: absolute; display: block; width: 100px; height: 30px; margin: -174px 0 0 700px; padding: 0; text-align: right; font-size: 13px; line-height: 15px; color: #847C74; }
.caption1  { position: absolute; display: block; width: 800px; height: 30px; top: 0px; margin: 370px 0 0 0; padding: 0; text-align: center; font-size: 12px; }

.jcarousel-skin-metal { margin: 0; padding: 0; }
.jcarousel-skin-metal .jcarousel-item { margin: 0; padding: 0; overflow: hidden; }
.jcarousel-skin-metal .jcarousel-container-horizontal { margin: 0 0 0 20px; padding: 0; width: 96%; }
.jcarousel-skin-metal .jcarousel-clip-horizontal { margin:  0 auto; padding: 0; width: 96%; }
.jcarousel-skin-metal .jcarousel-prev-horizontal { position: absolute; margin-top: 0; top: 0px; left: 0px; width: 11px; height: 12px; cursor: pointer; background: transparent url(http://www.scottnicholsgallery.com/wp-content/plugins/galleria-wp/skins/metal/prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-metal .jcarousel-next-horizontal { position: absolute; margin-top: 0; top: 0px; right: 0px; width: 11px; height: 12px; cursor: pointer; background: transparent url(http://www.scottnicholsgallery.com/wp-content/plugins/galleria-wp/skins/metal/next-horizontal.png) no-repeat 0 0; }
* html .jcarousel-skin-metal .jcarousel-prev-horizontal { background: transparent url(http://www.scottnicholsgallery.com/wp-content/plugins/galleria-wp/skins/metal/prev-horizontal.png) no-repeat 0 0; } /* for MSIE6 */
* html .jcarousel-skin-metal .jcarousel-next-horizontal { background: transparent url(http://www.scottnicholsgallery.com/wp-content/plugins/galleria-wp/skins/metal/next-horizontal.png) no-repeat 0 0; } /* for MSIE6 */
.jcarousel-skin-metal .jcarousel-prev-horizontal:hover { background-position: -11px 0; }
.jcarousel-skin-metal .jcarousel-next-horizontal:hover { background-position: -11px 0; }
.jcarousel-skin-metal .jcarousel-prev-horizontal:active { background-position: -22px 0; }
.jcarousel-skin-metal .jcarousel-next-horizontal:active { background-position: -22px 0; }
.jcarousel-skin-metal .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-metal .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-metal .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -22px 0; }
.jcarousel-skin-metal .jcarousel-next-disabled-horizontal,
.jcarousel-skin-metal .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-metal .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -22px 0; }