/*  
Theme Name: Infinity
Theme URI: http://www.celebrana.com/phoenixtearz/
Description: This theme features my favorite colors--purple, aqua, and blue--and black and white, my favorite complementary colors. My original inspiration for this theme was the Mac OS X Leopard dashboard/desktop scheme--clean lines, glowing colors, glassy effects, and smooth buttons. 
Version: 2.1
Author: McKenna
Author URI: http://www.celebrana.com/phoenixtearz/
*/



/* Basics */

a#logo {
position: fixed;
bottom: 2px;
left: 2px;
display: block;
height: 150px;
width: 160px;
background: url(images/PTLOGOsmall.png) bottom left no-repeat;
text-indent: -999em;
text-decoration: none;
}

body {
font-size : 10pt;
font-family : "Arial", Lucida Grande, Verdana, Arial, Sans-Serif;
color : #CCCCCC;
line-height : 1.5em;
background-image : url(http://www.celebrana.com/phoenixtearz/wordpress/wp-content/themes/infinity/images/bg.jpg);
background-repeat : repeat-y;
background-color : black;
}

a:link, a:active, a:visited {
font-size : 10pt;
font-family : "Arial", Verdana, Sans-Serif;
color : #e5d5f2;
text-decoration : underline;
font-weight : bold;
}

a:hover {
color : #b199d5;
text-decoration : none;
font-weight : bold;
}

select {
background-color : black;
font-size : 8pt; 
color : #ffffff;
}

input, submit, textarea { 
font-size : 9pt;
font-family : "Courier New",courier;
}

#searchform input, #searchform textarea {
padding : 5px 1px 5px 1px;
}

#s {
background-color : #2c2a2b;
border : 1px solid #333333;
color : #999999;
}

#searchsubmit input, #searchsubmit submit {
border : none;
display : inline;
}


blockquote {
background-image: url(http://www.celebrana.com/phoenixtearz/wordpress/wp-content/themes/infinity/images/commentbg.jpg)
font-family : "Arial Narrow", "Courier New", Courier;
font-size : 10pt;
color : white;
line-height : 16px;
font-weight : normal;
border-top : 1px solid #2d2b2c;
border-bottom : 1px solid #2d2b2c;
border-right : none;
border-left : none;
}

hr {
color : white;
}

h2.storytitle {
text-align : center;
color : #c4c4c4;
font-family : "Trajan Pro", Verdana, Arial, Sans-Serif;
font-size : 21pt;
line-height : 21pt;
font-weight : bold;
text-decoration : none;
}

h2.storytitle a {
text-align: center;
color: #c4c4c4;
font-family: "Trajan Pro", Verdana, Arial, Sans-Serif;
font-size: 21pt;
line-height : 21pt;
font-weight : bold;
text-decoration : none;
}

h2.storytitle a:hover {
text-align: center;
color: #FFFFFF;
font-family: "Trajan Pro", Verdana, Arial, Sans-Serif;
font-size: 21pt;
line-height : 21pt;
background: none;
font-weight : bold;
text-decoration : none;
}

h2.widgettitle {
text-align : center;
color : #5d5d5d;
font-family : "Trajan Pro", "Arial Narrow", Arial;
font-size : 16pt;
font-weight : normal;
text-decoration : none;
border-bottom : 5px solid #2c2a2b;
}

h2.comment a {
text-align : center;
color : #999999;
border-bottom : 2px solid #666666;
padding : 10px;
}

h2.comment a:hover {
text-align : center;
color : white;
border-bottom : #999999;
padding : 10px;
}

h1 {
color : white;
text-decoration : none;
border-bottom : 3px solid #333333;
margin : 20px 0 0;
font-weight : normal;
font-family : "Trajan Pro", Trajan, Lucida Grande, Arial;
}

h2 {
color : #666666;
text-decoration : none;
border : none;
margin : 30px 0 0;
}

h2 a {
color : #666666;
text-decoration : none;
margin : 30px 0 0;
}

h2 a:hover {
color : #444444;
text-decoration : none;
margin : 30px 0 0;
}

h3 {
color : #ffffff;
text-decoration : none;
background-color : #333333;
}

small {
font-family : Arial, Verdana, Tahoma;
font-size : 8pt;
}

small a:link {
font-family : Arial, Verdana, Tahoma;
font-size : 8pt;
color : #666666;
}

small a:hover {
font-family : Arial, Verdana, Tahoma;
font-size : 8pt;
color : #555555;
}

small.name {
background-color : #444444;
padding : 4px;
float : left;
}

li {
list-style-image : url(images/bullet.png);
}


a.aff {
font-family : "Courier New", Courier;
font-size : 9pt;
color : black;
text-decoration : none;
font-weight : normal;
padding : 2px;
}

a:hover.aff {
font-family : "Courier New", Courier;
font-size : 9pt;
color : #2e2c2d;
text-decoration : none;
padding : 2px;
background : url(images/commentbg.jpg);
}

a.list {
font-family : "Lucida Grande", Arial;
font-size : 10pt;
color : #999999;
background : #000000;
text-decoration : none;
line-height : 10px;
text-align : left;
padding : 5px;
display : block;
border : 1px solid #0F0F0F;
}

a:hover.list {
font-family : "Lucida Grande", Arial;
font-size : 10pt;
color : #000000;
text-decoration : none;
line-height : 10px;
text-align : left;
padding : 5px;
display : block;
border : 1px solid #333333;
background-image : url(images/listbg.jpg);
}

.rc {
padding : 2px;
font-family : "Courier New", Courier;
font-size : 9pt;
border-bottom : 1px solid #1d1d1d;
}

.rc:hover {
background-color : black;
border-bottom : 1px solid #cccccc;
} 

/* Divs */

#header {
position : absolute;
white-space : pre;
line-height : 0px;
top : 0px;
left : 0px;
}

#nav {
position : absolute;
top : 0px;
left : 23px;
background-image : url(http://www.celebrana.com/phoenixtearz/wordpress/wp-content/themes/infinity/images/navbg.jpg);
background-color : black;
background-position : bottom;
background-repeat : repeat-x;
margin : 0px auto 0px auto;
text-align : center;
height : inherit;
width : 1000px;
}

.head1 {
position : absolute;
top : 141px;
left : 23px;
}

.head2 {
position : absolute;
top : 243px;
left : 23px;
}

.head3 {
position : absolute;
top : 141px;
left : 257px;
}

.head4 {
position : absolute;
top : 340px;
left : 23px;
}


#content { 
position : absolute;
width : 530px;
top : 380px;
left : 123px;
padding : 5px;
}


#sidebar {
position : absolute;
width : 180px;
top : 30px; 
left : 600px;
padding : 5px;
}

#footer {
width : 580px;
height : 380px;
background-image : url(images/footerimg.jpg)
}

#innerfooter {
text-align : center;
width : 550px;
height : 350px;
margin-top : 40px;
margin-bottom : 5px;
margin-right : 10px;
margin-left : 10px;
}

.date {
background-color : #333333;
float : right;
padding : 4px;
}

.day {
font-size : 8pt;
font-family : Arial, "Arial Narrow";
text-align : center;
color : white;
float : right;
}

.month {
font-size : 8pt;
text-align : center;
}

.large { 
text-align : left;
font-size : 20pt;
}

.small { 
text-align : center;
font-size : 12pt;
background : #333333;
}

.container {
border-right: 2px solid white;
margin-bottom: 1em;
width: 200px;
background: transparent;
float:right;
padding-right:5px;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}

.quotelight {
background-image : url(images/lightquotebg.jpg);
background-position : top left;
background-repeat : no-repeat;
background-color : #555555;
padding : 8px;
color : #000000;
font-size : 9pt;
border : 1px solid #333333;
}

.quotedark {
background-image : url(images/darkquotebg.jpg);
background-position : top left;
background-repeat : no-repeat;
background-color : #333333;
padding : 8px;
color : #ffffff;
font-size : 9pt;
border : 1px solid #555555;
}


/* Comments */

.postmetadata {
background-image : url(images/postbg.jpg);
background-position : top;
background-repeat : no-repeat;
background-color : black;
padding : 3px;
border : 1px solid #113033;
color : #1fc0c1;
}

.plug {
text-align : center;
font-size : 8pt;
padding : 3px;
background-color : black;
border : 1px solid #1d1d1d;
}

.plug:hover {
text-align : center;
font-size : 8pt;
color : white;
padding : 3px;
background-color : black;
border : 1px solid #666666;
}


.alt {
background-image : url(images/blockquotebg.jpg);
background-position : bottom right;
background-repeat : no-repeat;
background-color : #000000;
margin : 0;
border : 1px solid #333333;
}

.alt2 {
background-image : url(images/postbg.jpg);
background-position : top;
background-repeat : no-repeat;
background-color : #000000;
margin : 0;
border : 1px solid #113033;
}

.comlink a {
text-align : center;
font-size : 20pt;
padding : 3px;
background-color : black;
border : 1px solid #1d1d1d;
}

.comlink a:hover {
text-align : center;
font-size : 20pt;
color : white;
padding : 3px;
background-color : black;
border : 1px solid #666666;
}

#commentform input, #commentform textarea {
background-color : #2c2a2b;
border : 1px solid #333333;
color : #999999;
}

.commentlist cite, .commentlist cite a {
font-weight : normal;
font-style : normal;
font-size : 1.1em;
}

.commentlist li {
font-family : "Courier New", Courier;
font-size : 9pt;
color : white;
}

.commentlist li {
font-weight : normal;
}

.commentlist p {
font-weight : normal;
line-height : 1.5em;
}

#commentform p {
font-family : "Courier New", Courier;
}

.commentmetadata {
font-weight : normal;
}

.commentlist {
padding : 5px;
text-align : justify;
background : #000000;
}

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

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

#commentform p {
margin : 5px 0;
}

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

.commentmetadata {
margin : 0;
display : block;
padding : 5px;
}


#commentnumber {
float: right;
font-size: 10pt;
font-family: "Century Gothic",georgia,century;
color: #999999;
}

#commenttext {
padding : 5px;
}

.comauthor {
background-color : #000000;
border-top : none;
border-bottom : 1px solid #2d2b2c;
border-right : none;
border-left : none;
}



/* Position Tags */ 

.center {
text-align : center;
margin : 0px auto 0px auto;
}

.right {
float : right;
}

.left {
float : left;
}

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;
padding : 4px;
}

.alignleft {
float : left;
padding : 4px;
}


.affright {
float : right;
padding : 4px; 
width : 100px;
height : 200px;
}

.affleft {
float : left;
padding : 4px;
width : 100px;
height : 200px;
}

.affcenter {
margin : 0px auto 0px auto;
padding : 4px;
width : 100px;
height : 200px;
}


/*Icon Div with Rounded Corners*/

.pad {
padding : 5px;
}

.box {
width : 450px;
background : #323232;
}

.icons {
float : none;
padding : 20px 20px 0px 20px;
text-align : center;
}

.top-left{
width: 19px;
height: 16px;
background: url(images/topleft.jpg) top left no-repeat;
float:left;
}

.top-right{
width: 22px;
height: 22px;
background: url(images/topright.jpg) top right no-repeat;
float:right;
}

.bottom-left{
width: 22px;
height: 16px;
background: url(images/bottomleft.jpg) bottom left no-repeat;
}

.bottom-right{
width: 22px;
height: 21px;
background: url(images/bottomright.jpg) bottom right no-repeat;
float:right;
margin-top:-21px;
}


/* Pet Page Style */

a.pet {
border : 3px solid #b5b4b4;
padding : 3px;
}

a:hover.pet {
border : 3px solid #dadada;
padding : 3px;
}

/* 

  Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim 

  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM

  Anchors or link elements have not been included, but everything else is :-)

*/



/* form and results heading size */

.main_formhead, .formhead { 

  font-size : 1em; 

  color : #000000; 

}



/* outer fieldset - it's common to make this border : 0; */

fieldset#formwrap { 

  border : 0px; 

}



/* section fieldsets - it's common to make this border : 0; */

fieldset { 

  border : 1px dotted white; 

}



/* form legends and dt "heading" */

legend, dt { 

  font-weight : bold; 

  color : white;

}



/* main legend at top of the form */

legend#mainlegend { 

  font-size : 1.2em;

  color : #999999; 

}



/* form label text */

label { 

  color : white;

}


/* error heading weight and color - bold is for the error reason text */

span.error, dt.error, strong.error { 

  color : red; 

  font-weight : bold; 

}



/* success heading color */

span.success { 

  color : white; 

  font-weight : bold; 

}






/* the link back to me for form credit */

p.creditline { 

  float : right; 

  margin : -17px 0; 

  padding-bottom : 1px; 

  font-size : 80%; 

}



/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */

abbr, .abbr { 

  cursor : help; 

  border-bottom : 1px dotted #999;

}



/* set result color for blockquote dt "heading" */

dl#result_dl_blockq dt, dl.result_dl_blockq dt {

  color : white;

}



/* position result blockquote flush with parent */

dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {

  margin-left : 0;

}



/* style the input names in the result */

div#hf_form_div span.items {

  font-weight : bold;

  color : #CCCCCC;
}


/*Facebox Styles*/

#facebox .b {
  background:url(images/b.png);
}

#facebox .tl {
  background:url(images/tl.png);
}

#facebox .tr {
  background:url(images/tr.png);
}

#facebox .bl {
  background:url(images/bl.png);
}

#facebox .br {
  background:url(images/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #000000;
  width: inherit;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}



/*End CSS*/