/*  
Theme Name: ReLion Template (Standard - 3 Columns, 100% Width)
Theme URI: http://www.reliablyonline.com
Description: This is the standard WordPress 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; }

body {
	background-color: #B91806;
	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-color: #FFF; /* ----- 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 0px 20px 20px; padding: 5px;
	border: 1px solid #B91806; background-color: #E5E5E5;
}
.main p img:hover { border: 1px solid #000; background-color: #B91806; }

.entry {
	background: #FFF; border: 0px solid #000;
	padding: 0px 25px 40px 35px; margin: 0px;
}

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

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

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

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


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

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

#headerlogo img { 
	margin: 0px; padding: 0px; 
	height: 114px; width: 590px;
	border: none 0px;
	float: left;
}

#headerarrow {
	height: 114px; width: 78px;
	border: none 0px;
	float: right;
	}

#headerbottom {
	background: url('images/header-border-bottom.gif') repeat-x; 
	margin: 0px; padding: 0px; 
	height: 7px; width: auto;
	}
/* ----------------------- end Header */

/* ---------------------------------------------- start Main Navbar */
#navbar {
	margin: 0px; padding: 0px;
	background-color: #B91806;
	height: auto; width: auto;
}

#navbarbottom {
	background: url('images/navbar-bottom-bgd2.gif') repeat-x; 
	margin: 0px; padding: 0px;
	height: 18px; width: 100%;
}

ul#navlist {
	font: 12px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; letter-spacing: 1px;
	margin: 0px; padding: 8px 15px;
	white-space: nowrap;
}

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

#navlist li.page_item {
	display: inline; list-style-type: none;
	padding: 0px; margin: 0px 1px 0px 0px;
}

#navlist li.page_item ul {
	display: inline;
	list-style-type: none;
	padding: 0px; margin: 0px;
}

#navlist a { color: #FFF; text-decoration: none; padding: 3px 15px; background-color: #000; }
#navlist a:hover { color: #000; background-color: #FFF; }
#navlist a:active { color: #B91806; background-color: #999; }
/* ----------------------- end Main Navbar */

/* ---------------------------------------------- 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: 255px; /* ----- change this to adjust column widths ----- */
	margin-right: 60px; /* ----- change this to adjust column widths ----- */
	background: none;
}

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

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

.links {
	margin: 0px; padding: 0px;
	background: none;
}
/* ----------------------- 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%;
	}

#footerrow1a { 
	background: url('images/footer-row1-top.gif') repeat-x; 
	height: 22px; width: 100%;
	margin: 0px; padding: 0px;
	}
#footerrow1b {
	background-color: #000;
	height: auto; width: 100%;
	}
#footerrow1b p {
	margin: 0px; padding: 5px;
	font-size: 12px; color: #FFF; text-align: center; letter-spacing: 2px;
	}
#footerrow1c { 
	background: url('images/footer-row1-bottom.gif') repeat-x; 
	height: 8px; width: 100%;
	margin: 0px; padding: 0px;
	}

#footerrow2 {
	margin: 0px; padding: 20px 0px 25px 0px;
	background-color: #B91806;
	height: auto; width: 100%;
}

#footerdivline { 
	background: url('images/footer-divline-bgd.gif') repeat-x; 
	margin: 10px 60px ; padding: 0px;
	height: 13px; width: auto;
	} 

#footer p {
	margin: 0px; padding: 0px 70px;
	font-size: 10px; line-height: 1.4em; color: #FFF; text-align: left;
	}
	
#footer a { color: #FFF; text-decoration: underline; }
#footer a:hover { color: #000; text-decoration: none; }
#footer a:active { color: #999; text-decoration: none; }

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

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

#footernavlist li.page_item {
	display: inline; list-style-type: none;
	padding: 0px; margin: 0px;
}

#footernavlist li.page_item ul	{
	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: 11px;
	line-height: 11px;
	width: auto;
	background: transparent;
}

#content h1 {
	color: #000; font-size: 15px; font-weight: bold; 
	margin: 0px 0px 15px 0px; padding: 0px 0px 2px 0px;
	background: url('images/content-h2-bgd2.gif') no-repeat bottom right;
	border-bottom: 1px solid #B91806;
}

#content h2 {
	color: #000; font-size: 16px;  
	margin: 1px 0px; padding: 5px 0px;
	background: none;
	border-top: 1px solid #B91806; border-bottom: 1px solid #B91806;
}

#content h3 {
	color: #B91806; font-size: 13px; font-weight: bold;
	margin: 0px; padding: 5px 0px 0px 0px;
	background: none;
}

#content h4 {
	color: #000; font-size: 13px; font-weight: bold;
	margin: 0px; padding: 5px 0px 0px 0px;
	background: none;
}

#content h5 {
	color: #000; font-size: 13px;  
	margin: 25px 0px 0px 0px; padding: 5px 0px;
	background: none;
	border-top: 1px solid #B91806;
}

#content a { color: #B91806; font-weight: bold; text-decoration: underline; }
#content a:hover { color: #000; text-decoration: none; }
#content a:active { color: #999; text-decoration: none; }

blockquote {
	border-left: 1px dotted #B91806;
	padding: 0 10px; margin: 0 0 0 30px;
}

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

.main li { list-style-type: square; font-size: 11px; line-height: 1.6em; }
.main li li { list-style-type: circle; font-size: 10px; line-height: 1.4em; }

p { font-size: 11px; line-height: 16px; 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 0px;
	border-bottom: 1px dotted #B91806;
	}

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

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

.comments a { color: #B91806; font-weight: bold; text-decoration: none; }
.comments a:hover { color: #000; text-decoration: underline; }
.comments a:active { color: #009; text-decoration: none; }

.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;
	color: #000;
	}
	
.commentlist li:hover {
	border: 1px solid #B91806;
	}

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

.alt:hover {
	border: 1px solid #B91806 !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: 15px;
	}

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

/* ---------------------------------------------- start SIDEBAR Links Styles */
.links li {
	list-style: none;
	background: none;
	padding: 0px 0px; margin: 0px;
}

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

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

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

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

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

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

.links ul ul ul {
	padding: 0 !important;
	margin: 0 0 -4px 0 !important;
	}
	
.links h2 {
	font: bold 12px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	margin: 0px; padding: 5px 0px 2px 0px;
	color: #000; list-style: none;
	background: url('images/links-h2-bgd2.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: 224px; font: bold 11px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #B91806; text-decoration: none; background: url('images/links-bullet-black.gif') no-repeat 0px 5px; }
.links li a:hover { color: #000; text-decoration: none; background: #CCC url('images/links-bullet-red.gif') no-repeat 0px 5px; }
.links li a:active { color: #999; text-decoration: none; background: #FFF url('images/links-bullet-grey.gif') no-repeat 0px 5px; }

.links li li a { display: block; padding: 2px 2px 2px 14px; width: 210px; font: bold 10px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #B91806; text-decoration: none; background: url('images/links-bullet-black.gif') no-repeat 0px 5px; }
.links li li a:hover { color: #000; text-decoration: none; background: #CCC url('images/links-bullet-red.gif') no-repeat 0px 5px; }
.links li li a:active { color: #999; text-decoration: none; background: #FFF url('images/links-bullet-grey.gif') no-repeat 0px 5px; }

.sidetext { margin: 0px 0px 0px 15px; padding: 0px; }
.sidetext img { float: right; border: 1px solid #B91806; margin: 5px; padding: 5px; width: auto; background-color: #E5E5E5; }
.sidetext img:hover { border: 1px solid #000; background-color: #B91806; }
.sidetext p { font: 11px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #000; line-height: 14px; text-align: left; }
.sidetext ul { margin: 0px 10px 0px 25px; padding: 0px; }
.sidetext li { list-style: square; font: 11px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #000; line-height: 14px; }
.sidetext a { color: #B91806; font-weight: bold; text-decoration: underline; }
.sidetext a:hover { color: #000; text-decoration: none; }
.sidetext a:active { color: #999; text-decoration: none; }

#recents { margin: 0px 0px 0px 25px; padding: 0px; }
#recents img { border: 1px solid #B91806; margin: 5px; padding: 5px; width: auto; background-color: #E5E5E5; }
#recents img:hover { border: 1px solid #000; background-color: #B91806; }

/* ----------------------- 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: 100%;
	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: 14px; }
#linklists li { list-style-type: square; padding-bottom: 5px; }

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

#gallery img { border: 1px solid #B91806; margin: 5px; padding: 5px; width: auto; background-color: #E5E5E5; }
#gallery img:hover { border: 1px solid #000; background-color: #B91806; }

#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: 236px; margin-bottom: 15px; background: #000 url('http://www.reliablyonline.com/images/reliably-online-sunset.jpg') repeat-x; }
#mainpictext { float: right; width: auto; height: 250px; }
#mainpictext h1 { color: #B91806; padding: 110px 20px 10px 10px; font-size: 22px; line-height: 24px; text-align: right; border: none 0px; background: none; }

#contentcolumns { width: 100%; height: auto; margin: 0px; padding: 0px; }
#contentcolumns p { font-size: 11px; line-height: 14px; text-align: left; }
#contentcolumns img { float: right; padding: 0px 0px 5px 10px; }
.leftcolumn { float: left; width: 175px; margin: 5px 10px 5px 0px; padding: 5px; border: 1px dotted #999; }
.leftcolumn:hover { border: 1px solid #B91806; background-color: #EFEFEF; }
.rightcolumn { float: left; width: 175px; margin: 5px 10px 5px 0px; padding: 5px; border: 1px solid #999; }
.rightcolumn:hover { border: 1px solid #B91806; background-color: #EFEFEF; }

#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: 11px; line-height: 12px; }
#orderform p:hover { background: #EFEFEF; color: #000; }
#orderformspacer { margin: 25px 0px 5px 0px; height: 1px; border-bottom: 1px dotted #000; }

.payments { float: left; width: 150px; height: auto; margin: 20px 0px 0px 20px; padding: 10px; background-color: #FFF; border: 1px dotted #B91806; }
.payments p { font-size: 13px; font-weight: bold; padding: 0px; margin: 0px; text-align: center; color: #B91806; }
.payments:hover { border: 1px solid #B91806; background-color: #EFEFEF; }