/*
Theme Name: Patrick Bertolino
Theme URI: http://intricateart.com
Version: 1.0
Description: Custom Theme for patrickbertolino.com by <a href="http://intricateart.com">Leanne Wildermuth</a>
Author: Leanne Wildermuth
Author URI: http://intricateart.com
This design is copyright ©intricateart.com and may not be reproduced.
*/


/************************************************
*	BASIC ELEMENTS				*
************************************************/

a img {border: 0px}
abbr, acronym {border-bottom: 1px dashed #808080; cursor: help;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
body, form, h1, h2, h3, h4, ul, ol, p {margin: 0; padding: 0; list-style: none;}
p{margin: 0px;	line-height: 21px;padding: 0px 0px 10px 0px;}
p img{border: none;padding: 0px 5px 15px 0px;	}
img a{border:none;}

img.alignleft {float: left; padding: 10px 15px 10px 0;}
img.alignright {float: right; padding: 10px 0 10px 15px;}


.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.excerpt {padding-left: 3px; padding-bottom: 10px; margin-bottom: 5px;}

.pagenav {clear: both; padding: 0 30px; margin-bottom: 30px;}
.pagenav a:link {color: #fff; font-weight: bold; text-decoration: none;}
.pagenav a:active {color: #fff; font-weight: bold; text-decoration: none;}
.pagenav a:visited {color: #fff; font-weight: bold; text-decoration: none;}
.pagenav a:hover {color:#fff; font-weight: bold; text-decoration: none;}


hr {color: #808080;  background-color: #808080; margin:0; padding:0; }

code, pre {
 font-family: 'Courier New', Courier, mono;
 color: #969696;
 text-decoration: none;
 text-align: left;
}

blockquote {
  text-align: left;
  line-height: 150%;
  padding: 15px 15px 0px 55px;
}

form, img {
 border: 0; 
} 

input, textarea, select { 
 background-color: #fff;
 border: 1px solid #808080;
 color: #000;
 padding: 2px;
}

.submit {
 background-color: #fff;
 color: #000; 
}

.radio {
 border: 0;
} 

h1 {color: #fff; padding: 5px 0 0 0; margin: 0; font-family: helvetica, arial, sans-serif; font-size: 18px;}
h1 a:link, a:active {color: #fff; text-decoration: none;}
h1 a:visited {color: #fff; text-decoration: none;}
h1 a:hover {color:#fff; text-decoration: none;}

h2 {font-family: helvetica, arial, sans-serif; font-size: 16px; color: #fff; padding: 10px 0 0 0;}
h3 {font-family: helvetica, arial, sans-serif; font-size: 14px; color: #fff; padding: 5px 0 10px 0;}

body {
  margin: 0px;
  color: #fff;
  font-family: verdana, 'trebuchet ms', arial, sans-serif;
  font-size: 10px;
  list-style-type: none;
  background: #000 url(img/wrap.jpg) top center repeat-y;
}


/************************************************
*	PRIMARY STRUCTURE			*
************************************************/


#wrap {
 width: 990px;
 margin: 0 auto;
}

#logo{
 margin-left: 10px;
 margin-top: 10px;
 height: 210px;
 width: 230px;
 background: url(img/pblogo.jpg) top center no-repeat;
 float: left;
 display: inline;
}

#logo a{
 display: block;
 width: 230px;
 height: 210px;
 font-size: .01em;
 color: #323232;
 text-align: center;
 text-decoration: none;
}

#head {width: 700px; float: right; display: inline; margin-top: 20px;}


#content {
 float: right;
 width: 700px;
 display: inline;
 text-align: left;
 margin-top: 10px;
}

#side2 {
 height: 120px;
 width: 698px;
 overflow: hidden;
 float: right;
 clear: both;
 display: inline;
 margin-bottom: 10px;
 text-align: center;
}

#side2 ul, #side2 ul li, #side2 ul ul {margin: 0; padding: 0;}

/************************************************
*	DROPDOWN MENU STYLE			*
************************************************/

#menu {
 width: 698px;
 float: right;
 display: inline;
 margin: 10px 0 40px 0;
}

.toplinks {
 background: #000;
 font-size: 10px;
 font-family: verdana,sans-serif;
 font-weight: bold;
}

.suckertreemenu ul{
 padding:0;
 margin:0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
 position: relative;
 display: inline;
 float: left;
 text-align: center;
 border: 1px dotted #5A6B71;
 height: 18px;
}


/*Top level menu link items style*/
.suckertreemenu ul li a{
 color: #fff;
 padding: 3px;
 margin: 0;
 text-decoration: none;
 cursor: pointer;
 display: block;
 text-align: center;
 float: left;
 width: 79px;
}

/* IE \*/
* html .suckertreemenu ul li a { margin: 0;}
/* IE */

/*Top level menu link items style*/
.suckertreemenu ul li a:hover{
 color: #ff0000;
 background: #6F6F6F;
 padding: 3px;
 margin: 0;
 text-decoration: none;
 cursor: pointer;
 display: block;
 text-align: center;
 float: left;
 width: 79px;
}

/* IE \*/
* html .suckertreemenu ul li a:hover { margin: 0;}
/* IE */
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
margin: -1px 0 0 0;
padding: 0;
border: 1px dotted #5A6B71;
background: #6F6F6F;
}


/* IE \*/
* html .suckertreemenu ul li ul { margin: 0;}
/* IE */

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
 display: list-item;
 float: none;
 border: none;
 text-align: left;
 margin: 0;
 padding: 0;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 160px; /* no need to change, as true value set by script */
top: 0;
 text-align: left;

}

/* IE \*/
* html .suckertreemenu ul li ul li ul { width: 160px;}
/* IE */

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
 width: 160px; /*width of sub menu levels*/
 color: #fff;
 background: #6f6f6f;
 padding: 3px;
 margin: 0;
 text-decoration: none;
 border: 1px dotted #5A6B71;
 display: block;
 float: left;
 text-align: left;
}

.suckertreemenu ul li ul li a:hover{
 width: 160px; /*width of sub menu levels*/
 color: #ff0000;
 background: #6f6f6f;
 padding: 3px;
 margin: 0;
 border: 1px dotted #5A6B71;
 text-decoration: none;
 text-align: left;
}




* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


/************************************************
*	POST STYLE      			*
************************************************/

.title {
  padding: 10px 0 0 0; 
}

.post {
 padding: 10px 20px 20px 10px;
 clear: both;
}

.post a:link {color: #ff0000; font-weight: bold; text-decoration: none; }
.post a:active {color: #ff0000; font-weight: bold; text-decoration: none; }
.post a:visited {color: #ff0000; font-weight: bold; text-decoration: none; }
.post a:hover {color: #ff0000; font-weight: bold; text-decoration: underline;
}

.date {
 color: #fff;
 text-align: right;
 margin-bottom: 5px;
}

.post ul {
  margin-left: 50px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.post ul li {
 background-image: url(img/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0 .4em;
 padding-left: 18px;
 margin: 0 30px 5px 5px;
}

.post ol {
  margin-left: 50px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.post ol li {
 list-style-type: decimal;
 padding-left: 2px;
 margin: 0 0 0 5px;
}


.post-meta {
 color: #fff; 
 padding-left: 3px;
 margin-bottom: 25px;
 padding-left: 4px;
 padding-bottom: 25px;
 border-bottom: 1px dotted #5a6b71;
 clear: both;
}

.post-meta a {color: #ff0000; font-weight: bold; text-decoration: none; }
.post-meta a:hover {color: #ff0000; font-weight: bold; text-decoration: underline;}





/************************************************

*	SIDEBAR          			*
************************************************/


#side {
 padding: 10px;
 float: left;
 width: 230px;
 overflow: hidden;
}


#side .menu {
 list-style-type: none; 
 display: block;
 overflow: hidden;

}

#side .menu h2 {
 text-align: left;
 padding-top: 10px;
 padding-bottom: 2px;
 font-size: 16px;
 color: #999;
}

#side .menu ul, #side .menu ul ul {
 margin:0;
  padding:4px 3px 20px 3px;
 list-style: none;
}


#side .menu ul li {
 margin: 0;
 border-bottom: 1px solid #383838;
 line-height: 140%;
 padding-bottom: 2px;
  margin-left: 6px;
  margin-right: 6px;
}

#side .menu ul.children {
  padding: 0px;
}

#side .menu ul li li {
  border-bottom: none;
  line-height: 18px;
  padding: 0 3px 5px 8px; 
}


#side .textwidget {padding:4px 3px 5px 3px; list-style: none;}
ul.menu li#tag_cloud  {padding:10px 3px 5px 3px; list-style: none;}


#side .menu a:link {color: #999; font-weight: normal; text-decoration: none;}
#side .menu a:active {color: #999; font-weight: normal; text-decoration: none;}
#side .menu a:visited {color: #999; font-weight: normal; text-decoration: none;}
#side .menu a:hover {color: #FF0000; font-weight: normal; text-decoration: none;}





/************************************************
*	FOOTER STYLE      			*
************************************************/

#footer {
clear: both;
}

.footer-text {
 padding-left: 300px;
 text-align: left;
  color: #fff;
 padding-bottom: 20px;
}

.footer-text a:link {color: #6F6F6F; font-weight: bold; text-decoration: none; }
.footer-text a:active {color: #6F6F6F; font-weight: bold; text-decoration: none; }
.footer-text a:visited {color: #6F6F6F; font-weight: bold; text-decoration: none; }
.footer-text a:hover {color: #ff0000; font-weight: bold; text-decoration: underline;
}


/************************************************
*	COMMENTS				*
************************************************/
	
#comment-container {
  overflow: hidden;
  overflow: hidden;
  padding: 10px 10px 2px 10px;
  line-height: 170%;
  margin-bottom: 20px;
}

#comment-container a:link {color: #ff0000; font-weight: bold; text-decoration: none;}
#comment-container a:active {color: #ff0000; font-weight: bold; text-decoration: none;}
#comment-container a:visited {color: #ff0000; font-weight: bold; text-decoration: none;}
#comment-container a:hover {color:#ff0000; font-weight: bold; text-decoration: none;}


#comment-container textarea {
  width: 90%;
  margin-bottom: 5px;
}

#comment-container input, select {
  margin-bottom: 5px;
}

.align {
  margin-bottom: 20px;
}

.comment-list {
 margin: 20px 0 20px 0;
}

.comment-form {
  margin-top: 10px;
  padding: 10px;
}

.comment-container {
 margin: 5px 0 15px 0;
 padding: 5px;
}

.comment-num {
 float: left;
 font-size: 14px;
 margin-top: 0;
 padding-right: 5px;
 color: #919191;
}

.comment-meta {
 font-size: 11px;
 color: #fff;
 overflow: hidden;
 padding-right: 10px;
padding-left: 16px;

}

.comment-text {
 padding-left: 10px;
 padding-top: 7px;
 margin-left: 15px;
 padding-bottom: 15px;
 overflow: hidden;
}