/*
Theme Name: RhinoMart
Theme URI: http://www.rhinomart.com
Author: CrushLabs, Inc.
Author URI: http://www.crushlabs.com
Description: A custom theme for RhinoMart developed by <a href="http://design.crushlabs.com">CrushLabs, Inc</a>.
Tags: 3 Column, Red, Orange, Stripes
*/



/* Universal */




#wrapper {width: 950px; margin: 0px auto; padding: 0px;}



/* Header */

#header {background-color: #FFF; width: 950px; height: 150px;margin: 0px; padding: 0px; overflow: hidden;}

#header .sub {text-transform: uppercase; font-size: 10px; padding-right: 50px;}

.headerleft {width: 250px; float:left; margin: 0px;}

.headerright {width: 320px;float: right;margin: 0px;padding: 10px 0px 0px 0px;font-weight: bold;text-align: right;text-transform: uppercase;}

#searchform {margin: 0px;padding: 0px;overflow: hidden;display: inline;}

#s {background: #EEEEEE;width: 170px;color: #000000;font-size: 11px;font-weight: normal;margin: 0px;padding: 2px 0px 2px 5px;border-top: 1px solid #666666;border-right: 1px solid #DDDDDD;border-left: 1px solid #666666;border-bottom: 1px solid #DDDDDD;display: inline;}

#sbutt {background: #DD0808;color: #FFFFFF;font-size: 11px;margin: 0px 0px 0px 5px;padding: 2px;border: 1px solid #234B69;font-weight: bold;}

.signup {padding-right: 45px;}



/* Content */

#content {width: 950px; margin: 0px auto; padding: 0px;line-height: 20px;}
#content p {padding: 0px 0px 15px 0px;margin: 0px;}
#container { width: 715px; float: left;}
#post {float: right;width: 465px;margin: 0px 0px 0px 0px;padding: 20px 20px 20px 0px;}
#post-wide {float: left; width: 660px; margin: 0px; padding: 10px 20px;}
#post .postmeta {padding: 0px; margin: 0px 0px 10px; font-size: 10px; border-top: 1px dotted #DADADA; text-transform: uppercase;}
#post .postmeta a:hover {color: #DD0808;}
#post a {text-decoration: underline;}
#post a:hover {text-decoration: underline;}
#post h3 {padding: 0px 0px 10px;}
#post h2 {background: url(images/post_h2.jpg); font-size: 16px; padding: 2px 0px 15px 10px;margin: 10px 0px 0px;}
#post h2.pagetitle {margin: 5px 0px 10px; color: #31557F;}
#post h2 a {color: #31557F;}
#post h2 a:hover {color: #31557F; text-decoration: none;}
#post-wide h2 {color: #DD0808; padding: 10px 0px;}
.inner {border: 1px solid #CCC; padding: 10px; margin-bottom: 20px;}
#post .date {color: #EE550A; margin: 5px 0px;}
/* Comments */



#content .commentlist {margin:0;padding:0;border-top:#DADADA 1px solid;}

#content .commentlist li {list-style:none;margin: 0;padding:1em;border-bottom:#DADADA 1px solid;}

.commentlist li.alt {background-color:#FAFAFA;}

.commentlist li .cmtinfo {font-size:10px;}

.commentlist li cite {font-size:10px;}

.commentlist li .cmtinfo em {float:right;margin:0;padding:0;font-style:normal;color:#999;}

#content .nocomments {text-align:center;color:#999;}



/* Sidebar */

#l_sidebar {float: left;width: 200px;margin: 0px;padding: 10px 20px 20px 10px;line-height: 17px;display: inline; overflow:hidden;}

#l_sidebar h2 {background: url(images/h2.jpg); color: #31557F;font-size: 12px;font-family: Verdana, Arial, Tahoma;font-weight: bold;padding: 2px 0px 3px 10px;margin: 0px; border-bottom: 1px solid #CCC; }

#l_sidebar ul {list-style: none;margin: 0px 0px 10px;padding: 0px 0px 0px 0px; border: 1px solid #CCC;}

#l_sidebar li {list-style: none;margin: 0px;padding: 0px 0px 20px 0px;}

#l_sidebar ul li {padding: 1px 10px 1px 10px;margin: 0px; border: 0px;}

#l_sidebar ul li a, #l_sidebar ul li a:visited {font-size: 10px;color: #000; font-weight: bold; text-decoration: none;margin: 0px;padding: 1px 10px;display: block;}

#l_sidebar ul li a:hover {background: #FFFFCC;color: #AA0000;text-decoration: none;padding: 1px 10px;margin: 0px;}

#r_sidebar {float: right;width: 225px;margin: 0px;padding: 20px 10px 20px 0px;line-height: 17px;display: inline;overflow: hidden;}

#r_sidebar h2 {background: url(images/r_h2.jpg); color: #31557F;font-size: 12px;font-family: Verdana, Arial, Tahoma;font-weight: bold;padding: 2px 0px 3px 10px;margin: 0px;border-bottom: 1px solid #CCC;}

#r_sidebar h3 {background: url(images/r_h2.jpg); color: #31557F;font-size: 12px;font-family: Verdana, Arial, Tahoma;font-weight: bold;padding: 2px 0px 3px 10px;margin: 0px;border-bottom: 1px solid #CCC;}

#r_sidebar a img {border: none;margin: 0px 0px 16px 0px;padding: 0px;}

#r_sidebar ul {list-style: none;margin: 0px 0px 10px;padding: 0px 0px 20px 0px; border: 1px solid #CCC;}
#r_sidebar li {list-style: none;margin: 0px;padding: 0px;}
#r_sidebar ul li {padding: 0px;margin: 0px;}
#r_sidebar ul li a, #r_sidebar ul li a:visited {font-size: 10px;color: #000;text-decoration: none;margin: 0px;padding: 1px 10px;display: block;}
#r_sidebar ul li a:hover {background: #FFFFCC;color: #AA0000;text-decoration: none;margin: 0px;padding: 1px 10px;}
#r_sidebar li li {list-style: none; margin: 5px 0; padding: 0px;}



/* Footer */

#footer {clear: both;margin: 0px; padding: 0px; font-size: 10px; text-align: center; border-top: 2px solid #DD0808;}

#footer a {}

#footer a:hover {}

#footer ul li {list-style: none; display: inline; padding: 5px 10px;}

/* Various Classes & Image Alignment */

.center {text-align: center;}

.floatleft {float: left; margin: 5px;}

.floatright {float: right; margin: 5px;}

img.center {display: block; margin: 10px auto;}

img.left {display: inline; margin: 0 10px 5px 0;}

img.right {display: inline; margin: 0 0 5px 10px;}

.navigation {}

.previouslink {}

.nextlink {}

.sub-icons {padding-right: 50px;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.aligncenter {
	margin: 0px auto;
	}
/* End Images */