/*  
Theme Name: John's Theme
Theme URI: http://www.johncsirica.com/
Description: John's Theme
Version: 1.0
Author: Frank Thomas
Author URI: http://www.littlegraydesigns.com/

/* Begin Typography & Colors */

* {
	margin:0;
	padding:0;
}	
html {
	min-height: 100%; 
	margin-bottom: 1px;
}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:trebuchet ms,verdana,arial,'lucida grande',sans-serif;
	background-color:#000000;
	color: #fff;
	text-align:center;
}
#page {
	background: #000 url("images/johnstheme-body.jpg") repeat-y top;
	border: 0;
	text-align:left;
}
#header {
	background: url("images/johnstheme-header.jpg") no-repeat bottom center; 
}
#headerimg{
	/*background: transparent url("images/headerh1.gif") center no-repeat;*/
}	
#headerimg .description {
	font-size: 1.2em;
	text-align: center;
}
#navcontainer {
	background: url("images/johnstheme-bgd-nav.jpg") no-repeat top center;
}
#content{
	letter-spacing:.05em;
}
#footer {
	background: url("images/johnstheme-footer.jpg") no-repeat bottom;
	border: none;
}
#footer p {
	font-size:1.4em;
}		
#sidebar {
	font-size:1em;
}
#sidebar h2 {
	font-size: 1.2em;
}
.widecolumn .entry p {
	font-size: 1.05em;
}
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.6em;
}
.widecolumn {
	background: #000;
	line-height: 1.6em;
}
.narrowcolumn .postmetadata {
	text-align: center;
}
.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
small {
	font-size: .8em;
	line-height: 1.5em;
}
p {
	font-size:1.6em;
	line-height: 1.3em;
}
h1 {
	display:none;
	font-weight:bold;
	font-size: 40px/*4em*/;
	text-align: center;
}
h2 {
	font-family:verdana,georgia,arial,sans-serf;
	font-style:normal;
	font-weight: bold;
	font-size: 2em;
}
h3 {
	font-family:georgia,verdana,arial,sans-serf;	
	font-style:italic;
	font-weight: bold;
	font-size: 1.8em;
}
h4 {
	font-weight: bold;
	font-size: 1.3em;
}
#content li,#content ul ul li {
	font-size:1.2em;
	line-height: 1.3em;
}
#content ul ul li {
	font-size:1em;
	line-height: 1.3em;
}	
.gifprint a,.gifmail a,.editentry a,.skipintro a {
	font-size:.9em;
}		
.post h2, .post h3 {
	clear:left;
}	
h2.pagetitle {
}
#headerimg .description {
	text-decoration: none;
	color: #ffc;
}
#footer p {
	color:#eee;
}
h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	border-bottom:none;
	background:none;
	color: #fff;
} 
h2 {
	color: #fc0;
}	
h2 a, h2 a:visited {
	color: #066;
	text-decoration: none;
}
h2 a:hover, h3 a:hover {
	color: #fff;
	text-decoration: none;
}
h3 {
	color: #Cf9;/*#900*/;
}
h3 a, h3 a:visited {
	color: #900;
	text-decoration: none;
}
h4 {
	color: #885B00;
}                                            		
#sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
}
/* End Headings */

/* Begin Links */
a {
	color:#ff0;
	border-bottom: 1px dashed #9f0;
	text-decoration: none;
}
a:hover {
	background:;
	color:#9f0;
	border-bottom: 0;
	text-decoration:underline;
}
.navigation a, .breadcrumb a, .gifmail a, .gifprint a, .editentry a, #footer a, .skipintro a {
	border-bottom: none;
}
.entry p a {
	font-size:.9em;
	font-style: italic;
}	
.entry p a:hover {
	background:#069;
	color: #fff;
	text-decoration:underline;
}
.img-link a, .img-link a:hover {
	padding:0;
	margin:0 5px 0 0;
	border:0;
	text-decoration:none;
}
a img, a:hover img {
	border:0;
}
.webdesign {
	color:#666;
}	
/* End Links */
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #000;
}	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps, .definition{
	font-size: 1em;
	font-style:bold;
}
/** END TYPOGRAPHY & COLORS **/

/** BEGIN STRUCTURE **/
p {
	margin:0;
	padding: 5px 0;
}
body {
	margin: 0;
	padding: 0; 
}
#page {
	margin: 0 auto;
	padding: 0;
	width: 780px;
}	
#header {
	height: 135px;
	width: 780px;
}
.widecolumn {
	padding: 0 15px 10px!important;
	padding: 0 15px 10px;
	margin: 0 0 0 20px!important;
	margin: 0 0 0 20px;
	width: 700px;
}	
.post {
	margin: 0 0 20px;
	text-align:justify;
}
.widecolumn .post {
	margin: 0;
}

#footer {
	clear: both;
	height:60px;
	width:780px;
}
	
#footer p {
	margin: 0 auto!important;
	padding-top:15px!important;
	margin: 15px auto 0;
	padding: 0;
	height:40px;
	text-align: center;
}
/* End Structure */

/*	Begin Headings */
h1 {
	padding-top: 30px;
	margin: 0;
}
h2, h2.post  {
	padding: 5px 0 15px;
	margin: 0;
}
h2.pagetitle {
	padding: 5px 0;
	margin: 0;
	text-align: left;
}
h3 { 
	padding: 10px 0;
	margin: 0;
}
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
}
h4	{
	padding:5px 0;
	margin:0;
}	
/* End Headings */

/* Begin Images */
h1 img {
	width:300px;
	height:40px
}	
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: 0 auto;
	padding:0;
	text-align:center;
}	
.alignright {
	float: right;
	padding: 0;
	margin: 0 0 2px 20px;
	text-align:center;
	display:inline;
	/*height: 1em;
	line-height: 1em;*/
}
.alignleft {
	float: left;
	margin: 0;
	padding: 0 10px 2px 0;
	text-align:center;
	display:inline;
	/*height: 1em;
	line-height: 1em;*/
}
/* End Images */

/* Begin Lists */

.entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
} 

.entry ul li {
	margin: 0 0 0 10px;
}
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}
.entry ol li {
	margin: 0;
	padding: 0;
}
#content ul {
	padding:0 35px;
	margin:0;
	list-style:square;
	text-indent:0;
} 
#content ul li {
	padding:3px 0;
	margin: 0;
}
#content ol {
	padding: 0 35px 0 35px;
	margin: 0;
	text-indent:0;
}
#content ol li {
	padding-top:5px;
	margin:0;
}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}	
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}
select {
	width: 130px;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}

#commentform #submit {
	margin: 0;
	float: right;
}
	
/* End Form Elements */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
}
.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 Various Tags & Classes */
acronym, abbr, span.caps,.definition {
	cursor: help;
}
acronym, abbr, .definition {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 5px 10px;
	padding: 5px;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center {
	text-align: center;
}
hr {
	display: none;
}
.navigation {
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 1em;
}
/* End Various Tags & Classes */

/* Special Print, Edit Entry and Mail Classes */
.editentry {
	background: transparent url(images/page_edit.png) left no-repeat;
}
.gifprint {
	background: transparent url(images/printer.png) left no-repeat;
}
.gifmail {
	background: transparent url(images/email.png) left no-repeat;
}
.gifgomail {
	background: transparent url(images/mail_go.png) left no-repeat;
}
.gifprint a, .gifmail a, .editentry a {
	margin: 0 0 2px 25px;
}
.skipintro, .skipintro a {
	text-align:center;
}	
/* End Print and Mail Classes */
/* Drop Cap Fun - Differnt Fonts/Sizes/Colors/Font Variants */
.dropgeo {
	float: left;
	font: normal 35pt/0.8em georgia,helvetica, verdana,arial,sans-serif;
	background-color:#000; 
	color: #ff9;
	margin:2px 1px 0 0;
}
.dropquo {
	float: left;
	font: normal 30pt/.8em georgia, helvetica, verdana,arial,sans-serif;
	color: #990000;
	margin: 2px 2px 0 0;
	border: 0;
}
.dropgeopurp {
	float: left;
	font: normal 30pt/0.8em georgia, helvetica, verdana,arial,sans-serif;
	font-variant: small-caps;
	color: #69C;
	margin-right: 3px;
}
.drophel{
	float: left;
	font: normal 30pt/0.8em albertus medium, verdana,arial,sans-serif;
	color: #C90;
	margin-right: 3px;
}
.dropluc{
	float: left;
	font: normal 30pt/0.8em lucida handwriting, verdana,arial,sans-serif;
	color: #F90;
	margin-right: 3px;
}
.dropcom{
	float: left;
	font: normal 28pt/0.8em comic sans ms, verdana,arial,sans-serif;
	color: #039;
	background: #FFF;
	margin-right: 3px;
}
.droptre{
	float: left;
	font: normal 30pt/0.8em trebuchet ms, verdana,arial,sans-serif;
	color: #399;
	margin-right: 3px;
}
/* END DROP CAP FUN */

/* GO TO CONTENT & NAVIGATION */
#topnav {
	width: 760px;
	text-align: right;
	font-size: 1.4em;
	letter-spacing: 0.025em;
	margin: 5px auto 0;
	padding: 0;
}
#bottomnav {
	width: 760px;
	text-align: right;
	font-size: 1.4em;
	letter-spacing: 0.025em;
	margin: 0 auto;
	padding: 0;
}
#topnav ul, #bottomnav ul {
	margin: 0;
	padding: 0;
}
#topnav ul li,#bottomnav ul li {
	display: inline;
	list-style-type: none;
}
#topnav a,#bottomnav a  {
	color:#eee;
	border-bottom: none;
	padding: 0 5px;
}
#topnav a:link,#bottomnav a:link {
	text-decoration: underline;
}
#topnav a:visited,#bottomnav a:visited {
	text-decoration: underline;
}
#topnav a:link:hover,#bottomnav a:link:hover {
	background:#eee;
	color:#000;
	text-decoration: none;
}
#topnav a:visited:hover,#bottomnav a:visited:hover {
	background:#eee;
	color:#000;
	text-decoration: none;
}
#topnav a:link:active,#bottomnav a:link:active {
	text-decoration: none;
}

/* Page Nav */
#pagenav {
	clear:both;
	position: relative;
	width: auto;
	text-align: center;
	font-size: 1.4em;
	letter-spacing: 0.025em;
	margin: 0 0 5px 0;
	padding: 0;
}
#pagenav ul {
	margin: 0;
	padding:0 0 0 0;
}

#pagenav ul li {
	padding: 0 5px;
	display: inline;
	list-style-type: none;
}
#pagenav a {
	border-bottom:none;
	text-decoration:underline;
}
#pagenav a:link {
	border-bottom:none;
}
#pagenav a:visited {
	text-decoration:underline;
}	
#pagenav a:link:hover {
	text-decoration:underline;
}
#pagenav a:visited:hover {
	text-decoration:underline;
}
#pagenav a:link:active {
	text-decoration:underline;
}
/* END GO TO CONTENT & NAVIGATION */

/* False HR Rule to insert background image */
div.hr {display: none}
/*/*/a{}
div.hr {
	clear: both;
	display: block;
	height: 20px;
	background-color: transparent;
	background-image: url("images/hr.gif");
	background-repeat: no-repeat;
	background-position: center center;
	margin: 2em 0;
	padding:0;
}
hr {display:none}
/* */

/* End False HR Rule */	

/* Sidebar Quotes */
#wp_quotes {
	width : 165px;
	margin: 20px auto 10px;
	padding: 0;
	border: 1px solid #096;
	background: #fff;
}
 
#wp_quotes div.wp_quotes_quote {
	padding:10px;
	text-align: center;
	font-size: 10px;
	font-style: italic;
}

#wp_quotes div.wp_quotes_author{
	padding: 0 10px 10px;
	text-align:right;
	font-size:10px;
	font-style: italic;
	margin-top: 5px;
}
.authorsig {
	text-align:right;
	font-style:italic;
}	
/* Breadcrumb Navigation */
.breadcrumb {
	margin:0;
	padding:0;
}

/* Begin Aural Styling */
acronym {
	speak: normal;
}
abbr.initialism {
	speak: spell-out;
}
abbr.truncation {
	speak: normal;
} 
.definition {
	speak: normal;
}

/* Begin Multi-Column List */
#listcontainer {
	height:60px;
	margin:0 auto;
	padding:0;
}	
#content ul.left {
	float: left;
    width: 200px; 
    margin: 0px;
    padding: 0;
    border: 0px none; 
    position: relative;
    left: 55px;
  }
#content ul.right {
    float: right;
    width: 275px; 
    margin: 0px;
    padding: 0;
    border: 0px none; 
}
#content ul.left li {
    list-style-position:outside;
    list-style-type: square;;
}
#content ul.right {
    list-style-position:outside;
     list-style-type: square;
} 
.nospace {
    margin: 0px;
    padding: 0px;
}
/* End Multi-Column List */

/* Other Stuff */
.clear {
	clear:both;
}
.indent {
	padding-left:15px;
}
/* Horizontal Navigation in Header */
#navcontainer {
	position:relative;
	height:30px;
	width:780px;
	margin-bottom:15px;
}
#navlist {
	margin:0 auto;
	padding:0;
	font: bold 20px trebuchet ms,verdana,sans-serif;
	text-align:center;
}
#navlist ul{
	margin:0;
	padding:0;
}
#navlist li {
	line-height:30px;
	list-style: none;
	margin: 0;
	display: inline;
	width:250px;
}
#navlist li a {
	padding: 3px 25px;
	margin-left: 3px;
	background:transparent;
	border:none;
	text-decoration: none;
}
#navlist li a:link { 
	color:#fff;
}
#navlist li a:visited {
	color:#fff;
}
#navlist li a:hover {
	color: #ff0;
	background:transparent;
	border:none;
	text-decoration:underline;
}
#navlist li a#current {
	background:#fff;
	border-bottom: 1px solid white;
}

/*container div for portfolio page */
#portfolio,
#portnav { 
	width:700px;
	margin:10px auto;
	text-align:center;
}
#portfolio img,
#portnav img,
#portnavlist li img {
	background: #fff;
	border:1px solid #999;
	margin:15px;
	padding:2px;
}	
#portfolio a,#portfolio a:hover,
#portnav a,#portnav a:hover {
	border-bottom:none;
	text-decoration:none;
	background:none;
}
#portnavlist {
	width:700px;
	margin:10px auto;
	text-align:center;
}
#portnavlist li {
	list-style: none;
	display: inline;
}
#portnavlist li a {
	border-bottom:none;
	text-decoration: none;
}
#portnavlist li a:hover {
	border-bottom:none;
}


.uptop {
	margin:5px 0;
	padding:0;
	text-align:right;
	font-style:italic;
}
p.uptop a,p.uptop a:hover{
	background: transparent url("images/uptop.png") right no-repeat;
	padding-right:18px;
	border-bottom:none;
}
blockquote {
	padding:20px 40px;
	border: 1px solid #ccc;
	background: /*#e8e8d2*/ url("images/quotes_icon.gif") top left no-repeat;
	text-align:jusify;
}
blockquote p {
	font-family:georgia,"times new roman",times,serif;
	font-style:italic;
	font-size:1.4em;
}
.signature {
	text-align:right;
}	
#pricing {
	clear:both;
	border: 1px solid #ccc;
	padding:5px 10px;
}
#gallogin {
	font-size:1.2em!important;
	font-size:1.2em;
}
.text {
	width:150px;
}