/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	gallery.css

- - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* =RESET */
html, body, form, fieldset{ margin: 0;padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{ margin:0;padding: 0; }
a img, :link img, :visited img {border: 0;}
input, select, textarea	{ font-size:1em; }

dd, blockquote	{margin-left: 1em;}
form label 	{cursor: pointer;}
fieldset	{border: none;}
textarea 	{font-size:1.2em;font-family:arial,helvetica,sans-serif;}
ol, ul, ul li 	{list-style: none;}
table 		{border-collapse: collapse;border-spacing: 0;}
blockquote, q 	{quotes: none;}
:focus 		{outline: 0;}
ins 		{text-decoration: none;}
del 		{text-decoration: line-through;}
iframe          {margin: 0 !important; padding: 0 !important;}
/* =TYPOGRAPHY */
body          { font-size: .76em;font-family:arial, helvetica, sans-serif;}   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, "Lucida Grande", sans-serif;color:#111; clear:both;}
h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; line-height:2; }
h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }
p           { margin: 0 0 1.5em 0; text-align:left; }
p.last      { margin-bottom:0; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */
ul, ol      { margin: 0 0 10px 1.5em; }
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }
a           { color: #fff; text-decoration: underline; outline: none; }
a:hover     { text-decoration: none;}
blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }
hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 0.1em; margin: 1em 0 1.4em 0; border: none; _margin: 0 0 1.2em 0; }
table   { margin-bottom: 1.4em;}
th,td   { }
th      { font-weight:bold; }
label     { font-weight: normal; }
textarea  { height: 180px; width: 300px; }
p.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large   { font-size: 1.2em; line-height: 2.5em; }
p.quiet   { color: #666; }
p.sponsored{ background:#ffffee; font-size:.9em; padding: 12px; margin: 0 0 3px; line-height: 1.4em;}

html {
position: relative;
z-index: -1;

}
/* =LAYOUT  */
body {
background: #222;
text-align: center; /* IE Fix */
margin:0;
}
#container {
position: relative;
width: 100%;
margin: 0 auto;
text-align: left;
z-index:0; 
}
#col-1 {
width: 670px;
display: inline;
}
#col-2 {
float: left;
margin-left: 7px;
width: 300px;
display: inline;
margin-bottom: 20px;
_margin-left: 0;
_float: right;
}
#main {
position: relative;
_border:0;
padding: 0;
}
#subcontent {
width: 300px;
position: relative;
_margin-top: 0;
_display: inline;
}
* html #sidebar, * html #subcontent { overflow-x: hidden; } /* IE6 fix */

/* =HEADER  */

#header {
background: #fff;
width: 100%;
position: relative;
height: 98px;
padding-bottom: 0;
zoom: 1;
border-bottom: 5px solid #111;
}
.gallery-low-res #header {
/*width: 950px;  ***use this width if you need it constrained and centered***  */
margin: 0 auto;
}
#logo {
position: absolute;
left: 0 !important;
_left: -12px;
}
.gallery-low-res #logo {
position: absolute;
top: 0;
left: 0;
z-index: 9;
}
#logo a {
background: url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/logo-site-sm.gif) no-repeat 0 39px;
padding: 95px 0 0 0;
height: 0 !important;
height /**/: 78px;
width: 220px;
font-size: 28px;
font-weight: normal;
display: block;
overflow: hidden;
text-indent: -9000px;
}
.gallery #topleader,
.gallery .topleader { 
width: 728px; 
position: absolute;
_position: relative;
right: 0;
top: 6px;
margin: 0;
padding: 0;
}



.bottomleader {
padding-bottom: 15px;
}
.gallery #header-middle {
position: relative;
height: 90px;
margin: 0 37px;
}
.gallery-low-res #header-middle {
width: 950px;
margin: 0 auto;
}
/* =CONTENT  */
#content {
background: #111;
color: #bbc0be;
margin: 0 auto;
padding: 1px 0 0;
}
.gallery-low-res #content {
width: 950px;
_width: 970px;
}
#content .all-galleries {
padding: 17px 0 0 20px;
} 
#content .list-gallery {
padding: 19px;
}
#content .list-gallery ul {
margin-left: 0;
}
/* =CONTENT BODY  */
#content .content-body {
clear: both;
padding-top: 0;
width: 100%;
position: relative;
}
.content-body h2, 
.content-body h3 {
font-weight: normal;
color: #fff;
font-size: 1.4em;
line-height: 1.3em;
margin-bottom: .1em;
}
.content-body-inner {
clear: both;
margin: 0 0;
padding: 0 10px;
_padding: 0 0 0 10px;
position: relative;
}

/* =PHOTO BODY  */

#content .content-body .show-image .photo-body { /* for gallery-show-image.php */
float: left;
width: 620px;
margin-left: 0;
min-height: 360px;
text-align: left;
_height: 360px;
}
.content-body .photo-body img {
border: 1px solid #050505;
margin: 0;
position: relative;
-ms-interpolation-mode: bicubic;
}
.gallery-low-res .content-body .show-image .photo-body img {
max-width: 615px;
max-height: 500px;
}

/* =PHOTO INFO  */
.sidebar-photo-nav  {
border-bottom: 2px solid #333;
padding: 0 0; margin: 0;
display: block;
height: 36px;
}
.sidebar-photo-nav a {
color: #6dcff6;
text-decoration: none;
padding: 12px 0;
display: block;
}
.sidebar-photo-nav a:hover {
color: #fff;
}
.sidebar-photo-nav .previous-arrow {
float:  left;
}
.sidebar-photo-nav .next-arrow {
float:  right;
}
.content-body .photo-info {
padding: 10px 0;
}
.gallery-low-res .content-body .photo-info {
clear: none;
float: right;
padding: 262px 0 0 0;
width: 300px;
}
.content-body .photo-info p {
color: #999;
}
.photo-info .date, .photo-info .credits {
color: #444 !important;
font-size: .9em;
margin: 0;
}
.content-body .photo-info p {
color: #999;
margin-bottom: .5em;
}
.photo-info .date, .photo-info .credits {
color: #444 !important;
font-size: 10px;
margin: 0;
text-transform: uppercase;
}

/* =CONTENT BODY  */

.content-body .photo-comments {
width: 100%;
}
.photo-basement {
clear: both;
position: relative;
padding: 0 10px;
}

/* =BREADCRUMB  */

.breadcrumb {
margin: 0;
color: #666;
float: left;
font: 1.2em arial;
line-height: 2.4em;
display: block;
padding: 0 13px 0;
}
.gallery-low-res .breadcrumb {
margin: 0;
}
.breadcrumb a {
color: #6dcff6;
text-decoration: none;
}
.breadcrumb a:hover {
color: #fff;
}
.breadcrumb em,
.breadcrumb em a {
font-style: normal;
}

#ui_controls {
clear: both;
display: block;
width: 100%;
position: relative;
height: 28px;
padding: 2px 0 2px;
line-height: 24px;
text-align: center;
}
#ui_controls .button  a {
background: #fff url(/media/ui_controls_btn_bg.gif) repeat-x bottom;
color: #000;
font-weight: bold;
display: block;
float: left;
text-decoration: none;
padding: 0;
z-index:9999;
border: 1px solid #000;
width: 120px;
}
#ui_controls .button  a:hover {
background: #6dcff6;
color: #fff;
}
#ui_controls .mediatitle  {
padding: 1px 0;
color: #888;
font-size: 14px;
font-weight: bold;
overflow: hidden;
z-index:0;
}
#ui_controls .photo-nav .mediatitle,
#ui_controls2 .photo-nav  .mediatitle {
margin-left: -100px;
}
#ui_controls .mediatitle em {
color: #fff;
font-weight: bold;
font-style: normal;
font-size: 17px;
}
#ui_controls .next-arrow a {
float: right;
z-index:9999;
position: absolute;
top: 2px;
right: 0;
}
#ui_controls2 {
background: white url(/media/ui_controls2_bg.gif) repeat-x bottom;
border-top: 1px solid #ccc;
width: 100%;
position: fixed;
bottom:0;
left: 0;
height: 30px;
padding: 6px 0 4px;
line-height: 26px;
text-align: center;
z-index: 9999;
*background: transparent;
*border-top:none;
*position:relative;
*padding: 5px 0 2px;
*height: 26px;
*width:98%;
}
#ui_controls2 span.photo-nav {
margin: 0 auto;
display: block;
z-index:9998;
padding: 0 10px;
*padding:0;
}
.gallery-low-res #ui_controls2 span.photo-nav {
width: 950px;
*width:930px;
padding: 0;
position: relative;
}
#ui_controls2 .button  a {
background: #111;
color: #aaa;
display: block;
float: left;
text-decoration: none;
padding: 0;
z-index:9999;
width: 120px;
*background: #fff url(/media/ui_controls_btn_bg.gif) repeat-x bottom;
*color: #000;
}
#ui_controls2 .button  a:hover {
background: #6dcff6;
color: #111;
}
#ui_controls2 .mediatitle  {
padding: 0;
margin: 0 auto;
color: #888;
font-size: 14px;
font-weight: bold;
width: 80%;
text-align: center;
overflow: hidden;
z-index:0;
}
#ui_controls2 .mediatitle em {
color: #000;
font-weight: bold;
font-style: normal;
font-size: 17px;
*color: #fff !important;
}
#ui_controls2 .next-arrow a {
float: right;
z-index:9999;
position: absolute;
top: 0;
right: 10px;
}
.gallery-low-res #ui_controls2 .next-arrow a {
right: 0;
}
span.related-post a.backtopost {
background: #222;
display: block;
float: right;
text-decoration: none;
padding: 0;
color: #6dcff6;
line-height: 24px;
position: relative;
margin-top: -30px;
z-index:9999;
width: 122px;
text-align: center;
}
span.related-post a.backtopost:hover {
color: #111;
background-color: #6dcff6;
}
span.hires a {
background: #222;
display: block;
text-decoration: none;
padding: 0;
color: #6dcff6;
line-height: 24px;
position: absolute;
margin-top: -30px;
z-index:9999;
width: 62px;
right: 138px;
text-align: center;
}
span.hires a:hover {
color: #111;
background-color: #6dcff6;
}
/* =THUMBS  */
.gallery .photo-body .thumb {
float: left;
margin: 2px 0 0 2px;
}
.gallery li.thumb {
display: block;
float: left;
position: relative;
margin: 0 2px 2px 0;
border: 0;
}
.gallery .thumb img {
vertical-align: top;
border: 0;
height: 75px;
width: 75px;
}
.gallery .thumb a {
display: block;
float: left;
cursor: pointer;
}
.gallery .thumb a:hover {
padding: 0;
}
.gallery li.thumb a:hover,
.gallery li.thumb a:active {
background-position: 0 -55px;
}
.gallery .captionedthumb {
background: #060606;
padding: 7px;
float: left;
display: block;

margin: 0;
height: 140px;
margin: 5px 5px 0 0;
border: 2px solid #1e1e1e;
}
.gallery .captionedthumb:hover {
background: #000;
border-color: #6dcff6;
}
.gallery .captionedthumb:hover .title a {
color: #fff;
}
* html .gallery .captionedthumb {
height: 160px;
overflow: hidden; 
}
.gallery .captionedthumb img {
width: 75px;
height: 75px;
}
.gallery .captionedthumb .title {
padding: 3px 0;
width: 75px;
text-align: center;
}
.gallery .captionedthumb .title a {
color: #666;
font-size: 10px;
overflow: hidden;
position: relative;
line-height: 1.1em;
text-align: center;
}

/* =THUMBSTRIP  */

.thumbstrip {
display: block;
position: relative;
top: 0; 
left: 0;
margin:0;
padding: 5px 0 10px;
overflow: hidden;
cursor: default;
zoom: 1;
z-index:9;
text-align: left;
}
.thumbstrip-inner {
padding: 0;
position: relative;
}
.thumbstrip-inner ul {
margin: 0;
}
.thumbstrip li.thumb {
display: block;
float: left;
position: relative;
margin: 0 6px 6px 0;
border: 0;
}
.thumbstrip .thumb img {
vertical-align: top;
border: 0;
height: 75px;
width: 75px;
}
.thumbstrip .thumb a {
border: 1px solid #000;
display: block;
float: left;
cursor: pointer;
}
.thumbstrip .thumb a:hover {
border-color: #fff;
}
.thumbstrip .previous-arrow {
position: absolute;
z-index: 10;
top: 0;
left: 0;
display: none;
}
.thumbstrip .previous-arrow a {
background: url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/arrow-circle-dk-lt.gif) no-repeat 0 0;
display: block;
height: 0;
height /**/ 68px;
padding: 68px 0 0 0;
width: 68px;
overflow: hidden;
cursor: pointer;
}
.thumbstrip .next-arrow {
position: absolute;
z-index: 10;
top: 0;
left: 796px;
display: none;
}
.thumbstrip .next-arrow a {
background: url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/arrow-circle-dk-rt.gif) no-repeat -68px 0;
display: block;
height: 0;
height /**/ 68px;
padding: 68px 0 0 0;
width: 68px;
overflow: hidden;
cursor: pointer;
}
.thumbstrip .previous-arrow a:hover {
background-position: -68px 0;
}
.thumbstrip .next-arrow a:hover {
background-position: 0 0;
}

/* =PHOTO COMMENTS ------ */
.photo-comments {
color: #666;
font-size: .95em;
}
h3#readercomments {
border-bottom: 3px solid #070707;
padding: 0 0 .3em 0;
}

.gallery .commentclass1,
.gallery .commentclass2 {
background: #0d0d0d;
padding: 10px 20px;
min-height: 64px;
position: relative;
}
* html .gallery .commentclass1, 
* html .gallery .commentclass2 {
height: 84px;
}
.gallery .commentclass1 p,
.gallery .commentclass2 p {
color: #ababab;
margin: 0 0 0 65px !important;
}
.gallery #comments,
.gallery #addcomments {
padding-top: 0;
margin-top: 0;
}
.gallery #comments .credits * {
color: #444;
font-style: normal;
}
.gallery #comments h4.authorname {
font: 1.3em normal arial, sans-serif;
color: #fff;
margin: 4px 0 .5em 65px !important;
}
.gallery #comments h4.authorname a {
color: #fff;
font-weight: normal;
}
.gallery #comments .avatar {
position: absolute;
left: 10px;
top: 10px;
}

/* =COMMENTSFORM SMS ---- */
#addcomments {
color: #fff;
font-size: 1em;
margin-bottom: .5em;
width: 100%;
}
#addcomments h3 {
font-size: 1.4em;
border-top: 3px solid #333;
padding-top: 1em !important;
}
#commentform {
padding: 10px 0;
display: block;
margin-bottom: 10px;
border-top: 0;
font-size: 1.05em;
color: #aaa;
z-index:0;
}
.gallery #commentform legend {
font-size: 1.2em;
color: #6dcff6;
display: block;
margin: 0; padding: 0;
*margin-left: -7px; /* targets IE6 and 7 */
}
#commentform fieldset p {
padding: 0 0 5px;
margin: 0;
}
#commentform #authorinfo_anon {
padding-top: 10px;
width: 173px;
float: left;
border-right: 1px solid #222;
}
#commentform #authorinfo_user {
padding-top: 10px;
padding-left:  10px;
float: left;
}
#commentform #authorinfo_anon label,
#commentform #authorinfo_user label {
display: block;
}
#remember {
clear: both;
padding-top: 10px;
padding-bottom: 10px;
}
#commentform #remember p {
margin: 0 0 5px; padding: 0;
}
#comment_text label {
display: block;
padding-bottom: 5px;
font-size: 1.2em;
color: #6dcff6;
}
#photo-comment-form {
width: 450px;
}
#comments #thankYou {
background: #000;
padding: 20px;
margin: 0 0 1em 0;
}
#comments #thankYou p {
color: #48888d;
}
#comments #thankYou em {
color: #80f4fe;
font-style: normal;
}

/* =FOOTER  */

#footer {
clear:both;
margin: 0;
width: 915px;
padding: 20px 20px 4em;
}
#legal {
margin: 0 0 1em;
font-size: .95em;
line-height: 1.4em;
}
#footer p {
color: #888 !important;
margin: 0 0 .5em;
}
#footer p a {
color: #fff;
text-decoration: none;
}
#footer p a:hover {
text-decoration: underline;
}

/* =ADD-ONS  */
.clearer{display:block;clear:both;}
.clearfix { display: inline-block; }   
.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.hide {
    visibility: hidden;
}
.noheight {
height: 0 !important;
margin-bottom: 0 !important;
}
.gallery h3 .deemphasize {
color: #666;
}
.gallery #remember input {
border: 0;
outline: 0;
}
.gallery-low-res .medrect {
position: absolute;
top:33px;
right: 10px;
padding:0;
}
.gallery-regular #media-hub .medrect.rmod {
margin-top:33px !important;
}
#outerslice {
background: #333;
padding: 4px 0 3px;
}
#slice {
list-style: none;
margin: 0;
padding: 3px 0 5px;
text-align: center;
color: #ccc;
}
#slice p {
padding: 3px 0;
display: inline;
}
#slice a {
background-color: #222;
font-size: 12px;
padding: 5px 8px 6px;
margin-right: 2px;
text-decoration: none;
}
#slice a:hover {
background: #333;
color: #fff;
}