/*@import url(../../../Singular.Web.UI/lib/css/base.css);
@import url(../../../Singular.Web.UI/App_Themes/Ecommerce/theme.css);*/
@import url(../../../lib/css/base.css);
@import url(../../../App_Themes/Ecommerce/theme.css);

#introWrapper .panel p { width: 60%; }
h1, h2, h3, h4, h5, h6 { margin: 0.4em 0 0.7em 0; }
p { margin: 0.5em 0 0.9em 0; }

#contentWrapper .col2 {
/*	font-family: Tahoma, "Trebuchet MS1",Verdana,Arial,sans-serif;*/
}

#contentWrapper .col2 li a { text-decoration: none;
}
#contentWrapper .col2 li a:hover {text-decoration: underline;}



body
{
	/*the entire page*/
}
#blogStats
{
	/* the container for statistics for your blog */
}
#container
{
	/* this is the outermost container for Subtext
	all elements reside within here */
}
#header
{
	/* container for the header */
}
#header .title
{
	/* page header title */
}
#header .subtitle
{
	/* header subtitle */
}
#navigation
{
	/*the section that holds all the links to various parts of the site
	such as archives, categories, and blogroll */
	float:right;
}

#content
{
	/* this region is where the main page content will be loaded
	it can have posts, archives, category listings, etc. */	
}
#news
{
	/*container for the news announcement */
}
#news .title
{
	/*title of the news announcement*/
}
#news .body
{
	/* the body of the news announcement */
}
#footer
{
	/* bottom of all pages */
}
#footer .copyright
{
	/* copyright information in the footer */
}
#gallery
{
	/* container for galleries */
}
#gallery .title
{
	/* the title of the gallery */
}
#gallery .description
{
	/* the description of the gallery */
}
#gallery .thumbnails
{
	/* contains all the thumbnails for the gallery */
}
#gallery  .thumbnail
{
	/* specific formatting for each individual thumbnail */
}
#postComment
{
	/* the container for the form where people can input comments */
	padding: 8px;
	border: 1px dashed #6f8820;
	margin: 4px 0;
}
#postComment dl
{
	margin-bottom: 10px;
}
#postComment dt
{
	font-family: Tahoma;
}
#postComment dd
{
	margin-bottom: 7px;
	line-height: 20px;
}
#postComment input[type=text]
{
	width: 250px;
}
#postComment input[type=checkbox]
{
	margin: 0;
	margin-right: 5px;
	vertical-align: middle;
}
#postComment textarea
{
	width: 350px;
	height: 150px;
}
#postComment .captcha
{
	margin: 10px 0;
	position: relative;
}
#postComment .captcha img
{
	display: block;
	margin-bottom: 5px;
}
#postComment .captcha input[type=text]
{
	width: 40px;
}
#postComment .captcha span
{
	position: absolute;
	top: 0; 
	left: 200px;
	line-height: 50px;
}
#postComment .title
{
	/* the title of the comment form */
}
#searchBox
{
	/* container for the searchbox */
}
#searchBox .searchInput
{
	/* the text box that search terms are typed into */
}
#searchBox .seachButton
{
	/* the button pressed to initiate the search */
}
.links
{
	/* The primary container for each navigation section
	(such as Archives, Categories, etc) */
}
.links .title
{
	/* The title of each navigation section */
}
.links ul
{
	/* the styling for unorderd lists inside the links container */
}
.links ul li
{
	/* listed items in unordered lists in links */
}
#recentComments
{
	/* container for recent comments control */
}
.comments
{
	/* container for all comments */
}
.comment
{
	/* container for individual comment */
	position: relative;
	padding: 8px;
	margin: 4px 0 20px 0;
	background-color: #f8f8ec;
	border: 1px solid #eeeec7;
}
div.author
{
	background-color: #f8f8ec;
	border: 1px solid #eeeec7;
}
.comment .avatar
{
	float: left;
	margin: 0 10px 5px 0;
	margin: 0;
	width: 50px;
	height: 50px;
	position: relative;
}
.comment .inner
{
	margin-left: 60px;
}
.comment .title
{
	/* title of comment */
	margin-bottom: 5px;
	color: #6f8820;
	font-family: Tahoma;
}
.comment .by
{
	/* author of comment */
	/*float: left;*/
}
.comment .by a
{
	float: none;
	color: #1155aa;
	font-weight: bold;
}
.comment .postedDate
{
	/* comment date posted */
	text-align: right;
	font-size: 10px;
	line-height: 12px;
	font-family: Verdana, Arial;
	
	position: absolute;
	top: -13px;
	right: 5px;
	padding: 0;
	margin: 0;
	text-transform: lowercase;
}
.comment .content
{
	/* main body of comment */
	clear: left;
	border-top: 3px solid #eeeec7;
	padding-top: 3px;
	/*margin-left: 55px;*/
	line-height: 16px;
	font-size: 13px;
}
.comment .editlink
{
	position: absolute;
	top: -13px;
	left: 5px;
	padding: 0;
	margin: 0;
	font-size: 10px;
	line-height: 12px;
	font-family: Verdana, Arial;
}
.day
{
	/* container for the view of posts by day */
}
.day .date
{
	/* the date being viewed */
}
#myLinks
{
	/* container for the MyLinks */
}
#myLinks .title
{
	/* the title of the MyLinks section */
}
#myLinks .links
{
	/* the links contained in the MyLinks section */
}
.posts
{
	/* container for a list of posts - not used on main page*/
}
.post
{
	margin: 2px 0 10px 0;
	/* the container for a single post */
}
.post .title
{
	/* the title of a post */
}
.post .body
{
	/* the body of a post */
	margin-bottom: 10px;
}
.post .info
{
	/* the footer information of each post */
	font-family: Verdana;
	font-size: .85em;
	margin-bottom: 2em;
}
.post .trackback
{	
	/* the trackback / ping area of a post */
}
.previousNext
{
	/* the links that lead to the next and previous story */
	font-family: Verdana, Arial;
	font-size: .85em;
	display: block;
	margin-bottom: 1em;
}
.required
{
	/*information that should be marked as required */
}
.singleImage
{
	/* container for viewing a single image in the gallery */
}
.singleImage .title
{
	/* title of single image */
}
.singleImage .image
{
	/* image being displayed */
}



#contactForm
{

}
#contactForm input[type=text]
{
	width: 250px;
}
#contactForm textarea
{
	width: 350px;
	height: 150px;
}





/*--------{tags}-------------*/
.tag-cloud
{
	font-size: 1em;
	margin: 0 0 15px 0;
	padding: 0;
}

.tag-cloud ul, .tag-cloud li
{
	margin: 0;
	padding: 0;
}

.tag-cloud ul
{
	padding: 4px;
	margin: 4px 0 20px 0;
	background-color: #f8f8ec;
	border: 1px solid #eeeec7;
}

.tag-cloud li
{
	display: inline;
	background: none;
}

.tag-cloud li a
{
	color: #444;
	list-style-type: none;
	line-height: 1.4em;
	text-decoration: none;
}

.tag-cloud li a:hover
{
	list-style-type: none;
	line-height: 1.4em;
	text-decoration: underline;
}