/*  
Theme Name: ReLion Template (Standard - 3 Columns, 100% Width)
Theme URI: http://www.reliablyonline.com
Description: This is the Standard Template for the websites of Reliably Online's clients.
Version: 1.0
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: #FFF;
	margin: 9px 25px 10px 25px; padding: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000; text-align: center;
}

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

#container2 {
	background: none; /* ----- column bgd: right ----- */
}

.entry p img {
	float: right; width: auto; 
	margin: 0px -25px 10px 20px; padding: 10px;
	border: 1px solid #008174; background-color: #FFF;
}
.entry p img:hover { border: 1px solid #2C1366; background-color: #E9E9E9; }

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

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

.leftindent { padding-left: 25px; }

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

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


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

/* ---------------------------------------------- start Header */	
#header {
	background: #E9E9E9 url('images/header-pic.jpg') no-repeat top right; 
	margin: 0px; padding: 0px; 
	height: 87px; width: auto;
	}	

#header img {
	margin: 0px; padding: 0px; 
	height: 87px; width: 600px;
	border: none 0px;
}
/* ----------------------- end Header */

/* ---------------------------------------------- start Main Navbar */
#navborderwrap { margin: 0px; padding: 0px; height: auto; width: 100%; border-top: 5px solid #2C1366; border-bottom: 5px solid #2C1366; }
#navcontainer { width: auto; height: auto; margin: 0px; padding: 0px; background-color: #008174; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }

#navcontainer ul { list-style-type: none; text-align: left; margin: 0px; padding: 4px 17px; }
#navcontainer li { display: inline; text-align: center; color: #FFF; margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; line-height: 1.6em; }
#navcontainer li a { padding: 6px 8px; margin: 0px; color: #FFF; text-decoration: none; }
#navcontainer li a:hover { color: #2C1366; background-color: #FFF; }
#navcontainer li a:active { color: #FFF; background-color: #2C1366; }

#language { float: right; margin: 0px; padding: 2px 0px 0px 25px; }
#language p { font-size: 9px; }
#language a { padding: 3px 6px; margin: 0px; color: #008174; text-decoration: none; background-color: #FFF; }
#language a:hover { color: #FFF; background-color: #2C1366; }
#language a:active { color: #2C1366; background-color: #E9E9E9; }
/* ----------------------- end Main Navbar */

/* ---------------------------------------------- start Main Content Structure */
#wrapper { /* contains MAIN content area */
	padding: 0px; margin: 0px;
	background: url('images/col-left-bgd.gif') repeat-y top left;
}
	
div#content { /* main column */
	width: auto;
	padding: 0px; margin: 0px;
	margin-left: 201px; /* ----- change this to adjust column widths ----- */
	margin-right: 0px; /* ----- change this to adjust column widths ----- */
	background: none;
}

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

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

/* ---------------------------------------------- start Column Stuff */
#titlebar { 
	width: 100%; height: auto;
	padding: 0px; margin: 10px 0px;
	border-bottom: 2px solid #2C1366;
	background: url('images/col-left-bgd.gif') repeat-y top left;
}

h1 {
	color: #2C1366; font-size: 20px; font-style: italic; 
	margin: 0px 0px 0px 226px; padding: 2px 0px;
}

#sloganbar { 
	width: 100%; height: auto;
	padding: 0px; margin: 10px 0px;
	border-top: 2px solid #2C1366;
	background: url('images/col-left-bgd.gif') repeat-y top left;
}

#sloganbar p {
	color: #008174; font-size: 12px; font-style: italic; 
	margin: 0px; padding: 2px 5px 10px 226px;
	text-align: right;
}
/* ----------------------- end Column Stuff */

/* ---------------------------------------------- start Footer */
#footer { 
	margin: 0px; padding: 0px; 
	height: auto; width: 100%;
	border-top: 5px solid #2C1366; background: url('images/footer-corner-right.gif') no-repeat bottom right;
}

#footerrow1 {
	margin: 0px; padding: 25px 0px 15px 0px;
	height: auto; width: 100%;
	background-color: #E9E9E9;
}

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

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

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

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

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

#footerrow2 img:hover { border: 1px solid #B91806; background-color: #FFF; }

#footerrow3 { 
	margin: 0px; padding: 0px;
	height: 10px; width: 100%;
	background: #E9E9E9 url('images/footer-corner-left.gif') no-repeat bottom left;
}

#footerrow3 img { margin: 0px; padding: 0px; border: none; float: right; }

#footer p {
	margin: 0px; padding: 0px 110px;
	font-size: 10px; line-height: 15px; color: #000; text-align: left;
}

#footer a { color: #008174; text-decoration: none; }
#footer a:hover { color: #2C1366; text-decoration: underline; }
#footer a:active { color: #D81C04; text-decoration: none; }
/* ----------------------- end Footer */

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

h3 {
	color: #000; font-size: 14px;
	margin: 0px; padding: 10px 25px 0px 25px;
}

h4 {
	color: #2C1366; font-size: 14px;
	margin: 0px; padding: 10px 25px 0px 25px;
}

h5 {
	color: #000; font-size: 12px;
	margin: 0px; padding: 10px 25px 0px 25px;
}

h6 {
	color: #2C1366; font-size: 12px;
	margin: 0px 0px 5px 20px; padding: 10px 25px 2px 0px;
	border-bottom: 1px solid #2C1366;
}

#content a { color: #008174; font-weight: bold; text-decoration: underline; }
#content a:hover { color: #2C1366; text-decoration: none; }
#content a:active { color: #D81C04; text-decoration: none; }

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

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

ul { margin: 0px 25px; padding: 5px 25px; }
li { list-style-type: disc; font-size: 11px; line-height: 16px; }
li li { list-style-type: circle; font-size: 11px; line-height: 16px; }

p { font-size: 11px; line-height: 16px; text-align: justify; margin: 0px; padding: 5px 25px; }
	
img { border: none 0px; }
/* ----------------------- end Styles */
	

/* ---------------------------------------------- start FORM Stuff */
#employment { width: auto; margin: 10px 25px; padding: 10px 0px; border-top: 1px solid #2C1366; }

#employment form { margin: 0px; padding: 0px; } 

.employfield {
	padding: 2px; margin: 2px 5px 2px 0px;
	background-color: #FFF; border: 1px solid #2C1366;
	color: #000; font-size: 10px;
	width: 222px; height: auto;
}

.employfield:hover {
	background-color: #EFEFEF;
	border: 1px solid #008174;
	color: #000;
}

#loginwrap { width: 201px; }

#loginwrap p {
	color: #008174; font-size: 12px; font-weight: bold; font-style: italic; 
	margin: 0px; padding: 0px 25px 5px 0px;
}

#loginwrap form { margin: 0px; padding: 0px; } 

.loginfield {
	padding: 2px; margin: 2px 0px;
	background-color: #FFF; border: 1px solid #2C1366;
	color: #000; font-size: 10px;
	width: 170px; height: auto;
}

.loginfield:hover {
	background-color: #EFEFEF;
	border: 1px solid #008174;
	color: #000;
}

.button { float: right; font-size: 12px; color: #000; padding: 0px 5px; margin: 5px 31px 0px 0px; }
.buttone { float: left; font-size: 12px; color: #000; padding: 0px 5px; margin: 5px; }

label { font-size: 10px; color: #000; }
/* ----------------------- end FORM Stuff */

/* ---------------------------------------------- start SIDEBAR Links Styles */
.links {
	margin: 5px 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 2px 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: 5px;
}

.links li li {
	background: url('images/sub_icon.gif') no-repeat 0 5px;
	padding: 2px 1px 2px 13px;
	font-size: 1em !important;
}
	
.links li li li {
	background: url('images/sub_icon.gif') no-repeat 0 5px;
	padding: 3px 0px 2px 13px;
	font-size: 1em !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 0 0px 0 !important;
	}

.links ul ul ul {
	padding: 0 !important;
	margin: 0 0 -4px 0 !important;
	}
	
.links h2 {
	font: bold 1.4em '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: 1.4em;
	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: 193px; font: bold 1.2em'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #900; text-decoration: none; background: url('images/links-bullet1.gif') no-repeat 0px 6px; }
.links li a:hover { color: #FDE943; text-decoration: none; background-color: #900; }
.links li a:active { color: #900; text-decoration: none; background: #FDE943 url('images/links-bullet3.gif') no-repeat 0px 6px; }

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

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

.imglinks img { margin: 10px 0px; padding: 5px 5px 5px 0px; border-top: 1px solid #2C1366; border-bottom: 1px solid #2C1366; background-color: #E9E9E9; }

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

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

.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: 1.2em/1.6em '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: 1em;
	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: 1.4em; font-weight: bold; margin: 0px; padding: 0px 2px; border: none; background: none; }
#linklists ul { font-size: 1.2em; line-height: 1.4em; }
#linklists li { list-style-type: square; padding-bottom: 5px; }

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

#gallery img { float: left; border: 1px solid #FDE943; margin: 10px; padding: 10px; width: auto; background-color: none; }
#gallery img:hover { border: 1px solid #900; background-color: #FEF9D0; }

#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: 2.8em; text-align: right; border: none 0px; }

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

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

#inset { width: auto; height: auto;
	margin: 10px 0px 10px 25px; padding: 5px 0px;
	border-top: 1px solid #2C1366; border-bottom: 1px solid #2C1366;
 }

#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: #B91806; font-size: 1.4em; }

#orderform { margin: 20px 25px; }
#orderform p { font-size: 1.2em; 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: 1.2em; }
#map p { margin: 0px; padding: 0px; border: none 0px; }
/* ----------------------- end Other Stuff */

/* ---------------------------------------------- start Table Stuff */
#reztable { margin: 50px 0px; }

#itsatable { margin: 10px 25px; }

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

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

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

table caption { color: #900; font-size: 1.4em; font-weight: bold; padding: 0px 0px 10px 2px; text-align: left; }

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

tbody td, tbody th {
	background-color: #FFF; border-top: 1px dotted #900;
	padding: 2px 10px;
}

tbody tr.odd th, tbody tr.odd td {
	background-color: #F9F9F9; border-top: 1px dotted #900;
}

tbody tr:hover td, tbody tr:hover th {
	background-color: #FFF; border-top: 1px solid #900;
}

td, th {
	vertical-align: top;
}

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

thead th {
	font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px;
	padding: 0px;
	white-space: nowrap;
}
/* ----------------------- end Table Stuff */