/*  
Theme Name: ONI
Theme URI: ---
Description: ONI Clan Site
Version: 2.0
Author: ---
Author URI: ---
*/

*{margin: 0px; padding: 0px; border: 0px;}
body{background-color: #000; font-family: Arial;}
#container{margin-top: 75px; padding: 10px; background-color: #fff;}
.wrapper{
	position:absolute;
	right:30px;
	float: right;
	min-height: 100%;
	height: auto !important;
	width:400px;
	background-color:#fff;
	top:0px;}

img{border:none;}

/* TYPOGRAPHY */
p{font-family: Arial, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 1em;}
br{line-height: 1em;}

/* HEADINGS */
h1.branding{
	font-family: Georgia, serif;
  background: #fff;
	font-size: 42px;
	font-weight: 100;
	color: #000;
	position: absolute;
	top: 20px;
	top: 60px;
	right: 40px;
	text-align: left;
	padding: 10px 10px;
	z-index: 999;
	text-shadow:#ccc 2px 2px 2px;}

h1{font-family: Georgia, serif; color: #333333;	font-size: 22px; font-weight: 100; margin-bottom: 10px;}
h2{font-family: Georgia, serif; color: #333333;	font-size: 18px; font-weight: 100;}
h2 a{font-family: Georgia, serif; color: #333; font-size: 16px; font-weight: 100; text-decoration: none;}
h3{font-family: Georgia, serif; color: #333; font-size: 14px; font-weight: 100;}
.first{float: left; padding: 10px 3px 0 0; font-size: 48px; font-family: Georgia, serif;}
img.alignleft{float: left; margin:5px;}
.left{float: left;}
.right{float: right;}

/* NAVIGATION */
.navigation a{color: #666; font-size: 11px; margin: 0 10px 0 10px;}
.navigation a:hover{color: #000;}
#nav{padding: 10px 0px 0px 30px; background: #fff;}
.newer{float:right;}
.older{float:left;}

#nav li{
	list-style-type: none;
	display: inline;
	padding-right: 12px;
	padding-left: 12px;
	font-family: Georgia, serif;
	text-align: center;}

#nav li a{
	text-decoration: none;
	color: #333;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;}

#nav li a:hover{color: #666;}
#nav li.current_page_item a{background: #e1e1e1;}
#nav li.current_page_parent a{background: #e1e1e1;}

.more-link{color: #666; font-size: 11px;}
.more-link:hover{color: #000;}

#subnav{padding: 10px 10px 10px 35px; margin: 5px 42px;	border-top: 1px solid #ccc;	clear: both;}
#subnav li{
	list-style-type: none;
	display: inline;
	padding-right: 5px;
	padding-left: 15px;
	font-family: Georgia, serif;
	text-align: right;
	float: right;}

#subnav li a{
	text-decoration: none;
	color: #999;
	font-size: 85%;
	text-align: right;
	padding-top: 12px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;}

#subnav li a:hover{color: #666;}
#subnav li.current_page_item a{}

#navSecondary{border: 1px solid #e1e1e1; text-align: center;}
#navSecondary li{
	list-style-type: none;
	display: inline;
	padding-right: 10px;
  padding-left: 10px;
  font-family: Georgia, serif;
  font-size: 12px;
  text-align: center;}

#navSecondary li a{text-decoration: none; color: #333;}
#navSecondary li a:hover{color: #666;}

/* PAGE ELEMENTS */
.welcome{margin-bottom: 25px;}
.latestEntry{padding-bottom: 5px; margin-top: 25px;}
.latestEntry p{padding-bottom: 20px;}
.post{text-align: justify; margin:0 10px 0 10px;}
/*.post p:first-letter{font-size: 72px; padding:2px 2px 2px 0; float: left;}*/
.page{text-align: justify; margin:35px 10px 0 10px;}
/*.page p:first-letter{font-size: 72px; padding:2px 2px 2px 0; float: left;}*/
.postmetadata{color: #999;}
.postmetadata a{text-decoration: none; color: #666;}
.postmetadata a:hover{text-decoration: underline;}

.post h2 a{color:#000; text-decoration: none;}
.post a{color:#555; text-decoration: underline;}
.post a:hover{color:#000; text-decoration: underline;}

.footer{margin-top: 50px; width: 380px; clear: both; background-color: #fff;}
.copyright{font-family: Georgia, serif; font-size: 11px; text-align: center;	color: #999	;}

ul.awards{margin:3px 0 3px 20px;}
ul.awards li{list-style-type: square; font-size: 0.75em;}

/* FORMS */
input{padding: 4px; border: 1px solid #ccc; margin: 2px 2px 2px 0;}
input:focus{padding: 4px; border: 1px solid #000; margin: 2px 2px 2px 0;}
textarea{padding: 4px; width: 300px;	border: 1px solid #ccc;}
textarea:focus{width: 300px; border: 1px solid #000;}
#search{text-align: center; padding-bottom: 25px; display: block;}
.textinput {
	width:188px;
	height:25px;
	background:url(images/input.gif) no-repeat left top;
	border: 1px solid #ccc;
	padding:4px 8px;
	font-size: 18px;}

.textinput:focus {
	width:188px;
	height:25px;
	background:url(images/input.gif) no-repeat left bottom;
	border: 2px solid #ccc;
	padding:4px 8px;}

.buttonSubmit{
	width:75px;
	height:35px;
	color:#fff;
	font-weight:bold;
	background:url(images/button.gif) no-repeat center top;
	cursor:pointer;
	border:none;
	font-size: 15px;}
	
.buttonSubmit:focus{background-position:center bottom;}

/* ARCHIVES */
.archlist{margin-top: 20px;}
.archlist li{list-style-type: none;}
.archlist li a{text-decoration: none; color: #ccc;}

/* PORTFOLIO */
.portfolio{margin: 0; padding: 0 0 5px 0;}
.portfolio .image{float: left; width: 105px;	margin-left: -125px; background: #fff;	border: 5px solid #fff;}

/* PORTFOLIO 2 */
.portfolio2{margin: 10px 0 20px 0;}
.portfolio2 .memberimg{float: left; width: 100px; height: 115px; padding: 3px; margin: 9px; display: block; border: solid 1px #ccc; text-align: center;}
.portfolio2 .memberimg:hover{background-color: #000; color: #fff;}
.portfolio2 .membername{font-size: 14px; font-family: Georgia, serif;}

/* PORTFOLIO 3 */
.portfolio3{margin: 0; padding: 0; font-family: Georgia;}
.portfolio3 .member a{margin:0 0 0 -10px; padding:5px 5px 5px 15px; width:380px; display:block; text-decoration: none; color: #000;}
.portfolio3 .member a:hover{background-color: #000; color: #fff; cursor: pointer;}


/* Server Activity */
.serveractivity1{
	position: absolute;
	bottom: 160px;
	left:10px;
	background-color: #000;
	padding: 5px;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	opacity: 0.6;}

.serveractivity2{
	position: absolute;
	bottom: 80px;
	left:10px;
	background-color: #000;
	padding: 5px;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	opacity: 0.6;}
	
.serveractivity3{
	position: absolute;
	bottom: 20px;
	left:10px;
	background-color: #000;
	padding: 5px;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	opacity: 0.6;}

.serveractivity h3{font-family: Georgia, serif; color: #fff; font-size: 14px; font-weight: 100;}
.serveractivity p{font-size: 11px; color: #fff;}
.serveractivity a{color: #ddd; text-decoration: underline;}
.serveractivity a:hover{color: #fff; text-decoration: underline;}



/* XSPF mp3 Player */
#player{margin-top: 15px;}

/* Supersize Plugin Styles */
#supersize img, #supersize a{height:100%; width:100%;	display:none;}
#supersize .activeslide, #supersize .activeslide img{display:inline;}

/* JQuery Tools Overlay */
/* the overlayed element */
.overlay{
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	/* styling */
	background-color:#fff;
	width:800px;	
	min-height:200px;
	/*border:1px solid #666;*/
	border:solid 7px  #bbb;
	-moz-border-radius: 8px;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 50px 5px #000;
	-webkit-box-shadow: 0 0 50px #000;}

/* close button positioned on upper right corner */
.overlay .close{
	background-image:url(images/close.png);
	position:absolute;
	right:-25px;
	top:-25px;
	cursor:pointer;
	height:35px;
	width:35px;}
	
#overlaymember{
	width:550px;	
	min-height:350px;
	padding-top: 10px;
	margin: 50px 200px 0 0;
}


/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap{height:450px; overflow-y:auto; margin: 0; padding: 0;}

#panel {
	background: #754c24;
	height: 200px;
	display: none;


/* Jquery Tools Tooltip */
.tooltip_OK{
	z-index: 20000;
	display:none;
	background:transparent url(images/black_arrow.png);
	font-family: Georgia, serif;
	font-size:18px;
	text-align: center;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;}
	
.tooltip{
	z-index: 20000;
	display:none;
	background-color: #000;
	height:100px;
	width:100px;
	padding:5px;
	color:#000;}