/*
Theme Name: RHT
Theme URI: http://www.oxid8.com/
Description:  Customized theme for RHT developed by <a href="http://www.oxid8.com">Mike Wu</a> 
Version: 1.0
Author: Mike Wu 

Tags: custom

    This theme was developed by Oxid8 Technologies LLC 


================
CSS Index (jump to sections with =name):
================
    Globals & Resets
    Layout
    Header
    Footer
    Home
    CT  - Category Template
    GT - Gallery Template
    BAT - Before/AFter Template
    PT - Post Template
    IPT - Single Image Post Template
    
==================

/* ---------------------------
        =Globals & Resets 
---------------------------- */

* {
    margin: 0;
    padding: 0;
}

/*  font-size set following Richard Rutter's method to allow text resizing across all browsers: 
    http://www.alistapart.com/articles/howtosizetextincss/ 
    16px baseline font-size. See ie.css for IE baseline font-size rule. 
    
    Important: 
    Line-height calculations are based on the most immediate font size. 
    For example: if font-size is resized to 14px, begin line-height calculation for that element at 14px (not 16px).
    Otherwise line-height will inherit base line-height of 17px (see body rule). 
*/

body {
    background: #fff;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    line-height: 1.125em; /* 16 x 1.125 = 18px */   
    text-align: center;
    color: #000;
}

a {
    color: #2b469c;
    text-decoration: none;
    outline: none;
    }
    
a:hover { 
    text-decoration: underline;
    }

a img {
    border: none;
    }
    
.hr hr {
    display: none;
    }

.hrDouble {
    background: url('images/hdiv_double.jpg') repeat-x;
    border:none;
    width:auto;
    height:6px;
    padding:0;
    margin:2px 10px;
}

.hrSingle {
    background: url('images/hdiv_single.jpg') repeat-x;
    border:none;
    width:auto;
    height:6px;
    padding:0;
    margin:2px 10px;
}

.hrNomargin {
    margin:0;
}

/* 
    Clearing floats: http://www.positioniseverything.net/easyclearing.html  
*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.c\learfix:after { line-height: 0; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear {
    clear:both;
}

.content {
    font-size:12px;
    line-height:16px;
    padding:5px 0;
    margin-bottom:10px;
}

p { 
    margin:5px 0;
}

ul {
    margin:5px 0 10px 40px;
}

h1 { margin:5px 0 10px;}


/* ---------------------------
        =Layout 
---------------------------- */

body {
	background:#757575;
}

#page {
	background:#fff;
    width:900px;
    margin:0px auto 25px; 
    text-align:left;
    border:1px solid black;
}

#header {
    width:100%;
    margin:0 0 10px 0;
    padding:0;
}


#top {
    width:100%;
    margin:0;
    padding:0;
    text-align:left;
}

#content {
	width:860px;
	margin: 0;
	padding: 0 20px 20px 20px;
}


#footer {
	margin:0 10px;
	border-top:1px solid #ccc;
	padding:5px 10px 10px;
	width:860px;
	padding-bottom:5px;
}

#leftColumn {
    float:left;
    margin-right:20px;
    padding:0;
    text-align:left;
}

#rightColumn {
    float:right;
    padding:0;
    text-align:left;
}

.home #leftColumn {
	width:500px;
}

.home #rightColumn {
	width:340px;
}

.page-template-categorypage-php #leftColumn {
	width:485px;
}

.page-template-categorypage-php #rightColumn {
	width:355px;
}

.page-template-gallerypage-php #leftColumn {
	width:240px;
}

.page-template-gallerypage-php #rightColumn {
	width:600px;
}

.page-template-contactpage-php #leftColumn {
	width:420px;
}

.page-template-contactpage-php #rightColumn {
	width:420px;
}

.spacer {
    height:15px;
    width: 100%;
}


.columnBounds {
    margin-left:10px;
    margin-bottom:10px;
}

.box {
    margin:5px 0 5px 10px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 2px 5px 2px 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#freedesign {
	width:100%;
	text-align:center;
	margin:10px auto;
	padding:10px 0;
}

#rightColumn #gallery .wp-caption {
	margin-bottom:10px;
}

/* ---------------------------
        =Header
--------------------------- */


#masthead {
    background:#d9d9d3;
}

#logo {
    float:left;
    text-indent:-99999px;
    background:url('RHTLogo.png') no-repeat 0;
    margin:0;
    padding:0;
    height:120px;
    width:160px;
}

#visit {
    float:left;
    text-align:center;
    font-weight:bold;
    padding-top:15px;
    font-size:14px;
    line-height:16px;
    width:500px;
}

#tagline {
    float:right;
    position:relative;
    text-align:left;
    font-weight:bold;
    font-size:14px;
    line-height:20px;
    width:200px;
    height:120px;
}


#nav {
    width:900px;
    background:#000;
    line-height:20px;
    text-align:left;
    margin:0;
	padding-bottom: 5px;
}

#nav ul {
    list-style:none;
    text-indent:0;
    padding-top:0;
	margin: 0;
}

#nav ul li {
    float:left;
    text-align:center;
    padding:4px 30px 0;
	margin: 0;
}

#nav ul li.first {
}

#nav ul li a, #nav ul li ul li a {
    color:#fff;
    font-size:13px;
}

#nav ul li ul {
	position:absolute;
	z-index:100;
	display:none;
}

#nav ul li.current a, #nav ul li:hover a, #nav ul li:hover ul li:hover a {
	color:#f5f0a1;
}

#nav ul li:hover ul li a {
	color:#fff;

}

#nav ul li:hover ul {
	display:block;
	margin-top:19px;
	background:#000;
}



#nav ul li ul li {
	color:#fff;
	float:none;
	display:block;
	text-align:left;
	margin:0;
	padding:2px 15px;
	font-size:13px;
	background:#000;
}

.twit1{
	background:url('twit1.png') no-repeat 0 0; 
	width:32px; 
	height:32px;
	display:block;
	float:left;
	text-indent:-99999px;
	margin-right:5px;
}

.face1{
	background:url('face1.png') no-repeat 0 0; 
	width:32px; 
	height:32px;
	display:block;
	float:left;
	margin-right:5px;
	text-indent:-99999px;
}


/* ---------------------------
        =Footer
--------------------------- */


#footer #border {
    height:17px;
    width:900px;
}

#footer ul {
    padding:5px 0 0 45px;
    margin:0;
    list-style:none;
    text-indent:0;
}
#footer ul li {
    float:left;
    padding-right:25px;
}

#footer ul li a {
    color:#000;
    font-size:10px;
}

#footer #siteby {
	float:right;
	text-align:right;
}

#footer .copy {
	margin:5px 0;
	text-align:left;
	float:left;
	width:75%;
}

#footer .links {
	margin:5px 0;
	text-align:right;
	float:right;
	width:25%;
}
    
/* ---------------------------
        =Breadcrumb
--------------------------- */

#breadcrumb {
	width:100%;
	margin:5px 0;
	font-size:125%;
	font-weight:bold;
}

/* ---------------------------
        =Home
--------------------------- */

#about {
	margin:0;
}

#homegallery {
	margin:20px 0;
}

#homegallery .view {
	width:500px;
	height:363px;
	position:relative;
}

#homegallery .slide {
	position:absolute;
	background:#fff;
	top:0px;
	left:0px;
	width:500px;
	height:363px;
	z-index:50;
}

#homegallery .dot {
	width:8px;
	height:8px;
	float:left;
	margin-right:2px;
	border:1px solid #aaa;
	background: #ccc;
	text-align:center;
	cursor:pointer;
}

#homegallery .current {
	border:1px solid #222;
	background: #333;
	color:#fff;
}



/* ---------------------------
        =CT
---------------------------- */


/* ---------------------------
        =GT
---------------------------- */


.thumbnails img {
	width:100px;
	height:100px;
	border:2px solid #ccc;
	margin-right:5px;
	margin-bottom:5px;
	cursor:pointer;

}

.thumbnails img:hover {
	border:2px solid #333;
}

.feature {
	text-align:left;
	width: 500px;	
	margin-bottom:25px;
}

.feature #featureimage {
	width:500px;
	height:333px;
}

.feature #featurecaption {
	text-align:left;
	margin:5px 0;
}

#freedesign {
	width:100%;
	text-align:center;
	margin:10px 0;
}

/* ---------------------------
        =BAT 
---------------------------- */
.category-before-and-after h1 {
	width:100%;
	text-align:center;
}

#beforeandafter {
	margin-bottom:10px;
}

.category-before-and-after #beforeImage img,
.category-before-and-after #afterImage img {
	border:1px solid #000;
}

.category-before-and-after #beforeImage {
	float:left; 
	width:380px; 
	overflow:hidden; 
	text-align:center;
	margin-right:80px; 
}

.category-before-and-after h2 {
	margin:5px;
}

.category-before-and-after #afterImage {
	float:left; 
	width:380px; 
	overflow:hidden;
	text-align:center;
}

/* ---------------------------
        =PT 
---------------------------- */

/* ---------------------------
        =IPT 
---------------------------- */