/*  
Theme Name: Onyx
Theme URI:
Description: A theme created for otierney.net to reflect the style of Apple and Mac OS X.
Version: 1.0
Author: Brett Lavalla
Author URI:

*/

/************ HTML TAGS *************/

html, body 				{
					    margin : 0;
   						padding : 0;
						}
body 					{
   						background: url("images/body-bg.gif") #254b7d top left repeat-x;
   						color: #6d747c;
						font: x-small "Lucida Grande", Arial, Helvetica, Tahoma, sans-serif;	
						}
a img 					{
   						border : none;
						}
a:link, a:visited, a:active{
						text-decoration: none;
						color: #fff;
						}
a:hover					{
						text-decoration: underline;
						color: #fff;
						}
						
/************ MAIN STRUCTURE *************/

#container				{
						position: relative;
						margin: 20px 50px;
						font-size: 120%;
						}						
#header 				{
   						background: url("images/header-bg.gif") repeat-x;
						height: 94px;
						position: relative;
						margin: 0;
						padding: 0;
						}	
#nav					{
   						background: url("images/nav-bg.gif") repeat-x bottom;
						position: relative;
						color: #aeaeae;
						font: bold 110% "Lucida Grande", Arial, Helvetica, Tahoma, sans-serif;	
						padding: 0;
						margin: 0;
						overflow: hidden;
						text-align: center;
						height: 42px;
						z-index: 10;
						}
#main					{
   						background: url("images/shadow-left.gif") #09131f repeat-y left;
						height: 100%;
						}
						#main-right {
									background: url("images/shadow-right.gif") repeat-y right;
									height: 100%;
									position: relative;
									}
#footer 				{
   						background: url("images/footer-bg.gif") repeat-x;
   						height: 52px;
						}

/************ HEADER ELEMENTS *************/
					
#title					{
						background: url("images/title.gif") no-repeat 0px 26px;
						margin-right: 26px;
						margin-left: 26px;
						height: 94px;
						}
#title h1				{
						display: none;
						}

/************ NAV ELEMENTS *************/

#nav-menu				{
						margin-left: 13px;
						margin-right: 13px;
						height: 42px;
						}
#nav-menu a				{
						display:block;
						background:url("images/tab-bg.gif") no-repeat right top;
						padding:5px 10px 6px 2px;
						margin-right: 5px;
						text-decoration:none;
						font-weight:bold;
						color:#765;
						}
#nav-menu a:link, #nav a:visited, #nav a:active, #nav a:hover {
						text-decoration: none;
						color: #aeaeae;
						}
#nav-menu ul			{
						margin:0px;
						padding: 0px 10px 0;
						list-style: none;
						}
#nav-menu li			{
  						float:left;
						background:url("images/tab-left.gif") no-repeat left top;
						margin:0;
  						padding:0 0 0 9px;
						}
#nav-menu .current_page_item	{
						background: url("images/tab-left-active.gif") no-repeat;
						}
#nav-menu .current_page_item a	{
						background: url("images/tab-bg-active.gif") no-repeat right top;
						padding-bottom: 7px;
						}

/************ MAIN ELEMENTS *************/

#main-center			{
						margin-left: 13px;
						margin-right: 13px;
						}
#left-column 			{
   						margin-right : 283px;
   						padding: 20px 20px 0px 33px;
						}
#right-column 			{
   						float: right;
   						width: 260px;
   						margin-right: 15px;
						}

#content                {
   						margin-right : 283px;
   						padding: 20px 20px 0px 33px;
						}

/************ LEFT COLUMN ELEMENTS *************/

p						{
						line-height: 170%;
						}
.story li				{
						list-style-type: square;
						margin-bottom: 10px;
						}
h3						{
						margin-top: 0;
						font-weight: normal;
						font-size: 120%;
						}
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {
						text-decoration: none;
						color: #fff;
						}
.details				{
						font-size: 90%;
						color: #595e64;
						text-align: right;
						margin: 15px 0px 20px 0px;
						}
form					{
						margin: 0;
						padding: 0;
						}
						
/************ RIGHT COLUMN ELEMENTS *************/

#search					{
						height: 20px;
						padding: 0;
						margin: 10px 0px 5px 0px;
						}
.searchbox				{
						width: 100%;
						float: left;
						}
#search-image			{
						width: 22px;
						height: 22px;
						display: block;
						float: left;
						background: url("images/search-image.gif") no-repeat;
						}
#right-column ul		{
						margin: 0;
						padding-left: 18px;
						list-style-image: url("images/li-dash.gif");
						}
#right-column li		{
						padding-bottom: 6px;
						color: #aeaeae;
						}
#right-column h3		{
						color: #fff;
						}
.right-column-box-top	{
						background: url("images/right-column-box-top.gif") bottom left no-repeat;
						width: 260px;
						height: 6px;
						padding-top: 6px;
						margin: 0;
						font-size: 0px; /* IE Win Height fix */
						}
.right-column-box		{
						width: 238px;
						background: #161f2a;
						border-right: 1px solid #303030;
						border-left: 1px solid #303030;
						padding: 5px 10px 5px 10px;
						}
.right-column-box-bottom{
						background: url("images/right-column-box-bottom.gif") top left no-repeat;
						width: 260px;
						height: 6px;
						padding-bottom: 6px;
						margin: 0;
						font-size: 0px; /* IE Win Height fix */
						}
#tags					{
						font-size: 65%;
						}

/************ FOOTER ELEMENTS ************/

#footer-center			{
						margin-left: 26px;
						margin-right: 26px;
						font-size: 90%;
						color: #595e64;
						text-align: right;
						}
hr						{
						background: #595e64;
						height: 1px;
						border: 0;	
						color: #595e64;
						}
.feed-icon				{
						position: relative;
						top: 2px;
						padding-right: 6px;
						}
						
/************ SHADOW'S HIGHLIGHTS AND CORNERS ************/

#bg-highlight			{
						position: absolute;
						top: 0px;
						left: 0px;
						height: 470px;
						width: 684px;
						background: url("images/bg-highlight.gif") no-repeat;
						z-index: 0;
						}
#header-left 			{
   						background: url("images/header-left.gif") no-repeat;
						height: 94px;
						width: 26px;
						float: left;
						}
#header-right 			{
   						background: url("images/header-right.gif") no-repeat;
						height: 94px;
						width: 26px;
						float: right;
						}
#nav-left 				{
   						background: url("images/nav-left.gif") no-repeat;
						height: 42px;
						width: 13px;
						float: left;
						}
#nav-right 				{
   						background: url("images/nav-right.gif") no-repeat;
						height: 42px;
						width: 13px;
						float: right;
						}
#main-left-gradient 	{
   						background: url("images/shadow-left-gradient.gif") repeat-y;
						height: 337px;
						width: 13px;
						position: absolute;
						top: 0px;
						left: 0px;
						}
#main-right-gradient	{
   						background: url("images/shadow-right-gradient.gif") repeat-y;
						height: 337px;
						width: 13px;
						float: right;
						}
#footer-left 			{
   						background: url("images/footer-left.gif") no-repeat;
						height: 52px;
						width: 26px;
						float: left;
						}
#footer-right 			{
   						background: url("images/footer-right.gif") no-repeat;
						height: 52px;
						width: 26px;
						float: right;
						}

/************ SHADOW'S HIGHLIGHTS AND CORNERS ************/
#comment                {
                        width: 100%;
                        }

/************ CUSTOM CSS ************/
img.flickrssimage {
	padding:1px;
}

span.resumeHeader {
	font-weight: bold;
}
span.resumeHeader {
	font-weight: bold;
	display: block;
	margin-top: 15px;
	color: white;
}

#resumeBody a:link {
	color: grey;
}

#resumeBody a:visited {
	color: grey;
}

#resumeBody a:hover {
	color: white;
}

#resumeBody a:visited:hover {
	color: white;
}

#resumeBody div.resumeBlock {
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 30px;
	width: 500px;
}

#resumeBody ul {
	margin-top: 0px;
}

#contactBody span.rightRow {
	text-align: right;
}

#contactBody td.rightRow {
	color: grey;
	text-align: right;
	font-weight: bold;
	padding-right: 15px;
}

#headernav {
    list-style:none;    
    margin: 18px auto;
    padding:2px 0;    
    background:black; /* change this according to your theme */
    font-variant:small-caps; /* this is optional, depends again on your taste */
    text-align:right;
    font-weight:bold;
    font-size:1.1em; /* adjust this to your preference */
}

#headernav li {
    list-style:none;
    display:inline;
    padding:5px 5px;        
}

#headernav li a:link, #headernav li a:visited {
    color:#EEE;
    text-decoration:none;
    border-bottom:none;    
}

#headernav li a:hover, #headernav li a:active, #headernav .current_page_item a:link,#headernav .current_page_item a:visited {
    color:#777;
    border-bottom:#777 2px solid;
}

#tagCloud {
	font-size: 65%;
}


#contactBody {
	position: relative;
	left: 250px;
	width: 300px;
}

#tagCloud a {
	color:#BFBFBF;
	text-decoration: none;
}

#tagCloud a:hover {
	color:white;
	text-decoration: none;
}

.gravatar {
	background: inherit;
	margin-bottom: 3px;
}

.gravatar img {
	width: 32px;
	height: 32px;
	border: 1px #b9bfbf solid;
	vertical-align: middle;
}

.contactHeaderInfo {
    color:white;
}

.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }

.commentcontent{
    float:left;
    width:60%;
    margin-left:1.9%;
    border-left:1px solid #868686;
    padding: 0 0 0 2%;
}
.commentcontent p{
    margin:0 0 1em 0;
}

.commentcontent h3{
    margin:0;
    font-size:1em;
}



ol#comments{
    list-style-type:none;
    margin:2em 0;
}
ol#comments li{
    list-style-type:none;
    margin:2em 0;
}

#comments cite{
    float:left;
    width:31%;
    font-style:normal;
    text-align:right;
}
* html #comments cite{ width:30.6%; }
#comments cite span{
    display:block;
}
#comments cite .author{ font-size:1.2em; }
#comments cite .author a{
    text-decoration:none;
}
#comments cite .admin-tools{
    margin:5px 0;
}
#comments cite .admin-tools a{
    float:right;                                                                                   
    margin:0 5px;                                                                                  
    padding:0px 3px 3px;                                                                           
    background:#666;                                                                               
    border:1px solid #999;                                                                         
    text-decoration:none;                                                                          
}

#comments .pingback cite .author{                                                                  
    display:block;                                                                                 
    padding-top:68px;                                                                              
    background:url(images/trackback_pingback.gif) 100% 0 no-repeat;                                
}                                                                                                  
                                                                                                   
#comments .content{                                                                                
    float:left;                                                                                    
    width:60%;                                                                                     
    margin-left:1.9%;                                                                              
    border-left:1px solid #868686;                                                                 
    padding: 0 0 0 2%;                                                                             
}                                                                                                  
#comments .content p{                                                                              
    margin:0 0 1em 0;                                                                              
}                                                                                                  
#comments .content h3{                                                                             
    margin:0;                                                                                      
    font-size:1em;                                                                                 
}

.inside{
    margin:0 auto;
}

#flickr img {
    padding: 2px;
}

#left-column h2 {
    color:white;
}

.flickrstream img {
	padding: 1px;
}

.downloadStuff {
	float: right;
	margin: 0px 50px 10px 10px;
}

/* Remove cage fighter link */
.page-item-300 {
	display: none;
}

.downloadLink {
	font-weight: bold;
}

.fbContent {
	width: 400px;
}

h3.fbPhotoTitle {
	color: white;
}

pre.code {
	border: 1px #12253d solid;
	background-color: #0d1a2b;
	padding: 6px;
}