/*  
Theme Name: ReLion Template (Standard - 3 Columns, 100% Width)
Theme URI: http://www.reliablyonline.com
Description: This is a WordPress Template created by Reliably Online.
Version: 1.1
Author: Xander
Author URI: http://www.reliablyonline.com
*/


/* ---------------------------------------------- start The Basics */
* html #content, * html .entry_firstpost, * html .entry, * html img { position: relative; }
.clearthis { clear: both; }

a img { border: 0px; }

body {
	background-color: #C90;
	margin: 0px; padding: 0px;
	font-family:'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	color: #000; text-align: center;
}

#container1 { /* contains ALL CONTENT */
	margin: 0px; padding: 0px;
	text-align: left;
	background: #FFF url('images/col-left-bgd.gif') repeat-y top left; /* ----- column bgd: left ----- */
}

#container2 {
	background: url('images/col-right-bgd.gif') repeat-y top right; /* ----- column bgd: right ----- */
}

ul.readmore {
	list-style: none;
	background: url('images/content_bullet.gif') no-repeat 0 8px;
	padding: 2px 0px 6px 12px; margin: 0px;
}

.main p img {
	float: right; width: auto; 
	margin: 0px 1px 10px 20px; padding: 10px;
	border: 1px solid #E5DCAB; background-color: #FFF;
}
.main p img:hover { border: 1px solid #C90; background-color: #FFF; }

.entry {
	background: none; border: 0px solid #000;
	padding: 0px 0px 40px 30px; margin: 0px;
}

.entry_firstpost{
	background-color: #FFF; border: 0px solid #CCC; /* ----- white space around first entry ----- */
	padding: 0px 0px 40px 30px; margin: 0px;
}

a img {
	border: none 0px;
	text-decoration: none;
	}
	
#skip { display: none; }

hr { border: 0px; color: #BE120B; background-color: #BE120B; height: 1px; text-align: left; margin: 40px 0px 0px 0px; }

/* ----------------------- end The Basics */


/* ---------------------------------------------- start Styles */

/* ---------------------------------------------- start Header */	
#header {
	border-top: 1px solid #000; /* ----- weird, but this needs to be here ----- */
	background: url('images/header-bgd.gif') repeat-x; 
	margin: 0px; padding: 0px; 
	height: 125px; width: 100%;
	}	

#header img {
	margin: 0px; padding: 0px; 
	height: 125px; width: 10px;
	border: none 0px;
	float: left;
}

#logo { margin: 0px; padding: 0px; }

#logo img { margin: 0px; padding: 0px; position: absolute; left: 0px; top: 1px; }
/* ----------------------- end Header */

/* ---------------------------------------------- start Main Content Structure */
#wrapper { /* contains MAIN content area */
	padding: 0px; margin: 0px;
}
	
div#content { /* main column */
	width: auto;
	padding: 0px; margin: 0px;
	margin-left: 221px; /* ----- change this to adjust column widths ----- */
	margin-right: 85px; /* ----- change this to adjust column widths ----- */
	background: none;
}

#navibar { /* left column */
	float: left;
	height: 100%; width: 221px; /* ----- change this to adjust column widths ----- */
	margin: 0px; padding: 0px 0px 0px 10px;
}

#right { /* right column */
	float: right;
	height: 100%; width: 85px; /* ----- change this to adjust column widths ----- */
	padding: 0px; margin: 0px;
}
/* ----------------------- end Main Content Structure */

/* ---------------------------------------------- start Column Stuff */
#right img { 
	margin: 0px; padding: 0px;
	border: none 0px;
}
/* ----------------------- end Column Stuff */

/* ---------------------------------------------- start Footer */
#footer { 
	margin: 0px; padding: 0px; 
	height: auto; width: 100%;
}

#footerrow1 { 
	margin: 0px; padding: 0px; 
	height: auto; width: 100%;
	border-bottom: 1px solid #BE120B; background-color: none;
}

#footerrow2 {
	margin: 0px; padding: 40px 0px 15px 0px;
	height: auto; width: 100%;
	background-color: #E5DCAB;
}

#footerdivlinewrap { 
	background-color: #E5DCAB;
	margin: 0px; padding: 0px;
	height: 1px; width: 100%;
}

#footerdivline { 
	background-color: #BE120B;
	margin: 0px 90px; padding: 0px;
	height: 1px; width: auto;
}

#footerdivline img { margin: 0px; padding: 0px; border: none; }

#footerrow3 {
	margin: 0px; padding: 15px 0px 40px 0px;
	height: auto; width: 100%;
	border-bottom: 5px solid #BE120B; background-color: #E5DCAB;
}

#footerrow3 img { 
	padding: 1px; margin: -2px 5px 0px 0px;
	border: 1px solid #000; background-color: #FFF;
	float: left;
}
 
#footerrow3 img:hover { border: 1px solid #B91806; background-color: #FFF; }

#footer p {
	margin: 0px; padding: 0px 110px;
	font: 10px/15px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #000; text-align: left;
}

#footer a { color: #BE120B; text-decoration: none; border-bottom: 1px dotted #BE120B; }
#footer a:hover { color: #C90; text-decoration: none; border-bottom: 1px solid #C90; }
#footer a:active { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }

ul#footernavlist {
	margin: 0px; padding: 0px 110px;
	font: 10px/15px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #000;
	white-space: nowrap;
}

ul#footernavlist ul {
	margin: 0px; padding: 0px;
	white-space: nowrap;
}

#footernavlist li {
	display: inline; list-style-type: none;
	padding: 0px; margin: 0px;
}
/* ----------------------- end Footer */

#topentry_bg {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color: #369;
	margin: 0px;
	padding: 0px;
	line-height: 104px;
	height: 104px;
	width: auto;
	background: url('images/topentry_bg.png') repeat-x;
}
	
#topentry {
	border-bottom: 1px dotted #000;
	margin: 0px;
	padding: 25px;
	font-size: 10px;
	width: auto;
	background: transparent;
}

#content h1 {
	color: #000; font-size: 19px;
	margin: 0px 0px 20px 0px; padding: 2px 0px;
	background: url('images/content-h1-bgd.gif') no-repeat bottom right;
	border-bottom: 1px solid #BE120B;
}

#content h2 {
	color: #000; font-size: 19px;
	margin: 0px 0px 20px 0px; padding: 2px 0px;
	background: url('images/content-h2-bgd.gif') no-repeat bottom right;
	border-bottom: 1px solid #BE120B;
}

#content h3 {
	color: #BE120B; font-size: 15px;
	margin: 0px; padding: 5px 0px 0px 0px;
	background: none;
}

#content h4 {
	color: #BE120B; font-size: 13px;
	margin: 0px; padding: 10px 0px 0px 0px;
	background: none;
}

#content h5 {
	color: #BE120B; font-size: 11px;
	margin: 0px; padding: 10px 0px 0px 0px;
	background: none;
}

#content a { color: #BE120B; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #BE120B; }
#content a:hover { color: #C90; text-decoration: none; border-bottom: 1px solid #C90; }
#content a:active { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }

blockquote { margin: 0 25px; padding: 0px; }

code {
	display: inline; padding: 2px;
	color: #333; background: #EFEFEF;
	font-family: Courier New, Courier, mono;
}

.main li { font-size: 11px; line-height: 17px; }
.main li li { list-style-type: circle; font-size: 10px; line-height: 15px; }

p { font-size: 11px; line-height: 17px; text-align: justify; }
	
img { border: none 0px; }
/* ----------------------- end Styles */
	

.meta { /* the Details for a Post */
	font-size: 10px;
	padding: 5px 0px; margin: 0px 0px 5px 5px;
	border-bottom: 0px dotted #900;
	width: auto;
	}

.highlight { /* Basic highlight for text */
	background: #FCC;
	}

/* ---------------------------------------------- start Comment Stuff */
.comments { font-size: 10px; padding: 5px 35px; text-align: left;}

.comments a { color: #BE120B; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #BE120B; }
.comments a:hover { color: #C90; text-decoration: none; border-bottom: 1px solid #C90; }
.comments a:active { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }

.commentlist {
	padding: 0px; margin: 0px;
	}

.commentlist li { /* even comment bgd */
	list-style: none;
	padding: 10px 10px 0 10px;
	background: #EEE;
	border: 1px solid #000;
	margin: 10px 10px 10px 0px;
	color: #000;
	}
	
.commentlist li:hover {
	border: 1px solid #BE120B;
	}

.alt { /* odd comment bgd */
	background: #FFF !important; 
	border: 1px solid #000 !important;
	padding: 10px 10px 0 10px !important;
	}

.alt:hover {
	border: 1px solid #BE120B !important;
	}

p.metadate {
	font-size: 10px;
	margin: 0;
	text-transform: uppercase;
	}

p.comment_meta {
	margin: 0 0 10px 10px;
	font-size: 10px;
	}

.comment_author a:visited {
	font-weight: bold;
	text-decoration: none;
	}

.reply {
	font-weight: bold;
	font-size: 13px;
	margin: 10px 0 0 10px;
	}
/* ----------------------- end Comment Stuff */

.warning p { /* Used on the search page (image will appear if no result is found) */
	background: url('images/warning.gif') no-repeat left;
	height: 160px;
	padding: 20px 0 0 90px; margin: 0 0 0 10px;
	font-size: 15px;
	}

.postinput {
	margin-left: 0px;
	margin-bottom: -10px; /* see if there is a better way to do this, something is causing a space between Wrapper and Footer on pages with comments */
	}

#author li {
	list-style: none;
	margin: 0;
	padding: 0 5px 20px 0;
	font-size: 10px;
	line-height: 17px;
	}

#author ul {
	padding: 20px 0 0 0;
	margin: 0;
	}

/* ---------------------------------------------- start SIDEBAR Links Styles */
.links {
	margin: 30px 0px 10px 0px; padding: 0px;
	background: none;
}

.links li {
	list-style: none;
	background: none;
	padding: 0px 0px 2px 0px; margin: 0px;
	border-bottom: 0px solid #FFF;
}

div.links ul li#linkcat-1 {
	list-style: none; display: inline;
	background: none;
	padding: 0px; margin: 0px;
}

.links ul li {
	padding: 0px 0px 1px 0px; margin: 0px;
	border-bottom: 0px solid #FFF;
}

.links ul li ul li {
	border-top: 0px solid #efefef;
	border-bottom: 0px solid #efefef;
	margin-left: 4px;
}

.links li li {
	background: url('images/sub_icon.gif') no-repeat 0 5px;
	padding: 0px 0px 1px 10px;
	font-size: 10px !important;
}
	
.links li li li {
	background: url('images/sub_icon.gif') no-repeat 0 5px;
	padding: 0px 0px 1px 10px;
	font-size: 10px !important;
}

.links ul { /* Use to set spacing of Links divs within the Sidebars */
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.links ul ul {
	padding: 0 !important;
	margin: 2px 0px 0px 0px !important;
	}

.links ul ul ul {
	padding: 0 !important;
	margin: 0 0 -4px 0 !important;
	}
	
.links h2 {
	font: bold 13px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	margin: 0px 0px 0px 0px; padding: 2px 0px;
	color: #000; list-style: none;
	background: url('images/links-h2-bgd.gif') no-repeat bottom right;
}

.links h3 {
	font-size: 13px;
	line-height: 31px;
	height: 41px;
	margin: 0px;
	padding-left: 10px;
	font-weight: bold;
	color: #ffffff;
	background: url('images/h3_bg.gif') no-repeat;
}
/* .links a width is column width minus '.links ul margin' minus '.links a padding' */
.links li a { display: block; padding: 2px 2px 2px 14px; width: 180px; font: bold 11px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #BE120B; text-decoration: none; border-bottom: 1px solid #E5DCAB; background: url('images/links-bullet1.gif') no-repeat 0px 6px; }
.links li a:hover { color: #FFF; text-decoration: none; background: #BE120B url('images/links-bullet2.gif') no-repeat 0px 6px; }
.links li a:active { color: #000; text-decoration: none; background: #E5DCAB url('images/links-bullet3.gif') no-repeat 0px 6px; }

.links li li a { display: block; padding: 2px 2px 2px 14px; width: 166px; font: bold 10px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #BE120B; text-decoration: none; background: url('images/links-bullet1.gif') no-repeat 0px 6px; }
.links li li a:hover { color: #FFF; text-decoration: none; background: #BE120B url('images/links-bullet2.gif') no-repeat 0px 6px; }
.links li li a:active { color: #000; text-decoration: none; background: #E5DCAB url('images/links-bullet3.gif') no-repeat 0px 6px; }

.imglinks {
	margin: 0px 25px 0px 0px; padding: 0px;
	background: none;
}

.imglinks ul {
	list-style: none;
	background: none;
	padding: 0px; margin: 0px;
}

.imglinks li {
	list-style: none;
	background: none; border-top: 1px solid #BE120B;
	padding: 10px 0px; margin: 0px; 
	font: bold 11px/15px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #900;
}

.imglinks img { float: left; margin: 0px; padding: 10px 0px; border-top: 1px solid #BE120B; }

.mixlinks {
	margin: 0px 25px 0px 0px; padding: 0px;
	background: none;
}

.mixlinks ul {
	list-style: none;
	background: none;
	padding: 0px; margin: 0px;
}

.mixlinks li {
	list-style: none;
	background: none; border-top: 1px solid #900;
	padding: 5px 0px; margin: 0px; 
	font: 11px/15px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #000;
}

.mixlinks li a { color: #900; text-decoration: none; font-weight: bold; border-bottom: 1px dotted #900; }
.mixlinks li a:hover { color: #FDE943; text-decoration: none; border-bottom: 1px solid #FDE943; }
.mixlinks li a:active { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }

.mixlinks img { float: right; margin: 0px; padding: 0px; }
/* ----------------------- end SIDEBAR Links Styles */

/* ---------------------------------------------- start Form Stuff */
#search {
	padding: 0px 0px 8px 0px;
}

.searchfield {
	vertical-align: middle;
	padding: 2px;
	margin: 0px;
	background: #FFF;
	border: 1px solid #B91806;
	color: #000;
	width: 150px;
	font-size: 10px;
	height: auto;
}

.searchfield:hover {
	background: #EFEFEF;
	border: 1px solid #000;
	color: #000;
	}
	
.searchsubmit {
	vertical-align: middle;
	padding: 2px;
	margin: 0px;
	background: #B91806;
	border: 1px solid #FFF;
	color: #FFF;
	width: 50px;
	font-size: 10px;
	height: auto;
}

.searchsubmit:hover {
	background: #CCC;
	border: 1px solid #000;
	color: #000;
	}

textarea {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 10px;
	border: 1px solid #CCC;
	color: #000;
	padding: 5px;
	width: 90%;
	background: #FFF;
	}

textarea:hover {
	background: #EFEFEF;
	border: 1px solid #000;
	color: #000;
	}
	
.commentfield {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding: 2px;
	margin: 0px;
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	width: 200px;
	font-size: 10px;
	height: auto;
}

.commentfield:hover {
	background: #EFEFEF;
	border: 1px solid #000;
	color: #000;
	}
/* ----------------------- end Form Stuff */

/* ---------------------------------------------- start Other Stuff */
#linklists h2 { color: #000; font-size: 13px; font-weight: bold; margin: 0px; padding: 0px 2px; border: none; background: none; }
#linklists ul { font-size: 11px; line-height: 15px; }
#linklists li { list-style-type: square; padding-bottom: 5px; }

#categorytitle { padding: 0px 0px 20px 25px; margin: 0px; }

#gallery img { float: left; border: 1px solid #E5DCAB; margin: 0px 10px 10px 0px; padding: 0px; width: auto; }
#gallery img:hover { border: 1px solid #C90; }

#mainpic2bordertop { width: auto; height: 1px; background-color: #B91806; margin: 50px 0px 5px 0px; }
#mainpic2bordertop img { border: none 0px; }
#mainpic2borderbott { width: auto; height: 1px; background-color: #B91806; margin: 5px 0px; }
#mainpic2borderbott img { border: none 0px; }
#mainpic2 { width: auto; height: 250px; margin: 0px; background: #000 url('http://www.reliablyonline.com/images/reliably-online-baby.jpg') no-repeat; }
#mainpic { width: auto; height: 250px; margin-bottom: 15px; background: #000 url('http://www.reliablyonline.com/images/reliably-online-baby.jpg') no-repeat; }
#mainpictext { float: right; width: auto; height: 250px; }
#mainpictext h1 { color: #B91806; padding: 110px 20px 10px 10px; font-size: 24px; text-align: right; border: none 0px; }

#contentcolumns { width: 100%; height: auto; margin: 0px; padding: 0px; }
#contentcolumns p { font-size: 11px; line-height: 17px; text-align: left; }
#contentcolumns img { float: right; padding: 0px 0px 5px 10px; }

#leftcolumn { float: left; width: 48%; margin: 0px; padding: 0px; }
#leftcolumn img { position: static; }
#leftcolumn p { font-size: 11px; line-height: 17px; text-align: left; }
#rightcolumn { float: right; width: 48%; margin: 0px; padding: 0px; }
#rightcolumn img { position: static; }
#rightcolumn p { font-size: 11px; line-height: 17px; text-align: left; }

#spacer { width: auto; height: 1px; background-color: #000; margin: 40px 0px; }
#spacer img { border: none 0px; }
#spacer2 { width: auto; height: 1px; background-color: #000; margin: 5px 0px; }
#spacer2 img { border: none 0px; }
.bigred { color: #BE120B; font-size: 13px; font-weight: bold; }
.smallgrey { color: #999; font-size: 1em; }

#orderform { margin: 20px 25px; }
#orderform p { font-size: 11px; line-height: 1.2em; }
#orderform p:hover { background: #EFEFEF; color: #000; }
#orderformspacer { margin: 25px 0px 5px 0px; height: 1px; border-bottom: 1px dotted #000; }

#payments { width: 150px; height: auto; margin: 25px; padding: 10px; background-color: #FFF; border: 1px dotted #B91806; }
#payments:hover { border: 1px solid #B91806; background-color: #EFEFEF; }

#menusnav p { text-align: right; padding: 0px 25px; }

#cattitlepic p img { float: right; width: auto; margin: 0px 0px 20px 20px; padding: 10px; border: 1px solid #900; background-color: non; }
#cattitlepic p img:hover { border: 1px solid #900; background-color: #FEF9D0; }

#map { margin: 0px 25px 20px 25px; padding: 0px; width: 450px; position: relative; }
#map img { margin: 0px; padding: 0px; border: none 0px; }
#map h4 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 1.4em; }
#map h5 { color: #900; background-color: #FDE943; border-bottom: 1px solid #000; margin: 0px; padding: 5px; font-size: 11px; }
#map p { margin: 0px; padding: 0px; border: none 0px; }
/* ----------------------- end Other Stuff */

/* ---------------------------------------------- start Table Stuff */
#itsatable { margin: 25px 0px 0px 0px; }

table {
	background-color: transparent; border: none; padding: 10px; width: auto;
	color: #000; font: 11px/17px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
}

table a:link, table a:visited, table a:active {
	background-color: transparent;
	color: #BE120B; text-decoration: none;
}

table a:hover {
	background: transparent;
	color: #000; text-decoration: underline;
}

table caption { color: #BE120B; font-size: 13px; font-weight: bold; padding: 2px 0px; text-align: left; background-color: #FFF; }

table, td, th { margin: 0px; padding: 0px; }

tbody td {
	background-color: #FFF;
	padding: 1px 10px;
}

tbody th {
	background-color: #E9E9E9;
	padding: 1px 10px;
}

tbody tr.odd th, tbody tr.odd td {
	background-color: #F6F6F6;
}

tbody tr:hover td, tbody tr:hover th {
	background-color: #E5DCAB;
}

td, th {
	vertical-align: top;
}

tfoot td, tfoot th {
	font-weight: bold;
	padding: 5px;
}

thead th {
	font: bold 13px/17px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	padding: 0px;
	white-space: nowrap;
}
/* ----------------------- end Table Stuff */