a:link, a:visited { color: #464646; text-decoration:none; } 
a:active, a:hover { color: #060d96; }

h1 {
	margin: 0px;
	padding: 10px 0;
	font-size: 20px;
	color: #18A1DE;
	font-weight: normal;
}

h2 {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	font-size: 20px;
	color: #efefef;
	
}

h3 {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	font-size: 20px;
	color: #efefef;
	border-bottom: 1px dotted #9cc00f;
}

p {
	margin: 0px;
	padding: 0 0 10px 0;
	text-align: justify;
}

.cleaner {
	clear: both;
	width: 100%;
	height: 1px;	
}

#coys_sitetitle {
	float: left;
	padding: 0px 0 0 45px;
	font-size: 3.0em;
	font-weight: bold;
	color:#ff6000;
}

/* ----- Form ----- */

form {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: right;
}

.inputfield {
	background: #ffffff;
	border: 1px solid #c9f5f6;
	color: #000;
	font-size: 13px;
	font-variant: normal;
	height: 14px;
	line-height: normal;
	padding: 4px;
	margin-bottom: 5px;
	width: 240px;
}

#searchfield {
	background: none;
	border: 1px solid #454545;
	color: #ffffff;
	font-size: 13px;
	font-variant: normal;
	height: 15px;
	line-height: normal;
	padding: 4px;
	width: 230px;
}


#searchbutton {
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	margin: 0 0 0 7px;
	padding: 0 6px;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	width: 66px;
}

.button {
	width: 60px;
	height: 25px;
}

/* end of form */


#coys_header_panel {
	width:100%;
	margin: 0 auto;
	height: 195px;
}

#coys_header_panel #coys_header_section {
	width: 860px;
	height: 195px;
	margin:0 auto;
	background: url(images/header.jpg) center top no-repeat;
}

#coys_header_section #coys_title_section {
	float: left;
	width: 400px;
	padding: 90px 0 15px 30px;
	font-size: 60px;
	color: #f90626;
}

#coys_header_section #coys_search_section {
	float: right;
	margin-right: 30px;
	width: 330px;
	padding: 130px 0 15px 0;
}

#coys_header_section #coys_search_section form {
	text-align: left;
}

/* content panel */
#coys_content_container {
	clear: both;
	overflow: hidden;
	width:100%;
	margin: 0 auto;
}

#coys_content_container #coys_content {
	overflow: hidden;
	height: 100%;
	width: 930px;
	padding: 30px 0 0 15px;
	margin:0 auto;
}

#coys_content_left {
	float: left;
	width: 400px;
	margin: 15px 0 15px 0;
	padding: 10px;
}

#coys_content_right {
	float: left;
	width: 400px;
	margin:15px 0 15px 30px;
}

#coys_content_left .coys_post {
	width:400px;
	padding: 0;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border: 1px solid #181818;
	background: #111111;	
}

* html #coys_content_left .coys_post {
	margin-bottom: 15px;
}

.coys_post .post_title {
	width: 570px;
	height: 55px; /* padding 20px + */
	margin: 0px;
	padding: 20px 0px 5px 30px;
	font-size: 26px;
	font-weight: bold;
	color: #ffffff;
	background: url(images/post-title-top.png) no-repeat;
}

.coys_post .post_title .post_info {
	width: 100%;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	margin-top: 6px;
}

.coys_post .post_body {
	padding: 15px 30px;
}

.coys_post .post_body img {
	margin-bottom: 15px;
}

.coys_post .post_comment {
	padding: 5px 30px;
	font-weight: bold;
}

#coys_content_right .coys_right_section {
	clear: both;
	display: inline-block;
	width: 400px;
	padding: 15px 15px 10px 15px;
	margin-bottom: 30px;
	color: #efefef;	
	background: #180d1e url(images/right-content.png) top center no-repeat;	
	border-bottom: 1px solid #454545;	
}

#coys_content_right .coys_right_section ul {
	clear: both;
	margin: 0 0 0 15px;
	padding: 0px;
}

#coys_content_right .coys_right_section ul li {
	margin: 0 0 5px 0;
}

#coys_content_right .coys_right_section ul li a, a:hover {
	font-weight: normal;
}

#coys_bottom_panel {
	width:100%;
	margin: 0 auto;

}

#coys_bottom_panel #coys_bottom_section {
	overflow: hidden;
	height: 100%;
	width: 930px;
	margin:0 auto;
	padding: 40px 0 15px 30px;	
	background: #000;
	border-top: 1px solid #464646;
}

#coys_bottom_section .coys_bottom_section_content {
	display: inherit;
	float: left;
	width: 270px;
	padding-right: 20px;
	margin:0 0 15px 10px;
}

#coys_bottom_section .coys_bottom_section_content ul {
	margin: 0 0 0 10px;
	padding: 0 0 5px 10px;
}

#coys_bottom_section .coys_bottom_section_content li a {
	color: #efefef;
}

#coys_footer_panel {
	width:100%;
	margin: 0 auto;
	background: #000000 url(images/coys_footer_bg_repeat.jpg) repeat-x;
	color: #ffffff;
}

#coys_footer_panel #coys_footer_section {
	width: 960px;
	margin:0 auto;
	padding: 20px 0px;	
	text-align: center;
	background: #000;
}

#coys_menu_panel {
	width: 860px;
	height: 15px;	
	margin: 0 auto 25px;
	color: #ffffff;
	Background: #000;
	z-index: 10;
}

#coys_menu_panel #coys_menu_section {
	width: 860px;
	margin:0 auto;
	padding: 0 0px 0 0px;
	color: #f90626;	
}


 body{
  margin:0;
  padding: 0 0;
}
 div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
}
 div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
}
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #464646;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;

left: 260px; /*position where enlarged image should offset horizontally */

}