/*  
Theme Name: ArcStone Technologies
Theme URI: http://www.arcstone.com
Description: The WordPress theme based on the new ArcStone website.
Author: Nicholas J Longtin & Nik Rowell
Author URI: http://www.arcstone.com
COPYRIGHT ARCSTONE TECHNOLOGIES
*/


*
{
	margin	: 0px;
	padding	: 0px;
}
html, body 
{
	background		: #dcdcd5;
	font			: 14px 'Times New Roman', Times, Georgia, Garamond, serif;
	color			: #4a535a;
	margin-top		: 8px;
	margin-bottom	: 30px;
	padding			: 0px;
}
#page
{
	width	   	: 770px;
	margin		: 0px auto;
	text-align 	: left;
	background	: #FFF url('images/main_bg.gif') top left repeat-y;
}
p
{
	margin-top	: 15px;
	line-height	: 18px;
}
hr
{
	border		: none 0; 
	border-top	: 1px dotted #acacac;
	height		: 1px;
	margin		: 5px 0px;	
}
hr.comments { margin: 0 0 15px 0; }
a img {	border: none; }


/*--------------------------------- Top Navigation */
#tabNav
{
	width		: 100%;
	height		: 61px;
	background	: transparent url('images/tabNav_bg.gif') top left no-repeat;
	position	: relative;
}
#tabNav ul
{
	list-style	: none;
	position	: absolute;
	top			: 0px;
	right		: 11px;
}
#tabNav ul li { display: inline; }
#tabNav ul li a
{
	display			: block;
	float			: left;
	text-decoration	: none;
}
#tabNav #home, #tabNav #about, #tabNav #press, #tabNav #contact
{
	/* This is needed to prevent IE from staggering the li's */
	float	: left;
}
#tabNav #home a
{
	width		: 50px;
	height		: 27px;
	float		: left;
	background	: transparent url(images/tabNav_home.gif) bottom left no-repeat;
	display		: block;
}
#tabNav #home a:hover { background : url(images/tabNav_home.gif) top left no-repeat; }
/*** NOTE: tabNav_about and tabNav_over are different than those used for arcstone.com ***/
#tabNav #about a
{
	width		: 62px;
	height		: 27px;
	float		: left;
	background	: transparent url(images/tabNav_about.gif) bottom left no-repeat;
	display		: block;
}
#tabNav #about a:hover { background : url(images/tabNav_about.gif) top left no-repeat; }
#tabNav #arcstone a
{
	width		: 95px;
	height		: 27px;
	float		: left;
	background	: transparent url(images/tabNav_arcstone.gif) bottom left no-repeat;
	display		: block;
}
#tabNav #arcstone a:hover { background : url(images/tabNav_arcstone.gif) top left no-repeat; }
#tabNav #contact a
{
	width		: 80px;
	height		: 27px;
	float		: left;
	background	: transparent url(images/tabNav_contact.gif) bottom left no-repeat;
	display		: block;
}
#tabNav #contact a:hover { background : url(images/tabNav_contact.gif) top left no-repeat; }

#header 
{ 
	width		: 770px;
	height		: 144px;
	background	: url('images/blog_header.gif') bottom left no-repeat; 
}
a { color: #911a24; }
a:hover 
{
	color			: #b20f1c;
	text-decoration	: none;
}

h2, h2 a /* Post Titles */
{
	font			: bold 20px Arial, Helvetica, Verdana, sans-serif;
	color			: #002133;
	margin			: 30px 0 0;
	text-decoration	: none;
	text-align      : left;
	word-spacing    : 2px;
}
h2 a:hover
{
	color			: #a01520;
	text-decoration	: none;
}
/*--------------------------------- Sidebar */
#sidebar
{
	padding		: 35px 0 10px 8px;
	margin-left	: 540px;
	width		: 200px;
}
#sidebar ul li h2, #tier1 h2 
{
	font			: bold 11px Georgia, 'Times New Roman', Times, serif;
	color			: #07364f;
	background		: url('images/sidebar_h2_bg.gif') left center no-repeat;
	text-transform	: uppercase;
	margin			: 0px;
	padding-left	: 12px;
}
#tier1 h2 { background-image: url('images/tier1_h2_bg.gif'); }
#sidebar ul li ul li a /* Sidebar list item links... ie Pages, Archives links etc */
{
	font			: 11px Tahoma, Arial, Helvetica, Verdana, sans-serif;
	color			: #366984;
	text-decoration	: underline;
}
#sidebar ul li ul li a:hover
{
	color			: #2d86b6;
	text-decoration	: none;
}
h3#respond, h3#comments /* //Leave a Reply: */
{
	font			: bold 17px Georgia, 'Times New Roman', Times, serif;
	background		: url('images/h3_respond_bg.gif') 0px 4px no-repeat;
	margin			: 0px;
	padding-left	: 15px;
	text-transform	: uppercase;
	color			: #002133;
}
h3#comments span {
	font			: 14px/28px Arial, Helvetica, Verdana, sans-serif;
	text-transform	: none;
	color			: #787878;
}

/* .entry p a:visited { color: #b85b5a; } Visited links within post */


.narrowcolumn .postmetadata { /* "Posted in" text below posts */
	font : 11px Arial, Helvetica, Verdana, sans-serif;
	text-align: right;
}
small, #commentform p, .commentmetadata  /* Posting Date, below title, same styles as #sidebar ul p */
{ 
	font 	: 11px/14px Tahoma, Arial, Helvetica, Verdana, sans-serif;
	color	: #777;	
}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}


h1, h3 {
	font	: bold 20px Arial, Helvetica, Verdana, sans-serif;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}
h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h3, h3 a, h3 a:visited {
	color: #333;
	}

h3, h3 a, h3 a:hover, #wp-calendar caption {
	text-decoration: none;
	}


.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	}
.commentlist li { /* same style as 'small' */
	font-size	: 14px;
        clear: both;
}
.commentlist p {
	font-weight: normal;
	text-transform: none;
	}


.commentmetadata {
	font-weight: normal;
	}

#sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code { font-family : 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	padding-top: 20px;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 20px 0 15px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}




/*--------------------------------- Homebase */
#homebase
{
	width		: 100%;
	height		: auto;
	background	: #FFF url(images/main_bg.gif) top left repeat-y;
	line-height	: 20px;
	clear:both;
}
#homebase #bottom
{
	width		: 100%;
	height		: 17px;
	background	: transparent url(images/homebase_bottom.gif) bottom left no-repeat;
}
/*--------------------------------- Tier 1  - Tag Cloud */
#tier1
{
	width		: 100%;
	background	: #f8f8f6 url(images/tier1_bg.gif) top left repeat-y;
	position	: relative;
padding-bottom: 16px;
}
#tier1 #bottom
{
	width		: 100%;
	height		: 11px;
	background	: transparent url(images/tier1_bottom.gif) bottom left no-repeat;
	clear		: both;
	position	: absolute;
	bottom		: 0px;
	left		: 0px;
}

/*--------------------------------- Tier 2 */
#tier2
{
	width		: 100%;
	height		: 30px;
	background	: #eeeeea url(images/tier2_bg.gif) top left repeat-y;
	position	: relative;
}
#tier2 ul li { display: inline; }
#tier2 #bottom
{
	width		: 100%;
	height		: 11px;
	background	: #eeeeea url(images/tier2_bottom.gif) bottom left no-repeat;
	clear		: both;
	position	: absolute;
	bottom		: 0px;
	left		: 0px;
}



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: left;
}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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;
	text-align	: right;
	width		: 49%;
}
.alignleft 
{
	float		: left;
	text-align	: left;
	width		: 49%;
}
.alignright a, .alignleft a { font : 11px Tahoma, Arial, Helvetica, Verdana, sans-serif; }


/* Begin Lists */
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol { padding-left : 35px; }

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p { /* same styles as 'small' */
	font 	: 11px/16px Tahoma, Arial, Helvetica, Verdana, sans-serif;
	color	: #777;
}
#sidebar ul p strong { color : #575757; }

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/*--------------------------------- Form Elements */
/* General form element styles */
input, textarea, select, #commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	font		: 12px Tahoma, Arial, Helvetica, Verdana, sans-serif;
	color		: #002133;
	padding		: 2px;
	border		: #B2C5D1 1px solid;
	background	: #f5f5f5;
}
/* On 'No posts found' page, search form positioned in-line */
#sidebar #searchform #s { /* Search bar input size */
	width: 135px;
}
#sidebar select 
{
	padding		: 0px;
	width		: 130px; 
	margin		: 8px 0 0 10px;
}
/* This is mainly for password protected posts, makes them look better. */
.entry form { text-align:center; }

select { width: 130px; } /* ??? */

#commentform #author, #commentform #email, #commentform #url { width: 185px; }
#commentform textarea {	width: 100%; }

input.button, #commentform #submit, #sidebar #searchform #submit
{
	color		: #FFF;
	font		: 11px Tahoma, Arial, Helvetica, Verdana, sans-serif;
   	background	: #6e7d87;
	padding		: 1px 2px;
   	border		: #002133 1px solid;
	border-top	: #6e7d87 1px solid;
	border-left	: #6e7d87 1px solid;
}
	
	
/*--------------------------------- Comments Styles */
.alt {
	margin: 0;
	padding: 15px;
	}

.commentlist 
{
	padding: 0;
	text-align: justify;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */






/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

.pq 
{
 display : block;
 margin : 6px;
 width : 160px;
 float : left;
 text-align : left;
 font-size : 18px;
 padding-left : 20px;
 border-left : 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}


.navigation {
	display			: block;
	text-align		: center;
	margin-top		: 5px;	
	/* margin-bottom: 50px; IE handles this poorly... padding used instead */
	padding-bottom	: 20px;
	}

/*---------------------------------Footer */


#cloud
{
	margin-left : 16px;
padding : 10 20px;
}

#cloud a
{
	text-decoration : none;
}

#footer
{
	margin      : 0px auto;
	width       : 770px;
	background	: #dcdcd5;
}
#footer a { color : #69181e; }
#footer a:hover { color : #b20f1c; }
#footer div
{
	background	: none;
	color		: #60686e;
	font		: 11px Arial, Helvetica, Verdana, sans-serif;
	float		: right;
	border		: #b7bab6 1px solid;
	border-top	: none; 
	padding		: 3px 10px;
}

.gravatar {
        float:left;
        padding: 3px;
        margin-bottom: 5px;
        border: 1px solid #d1d1d1;
        background: #fff;
        margin-right : 4px;
}

.postgrav {
        float: left;
        padding: 3px;
        margin-right: 5px;
        margin-left: 5px;
        border: 1px solid #d1d1d1;
        background: #fff;
}

#tier2 ul
{
list-style : none;
}

#tier2 ul li a
{
padding-top : 4px;
margin-left : 16px;
display : block;
float : left;
}

ul.popular
{
list-style : none;
font-size : 11px;
padding   : 12px;
}

ul.popular li
{
margin : 8px 0;
}
ul.popular li a 
{
display: block; 
font-family:Tahoma,Arial,Helvetica,Verdana,sans-serif;
font-size:11px;
outline: none;
}
#cloud ul.popular li a:hover { text-decoration: underline; }