/* ====================================================== 
	Me&MyDad style sheet, version 1.0
	Original author : Gor Vardanyan (www.gorvard.net)
====================================================== */
body {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-size: 0.75em; background-color: #efefef; margin: 0px;} 
a, a:visited{color: #f89728; text-decoration: none; background-color: inherit;} 
a:hover {color: #000; text-decoration: none; background-color: inherit;} 
.hide {display: none;} 
p{margin:0.75em 0;} 
/* Removing borders from linked images */  
a img {border:none;} 
/* removing extra margin from form elements */ 
form, fieldset, ul, li, h1, h2, h3, h4, h5 {	margin:0px;	padding:0px;}
fieldset { border:none;}
ul {list-style-type:none;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }  .clearfix {display: inline-block;}  /* Hide from IE Mac \*/  .clearfix {display:block;}  /* End hide from IE Mac */  * html .clearfix{ height: 1px; }
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	text-align:center;
}
#container {
	width: 964px;
	margin: 0px auto;
	background-color: #FFF;
	padding:10px;
}
/* **** HEADER WITH LOGO BOX **** */
#header {
	background:url(../images/slogan.gif) no-repeat top right;
	height:100px;
	border-bottom:1px solid #a1a1a1;
}
h1#logo {
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	display:inline;
}
h1#logo a, h1#logo a:visited, h1#logo a:hover {
	display: block;
	height: 70px;
	width: 247px;
	background: url(../images/logo.gif) no-repeat;
	text-indent: -50000px;
}

ul#auto-menu {
	background:url(../images/menu-bg.gif) no-repeat;
	width:588px;
	height:34px;
	list-style-type:none;
	float:right;
	margin-top:65px;
	padding:0 20px
}
ul#auto-menu li {
	display:inline;
}

ul#auto-menu li a {
	color: #fff;
	background-color:inherit;
	font-size: 14px !important;
	margin:8px 82px 0 18px;
	float: left;
}

ul#auto-menu li a.last {
	margin-right: 18px;
}

ul#auto-menu li a.visited {
	color: #fff;
}

ul#auto-menu li a.hover, ul#auto-menu li a.on {
	color: #000;
}

ul#menu {
	background:url(../images/menu-bg.gif) no-repeat;
	width:588px;
	height:34px;
	list-style-type:none;
	float:right;
	margin-top:65px;
	padding:0 20px
}
ul#menu li {
	display:inline;
}
ul#menu li a, ul#menu li a:visited {
	display:block;
	margin:10px 18px 0 18px;
	float:left;
	height:20px;
	text-indent:-50000px;
	background-image:url(../images/m-items.gif);
	background-repeat:no-repeat;
}
ul#menu li .home {
	background-position: 0px 0px;
	width:44px;
}
ul#menu li a.home:hover {
	background-position: 0px -30px;
}
ul#menu li .how {
	background-position: -78px 0px;
	width:96px;
}
ul#menu li a.how:hover {
	background-position: -78px -30px;
}
ul#menu li .browse {
	background-position: -212px 0px;
	width:106px;
}
ul#menu li a.browse:hover {
	background-position: -212px -30px;
}
ul#menu li .judges {
	background-position: -357px 0px;
	width:112px;
}
ul#menu li a.judges:hover {
	background-position: -357px -30px;
}
ul#menu li .vote {
	background-position: -508px 0px;
	width:40px;
}
ul#menu li a.vote:hover {
	background-position: -508px -30px;
}

/* **** TEXT TO IMAGE REPLACEMENT **** */

.typeface-js, h1, h2, h3, h4, h5, h6 {
visibility:hidden;
}
.myfont {
	font-family: "MgOpen Modata";
	font-weight:bold;
}
h2.myfont, h3.myfont {
	font-size: 23px !important;
	color: #f8921e;
	margin:5px 0;
}
h4.myfont {
	font-size: 18px !important;
	color: #000;
	margin:5px 0;
	font-weight:normal;
}
.myfont span.l-space {
	color: #000;
	display:inline;
	margin:0 6px;
}
.myfont span.norm {
	font-weight:normal;
	color:#000;
}

/* **** CONTENT **** */

#content {
	padding:15px 0;
}
.h-left-col {
	float:left;
	width:505px;
}
.h-right-col {
	float:right;
	width:438px;
}

/* **** SLIDESHOW **** */

#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none}
#wrapper {width:505px; margin:0 auto; display:none;}
#wrapper * {margin:0; padding:0;overflow:hidden;}
#fullsize {position:relative; width:493px; height:339px; padding:6px;  background:#000}
#information {position:absolute; bottom:0; width:493px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information h3 a{float:right; color:#D8095C;}
#information p {padding:0 8px 8px}
#image {width:463px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:307px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:307px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {}
#slideleft {float:left; width:20px; height:61px; background:url(../images/arrows/left.gif) center center no-repeat; background-color:#e17400}
/*#slideleft:hover {background-color:#333}*/
#slideright {float:right; width:20px; height:61px; background:#e17400 url(../images/arrows/right.gif) center center no-repeat}
/*#slideright:hover {background-color:#333}*/
#slidearea {float:left; position:relative; width:465px;height:61px; overflow:hidden;background-color:#e17400;}
#slider {position:absolute; left:0; height:61px;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/* **** HOME RIGHT COLUMN **** */
.phupbox {
	background:url(../images/h-right-bg.gif) top left;
	position:relative;
	padding:20px 200px 20px 20px;
}
.upload-btn {
	background:url(../images/upload-btn-bg.gif) repeat-x top left;
	height:45px;
	padding:17px 0 0 20px;
}
.btn-sm {
	background:url(../images/btn-bg-sm.gif) repeat-x top left;
	height:30px;
	padding:10px 20px 0 0;
	text-align:right;
	margin-top:20px;
	cursor:pointer;
}
a.btn-arrow, a.btn-arrow:visited, a.btn-arrow:hover  {
	font-size: 23px !important;
	color: #fff;
	cursor:pointer;
}
.btn-sm a, .btn-sm a:visited, .btn-sm a:hover {
	font-size: 15px !important;
	color: #fff;
	cursor:pointer;
}
.img-ie-fix {
	vertical-align:text-top;
}
* html .img-ie-fix {
	vertical-align:middle;
}
.h-right-img {
	position:absolute;
	top:-45px;
	right:-10px;
}
.wide-col {
	padding-top:20px;
}
.h-tags {
	width:580px;
	float:left;
}
.h-howitworks {
	width:300px;
	float:right;
}

/* **** ROUNDED BORDERS  **** */
.liquid-round {
margin:0px;
background:#fff url(../images/leftside.gif) repeat-y left top;
}
.top {
width:100%;
height:10px;
font-size:1px;
background:url(../images/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:10px;
font-size:1px;
background:url(../images/top-right.gif) no-repeat right top;
}
.center-content {
position:relative;
padding:5px 20px;
}
.center-content-lesspadding {
position:relative;
padding:5px 10px;

}
.bottom {
width:100%;
height:10px;
font-size:1px;
background:url(../images/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:10px;
font-size:1px;
}
/* **** GREY THIN ROUNDED BORDERS  **** */
.liquid-round-grey {
background:#fff url(../images/gr-leftside.gif) repeat-y left top;
}
.liquid-round-grey .top {
background:url(../images/gr-top.gif) no-repeat left top;
}
.liquid-round-grey .top span {
background:url(../images/gr-top-right.gif) no-repeat right top;
}
.liquid-round-grey .center-content {
background:url(../images/gr-rightside.gif) repeat-y right top;
}
.liquid-round-grey .center-content-lesspadding {
background:url(../images/gr-rightside.gif) repeat-y right top;
}
.liquid-round-grey .bottom {
background:url(../images/gr-bottom.gif) no-repeat left bottom;
}
.liquid-round-grey .bottom span {
background:url(../images/gr-bottom-right.gif) no-repeat right top;
}

/* **** TAGS  **** */
ul#tags { font-weight: normal; }
ul#tags li{ display:inline; }
ul#tags li a, ul#tags li a:visited { color:#333; }
ul#tags li a:hover { text-decoration: underline; color:#f89728; }
ul#tags li.s1 { font-size: 0.75em; }
ul#tags li.s2 { font-size: 1em; }
ul#tags li.s3 { font-size: 1.5em; }
ul#tags li.s4 { font-size: 1.7em; }
ul#tags li.s5 { font-size: 1.8em; }

/* **** FOOTER  **** */
#footer {
	border-top:1px solid #a1a1a1;
	padding:20px 0;
	color:#7b7b7b;
	font-size:11px;
}
ul#bot-nav {
	list-style-type: none;
	float: right;
}
ul#bot-nav li {
	display: inline;
}
#footer a, #footer a:visited {
	margin:0 10px;
	color:#7b7b7b;
}
#footer a:hover {
	color:#000;
}

/* **** UPLOADER  **** */
.upl-left-col {
	width:500px;
	float:left;
}
.upl-right-col {
	width:270px;
	float:right;
	background:url(../images/upl-image.jpg) no-repeat right top;
	padding-right: 175px;
}
.upl-right-col .center-content {
	min-height:500px;
}
* html .upl-right-col .center-content {
	height:500px;
}

/* **** UPLOAD FORM  **** */
form.withhelp{ padding:10px 0; margin-bottom:1em; }
form.withhelp fieldset{ position:relative; margin-bottom:0; }
.ie7 form.withhelp fieldset{ position:relative; margin-bottom:18px; }
form.withhelp label{ display:block; width:115px; margin-bottom:6px; float:left; }
.ie6 form.withhelp label{ margin:4px 0; }
form.withhelp input.text{ border:1px solid #A1A1A1; background-color:#ededed; padding:3px; width:160px; }
form.withhelp select{ border:1px solid #A1A1A1; background-color:#ededed; padding:3px; width:168px; }
form.withhelp textarea{ border:1px solid #A1A1A1; background-color:#ededed; padding:3px; width:160px; height:70px; }
form.withhelp input.checkbox{ vertical-align:middle; margin-right:6px; }
form.withhelp p{ margin-bottom:18px; width:100%; float:left; clear:both; }
form.withhelp p a.button{ text-decoration:none; width:103px;display:block; text-align:center; padding:1px 3px 0; }
form.withhelp p a.button.browse{ background-color:#BFBFBF; color:#000; border:1px solid #A1A1A1; float:left; margin-left:5px; }
form.withhelp p a.button.pink{ background-color:#D8085C; color:#fff !important;  margin-left:5px; }

.helpbubble{ width:167px; float:right; background:url("../images/helper-bottom.gif") no-repeat right bottom; position:absolute; right:0; z-index:100; }
.helpbubble .rounded{ width:167px; float:left; background:url("../images/helper-top.gif") no-repeat right top; }
.helpbubble .rounded .innerbub{ width:130px; float:left; background:url("../images/help-pointer.gif") no-repeat left center; padding:8px 8px 8px 22px; }
/*.ie6 .helpbubble .rounded .innerbub{ padding-left:23px; }*/
.helpbubble .rounded .innerbub p{ margin:0; padding:0; line-height:normal; color:#2e2e2e; font-size:10px;}

.withhelp .helpbubble{ display:none; }


/* **** ENTRY  **** */

.ent-right-col {
	width:270px;
	float:right;
}
.ent-left-col {
	width:674px;
	float:left;
}
ul.categories {
	line-height:24px;
	margin: 0 0 30px 0;
}
ul.categories li a, ul.categories li a:visited { color:#333; }
ul.categories li a:hover { text-decoration: underline; color:#f89728; }

.preview {
	margin-bottom:20px;
	text-align:center;
}
.pre-box {
	width:305px;
	font-size:14px;
	text-align:center;
}
.pre-box-2 {
	width:305px;
	font-size:14px;
	padding-top:15px;
}
.like-filed {
	font-size:25px;
	font-weight:bold;
	border:1px solid #cecece;
	margin:5px 0 10px 0;
}
.descr {
	font-weight:normal;
	text-align:left;
}
.descr .like-filed {
	font-size:13px;
	font-weight:bold;
	padding:15px;
	margin:5px 0 10px 0;
}
.votethis {
	color:#f78708;
	font-weight:bold;
	font-size:13px;
}
.pre-box-2 .btn-sm {
	margin-top:0px;
}
.ent-right-col .center-content {
	min-height:497px;
}
* html .ent-right-col .center-content {
	height:497px;
}

/* **** BROWSE/SEARCH  **** */

.browse-right-col {
	width:270px;
	float:right;
}
.sm {
	font-size:13px;
	margin:0 10px;
}
form.search {
	text-align:right;
	padding-right:5px;
}
.search-txt {
	margin:5px 0;
	width:215px;;
	border: 1px solid #cecece;
	padding: 5px;
}
.btn-smll {
	background:url(../images/btn-bg-sm.gif) repeat-x top left;
	height:25px;
	padding:7px 20px 0 20px;
	text-align:right;
	float:right;
}
.btn-smll a, .btn-smll a:visited, .btn-smll a:hover {
	font-size: 15px !important;
	color: #fff;
	cursor:pointer;
}

/* **** ENTRY LIQUID BOX  **** */
.entry-preview {
margin:0px;
background:#fff url(../images/ent-leftside.gif) repeat-y left top;
width:200px;
}
.entry-preview .top {
background:url(../images/ent-top.gif) no-repeat left top;
width:100%;
height:5px;
font-size:1px;
}
.entry-preview .top span {
background:url(../images/ent-top-right.gif) no-repeat right top;
display:block;
position:relative;
height:5px;
font-size:1px;
}
.entry-preview .center-content {
background:url(../images/ent-rightside.gif) repeat-y right top;
position:relative;
padding:5px 20px;
}
.entry-preview .bottom {
background:url(../images/ent-bottom.gif) no-repeat left bottom;
width:100%;
height:5px;
font-size:1px;
}
.entry-preview .bottom span {
background:url(../images/ent-bottom-right.gif) no-repeat right top;
display:block;
position:relative;
height:1px;
font-size:1px;
}

ul.gallery {
	list-style-type:none;
	margin-left:3px;
}
ul.gallery li {
	background: url(../images/entry-bg.gif) no-repeat;
	width:153px;
	height:196px;
	text-align:center;
	display:block;
	float:left;
	padding:10px 5px 0 0;
	margin:0 2px;
}
ul.gallery li h4 {
	margin-top:3px;
}
ul.paging {
	list-style-type:none;
	text-align:right;
	padding:5px 8px;
}
ul.paging li {
	display:inline;
}
ul.paging li a, ul.paging li a:visited {
	padding:2px 5px;
	border: 1px solid #989898;
	background-color:#f3f3f3;
	color:#000;
}
ul.paging li a:hover {
	border: 1px solid #ff4e0b;
	background-color:#fff;
	color:#ff4e0b;
}
ul.paging li.current-page a, ul.paging li.current-page a:hover, ul.paging li.current-page a:visited {
	border: 1px solid #ff4e0b;
	background-color:#fff;
	color:#ff4e0b;
	font-weight:bold;
}
ul.paging li a.disabled, ul.paging li a.disabled:visited, ul.paging li a.disabled:hover {
	color:grey;
	border: 1px solid #989898;
}