/* 
 * FREESTATE / www.freestate.hu / StyleSheet (CSS)
 * Coding: Istvan Gyorgyi, Ing. / GYORGYI.com / www.gyorgyi.com
 * Filename: gallery\style.php
 */

/* 
 * ========================================
 * Basic Settings 
 * ========================================
 */
{
  padding: 0;
  margin: 0;
}
pre, blockquote, ol, dl, address {
  margin: 1.2em 2%;
}
dd {
  margin-left: 5px;
}
body {
  background-color: #121212;
  background-position: center center; 
  background-image: url(/img/gallery/bg.jpg);
  font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Sans-Serif, Serif;
  font-size: 62.5%;
  line-height: 1.4em;
  color: #FF6D00;
}
a {
  font-weight: normal;
  text-decoration: none;
}
a:link, a:visited {
  font-weight: normal;
  outline: none;
  text-decoration: none;
  color: #A06D00;
}
a:active, a:hover {
  font-weight: normal;
  outline: none;
  text-decoration: underline;
  color: #D19500;
}
.transparent {
	background: url('/img/gallery/transparent.png') repeat;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.rightTop {
  text-align: right;
  vertical-align: top;
}
.leftTop {
  text-align: left;
  vertical-align: top;
}
.divCenter {
  width: 100%;
  text-align: center;
}
.divHeader {
  font-weight: bold;
  color: #FF6D00;
  line-height: 2.50em;
  padding: 0px 10px 5px 15px;
  text-align: left;
}
#bottomLine {
  margin-top: 4px;
}
/* 
 * ========================================
 * Header Style Settings 
 * ========================================
 */
.spVert6 {
	font-size: 1px;
	height: 6px;
}
.PageTitleLeftImage {
  background: url('/img/gallery/TitleLeft.gif') no-repeat;
  background-color: transparent;
  margin: 0px;
  border: 0px;
  padding: 0px;
}
.PageTitleMiddleImage {
	background: url('/img/gallery/TitleMiddle.gif') no-repeat;
	margin: 0px;
	border: 0px;
	padding: 0px;
	text-align: left;
}
.PageTitleBottomImage {
	background: url('/img/gallery/TitleBottom.gif') no-repeat;
}
.MenuInfoTop {
	background: url('/img/gallery/InfoTop.gif') no-repeat;
}
.MenuInfoLeft {
	background: url('/img/gallery/InfoLeft.gif') repeat-y;
}
.MenuInfoRight {
	background: url('/img/gallery/InfoRight.gif') no-repeat;
}
.MenuInfoBack {
	background: url('/img/gallery/InfoBack.gif') repeat-y;
}
.MenuInfoContent {
	padding: 16px 0px 0px 0px;
	font-size: 25px;
	font-weight: bold;
	color: #711719;
	text-align: left;
}
.lineCenter {
  background-position: bottom left;
	background: url('/img/gallery/lineCenter.png') repeat-x;
}
h1.SiteLink,
a.SiteLink, a.SiteLink:visited, a.SiteLink:hover, a.SiteLink:link, a.SiteLink:active {
	font-size: 8px;
	color: silver;
	display: inline;
}
/* 
 * ========================================
 * Gallery Listing 
 * ========================================
 */
#galleryTable th {
  font-weight: bold;
  color: #FF6D00;
  line-height: 2.50em;
  padding: 0px 3px 0px 3px;
}
#galleryTable td {
  padding: 0px 3px 0px 3px;
}
.galDescription {
  text-align: right;
  font-style: italic;
  color: #858585;
}
.imgTitle {
  text-align: center;
  font-style: italic;
  color: #858585;
}
#galleryRandom td {
  text-align: center;
  overflow: hidden;
}
#galleryRandom td div.strip {
  width: 155px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#galleryRecent td {
  text-align: center;
  overflow: hidden;
}
#galleryRecent td div.strip {
  width: 155px;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* 
 * ========================================
 * Full Image 
 * ========================================
 */
#pager td.prev {
	width: 50px
}
#pager td.next {
	width: 50px
}
#pager td.center {
  text-align: center;
  font-weight: bold;
  font-size: 110%;
}
#pager td.linker, #pager td.linker a {
  display: inline;
  text-align: center;
  font-weight: bold;
  font-size: 110%;
  vertical-align: middle;
}
#pager td a {
	display: block;
  width: 50px;
  background-repeat: no-repeat;
  height: 36px;
}
#pager td a span {
	display: none
}
#pager td.prev a {
	background-image: url(/img/gallery/prev.gif);
	background-position: center center; 
}
#pager td.prev a:hover {
	background-image: url(/img/gallery/prev_hi.gif);
	background-position: center center; 
}
#pager td.next a {
	background-image: url(/img/gallery/next.gif);
	background-position: center center; 
}
#pager td.next a:hover {
	background-image: url(/img/gallery/next_hi.gif);
	background-position: center center; 
}
#imagemenu td.slide {
  width: 50%;
  text-align: right;
  vertical-align: middle;
  padding-right: 15px;
  font-size: 150%;
}
#imagemenu td.thumbs {
  width: 50%;
  text-align: left;
  vertical-align: middle;
  padding-left: 15px;
  font-size: 150%;
}
#imagemenu td.category {
  width: 50%;
  text-align: left;
  vertical-align: middle;
  padding-left: 15px;
  font-weight: bold;
  color: #FF6D00;
  line-height: 2.50em;
  font-size: 140%;
}
#imagemenu td a {
	display: block;
  background-repeat: no-repeat;
  height: 32px;
  padding-right: 40px;
  padding-left: 40px;
  padding-top: 10px;
}
#imagemenu td.slide a {
	background-image: url(/img/gallery/slide.png);
	background-position: center right; 
}
#imagemenu td.slide a:hover {
	background-image: url(/img/gallery/slide_hi.png);
	background-position: center right; 
}
#imagemenu td.thumbs a {
	background-image: url(/img/gallery/thumbs.png);
	background-position: center left; 
}
#imagemenu td.thumbs a:hover {
	background-image: url(/img/gallery/thumbs_hi.png);
	background-position: center left; 
}
/* 
 * ========================================
 * Comments 
 * ========================================
 */
#comments {
  text-align: left;
  color: #858585;
  width: 800px;
}
#comments p.info {
  padding-left: 20px;
  margin-left: 15px;
 	display: block;
  background-image: url(/img/gallery/comments.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-top: 8px;
  padding-bottom: 8px;
}
#comments p.text {
  padding: 5px 5px 5px 5px;
  margin: 0px 15px 0px 15px;
  background: url('/img/gallery/transparent.png') repeat;
}
#comments p.pagination {
  padding: 5px 5px 5px 5px;
  margin: 0px 15px 0px 15px;
  text-align: right;
}
#comments p.textbox {
 	display: block;
  padding: 5px 5px 5px 5px;
  margin: 0px 15px 0px 15px;
  background: url('/img/gallery/transparent.png') repeat;
}
#comments p.textbox textarea {
 	display: block;
 	width: 745px;
  padding: 8px 5px 8px 5px;
  background-color: #121212;
  color: #A06D00;
  font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Sans-Serif, Serif;
  font-size: 100%;
  line-height: 1.4em;
}
#comments p.textbox textarea:focus {
	background-color: #181818;
}
#commentSmileys {
  text-align: center;
}
#commentSmileys td {
  text-align: center;
  padding: 2px;
}
#commentButtons {
  width: 100%;
}
#commentButtons td.notify {
  text-align: left;
  padding-left: 15px;
}
#commentButtons td.send {
  text-align: right;
  padding-right: 15px;
}
#commentButtons .formButton {
  width: 120px;
	background-color : #121212;
	color: #ffffff;
	font-weight: bold;
  font-size: 105%;
	border: 1px #999 solid;
	cursor: pointer;
	padding: 3px;
}
#commentButtons .formButton:hover {
  background-color: #A06D00;
	color: #000000;
}
/* 
 * ========================================
 * Icon view 
 * ========================================
 */
#iconmenu td.slide {
  text-align: right;
  vertical-align: middle;
  padding-right: 15px;
  font-size: 150%;
}
#iconmenu td.thumbs {
  text-align: left;
  vertical-align: middle;
  padding-left: 15px;
  font-size: 150%;
}
#iconmenu td.category {
  text-align: left;
  vertical-align: middle;
  padding-left: 15px;
  font-weight: bold;
  color: #FF6D00;
  line-height: 2.50em;
  font-size: 140%;
}
#iconmenu td a {
	display: block;
  background-repeat: no-repeat;
  height: 32px;
  padding-right: 40px;
  padding-left: 40px;
  padding-top: 10px;
}
#iconmenu td.slide a {
	background-image: url(/img/gallery/slide.png);
	background-position: center right; 
}
#iconmenu td.slide a:hover {
	background-image: url(/img/gallery/slide_hi.png);
	background-position: center right; 
}
#iconmenu td.thumbs a {
	background-image: url(/img/gallery/thumbs.png);
	background-position: center right; 
}
#iconmenu td.thumbs a:hover {
	background-image: url(/img/gallery/thumbs_hi.png);
	background-position: center right; 
}
.divThumbnails p.pagination {
  padding: 5px 5px 5px 5px;
  margin: 0px 15px 0px 15px;
  text-align: right;
}
#galleryThumbnails td {
  text-align: center;
  overflow: hidden;
}
#galleryThumbnails td div.strip {
  width: 155px;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* 
 * ========================================
 * Slide view 
 * ========================================
 */
#iconmenu td.slide {
  text-align: right;
  vertical-align: middle;
  padding-right: 15px;
  font-size: 150%;
}
#slidemenu td.thumbs {
  text-align: right;
  vertical-align: middle;
  padding-left: 15px;
  font-size: 150%;
}
#slidemenu td.category {
  text-align: left;
  vertical-align: middle;
  padding-left: 15px;
  font-weight: bold;
  color: #FF6D00;
  line-height: 2.50em;
  font-size: 140%;
}
#slidemenu td a {
	display: block;
  background-repeat: no-repeat;
  height: 32px;
  padding-right: 40px;
  padding-left: 40px;
  padding-top: 10px;
}
#slidemenu td.slide a {
	background-image: url(/img/gallery/slide.png);
	background-position: center right; 
}
#slidemenu td.slide a:hover {
	background-image: url(/img/gallery/slide_hi.png);
	background-position: center right; 
}
#slidemenu td.thumbs a {
	background-image: url(/img/gallery/thumbs.png);
	background-position: center right; 
}
#slidemenu td.thumbs a:hover {
	background-image: url(/img/gallery/thumbs_hi.png);
	background-position: center right; 
}
/* 
 * ========================================
 * Player Settings 
 * ========================================
 */
h3, h3 a, h3 a:link, h3 a:visited {
  text-align: center;
  font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Sans-Serif, Serif;
  font-size: 16px;
  font-weight: bold;
  color: #FF6D00;
}

h3 a:hover, h3 a:active {
  text-decoration: underline;
}
 
#vidContent {
	text-align: justify;
	border: 0;
  padding: 5px 5px 0px 5px;
  margin-bottom: 0px;
  overflow: visible;
  line-height: 15px;
  width: 785px;  
}

#vidContent p {
  text-indent: 20px;
	text-align: justify;
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px;
}

.picBlurbLeft {
	float: left;
	border: 0;
	margin: 0px 10px 5px 5px;
	padding: 0px 0px 0px 0px;
	_padding: 0px 0px 1px 0px;
}

#change_cat_select {
  font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Sans-Serif, Serif;
  font-size: 95%;
}