/*
Theme Name:		TYGEREYE.NET (LAM)
Theme URI:		http://www.findcreditcards.org/pressrow/
Description:	An awesome theme developed for <a href="http://www.findcreditcards.org/">FindCreditCards</a> by the digitally-famous <a href="http://www.pearsonified.com/">Chris Pearson</a>.
Version:		0.1
Author:			LIGHTAMATCH.COM
Author URI:		http://www.pearsonified.com/
*/

html, body {height: 101%;}
body { background: #f0f0f0 url(images/bg01.png) repeat-x; color: #444; font: 62.5% verdana, Georgia, "Times New Roman", Times, serif; }
* { padding: 0; margin: 0; }

/*---:[ global elements ]:---*/
a { color: #990000; text-decoration: underline; }
a:visited { color: #990000; text-decoration: underline; }
a:hover { color: #666; text-decoration: underline; }
p { margin: 0 0 15px 0; }
blockquote { padding: 5px 10px 0 10px; margin: 0 0 15px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #f5f5f5; color: #666; }
blockquote p { margin-bottom: 7px; }
code { color: #090; font-family: "Courier New", Courier, monospace; }
pre { width: 500px; margin-bottom: 15px; font-size: 1.2em; float: left; }
* html pre { font-size: 1.0em; overflow: hidden; }
#thumb1 {border: 0;float:left; padding: 0px; margin:0px; position:relative; display:none /*block*/; }/* This adds a padding on the front page... ni _2 on ID tag*/


/*--- CORE ELEMENTS -------------------------------------- */
#container { width: 980px; margin: 0 auto; }
#container .blog { background:#FFF url(images/bg_container.png) repeat-y top center;}
#page {  float: left;}
#header {margin-bottom: 0px; float: left; background: #000; padding: 10px 0px 0px 0px; height: 30px;width: 980px;}
#content_box { padding-bottom: 5px; margin:0; text-align: left; float: left; overflow:hidden;}
#content-main { width: 500px; padding: 0px 19px;  overflow: visible; float: left; background: #FFF;  border-right: 1px solid #000;border-left: 1px solid #000;}
#content { width: 720px;height: 101%; padding:0;overflow: hidden;   background:#FFF; margin:0px; border-left: 0px solid #333;} /**/
* html #content { overflow: hidden; }
#sidebar { width: 240px; color: #222; font-size: 1.2em; line-height: 1.5em; float: left; margin: 0px; padding:0px; z-index:999; } /**/

#sidebar-right{ width: 200px; color: #222; font-size: 1.2em; line-height: 1.5em; float: left; clear:right; background:url(images/bg_sidebar_right.png) no-repeat top left; padding:0px;} /**/

* html #sidebar { overflow: hidden; }

#footer { width: 980px; /*height:200px; */padding-top: 8px; border-top: 4px solid #222;  text-transform: uppercase; letter-spacing: .15em; float: left; clear: both; background:#000; color: #b8af8b;}
#logo { width:240px;  height: 300px; background: url(images/bg_logo_left.png) no-repeat top right; float:left;border-top: 2px solid #222; margin:-2px 0 0px 0; position:relative;}
#searctop{ float:right; margin:0px 10px 0px 0 ; padding:0px; height:40px;}
#pic { width: 720px; float: right;  margin: 0px; padding:20px 0px 0px 20px; background: #000; }
#mainquote {margin:10px 0 0 0px; padding:5px 0; font: italic normal normal 17px "Trebuchet MS",Georgia, "Times New Roman", Times, serif; color:#eee;letter-spacing: 0px; border-bottom: 0px; text-align:center;  }

/* MAINMENU -------------------------------------- */
#example  {margin:0px 0px 0px 230px; width:auto; padding:0;}
#menu li { float: left; display: block; font-size: 14px; margin-left:20px; }
#menu li a { padding:3px 10px;position:relative; display: block;font-weight: bold;color:#f9bc43; text-decoration:none;}
#menu li a:hover, #menu li a.active { color: white; background: #ae0000 url(images/menu_rollover.gif) no-repeat;text-decoration:none;}
#menu li ul { left : -999em; position : absolute; z-index:99999}
#menu li ul li { float : none; margin:0px; text-align:left; }
#menu li ul a {padding:5px 10px; margin:0px; background : #000;border-bottom : 1px solid #FFF; font-weight : normal; text-decorat ion:none; } 
#menu li ul a:hover {background: #990000;  margin:0px;color: #FFF; text-decoration:none;}
#menu li :hover ul, #menu li.sfhover ul {left: auto; border-top: 7px solid #000;}
ul#menu li a span {display:none; /* this hides the image in the code*/}
ul#menu  li a:hover span, ul#menu  li a.active  span {display:inline;position:absolute;right:-1px;top:0px;}
ul#menu  li  a span img{border:0;}
* html  #menu li ul {display:none;}

/*---:[ headlines ]:---*/
h1 { font-weight: bold; font-size: 4.0em; line-height: 1.8em; display:none; }  /*  */
#header h1 { text-align: right; }
h1 a, h1 a:visited, h1 a:hover { color: #222; text-decoration: none; }
h2 { font: normal 1.5em "Trebuchet MS", Georgia, "Times New Roman"; }
.post h2 { color: #333; line-height: normal; padding: 10px 0 3px 0; margin-bottom: 1px; border-bottom: 1px solid #999; text-align:left; }
#pagetitlebox {font: normal bold 2em "Trebuchet MS", Georgia, "Times New Roman";text-decoration: none;color: #333; padding: 40px;}
h2.pagetitle {font: normal 2.2em "Trebuchet MS", Georgia, "Times New Roman";text-decoration: none;
color: #333; line-height: normal; padding: 40px 20px 5px 0px; margin:0px -0 20px 0px; border-bottom: 0px solid #000;background: #FFF /*#cacaca url(images/pagetitle_bg.png) top no-repeat*/; text-align:left;}  
h2.pagetitle p {font: normal 10px Arial, Helvetica, sans-serif; padding: 4px;  margin:0; color: #333; float:left;}  
.post h2 a { color: #333; text-decoration: none; }
.post h2 a:visited { color: #333; text-decoration: none; }
.post h2 a:hover { color: #990000; text-decoration: none; }
#sidebar h2, #sidebar-right h2  { color: #999; padding-left:10px; }
h2.archive_head { font-size: 2.4em; padding: 4px 4px 4px 32px; background: #f5f5f5 url('images/icon_folder.gif') 5px 50% no-repeat; border-bottom: 1px solid #bbb; margin-bottom: 30px; }
h2.comment_head { padding-left: 24px; line-height: 2.0em; background: url('images/icon_comment.gif') 0 50% no-repeat; color: #999; }
h2.form_head { color: #999; }
h3 { font-weight: normal; font-size: 1.5em; margin-bottom: 4px; color: #999;}
.post h4 {font: normal bold .8em Arial, Helvetica, sans-serif; padding: 2px; margin-bottom: 11px; color: #333;  text-align:left;display: block;}


/*---ARTIST / CLIENT PAGE
-------------------------------------- */
h2#artistname{font: normal bold 2.1em "Arial Black", Arial, Helvetica, sans-serif;  display:block; background:#fff; color: #333; padding: 3px; margin: 15px 0 5px 0; border:0; }
#clientlist  ul { list-style-type: none; }
#clientlist  ul li h2{ list-style-type: none; margin: 0; padding: 0px; font: normal 1.5em "Trebuchet MS", Georgia, "Times New Roman";line-height: normal;border-bottom: 0px solid #000; }
#clientlist  li h2 a:link, 
#clientlist li h2 a:active, 
#clientlist li h2 a:visited { line-height: 150%; text-decoration: none;display: block; border-bottom: 1px dotted #333; background: url(images/li-grey.gif) no-repeat 0 50%;padding: 3px 3px 3px 20px; letter-spacing: 0.04em; }
#clientlist li h2 a:hover {color: #990000; background:#f1f1f1;}
#pastclientlist {margin:20px -20px; padding-right:25px;  text-align:right;}
#pastclientlistnav {text-align:center;}
#pastclientlistnav select{margin:20px 0px; text-align:left; width:200px;}
h4#artistdate { display:  none /*inline*/; font-weight: normal; padding: 2px; line-height: 1.0em; font-size: .8em; text-transform: uppercase; background: #f5f5f5; float:right; }



/*---:[ header styles ]:---*/
.blog #nav li a.blog, 
.blog #nav li a.blog:visited, 
.archive #nav li a.archives, 
.archive #nav li a.archives:visited, 
.about #nav li a.about, 
.about #nav li a.about:visited { background: #FFF; color: #222; cursor: default; }

/*---:[ content styles ]:
-------------------------------------- */

.post { margin-bottom: 10px;  padding-bottom: 20px; font-size: 1.2em; line-height: 1.7em; color: #444; 
float: left; border-bottom:5px solid #EEE; width:100%; }

.entry ul, .entry ol { margin: 0 0 15px 40px; color: #000; }
.entry ul { list-style-type: square; }
.entry li { padding: 3px 0; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0 0 0 30px; }
.entry dl { margin-bottom: 15px; }
.entry dt { font-weight: bold; color: #000; }
.entry dd { margin: 0 0 0 20px; font-style: italic; }
.entry img.left { padding: 6px; margin: 0 10px 5px 0; background: #f5f5f5; border: 1px solid #bbb; float: left; }
.entry img.left_off { margin: 0 10px 5px 0; float: left; }
.entry img.right { padding: 6px; margin: 0 0 5px 10px; background: #f5f5f5; border: 1px solid #bbb; float: right; }
.entry img.right_off { margin: 0 0 5px 10px; float: right; }
.entry img.center { display: block; padding: 6px; margin: 0 auto 15px auto; background: #f5f5f5; border: 1px solid #bbb; }
.entry img.center_off { display: block; margin: 0 auto 15px auto; }
.entry a img { border:0px; }
.post_meta {   padding: 2px 0px; border-top: 1px dotted #bbb;  line-height: normal; float: left; display: none; }
p.num_comments { margin-bottom: 0; line-height: 1.6em;  float: right; }
p.tagged { margin-bottom: 0; line-height: 1.6em; float: left; }
.navigation { width: 480px; padding: 10px; margin-bottom: 30px; font-size: 1.4em; line-height: 1.7em; background: #f5f5f5; float: left; }
.previous { padding-left: 27px; margin-bottom: 0; background: url('images/icon_previous.gif') 0 50% no-repeat; float: left; }
.next { padding-right: 27px; margin-bottom: 0; background: url('images/icon_next.gif') 100% 50% no-repeat; float: right; }
.jump { padding: 4px 6px 4px 33px; margin: 0 0 10px 10px; background: #f5f5f5 url('images/icon_down.gif') 6px 50% no-repeat; float: right; clear: both; display:none; }
* html .navigation { line-height: normal; }

/*---:[ sidebar styles ]:

------------------------------------- */
#sidebar ul { list-style: none;  }
#sidebar-right ul { list-style: none;  }
#sidebar ul li { width: 240px; margin-bottom: 25px; float: left;}
#sidebar-right ul li { width: 200px; margin-bottom: 25px; float: left;}
.sidebar_section {padding: 10px; float: left; } /*   We can add a BG colour to the li's */
.sidebar_section p { padding: 0 10px; margin-bottom: 10px; }
.sidebar_section p.center { text-align: center; }
.sidebar_section img.off { border: none; }
.sidebar_section ul li {padding: 0px;}
#sidebar ul li ul, #sidebar ul li ol { list-style: square; width: 210px; padding-left: 40px; margin-bottom: 12px; } 
#sidebar-right ul li ul, #sidebar ul li ol { list-style: none; width: 180px; padding-left: 20px; margin-bottom: 12px; } 
#sidebar ul li ul li, #sidebar ul li ol li { width: 210px; padding: 3px 10px 3px 0; margin-bottom: 0; background:#ff0000; display:block;  }/*   We can add a BG colour to the li's */
#sidebar-right ul li ul li, #sidebar ul li ol li { width: 150px; padding: 3px 10px 3px 0; margin-bottom: 0; }/*   We can add a BG colour to the li's */
.quick_date { padding-left: 10px; color: #999; }
#artist_nav ul {list-style-type: none;margin-left:15px; margin-bottom:45px;  }
#artist_nav ul li {color: #444; border-bottom: 1px dotted #ccc; padding: 0px; margin: 0px;width: 220px; text-align:left; }
#artist_nav ul li h3 a {color: #222;text-decoration: none;  padding: 5px 0 0 15px; margin: 0;display:block; background: url(images/arrow01.gif) no-repeat 0 50%;}
#artist_nav ul li h3 a:hover  {color: #990000; }

/*---:[ footer styles ]:---*/
#footer p { text-align: center; font: 12px Arial, Sans-Serif; }
#footer a, #footer a:visited { color: #888; text-decoration: none; }
#footer a:hover { color: #888; text-decoration: none; }

/*---:[ comment styles ]:---*/
#comments { width: 500px; font-size: 1.4em; line-height: 1.7em; color: #444; float: left; clear: both; }
ul.comment_list { list-style: none; margin-bottom: 40px; border-top: 1px dotted #bbb; float: left; }
ul.comment_list li, ul.comment_list li.alt, ul.comment_list li.author_comment_, ul.comment_list li.author_comment_alt { width: 480px; padding: 15px 10px 5px 10px; border-bottom: 1px dotted #bbb; float: left; }
ul.comment_list li.alt, ul.comment_list li.author_comment_alt { background: #f5f5f5; }
.comment_intro { width: 480px; margin-bottom: 15px; line-height: normal; float: left; }
* html .comment_intro { margin-bottom: 0; }
.author_comment_ .comment_intro { width: 453px; padding-left: 27px; background: url('images/icon_author.gif') 0 50% no-repeat; }
.author_comment_alt .comment_intro { width: 453px; padding-left: 27px; background: url('images/icon_author_alt.gif') 0 50% no-repeat; }
img.gravatar { float: right; margin: 0 0 10px 10px; }
.comment_author { font-weight: bold; font-size: 1.2em; }
.comment_meta { font-size: .9em; }
.comment_meta a, .comment_meta a:visited, .comment_meta a:hover { color: #999; text-decoration: none; }
#comments .entry { clear: both; }
#comments .entry ul, #comments .entry ol { margin: 0 0 15px 40px; color: #000; border: none; float: none; }
#comments .entry ul { list-style-type: square; }
#comments .entry li { width: auto; padding: 3px 0; border: none; float: none; }
#comments .entry ul li ul, #comments .entry ul li ol, #comments .entry ol li ul, #comments .entry ol li ol { margin: 0 0 0 30px; }

/*---:[ comment form styles ]:
-------------------------------------- */
#comment_form { width: 500px; padding: 10px 0; float: left; }
#comment_form p { padding: 6px 0; margin-bottom: 0; }
#comment_form label { padding-left: 10px; font-size: .9em; }
#comment_form .text_input { width: 40%; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
#comment_form .text_area { width: 95%; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
#comment_form .text_input:focus, #comment_form .text_area:focus { border-top: 2px solid #444; border-left: 2px solid #444; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }



/*#search{width:300px;text-align:right;margin-bottom:20px}*/
#searchform input{padding:3px}
#searchbox{width:200px;color:#555;font-size:13px;letter-spacing:.02em;border:0px;background:#eee;height:19px; -moz-border-radius: 3px;-webkit-border-radius: 3px;margin:0; padding:0}
#searchbox:hover{background:#fff}
.submitbutton{cursor:pointer;background:#333;color:#FFF;font-size:13px;vertical-align:top;border:0;height:24px;margin:0;padding:3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.submitbutton:hover{background:#900}




/* Begin Form Elements 
---------------------------
#searchform {margin: 0px auto;	padding: 10px 3px;	text-align: center;}
#sidebar #searchform #s {	width: 160px;	padding: 2px;} 
#sidebar #searchsubmit {padding: 1px;}*/
.entry form { /* This is mainly for password protected posts, makes them look better. */	text-align:center;}

/* INDIVIDUAL Artist PAGE 
//////////////////////////
//////////////////////////
//////////////////////////  */
#artistmain {width:700px; height:286px; margin-bottom:20px; background: #000;}
#artistmainsquare {min-width:455px; width:100%; height:400px; margin-bottom:20px; background: transparent; float:left; display:block;}
.toppic{display:none;}
#bio { width:465px; padding:0px 7px 0 0;float:left; border-right: 3px solid #EEE; margin-right:220px; overflow: visible; }
#rest {	width:220px;/*	width:255px;*/float: right;padding: 0 0 0 0px;font-size: 0.9em; line-height: 1.0em; margin-left:0px; overflow:hidden;background: #FFF; min-height:200px; margin-right:-240px; position:relative;z-index:1;}

/*   NEW right side bar  ////////////////////////////////////////////////////////////////  */
#rest .header,  .header{font: normal bold 14px Verdana, Arial, Helvetica, sans-serif;color:#FFF; display:block;  background:#222; padding: 5px 0 5px 5px; margin: 10px 0 0px 0; border-bottom:0px solid #CCC;}
#rest ul {margin: 0; padding: 5px; list-style: none; text-transform: normal; }
#rest ul li {  background: url(images/arrow01.gif) no-repeat left 50%;  padding-left: 10px; margin-bottom: 0px; }
#rest ol {margin: 0; padding: 0px;  text-transform: normal; }
#rest ol li {margin-left: 25px;  text-transform: normal; padding:0px 0 1px 0 ;   } 
#rest img {background-color: #FFF;padding: 5px;border: 1px solid #999; width: 200px; margin:5px 0;}
#rest div img {padding: 0px;border: 1px solid #eee;}
#rest a {font: 1.0em verdana, Arial, Helvetica, sans-serif; }
/*   end of NEW   ////////////////////////////////////////////////////////////////  */

.secondary-post-bg{ background: #222 url(images/tygereye_thumbnail.png) no-repeat center center; display: block; width: 100px; height: 100px; overflow: hidden; margin: 0 10px 10px 0;float: left; }
.secondary-post-bg a img {display: block; position: relative;   padding:0px; border:0;width: 100px; height: 100px;}
.secondary-post-bg a, .secondary-post-bg a:hover {background: transparent;display:block; position: relative; border: 0; width: 100px; height: 100px; } 

/*   ADSENSE  ////////////////////////////////////////////////////////////////  */
.adsense468x60 {margin:10px 0;}

/*   PLUGINS  ////////////////////////////////////////////////////////////////  */

/* new calendar*/
#calendar_wrap{ padding-left:10px;}
#wp-calendar th { background:#000!important;}
#wp-calendar td{ border:0px solid !important;}
#wp-calendar caption {  border:0px solid !important;}
#wp-calendar .padday {background-color: transparent!important;}

div.sociable{ clear:both;}






#banner_container{width:700px;height:285px;background:#fff;position:relative;z-index:0;margin:0;padding:0}
#slides{position:absolute;z-index:100}
.slides_container{width:700px;overflow:hidden;position:relative;display:none}
.slides_container div.slide{width:700px;height:285px;display:block}
#slides .next,#slides .prev{position:absolute;top:107px;left:10px;width:50px;height:50px;display:block;z-index:101}
#slides .next{left:640px; background-image:none}
.pagination{width:180px;margin:10px auto; display:none}
.pagination li{float:left;list-style:none;margin:0 1px}
.pagination li a{display:block;width:12px;height:0;padding-top:12px;background-image:url(images/pagination.png);background-position:0 0;float:left;overflow:hidden}
.pagination li.current a{background-position:0 -12px}
.caption{z-index:500;position:absolute;bottom:-35px;left:0;height:30px;background:rgba(0,0,0,.5);width:660px;font-size:18px;line-height:18px;color:#fff; text-align:left;padding:5px 20px}
.caption a{ color:#FFF; text-decoration:none;}



#social-media { float:right; padding-top:0px; margin:0; line-height:24px; font-size:12px; }
#social-media a{float:right; margin-left:5px; width:24px; height:24px; overflow:hidden; text-indent:9999em;}
#social-media a.facebook{ background:url(images/social-icons.png) -24px 0 no-repeat;}
#social-media a.facebook:hover{ background:url(images/social-icons.png) -24px 100% no-repeat;}
#social-media a.twitter{ background:url(images/social-icons.png) -48px 0 no-repeat;}
#social-media a.twitter:hover{ background:url(images/social-icons.png) -48px 100% no-repeat;}

