@charset "utf-8";
/* CSS Document */

/* GENERIC TAGS*/
* { margin: 0; padding: 0; }
body {font: 0.8125em Arial, sans-serif; line-height: 1.7em; color: #444; background:#111  url(images/bg.gif) center top no-repeat; color:#ddd;}
h1, h2, h3, h4 {font-family: Georgia,  "Times New Roman", serif; letter-spacing: 1px; color:#0cf; margin-top:1.2em; }
h1{ font-size: 1.55em; }
h2{ font-size: 1.25em; }
h3{ font-size: 1em; }
strong, em{color:#0cf; }
p{ padding-top: 0.8em; }
label{ color:#0cf; font-weight:bold; }
a{ text-decoration:none; color:#0cf; outline:none; }
#content a:link{ color:#0cf; }
#content a:visited{ color: #0cf; border-bottom: 1px dashed #aaa; }
#content a:hover{ border-bottom: 1px dashed #0cf; }
#content a:active{ }
a img{ border:none; outline:none; }
hr{ border:none; border-bottom: 1px dashed #ccc; color:#fff; }
#content img{
	border:1px solid #888;
}

textarea{
	width:99%;
	height:200px;
	border: 1px solid #ccc;
}



/* LAYOUT DEFINITIONS */
#container{
	background:#161616 url(images/bg-container-top.gif) no-repeat top;
	width:960px;
	margin:0 auto;
	margin-top:296px;
	margin-top:352px;
	position:relative;
}

* html #container{
}

#header{
}



#content{
	width:560px;
	text-align:justify;
	float:left;
	min-height:1200px;
	padding:0;
	padding-left:20px;
	margin:0;
	margin-top:-40px;
}

#content ul{
	margin:1em 0;
}

#content ul li{
	margin-left:3em;
}


#right-col{
	width:315px;
	float:right;
	text-align:justify;	
	background:#121212 url(images/bg-black-right-col-bottom.gif) bottom no-repeat;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	margin-right:10px;
	margin-top:-33px;
	min-height:600px;
	border-top:5px solid #1d1d1d;
}

* html #right-col{
	margin-right:0;
}

.end{
	width:315px;
	float:right;
	padding-left:10px;
	padding-right:10px;
	background:none;
	background-position:-1px -5px;
}

#validation{
	width:315px;
	float:right;
	padding-top:10px;
	padding-right:25px;
}

#validation img{
	float:right;
	clear:right;
	margin-top:10px;
}

#validation span{
	color:#aaa;
	float:right;
}



.gallery{
	margin-top:1.7em;
	padding-bottom:1em;	
}

#right-col .gallery{
	margin-left:10px;
}


#content p img{
	border:none;
	margin:0 0.5em;
	margin-left:1.5em;
}


.gallery img, #content .gallery img{
	width:60px;
	height:60px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid #ccc;
}

#content .gallery img{
	width:100px;
	height:100px;
}

.gallery img:hover, #content .gallery img:hover{
	border:1px solid #000;
}

.latest{
	margin-top:1em;
}

.latest ul {
	padding-bottom:1em;
}

.latest ul li{
	list-style:none;
	margin:0;
	padding:0;
}

.latest ul li a{
	padding:2px 5px;
	border-bottom:1px dashed #999;
	background:#1a1a1a;
	display:block;
}

* html .latest ul li a {
height:1em;
}

.latest ul li a:hover{
	background:#222;
}

#sform{
margin-top:-10px;
}

img.floater{
	margin:1em 0 1em 1em;
	float:right;
	border:1px solid #666;
}

.xsmall{
	font-size:5px;
}

.xsmall:hover{
	font-size:1.5em;
}

object{
	margin:20px auto;
	display:block;
	border:10px solid #111;
}

#skip{
display:none;
}

#menu, #menu ul{
background:none;
border:none;
padding:0;
margin:0;
width:960px;
}
#menu{
	height:45px;
}
#menu ul{
	margin-left:10px;
	position:relative;
	top:-48px;
}

#menu ul li{
	display:inline;
	list-style:none;
}

#menu ul a{
	display:block;
	float:left;
	height:33px;
	text-indent:-10000px;
	background:url(images/bg-menu.gif) no-repeat;
	outline:none;
	padding:0 7px;
	padding-right:4px;	
}

#menu ul a.m_home{	width:58px; } #menu ul a.m_home:hover{	background-position:0 -32px;} 
#menu ul a.m_tutorials{	width:190px; background-position:-70px 0;  } #menu ul a.m_tutorials:hover{	background-position:-70px -32px;} 
#menu ul a.m_photography{	width:103px; background-position:-270px 0; } #menu ul a.m_photography:hover{	background-position:-270px -32px;} 
#menu ul a.m_internet{	width:167px; background-position:-383px 0; } #menu ul a.m_internet:hover{	background-position:-383px -32px;} 
#menu ul a.m_what{	width:168px; background-position:-560px 0; } #menu ul a.m_what:hover{	background-position:-560px -32px;} 
#menu ul a.m_sitemap{	width:78px; background-position:-737px 0;  } #menu ul a.m_sitemap:hover{	background-position:-737px -32px;} 
#menu ul a.m_contact{	width:112px; background-position:-826px 0; } #menu ul a.m_contact:hover{	width:112px; background-position:-826px -32px;} 

body.home #menu ul a.m_home{ background-position:0 -64px; }
body.tutorials #menu ul a.m_tutorials{	background-position:-70px -64px;}
body.photography #menu ul a.m_photography{	background-position:-270px -64px;} 
body.internet #menu ul a.m_internet{	background-position:-383px -64px;} 
body.what #menu ul a.m_what{	background-position:-560px -64px;} 
body.sitemap #menu ul a.m_sitemap{	background-position:-737px -64px;} 
body.contact #menu ul a.m_contact{	width:112px; background-position:-826px -64px;} 

.code{
background:#222 !important;
color:#ddd;
border:1px solid #555;
}

#platform{
font-size:10px;
}

#con_search{
	margin-top:1em;
	padding:10px;
	background:#111;
	border:1px solid #333;
}


input[type=text],textarea, input[type=password]{
	background:#222 !important;
	color:#fff;
	border:1px solid #bbb;
	padding:2px 5px;
}

#content input[type=text], #content textarea{
	width:97%;
}

#right-col input[type=text]{
	width:220px;
}

input[type=submit]{
	background:#222 !important;
	color:#fff;
	border:1px solid #000;
	padding:2px 5px;
	font-size:10px;
	text-transform:uppercase;
}

input[type=submit]:hover{
	background:#111 !important;
	color:#ddd;
	border:1px solid #555;
	cursor:pointer;
}

img.rss{
float:right;
margin-top:-1.5em;
}

#validation{
	padding:10px 30px 10px 0;
	width:230px;
}

img#logo{
	display:none;
}



#release-date{
	margin-top:5px;
	background:#252525;
	font-size:10px;
	padding-left:5px;
}


#con_search input[type=text]{
	width:400px;
}

ol{
	padding-left:2em;
}

.code{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	background:#fdfdfd;
	border:1px solid #ddd;
	padding:5px 10px;
	margin:10px;
}

.bold{
	font-weight:bold;
}





#footer{
	margin-top:35px;
	background:#222;
	color:#999;
	padding:0 5px;	
	height:60px;
	border-top:1px dashed #999;
}

#footer ul{
	margin:1em 0 0 1em;
	float:left;			
}

#footer ul li{
	display:inline;
	list-style:none;	
}

#footer ul li a{
	border:1px solid #222;
	background:#444;
	padding:2px 10px;
	color:#aaa;	
}

#footer li a:hover{
	border:1px solid #111;
	background:#333;
	color:#bbb;
}

#footer p.copyright{
	float:right;
	margin-right:20px;
	color:#888;
}


.poll_results{
	padding:10px 5px;
	border-bottom:1px dashed #999;
	background:#1a1a1a;
}

.poll_results img{
	margin:5px;
}

.poll_results .group{
	margin:5px;
	padding:0 10px;
	border:1px solid #444;
	background:#1d1d1d;
	min-height:65px;	
}

.poll_results input[type=submit]{
	float:right;
	margin-top:-2.5em;
	margin-right:10px;
	border:1px solid #333;
}


.feedback{
color:red;
}


.top{
float:right;
}


#access {
text-align:right;
font-size:10px;
position:absolute;
top:-330px;
right:10px;
margin:0;
padding:0;
}

#access a img{
position:relative;
top:3px;
right:-5px;
}







#content #social-links{
	margin-top:30px;
	padding-top:15px;
	border-top:1px solid #ddd;
text-align:center;
}









/*
#menu{
	background:none;
}

#menu ul li{
	display:inline;
	list-style:none;
}

#menu li a{
	font-size:13px;
	letter-spacing:-0.01em;
	color:#fff;
	padding:0 7px;
	padding-right:4px;
}
#menu li a:hover{
}


#menu{
 width:100%;
 height:50px;
 margin:0;
 border:none;
 background:#111;
}

#menu ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:5px 13px;

border:1px solid #252525;
background:#151515;
color:#ccc;
}

#menu li a:hover{
border:1px solid #444;
background:#222;
color:#ddd;	
}

#container #content{
margin-left:25px;	
padding-top:0;
width:560px;
}
*/