@import url(http://www.blogsmithmedia.com/www.weblogsinc.com/b-c/media/global.css);

body {
background: #999;
text-align: center; /* IE Fix */
margin:0;
}
.gallery a {
color: #fff;
}
.gallery a:hover {
color: #fff;
}
/* =LAYOUT */

#container {
position: relative;
width: 100%; /* total width */
margin: 0 auto; /* centers layout */
text-align: left; 
}
#col-1 {
width: 670px;
display: inline;
}
#col-2 {
float: left;
margin-left: 7px;
width: 300px;
display: inline;
margin-bottom: 20px;
}
* html #col-2 {
margin-left: 0;
float: right;
}
#main {
position: relative;
}
* html #main {border:0}
#subcontent {
width: 300px;
position: relative;
}
* html #subcontent {
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 #eee;
}
.gallery-low-res #header {
margin: 0 auto;
}
#logo {
position: absolute;
left: 0 !important;top: 0;
}
.gallery-low-res #logo {
position: absolute;
top: 0;
left: 0;
z-index: 9;
}
* html #logo {
left: -12px;
}
#logo a {
background: url(http://www.blogsmithmedia.com/www.joystiq.com/media/logo-sm.gif) no-repeat 0 30px;
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 { 
width: 728px; 
position: absolute;
right: 0;
top: 6px;
margin: 0;
padding: 0;
}

.gallery #header-middle {
position: relative;
height: 90px;
margin: 0 37px;
}
.gallery-low-res #header-middle {
width: 950px;
margin: 0 auto;
}
/* =CONTENT (GALLERY) ------ */
.gallery-low-res #content {
width: 950px;
}
#content {
color: #bbc0be;
margin: 0 auto;
padding: 10px 0 0;
}
* html .gallery-low-res #content {
width: 980px;
}
#content .all-galleries {
padding: 17px 0 0 20px;
} 
#content .list-gallery {
padding: 19px;
}
#content .show-image {
}
/* =CONTENT BODY ------ */
.content-body {
clear: both;
padding-top: 10px;
}
.content-body h2, 
.content-body h3 {
font-weight: normal;
color: #fff;
font-size: 1.4em;
line-height: 1.3em;
margin-bottom: .1em;
}
#content .breadcrumb,
.content-body {
background: #aeaeae;
}
.content-body {
width: 100%;
}
.content-body-inner {
clear: both;
margin: 0 0;
padding: 0 33px 33px 33px;
position: relative;
}
.gallery-low-res .content-body-inner {
margin: 0 9px 9px;
}
/* =PHOTO BODY ------ */
.content-body .photo-body {
margin-left: 0;
min-height: 350px;
text-align: center;
}
* html .content-body .photo-body {
height: 350px;
}
#content .content-body .show-image  .photo-body { /* for gallery-show-image.php */
background: #050505;
float: left;
width: 542px;
}
.content-body .photo-body img {
border: 6px solid #050505;
}
.gallery-low-res .content-body .show-image .photo-body img {
max-width: 530px;
max-height: 404px;
}
/* =PHOTO INFO ------ */
.content-body .show-image .photo-info {
width: 300px;
float: right;
}
.gallery-low-res .content-body .photo-info h2 {
clear: none;
}
.gallery-low-res .content-body .photo-info h3 {
margin-bottom: .8em;
}
.content-body .photo-info p {
color: #999;
line-height: 1.4em;
}
.content-body .photo-info .deemphasize {
font-size: .9em;
}
.content-body .photo-info .deemphasize h3 {
color: #ccc;
font-size: 1.2em;
line-height: 1.7em;
}
.photo-info .date, .photo-info .credits {
color: #444 !important;
font-size: .9em;
margin: 0;
}
.content-body .photo-info p {
color: #999;
}
.photo-info .date, .photo-info .credits {
color: #444 !important;
font-size: 10px;
margin: 0;
text-transform: uppercase;
}
/* =CONTENT BODY (2 COLS AT THE BOTTOM) ------ */
.content-body .photo-comments {
width: 450px;

}
#content .content-body .col-1 {
margin: 0 auto;
width: 545px;
position: relative;
left: 50%;
margin-left: -282px;
}
.content-body .col-2 {
display: none;
float: right;
width: 300px;

}
.photo-basement {
clear: both;
position: relative;
}
/* =BREADCRUMB ------ */
.breadcrumb {
margin-left: 35px;
}
.gallery-low-res .breadcrumb {
margin: 0;
}
.breadcrumb {
*margin-bottom: -10px;
}
#content .breadcrumb {
color: #888;
float: left;
font: 1.2em arial;
line-height: 1.3em;
display: block;
padding: 10px 12px 2px;
margin-bottom: 0;
}
.breadcrumb a {
color: #444;
}
.breadcrumb em,
.breadcrumb em a {
color: #fff;
font-weight: bold;
font-style: normal;
}
/* =PHOTO-HEAD ------ */
.photo-head, .content-body-inner {
background: #111;  /* content main color */
}
.photo-head {
display: block;
clear: both;
padding: 14px 0;
position: relative;
}
.photo-head ul {
display: block;
margin: 0;
padding: 0;
position: relative;
}
.photo-head li {
display: block;
padding: 0;
margin: 0;
vertical-align: top;
}
.photo-head h2 {
background: #050505 url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/bg-photo-h2-lt.gif) no-repeat 0 0;
color: #fff;
clear: none;
font-size: 1.2em;
font-weight: normal;
height: 34px;
overflow: hidden;
padding: 0;
text-align: center;
}
.gallery-low-res .photo-head h2 { 
width: 866px;
_width: 896px;
}

.photo-head h2 .wrap {
background: transparent url("http://www.blogsmithmedia.com/framework.weblogsinc.com/media/bg-photo-h2-rt.gif") no-repeat right top;
font-style: normal;
line-height: 34px;
padding-top: 1px;
display: block;
}
.photo-head h2 em {
font-style: normal;
margin: 0 3px;
}
.photo-head h2 .page,
.photo-head h2 .count,
.photo-head .date {
color: #666;
}
.previous-arrow,
.next-arrow {
position: absolute;
top: 0;
z-index: 9999;
}
.previous-arrow {
left: 5px;
_left: -444px; 
}
#template-gallery-full .previous-arrow {
_left: 5px;
}
.next-arrow {
right: 5px;
}
.previous-arrow a,
.next-arrow a {
background: url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/arrow-oval.gif) no-repeat 0 5px;
display: block;
width: 250px;
height: 0 !important;
height /**/: 34px;
padding: 34px 0 0 0;
overflow: hidden;
}
.next-arrow a { 
background: url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/arrow-oval.gif) no-repeat -100px 5px; 
}
.previous-arrow a:hover { background-position: 0 -71px; }
.next-arrow a:hover { background-position: -100px -71px;}

.gallery-low-res .related-post {
right: -5px;
top:  -20px;
}
.related-post {
position: absolute;
top: -37px;
right: 113px;
}
.related-post a {
background: #888;
display: block;
padding-left: 20px;
line-height: 24px;
width: 91px;
outline: 0;
white-space: nowrap;
}
.related-post a:hover {
background-color: #777;
}
.view-hi-res a {
background: #888;
width: 63px;
line-height: 24px;
width: 77px;
overflow: hidden;
position: absolute;
top: -40px;
left: 750px;
_left: 781px;
text-align: center;
}
.view-hi-res a:hover {
background-color: #777;
}
.view-low-res a {
background: #888;
width: 77px;
line-height: 24px;
overflow: hidden;
position: absolute;
top: -37px;
right: 32px;
text-align: center;
}
.view-low-res a:hover {
background-color: #777;
}
/* =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 {
border: 1px solid #aaa;
display: block;
float: left;
cursor: pointer;
padding: 1px;
}
.gallery .thumb a:hover {
border: 2px solid #6dcff6;
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;
min-height: 78px;
overflow: hidden;
cursor: default;
zoom: 1;
z-index:9;
padding-top: 18px;
}
#template-gallery-full .thumbstrip {
left: 50%;
margin-left: -430px;
}
.thumbstrip-inner {
background:  url(http://www.blogsmithmedia.com/www.autoblog.com/media/bg-thumbstrip-noarrow.jpg) no-repeat 0 0;
min-height: 72px;
padding: 27px 12px;
width: 856px;
position: relative;
}
* html .thumbstrip-inner {
height: 94px;
}
.thumbstrip ul {
width: 830px;
}
.thumbstrip li.thumb {
display: block;
float: left;
position: relative;
margin: 0 2px 2px 0;
border: 0;
}
.thumbstrip .thumb img {
vertical-align: top;
border: 0;
height: 75px;
width: 75px;
}
.thumbstrip .thumb a {
border: 1px solid #aaa;
display: block;
float: left;
cursor: pointer;
padding: 1px;
}
.thumbstrip .thumb a:hover {
border: 2px solid #6dcff6;
padding: 0;
}
.thumbstrip li.thumb a:hover,
.thumbstrip li.thumb a:active {
background-position: 0 -55px;
}
.thumbstrip a img.preview {
padding: 0;
display: none;
width: 75px;
height: 75px;
}
	.thumbstrip a:hover .preview {
	border: 2px solid #6dcff6;
	display: block;
	position: absolute;
	top: -80px;
	left: -15px;
	z-index: 10;
display: none;
	}
	* html .thumbstrip a:hover img.preview {
	display: none; /* IE causes the preview images to stick so we're hiding em for now. */
	}
.thumbstrip .previous-arrow {
position: absolute;
z-index: 10;
top: 0;
left: 0;
display: none;
}
.thumbstrip .previous-arrow a {
background: url(http://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://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;
}
#content h3#addcomments {
margin-top: 1em;
}
.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;
}

/* =FOOTER ------ */
#footer {
clear:both;
width:860px;
margin:1px auto 0px;
padding:10px;
}
#legal {
margin: .5em 0 2em;
font-size: .95em;
text-shadow: 0 0 0 #000;
line-height: 1.4em;
}
#footer p {
color: #444 !important;
margin: 0 0 .3em;
text-align: center;
}
/* =ADD ONS ------ */
#footer .searchform form,
#footer .searchform ul li.selected,
#footer .searchform ul li:hover {
background: #000;
}
#footer .searchform li.selected a,
#footer .searchform li a:hover {
color: #888;
}
.gallery h3 .deemphasize {
color: #666;
}
.gallery #remember input {
border: 0;
outline: 0;
}
.gallery #commentform legend {
color: #ccc !important;
}
.gallery #commentform legend {
*margin-left: -7px; /* targets IE6 and 7 */
}

#outerslice {
background: #111;
padding: 1em!important;
}
#outerslice #slice {
margin: 0;

padding: 0;
}

#outerslice #slice a {
margin: 0!important;
padding: 0!important;
background: transparent;
color: #666;
}



#outerslice #slice a:hover {
color: #fff;

}

.gallery-cobrand {
position:absolute;
border: none !important;
top:4px; 
right:10px;
display:block;
height: 32px;
width:114px;
background: url(http://www.blogsmithmedia.com/www.joystiq.com/media/gamedaily-cobrand.gif) no-repeat 0 6px !important;
z-index: 2;
text-indent: -9000px;
}

.gallery-cobrand2 {
position:absolute;
border: none !important;
top:0px; 
right:5px;
display:block;
height: 32px;
width:130px;
background: url(http://www.blogsmithmedia.com/www.joystiq.com/media/games-cobrand2.gif) no-repeat 0 6px !important;
z-index: 2;
text-indent: -9000px;
display: none;
}

.cobrand-footer {
margin: 1em .5em;
display: block;
width: 148px;
height: 37px;
text-indent: -9999px;
cursor: pointer;
border: 0!important;
}

.cobrand-footer {
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.blogsmithmedia.com/framework.weblogsinc.com/media/games-cobrand-gallery-footer.png');
}

.cobrand-footer[class] {
background: url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/games-cobrand-gallery-footer.png) no-repeat center center;
}