/* CSS Document */

/*

Theme Name: Graphics Workshop

Description: Graphics Workshop

Author: Paige

Author URI: http://graphicsworkshop.net/

*/



body {
        font-family: Arial, Verdana, sans-serif, Geneva;
	font-size: 10pt;
	line-height: 21px;

margin: 0;
	padding: 0; 
	background:url(images/body-bg.jpg) repeat-x top left;

	background-color: #fff;

	color: #333;

	text-align: center;

	}



/* start: header styles */

#header {

	padding: 20px 0 0 0;

	margin: 0 auto;

	height: 200px;

	width: 100%;



	background-color: #fff;

	background:url(images/header-bg.jpg) no-repeat top left;

	}



h1 {

	text-align: left;

	margin: 0 0;

	padding-left: 80px;

	width: 250px;



	font-family: Arial, Verdana, sans-serif, Geneva;
	font-size: 10pt;
	line-height: 21px;

	}



h1, h1 a, h1 a:hover, h1 a:visited {

	color: #333;

	background-color: transparent;

	text-decoration: none;

	}



/* end: header styles */



#page {

	margin: 0px auto;

	padding: 0;

	width: 819px;



	background:url(images/layout-bg.jpg) repeat-y top left;

	background-color: #fff;

	text-align: left;

	}



/* start: content styles */

#content {
	}



.narrowcolumn .entry {


	line-height: 21px;

	}



.narrowcolumn .postmetadata {

	text-align: center;

	}



.narrowcolumn {

	float: right;

	padding: 0 0 20px 0px;

	margin: 0 0;

	}



.narrowcolumn {

	width: 564px;

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 564px;

	}



html>body .narrowcolumn {

	width: 564px;

	}



.post {

	background: url(images/post-content-bg.jpg) repeat-y left top;

	margin: 20px 42px 0 0;

	text-align: left;

	}



.post h2 {

	margin: 0 0;

	padding: 5px 25px 0px 200px;

	background: url(images/post-title-bg.jpg) no-repeat left top;

	text-align: right;

	font-family: Arial, Verdana, sans-serif, Geneva;
	font-size: 10pt;
font-weight: bold;
	text-transform: uppercase;
	}


.post h2 a, .post h2 a:link, .post h2 a:visited  {

	color: #d6d590;

	background-color: transparent;

	}

.post p.top {

	margin: 0 0;

	padding: 5px 0 0 100px;


font-weight: bold;

	background: url(images/post-date-bg.jpg) no-repeat left top;



	font-family: Arial, Verdana, sans-serif, Geneva;
	font-size: 10pt;
	line-height: 18px;
	font-weight: bold;
	color: #d6d590;

	background-color: transparent;

	}



.post p.postmetadata {

        color: #d6d590;	
        margin: 0 0;

	padding: 15px 25px 0px 320px;

	height: 44px;	

	background: url(images/post-meta-bg.jpg) no-repeat left top;

	font-family: Arial, Verdana, sans-serif, Geneva;
	font-size: 10pt;
	line-height: 21px;

	text-align: right;

	clear: left;

	}



.post p.postmetadata a:link,
.post p.postmetadata a:visited,{

        color: #d6d590;	
        }

.post  {
        font-size: 10pt;
	line-height: 21px;
}

.postbottom a:link,

.postbottom a:visited {

        color: #d6d590;

	background-color: transparent;

}

.entry {

	 font-size: 10pt;
	line-height: 18px;
margin: 0 0;

	padding: 0 25px;

	}



.entry p a:visited {

	color: #902915;

	}


small {

	font-size: 10pt;
	line-height: 18px;
	}



p.alt {

	margin: 20px 65px 20px 25px;

	padding: 10px 10px;



	}

.alt {



	background-color: #fff;

	border-top: 1px solid #333;

	border-bottom: 1px solid #333;

	}

/* end: content styles */



/* start: sidebar styles */

#sidebar {

	padding: 20px 10px 10px 20px;

	margin-right: 564px;

	}



#sidebar {

	width: 225px;

	voice-family: "\"}\""; 

	voice-family:inherit;

	width:195px;

	}



#html>body #sidebar {

	width:195px;

	}



#sidebar form {

	margin: 0;

	}



#sidebar h2 {

	margin: 20px 0 0 0;

	padding: 0 0 0 28px;

        background: url(images/li-pagenav-bg.jpg) no-repeat top left;

	font: bold small-caps 1.2em Geneva, "Geneva", Verdana, times, Arial, Sans-Serif;	

	color: #333;

	background-color: transparent;

	}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	}



#sidebar>ul li {

	margin-bottom: 35px;

	padding: 0 0;

	}



#sidebar ul li.pagenav ul {

	font: bold small-caps 1.0em Geneva, "Geneva", times, Verdana, Arial, Sans-Serif;	

	}



#sidebar ul ul {

	font: bold small-caps 1.0em "Geneva", Verdana, times, Arial, sans-serif;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 0;

	}



#sidebar ul li.pagenav ul li {

	margin: 0 0;

	padding: 0 0 0 28px;	

        background: url(images/sidebar-li-bg.jpg) no-repeat top left;

	

	}



#sidebar ul ul li {

	background: url(images/sidebar-li-bg.jpg) no-repeat top left;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0 0;

	padding: 0 0 0 33px;	

	}



ol li, #sidebar ul ol li {

	list-style: none;

	}



#sidebar ul p {

	color: #333;

	background-color: transparent;

	font: 1.0em "Geneva", Verdana, times, Arial, sans-serif;	

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 0 8px;

	}



#sidebar ul li.pagenav ul ul {

	margin: 0 0;



	font: bold small-caps 0.8em Geneva, "Geneva", Verdana, times, Arial, Sans-Serif;	

	}



#sidebar ul li.pagenav ul ul li {

	margin: 0 0;

	padding: 0 0 0 21px;	



	background: url(images/li-pagenav2-bg.jpg) no-repeat top left;

	}



#sidebar ul ul ul, #sidebar ul ol {

	font: small-caps 0.8em Geneva, "Geneva", Verdana, times, Arial, Sans-Serif;	

	}



/* end: sidebar styles */



/* start: footer styles */

#footer {

	margin: 0 auto;

	padding: 40px 0 0 0;

	width: 819px;

	height: 145px;



	background-color: #d6d590;

	background: url(images/footer-bg.jpg) no-repeat left top;

	clear: both;

	}



#footer p {

	color: #d6d590;

        margin: 0 0 0 250px;

	padding: 30px 0;

	text-align: center;

	

	font: small-caps 0.7em Geneva,"Geneva", Verdana, times, Arial, sans-serif;

	}

/* end: footer styles */



/* start: other styles */

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

	color: #d6d590;

	}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

	text-decoration: none;

	}



#commentform input, #commentform textarea {

	font: 0.9em Geneva, times, Arial, Sans-Serif;

	}



.commentlist li {

	font: 0.9em Geneva, "Geneva", Verdana, times, Arial, Sans-Serif;

	}



#commentform input, #commentform textarea {

	background-color: #fff;

	border: 1px solid #333;

	}



#commentform #submit {

	color: #fff;

	background-color: #333;

	border: 1px solid #fff;

	}

	

.commentlist li {

	font-weight: bold;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.0em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.0em;

	text-transform: none;

	}



#commentform p {

	font: 0.8em Garamond, "Geneva", Verdana, times, Arial, Sans-Serif;

	}



.commentmetadata {

	font-weight: normal;

	}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	color: #333;

	}

	

code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps {

	font-size: 0.9em;

	letter-spacing: .07em;

	}



a, h2 a:hover, h3 a:hover {

	color: #000;

	text-decoration: none;

	}



a:hover {

	color: #990000;

	text-decoration: none;

	}

	

/* start: image styles */

p img {

	padding: 0;

	max-width: 100%;

	}



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

	}

/* end: image styles */







/* lists-styles */



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 ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}

	

/* end-lists-styles */







/* forms */

#searchform {

	margin: 10px auto;

	padding: 5px 3px; 

	text-align: center;

	}



#sidebar #searchform #s {

	margin: 0 0;

	width: 134px;

	height: 24px;

	padding: 7px 5px;

	border: solid 0 #996;

	background: transparent url(images/input-bg.jpg) no-repeat fixed;

	}



html>body #sidebar #searchform #s {

	background: transparent url(images/input-bg.jpg) no-repeat;

	}



#sidebar #searchsubmit {

	width: 26px;

	padding: 1px 0;

	height: 36px;

	border: solid 0 #996;

	background: transparent url(images/submit-bg.jpg) no-repeat fixed 1px -2px;

	}



html>body #sidebar #searchform #searchsubmit {

	background: transparent url(images/submit-bg.jpg) no-repeat 1px 4px;

	}



.entry form {

	text-align:center;

	}



select {

	width: 130px;

	}



#commentform input {

	width: 150px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 200px;

	padding: 2px;

	}



#commentform #submit {

	width: 70px;

	margin: 0 0;

	}



/* end-forms */







/* comments*/

.commentlist {

	margin: 0 0;

	padding: 0 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 55px 3px 5px;

	padding: 5px 15px;

	list-style: none;



	background: transparent url(images/post-content-bg.jpg) repeat-y;

	}



.commentlist p {

	margin: 10px 5px;

	}



#commentform {

	margin: 0 25px;

}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* end-comments */







/* start: calendar styles */



#wp-calendar #prev a {

	font-size: 6pt;

	}



#wp-calendar a {

	color: #333;

	background-color: transparent;

	

	text-decoration: none;

	}



#wp-calendar caption {

	color: #990000;

	background-color: transparent;

	

	font: small-caps bold 0.8em Geneva, "Geneva", Verdana, Arial, Sans-Serif;

	text-align: center;

	}



#wp-calendar th {

	color: #333;

	background-color: transparent;



	font-style: normal;

	text-transform: capitalize;

	}

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 140px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;



	font: small-caps bold 0.8em Geneva, "Geneva", Verdana, Arial, Sans-Serif;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;



	font: small-caps bold 0.8em Geneva, "Geneva", Verdana, times, Arial, Sans-Serif;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;



	color: #ccc;

	background-color: transparent;

	}



/* end: calendar styles */







/* others */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #990000;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	color: #ccc;

	border-left: 2px solid #333;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin: 20px 55px 20px 25px;

	height: 25px;



	font: small-caps bold 0.8em Geneva, Geneva, Arial, sans-serif;

	}

/* end: others */



/*----- Hoverbox Code - get code found at http://host.sonspring.com/hoverbox/ ------*/



.hoverbox

{

	cursor: default;

	list-style: none;

}



.hoverbox a

{

	cursor: default;

}



.hoverbox a .preview

{

	display: none;

}



.hoverbox a:hover .preview

{

	display: block;

	position: absolute;

	top: -33px;

	left: -45px;

	z-index: 1;

}



.hoverbox img

{

	background: #333;;

	color: inherit;

	vertical-align: top;

	width: 100px;

	height: 75px;

	margin: 2px;

	padding: 2px;

	border-color: #fff;

	border-style: solid;

	border-width: 1px;

}



.hoverbox li

{

	color: inherit;

	display: inline;

	float: left;

	position: relative;

	

}



.hoverbox .preview

{

	border-color: #ccc;

	width: 200px;

	height: 150px;

}