@charset "UTF-8";
/* CSS Document */
body { background:#39F;
width: auto;
padding:0;
margin: 0;
}

@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
body {background:#39F;
width:100%;
padding:0;
margin: 0;  
	}
}

#header_wrap { width:auto;
height:auto;
margin:0px;
background:#333;
}

#header {background-color:#39F;
width:auto;
border-color:#006;
font-family: AR BERKLEY;
font-size:large;
color:#FFF;
}

@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
#header {background-color:#39F;
width:480px;
border-color:#006;
font-family: AR BERKLEY;
font-size:large;
color:#FFF;   
	}
}

#site_logo {
width:auto;
height:40px;
/* [disabled]margin:0px; */
background-color:#39F;
background:url(Images/sitelogo.jpg)no-repeat;
font-family: AR BERKLEY;
font-size:xx-large;
color:#FFF;
padding: 0px 0px 0px 20px;
}

@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
#site_logo {
width:auto;
height:40px;
/* [disabled]margin:0px; */
background-color:#39F;
background:url(Images/sitelogo.jpg)no-repeat;
font-family: AR BERKLEY;
font-size:xx-large;
color:#FFF;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px -20px;
}
}

#menuclick {
	display:table;
	width:auto;
height:auto;
margin:0;
float: right;
padding:0px 0px 0px 0px;
background:#39F;
}
@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
#menuclick {
	display:table;
	width:100%;
height:20px;
margin:40px 0px 0px 0px;
float:right;
padding:0px 0px 0px 0px;
background:#39F;
}
}

#menuclick ul{
margin:0 0 0 0px;
padding:0px;
background:#39F;
list-style:none;

}
@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
#menuclick ul{
margin:0px 0px 5px 0px;
padding:0px;
background:#39F;
list-style:none;

}
}

#menuclick ul li{margin:0px;
padding:0px;
display:inline-block;
}

@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
#menuclick ul li{margin:0px;
padding:5px 10px 0px 5px;
display:inline-block;
float:none;
}
}

#menuclick a {
	display:block;
	float:right;
height:auto;
width:auto;
padding: 0px 5px 5px 5px;
text-align:center;
font-size:12px;
text-decoration:none;
color:#FFF;
font-weight:bold;
outline:none;
}
@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
#menuclick a {
	display:block;
	float:right;
height:20px;
width:100%;
padding: 0px 0px 0px 0px;
text-align:center;
font-size:12px;
text-decoration:none;
color:#FFF;
font-weight:bold;
outline:none;
}
}
#menuclick a:hover {color: #000000;
background-color:#FFF;
}

#menuclick .current { color:#000000;
}

#menuclick ul li:hover > ul {
   display:block;
      
}


#menuclick ul li ul {
position:absolute;
float:none;
text-align:center;
display:none;
margin:0px 0px 0px 0px;
background:#333;
width:auto;
}

#menuclick ul li ul li {
display:block;
}



#menu_wrap{ width:100%;
height:auto;
background:black;
z-index: +1;
position:fixed;
}
 
 

.clearfix:after {
content: "";
display:table;
}

#menu {
display:table;
width:auto;
height:auto;
margin:0;
float: none;
}

@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
#menu {
display:table;
width:100%;
height:auto;
margin:0;
float: none;
}
}

#menu ul{
margin:0 0 0 0px;
padding:0px;
list-style:none;
position:relative;
}

#menu ul li{margin:0px;
padding:0px;
display:inline-block;
}

#menu a {
display:block;
float:none;
height:20px;
width:120px;
height:auto;
padding: 5px 0px 5px 0px;
background: bottom no-repeat;
font-size:16px;
text-decoration:none;
color:#FFF;
font-weight:bold;
outline:none;
margin:0px 0px 0px 0px;
}

@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
#menu a {
display:block;
float:none;
height:20px;
width:100%;
height:auto;
padding: 5px 2px 5px 5px;
background: bottom no-repeat;
font-size:16px;
text-decoration:none;
color:#FFF;
font-weight:bold;
outline:none;
margin:0px 0px 0px 0px;
}
}

#menu a:hover {color: #000000;
background-color:#FFF;
}

#menu .current { color:#000000;
}

#menu ul li:hover > ul {
   display:block;
      
}

#menu ul li ul {
position:absolute;
display:none;
margin:0px 0px 0px 0px;
background: #ccc;
z-index: +1;
}

#menu ul li ul li {
	float:none;
	display:block;
	z-index: +1;
	}
	
#menu_wrapp{ width:auto;
height:30px;
background:#333;
float: left;
 }

#menup {
	display:table;
	width:auto;
height:30px;
margin:0;
float: none;
}

#menup ul{
margin:0 0 0 0px;
padding:0px;
list-style:none;
position:relative;
}

#menup ul li{margin:0px;
padding:0px;
display:inline-block;
}

#menup a {
	display:block;
	float:none;
height:20px;
width:110px;
padding: 5px 0 5px 0;
background: bottom no-repeat;
text-align:center;
font-size:16px;
text-decoration:none;
color:#FFF;
font-weight:bold;
outline:none;
}

#menup a:hover {color: #000000;
background-color:#FFF;
}

#menup .current { color:#000000;
}

#menup ul li:hover > ul {
   display:block;
      
}


#menup ul li ul {
position:absolute;
display:none;
margin:0px 0px 0px 0px;
background: #ccc;
}

#menup ul li ul li {
	
	display:block;
	}


#content_wrap {
height:auto;
padding:0; 
width:auto;;
margin:0;
}

@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
 #content_wrap {height:auto;
padding:0; 
width:auto;
margin:0;
    }
}


#content { height:100%;
width:auto;
background-color:#CCC;
padding:0px 10px 30px 10px;
}

@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
 #content {height:auto;
width:auto;
padding:30px 10px 30px 10px;
background-color:#CCC;   
	}
}

	
.button a {
	display:block;
	width:104px;
	height:36px;
	padding-top:14px;
	background:url(Images/button.jpg) no-repeat;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;	
	}


	
#content_area {
	width:auto;
	background-color:#CCC;
	}
	
@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
 #content_area {
	 width:auto;
	background-color:#CCC;
    }
}
	
#content_width {
	width:auto;
	padding:5px 50px 20px 50px;
	background-color:#CCC;}	
	
	@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
 #content_width {
	 width:auto;
	padding:40px 10px 20px 10px;
	background-color:#CCC;
    }
}


#content_width_about {
	width: auto;
	padding: 5px 10px 20px 10px;
	background-color:#CCC;
}



.cleaner {
	clear:both;
	width:auto;}


#content_wrap #content .project_content #register fieldset legend {
	font-weight: bold;
}

#solid{
background-color:white;
float:none;
padding:0px 0px 0px 0px;
width:100%;
height:2px;
margin: 5px 0px 5px 0px;
}

#solid2{
background-color:black;
float:none;
padding:0px 0px 0px 0px;
width:100%;
height:2px;
margin: 5px 0px 5px 0px;
}

#profileout{
border: thin solid silver;
float:none;
padding:5px 5px 5px 5px;
width:50%;
Height:auto;
margin: 0px 0px 20px 0px;
}

#profilein{
border-bottom: thick solid silver;
float:none;
padding:0px 10px 0px 10px;
width:auto;
Height:auto;
margin: 0px 0px 5px 0px;
}

#vote{
border-style:solid;
width:auto;
border-width:thin;
border-color:#00F;
padding:5px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
background-color:#00CCFF;
font-stretch:extra-expanded;
font-size:large;
font-style:oblique;
margin-bottom: 4px;
}

#imageout{
border: thin solid silver;
float:left;
overflow: auto;
padding:5px;
width:360px;
Height:350px;
margin: 0 10px 5px 10px;
}


#imagein {
border: thin solid silver;
float:none;
background-color:#666;
padding:5px 5px 10px 5px;
width:auto;
Height:auto;
margin: 0px 5px 0px 5px;
}

#imagelistsp{
border: ; 
background-color:#CCC;
float:none;
padding:0px 5px 0px 5px;
width:97%;
height:auto;
margin: 20px 5px 20px 5px;
}

#imagelist{
border: thin solid silver;
float:left;
padding:5px;
width:400px;
Height:400px;
margin: 0 5px 5px 0px;
}

#imagelist2{
overflow: auto;
border: thin solid silver; 
background-color:#f5f5fa;
float:none;
padding:0px 10px 10px 10px;
width:60%;
height:auto;
margin: 20px 5px 20px 10px;
}

#fbcom{
border: thin solid silver; 
background-color:none;
float:none;
padding:5px 10px 10px 10px;
width:45%;
height:auto;
margin: 20px 5px 20px 0px;
}

#fbom{
border: thin solid silver; 
background-color:none;
float:none;
padding:0px 10px 10px 10px;
width:45%;
height:auto;
margin: 20px 5px 20px 10px;
}

#index{
background-color:#FFF;
float:left;
padding:0px 0px 0px 0px;
width:100%;
height:auto;
margin: 20px 20px 20px 5px;
}


#imagelist22{
border:;
overflow: auto;
border-right:thin solid #666;
border-bottom:thin solid #666;
background-color:#e0e0ea;
float:none;
padding:0px 10px 0px 10px;
width:45%;
height:auto;
margin: 20px 0px 20px 0px;
}



@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
 #imagelist22{
border:;
overflow: auto;
border-right:thin solid #666;
border-bottom:thin solid #666;
background-color:#e0e0ea;
float:none;
padding:0px 10px 0px 10px;
width:60%;
height:auto;
margin: 20px 0px 20px 0px;
}
}

@media screen and (max-width: 800px) {
/* applies only if the screen is narrower than 500px */
 #imagelist22{
border:;
overflow: auto;
border-right:thin solid #666;
border-bottom:thin solid #666;
background-color:#e0e0ea;
float:none;
padding:0px 10px 0px 10px;
width:60%;
height:auto;
margin: 20px 0px 20px 0px;
}
}

#imagelist_advert{
border:;
overflow: auto;
border-right:;
border-bottom:;
background-color:;
float:none;
padding:0px 10px 0px 10px;
width:60%;
height:auto;
margin: 0px 0px 0px 0px;
}

#imagelistpics{
border:;
overflow: auto;
border-right:thin solid #666;
border-bottom:thin solid #666;
background-color:#e0e0ea;
float:none;
padding:0px 10px 0px 10px;
width:40%;
height:auto;
margin: 20px 0px 20px 0px;
}



#imagelistreg{
border:thick groove silver; 
background-color:#FFF;
float:none;
padding:0px 10px 0px 10px;
width:500px;
height:auto;
margin: 20px 5px 20px 300px;
}

#imagelistco{
border:thick dotted silver; 
background-color:#FFF;
float:none;
padding:0px 10px 0px 10px;
width:auto;
height:auto;
margin: 0px 5px 20px 20px;
}

#imagelistall{
border:#FFF; 
background-color:#CCC;
float:right;
padding:10px 5px 10px 5px;
width:30%;
height:auto;
margin: 0px 0px 0px 0px;
}

#imagelistpicsright{
border:none; 
background-color:none;
float:right;
padding:10px 5px 10px 0px;
width:50%;
height:auto;
margin: 0px 0px 0px 10px;
}

@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
 #imagelistpicsright{
border:none; 
background-color:none;
float:right;
padding:10px 5px 10px 0px;
width:30%;
height:auto;
margin: 0px 0px 0px 10px;
overflow:auto;
}
}

@media screen and (max-width: 800px) {
/* applies only if the screen is narrower than 500px */
 #imagelistpicsright{
border:none; 
background-color:none;
float:right;
padding:10px 5px 10px 0px;
width:30%;
height:auto;
margin: 0px 0px 0px 10px;
overflow:auto;
}
}


#imagelistpicsinright{
	border:none;
background-color:none;
float:none;
padding:0px 0px 0px 0px;
width:auto;
height:auto;
margin: 0px 0px 0px 0px;
overflow:auto;
}

@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
 #imagelistpicsinright{
border:none;
background-color:none;
float:none;
padding:0px 2px 0px 2px;
width:auto;
height:auto;
margin: 0px 0px 0px 0px;
}
}

@media screen and (max-width: 800px) {
/* applies only if the screen is narrower than 500px */
 #imagelistpicsinright{
border:none;
background-color:none;
float:none;
padding:5px 5px 10px 5px;
width:auto;
height:auto;
margin: 0px 0px 0px 0px;
}
}

@media screen and (max-width: 1000px) {
/* applies only if the screen is narrower than 1000px */
 #imagelistpicsinright{
border:none;
background-color:none;
float:none;
padding:5px 10px 10px 10px;
width:auto;
height:auto;
margin: 0px 0px 0px 10px;
}
}

#imageou{
border: thin solid white;
float:left;
padding:2px;
width:250px;
Height:300px;
margin: 0px 0px 10px 20px;
}

@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
 #imageou{
border: thin solid white;
float:none;
padding:2px;
width:auto;
Height:auto;
margin: 0px 2px 0px 2px;

}
}

@media screen and (max-width: 800px) {
/* applies only if the screen is narrower than 500px */
 #imageou{
border: thin solid white;
float:none;
padding:2px;
width:auto;
Height:auto;
margin: 0px 5px 0px 5px;

}
}

@media screen and (max-width: 1000px) {
/* applies only if the screen is narrower than 500px */
 #imageou{
border: thin solid white;
float:left;
padding:2px;
width:190px;
Height:250px;
margin: 10px 10px 10px 10px;

}
}

#mostviewedleft{
border:#FFF; 
background-color:#CCC;
float:left;
padding:10px 5px 10px 5px;
width:20%;
height:auto;
margin: 0% 0% 0% 0%;
}
#imagelistal{
border:#FFF; 
background-color:silver;
float:none;
padding:5px 5px 0px 10px;
width:auto;
height:auto;
margin: 0px px 0px 0px;
}

#imagelistallin{
border:#FFF; 
background-color:silver;
float:right;
padding:0px 0px 0px 0px;
width:20%;
height:auto;
margin: 0px 0px 0px 0px;
}

#imagelistdesk{
border: thin solid silver;
background-color: #CCC;
padding:2px 2px 2px 2px;
float:none;
width:auto;
height:auto;
margin: 5px 10px 5px 10px;
}

fb-like {
data-width:200px;
data-layout:standard; 
data-action:like;
}

#caption{
margin-top: 5px;
}

#ourpost{
border:thick solid silver;
background-color:#f5f5fa;
float:none;
padding:0px 5px 0px 5px;
width:60%;
height:auto;
margin: 0px 5px 10px 5px;
}

#ourpost2{
border:thick solid silver;
background-color: #eff0f9;
float:none;
padding:0px 5px 0px 5px;
width:60%;
height:auto;
margin: 0px 5px 10px 5px;
}

@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
#ourpost2{
	overflow: auto;
border:thick solid silver;
background-color: #eff0f9;
float:none;
padding:0px 5px 0px 5px;
width:60%;
height:auto;
margin: 0px 5px 10px 5px;
}
}

#imagelistdown{
border: ; 
background-color:#CCC;
float:left;
padding:0px 5px 0px 5px;
width:60%;
height:auto;
margin: 20px 5px 20px 5px;
}

#imageterms{
border: thin solid silver;
padding:5px 60px 5px 60px;
float:none;
width:auto;
height:auto;
margin: 10px 10px 10px 10px;
}

#browse{
border: thin solid silver;
padding:5px 5px 5px 5px;
float:none;
width:auto;
height:auto;
margin: 0px 0px 0px 0px;
}

#cshow {
    width: 60%;
	display:none;
    padding: 10px 10px 10px 10px;
    text-align: center;
    background-color: none;
    margin-top: 0px;
}

#but {
    width: auto;
	height:auto;
    padding: 10px 10px 10px 10px;
    text-align: center;
	font-family:"Comic Sans MS", cursive;
	font-size:14px;
    background-color: #666;
    margin: 10px 0px 2px 20px;
}

#sub {
    width: auto;
	height:auto;
    padding: 5px 5px 5px 5px;
    text-align: center;
	font-family:"Comic Sans MS", cursive;
	font-size:14px;
	background-color:#CCC;
    margin: 10px 0px 2px 20px;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

#imagelistcomment{
border-top:thick #FFF;
border-bottom: thin #FFF;
background-color:;
float:none;
text-align:left;
padding:0px 10px 0px 10px;
width:100%;
height:auto;
margin: 0px 20px 10px 0px;
}

#wshow {
overflow: auto;
width: 60%;
float:none;
padding: 5px 10px 20px 10px;
background-color:#CCC;
}

@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
#wshow {
overflow: auto;
width: 60%;
float:none;
padding: 5px 10px 20px 10px;
background-color:#CCC;
}
}

#text {
overflow: auto;
width: auto;
float:none;
padding: 5px 10px 20px 10px;
background-color:white;
margin: 0px 0px 10px 0px;
}

#watermark{
   background:url(Images/watermark.jpg) no-repeat; 
   z-index: +1;
   width: 100%;
   height: auto;
   position: absolute;
   top: 0;
   left: 0;
}