
/*  
Theme Name: Artista
Theme URI: http://shaferconsulting.com/
Description: Developed for compatibility with primary theme of ArtistaGraphics.com.
Version: 1.1
Author: Michael Shafer
Author URI: http://shaferconsulting.com/
*/

html {
  background-color:#ffffff;
	}
body { 
	background-color:#ffffff;
	font:normal normal normal 100%  Arial, Georgia, Verdana, Helvetica, Sans-serif;
	padding: 0px; 
	}
#wrap { 							/* Encompasses entire blog area */
	background-color:#ffffff;
	margin-left:auto; 
	margin-right:auto; 
	margin-top:0px;
	width: 975px; 
	}
#head { 
	background: #ccccff;
	border-bottom:2px solid #333333;
	border-right:1px solid #666666;
	color: #000000; 
	font-size:100%;  
	height: 74px; 
	margin: 0px; 
	overflow: hidden;
	padding:0px 0px 0px 0px; 
	}
/* Navigation Styles : SpywareList.Info */
#nav_bar_main {
	background:url(../../../../assets/images.main/test-bg1.gif) repeat-x;
	border-bottom:solid 1px #666666;
	border-top:solid 1px #666666;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:100%;
 }
 #nav_wrapper_main {
 	background: #ECC4CE;
	height:20px;
	text-align:center;
	width:auto;
	}
#nav_wrapper_main a:link, #nav_wrapper_main a:visited, #nav_wrapper_main a:active {
	color:#333333;
	font: normal normal bold 75%/1.0 Georgia, Times, serif;
	height:20px;
	padding:1px 5px 1px 5px;
	text-decoration: none;
	}	 
#nav_wrapper_main a:hover {
/*	background:url(../../../../assets/images.main/menu-bg.30x4.03.wht-blu.gif) repeat-x;*/
  	background-color: inherit;
  	border-bottom:1px solid #333333;
  	border-left:1px solid #000000;
  	border-right:1px solid #000000; 
/*  	border-top:1px solid #333333;*/
  	color:#000000;
  	height:inherit;
  	padding:3px 4px 2px 4px;
  	text-decoration:underline;
	}
/* Styles for blue blog nav bar below main nav bar */
#nav-blog {
	border-bottom:1px solid #333333;
	border-top:1px solid #666666;
	background:url(images/menu-bg.30x4.03.wht-blu.gif) repeat-x;
	float:left;
	font:bold 80%/1.0  Arial, Georgia, Times, serif;
	height:20px;
	margin:0px;
	padding:0px;
	width:975px;
}
#blog-title {
	color:#333333;
	font: normal normal bold 100%/1.0 Arial, Georgia, Times, serif;
	float:left; 
	margin:5px 2px 0px 5px;
	text-align:center;
}
#blog-title a:link, #blog-title a:visited, #blog-title a:active {
	color:#333333;
	font:bold 90%/1.0 Georgia, 'Times New Roman', Times, serif;
	margin-top:10px;
	padding:10px 0px 0px 10px;
}
#blog-title a:hover { 
	color:#000000;
	text-decoration:underline;
}
#breadcrumb {
	float:left;
	font: normal normal normal 85%/1.0 Arial, Georgia, Times, serif;
	margin:6px 0 0 10px;
	}
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
	color:#333333;
	text-decoration: underline;
	}	
#breadcrumb a:hover {
	text-decoration:underline;
	}
/* Over ride default css styles for searchform */
#searchform {
	margin:0px;
	padding:0px;
	}
#s {
	padding:5px 2px 0px 0px;
}	
/* Unknown*/	 
#menu { list-style: none; margin: 0px; padding: 0px; font-weight: bold;  border-top:5px solid green; }
#menu li.page_item { float: left; list-style: none; width: 90px; margin: 0px 5px 0px 0px; padding: 0px; text-align: center;}
#menu li.page_item  a { float: left; width: 90px; margin: 0px; padding: 0px 0px 20px 0px; background-color: #E77B26; text-decoration: none; }
#menu li.page_item  a:link, #menu li a:visited { color: #ffffff; }
#menu li.page_item  a:hover { color: #cccccc; }

#bar { 								/* Bar at top of page that contains the search bar. */
	background-color:inherit; 
	border-top:1px solid #999999;
	clear:both; 
	height:80px; 
	margin:0px;
	padding:0px; 					/* Sets distance from header to top of bar and side margins. */
	}
#bar #desc { 						/* Styles for blog description at right side of bar that contains the search box. */
	color:#000000; 
	float: right; 
	font: normal normal normal 90%/1.1 Arial, Georgia, Times, serif; 
	height: 40px; 
	overflow: hidden;
	padding: 5px 5px 0 0;
	text-align:right;
	width: 250px; 					/* Increased to 250px from original 180px */
	}	
#bar h1 {
	background-color:transparent;
	background:url(../../../../assets/images.main/menu-bg.1.gif) repeat-x;
	border-bottom:1px solid #999999;
	border-right:1px solid #CCCCCC;
	color:#333333;
	font:normal 120%/1.0 Georgia, Arial, Verdana; 
	height:auto;
	margin:0;
	padding: 3px 3px 3px 5px; 
	}
#bar h1 a { 
	color:#333333;
	text-decoration: none;
	padding:0 5px 0 5px;
	text-align:center;
	}
#bar h1 a:hover { 
	text-decoration: underline;
	color:#666666;}
#bar form { margin: 0px; padding: 0px;}
#bar input { border: 1px solid #666666; margin:5px 0 0 0px; }

#main { 		/* Main body area from top bar to footer. Includes the content div and both left and right side bar areas. */
	background-color: #FFFFFF; 
	}
#main-foot { 
	clear: both; 
	height: 5px;
	}

/* Main content area */
#content { 
	margin: 0px 190px 20px 0px; /* was 0 220 20 160 */
	font: normal normal normal 100%/1.0 Georgia, Times, serif, Arial, ;
	color: #000000;
	}
#content .post { 
	padding: 20px 0px 0px 10px; 
	margin: 0px 0px 10px 0px; 
	line-height: 1.1em;
	}
/*#content .post a:link, #content .post a:visited, #content .post a:active {
	color:#cc6600;
	}*/
#content blockquote {
	border-left:4px solid #CCCCCC;
	color:#336699;
	font:normal 100%/1.2 Georgia, Times, sans-serif, Arial; 
	padding:6px;
	}
#content .postfoot { font-size: 10px; line-height: normal; text-align: right; border-top: 1px solid #CCCCCC; }
#content a:link, #content a:visited {
	color:#336699;
	}

#content .post h1 {							/* Article header */
	color:#E77B26;
	font:normal normal normal 100%/1.0 Georgia, Times, serif, Arial;
	margin: 0px; 
	padding: 0px; 
	}
#content .post h1 a {
	border-bottom:1px solid #e1a2b1;
	color:#336699;
	font:normal normal bold 95%/1.0 Georgia, Times, serif, Arial;
	text-decoration:none;
	}	 
#content .post h1 a:hover {
	border-bottom:1px solid #e1a2b1;
	color: #333333;
	}	
	
/************************ RIGHT SIDE AREA *************************/		
/* Right side menu options: Note the right side div overlays into bar div. using negative top margin*/
#right { 
	float: right; 
	font-size:80%;
	margin: 10px 0px 0px 0px;
	padding: 0px; 
	width: 170px; 
	}
#right h2 { 
	background: url(images/right-h2.50x170.gif) no-repeat; 
	border-bottom:2px solid #999999; 
	color: #ffffff; 
	font:normal normal bold 100%/1.1 Georgia, Times, serif, Arial;
	margin: 0px; 
	padding: 5px 0px 5px 10px; 
	}
#right .right-menu {
	font:normal normal normal 90%/1.1  Georgia, Times, serif, Arial;
	margin: 0px; 
	padding: 10px 10px 5px 10px; 
	background-color: #F8F8F3; 
	}
#right .right-bot { 
	height: 1px; 
	margin: 0px 0px 20px 0px; 
	padding: 0px; 
	}
#right ul { 
	margin: 0px; 
	padding: 0px; 
	}
#right ul li {
	list-style: none; 
	margin: 3px 0 5px 0;
	}
#right ul li a {
	color:#273C50; 
	padding:3px 2px 3px 2px;
	text-decoration:none;
	}
#right ul li a:hover {
	color:#333333;
/*	background:url(../../../../assets/images.main/menu-bg.30x4.03.wht-blu.gif) repeat-x;*/
/*	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc; */
	height:20px;
	padding:3px 2px 3px 2px;
	text-decoration:underline;
	width:auto;
	}
#right ul.children { 
	margin-left: 10px;
	}
#right ul.children li a {
	color:#E77B26;
	}
#right ul.children li a:hover {
	text-decoration:underline;
	}

/********** Comment Form Styles *********/
#commentform input, #commentform textarea { border: 1px solid #000000; }
#commentform textarea { width: 370px; }
#commentlist { margin: 0px; padding: 0px; }
#commentlist li { list-style-type: none; margin: 0px 0px 30px 0px; padding: 0px; }
.commentauth { clear: both; border-top: 1px solid #E77B26; text-align: right; font-size: 10px; padding: 5px 0px 10px 0px; }
.gravatar { float: left; width: 30px; height: 30px; margin: 0px 10px 0px 0px; border: 1px solid #000000; background-color: #ffffff; padding: 3px; }

/* Footer area. */
#foot-wrap { height: 50px;}
#foot {margin: 0px 30px 0px 30px; padding: 10px 0px 0px 0px; font-size: 10px; text-align: center; }
#foot-left { float: left; width: 20px; height: 50px;}
#foot-right { float: right; width: 20px; height: 50px;}

/********** Misc DIV Styles **********/
#ad-right-lower1 {
	margin: 5px 0 0 10px;
	}
#ad-right-lower2 {
	margin: 5px 0 0 10px;
	}
.dateline {
	font:normal 90%/1.0 Georgia, 'Times New Roman', Times, serif;
	margin: .5em 0 1.5em 0;
	color:#666666;
	}
#blog_list {
	margin: 10px 0 0 0;
	}	
#bug-swat {
	color:#333333;
	background:#F8F8F3;
	padding:5px;
	}
#bug-swat img {	
	padding:2px;
	}		

/********** Site Map Generator *********/
/* ddsg-sitemap - Div class around the actual sitemap. */
/* 031708: Most recent release uses the following two classes */
/* .ddsg-wrapper - Div around the entire sitemap. */
/* .ddsg-pagenav - Div around the page navigation. */
.ddsg-wrapper {
	}
.ddsg-wrapper ul {
	color:#E77B26;
	font:normal normal bold 100%/1.0 Arial, Georgia, Times, serif;
	margin: 5px 0 10px 0;
}	
.ddsg-wrapper li {
	margin:5px 0 5px 0;
}	
.ddsg-wrapper a:link, .ddsg-wrapper a:visited {
	color:#336699;
	font:normal normal normal 100%/1.0 Arial, Georgia, Times, serif;
}

/* ddsg-pagenav - Div class around the page navigation. */
.ddsg-pagenav {
	}	
/* ddsg-cats - Span class for the category lines. */
.ddsg-cats a:link, .ddsg-cats a:link {
	color:#FF9966;
	}
/* ddsg-xml-link - Div class around the XML link. */
#ddsg-xml-link {
	}
/* ddsg-excerpt - Span class around content excerpts. */
.ddsg-excerpt {
	}
