/*
Theme Name: Guitar2009
Theme URI: http://designdisease.com/
Description: Designed by Design Disease for Smashing Magazine
This work is licensed Creative Commons Attribution-Share Alike 3.0 License. This means you may use it, and make any changes you like. Just leave the credits link under your footer :)
Version: 1
Author: Design Disease
Author URI: http://designdisease.com/
*/
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px;
margin: 0px;
color:#ffffff;
background-color: #ffff00;
background-image: url(/wp-content/themes/Guitar2009/images/PizzaBG_2010.gif);
background-repeat: repeat-y;
background-position: center top;
}
html { padding: 0; margin: 0;}
a:link { text-decoration: none; color : #ffff33; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #990099; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #ffff33; border: 0px; -moz-outline-style: none;}
a:hover { text-decoration: underline; color : #990099; border: 0px; -moz-outline-style: none;}
a:focus { outline: none;-moz-outline-style: none;}
h1, h2, h3, h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #660066; border-bottom:0px solid #660066; height : 1px; }
form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#bgcontainer {
width: 1003px;
margin: 0 auto;
background: #ffffff url(http://www.laughingpizza.com/wp-content/uploads/WebHeader_2010_1.jpg) no-repeat left top;
}
/**/ * html .Header { height: 0px;} /* */
.Header {
width: 1003px;
margin: 0 auto;
position:relative;
min-height: 0px;
border: 0px;
border-color: ffffff;}
.Logo {
float: right;
width: 510px;}
.Header .LogoText h1 { font-size: 55px; line-height: 55px; letter-spacing: -3px; padding: 0px; margin: 0px; font-weight: bold; font-family: "Trebuchet MS";position: absolute; top: 48px;}
.Header .LogoText a { color:#3366ff; text-decoration: none; }
.Header .LogoText a:visited { color:#3366ff; text-decoration: none; }
.Header .LogoText a:hover { color:#3366ff; text-decoration: none; }
.Header .Desc { position: absolute; top: 100px; color:#cc0000; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; padding: 0px; margin: 0px; }
/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Menu { width: 600px; padding: 0px 0px 0px 30px; float: left; position: absolute; top: 120px; }
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 0px;}
.Menu ul li {
padding: 0px;
margin: 0px;
display: inline;
font-size: 14px;
line-height: 14px;
font-weight: bold;
font-family: "Trebuchet MS";
}
.Menu ul li a { padding: 0px 0px 0px 9px; background: url(./images/menuleft.gif) no-repeat left top; float: left;}
.Menu ul li a span { padding: 4px 9px 9px 0px; display: block; background: url(./images/menuright.gif) no-repeat right top; float: right; }
.Menu ul li a span { float: none; color: #990000;}
.Menu ul li a:hover span { color: #990000;}
.Menu ul li a:hover { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.Menu ul li a:hover span { background-position: 100% -27px; color:#ffff99;}
.Menu ul li ul { display: none;}
/* Suckerfish Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SuckMenu { width: 600px; padding: 0px 0px 0px 0px; float: left; position: absolute; top: -20px; }
.SuckMenu em { display: none}
.SuckMenu ul { list-style: none; margin: 0px; padding: 0px;}
.SuckMenu ul li {
padding: 0px;
margin: 0px;
display: inline;
font-size: 14px;
line-height: 32px;
font-weight: bold;
font-family: "Trebuchet MS";
}
#suckerfishnav {
/* background:#ffff33 repeat-x; */
font-size:14px;
font-family:Trebuchet MS;
font-weight:bold;
width:100%;
}
#suckerfishnav, #suckerfishnav ul {
float:left;
list-style:none;
line-height:32px;
padding:0;
border:0px solid #aaa;
margin:0;
width:600px;
}
#suckerfishnav a {
display:block;
color:#ff0099;
text-decoration:none;
padding:0px 10px;
}
#suckerfishnav li {
float:left;
padding:0;
}
#suckerfishnav ul {
position:absolute;
left:-999em;
height: ;
width:200px;
font-weight:normal;
margin:0;
line-height:1;
border:0;
border-top:1px solid #666666;
}
#suckerfishnav li li {
width:200px;
border-bottom:1px solid #cc0066;
border-left:1px solid #cc0066;
border-right:1px solid #cc0066;
font-weight:bold;
font-family:verdana,sans-serif;
}
#suckerfishnav li li a {
padding:0px 10px;
width:200px;
font-size:10px;
color:#666666;
}
#suckerfishnav li ul ul {
margin:-21px 0 0 0px;
}
#suckerfishnav li li:hover {
background:#ff0099;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
color:#dddddd;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
color:#FFFFFF;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
color:#ff0099;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
left:-999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
left:auto;
background:#ffff33;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
background:#ff0099;
}
/* .SuckMenu ul li a { padding: 0px 0px 0px 9px; background: url(./images/menuleft.gif) no-repeat left top; float: left;}
.SuckMenu ul li a span { padding: 4px 9px 9px 0px; display: block; background: url(./images/menuright.gif) no-repeat right top; float: right; }
.SuckMenu ul li a span { float: none; color: #ff0099;}
.SuckMenu ul li a:hover span { color: #ff0099;}
.SuckMenu ul li a:hover { background-position: 0% -27px; color:#ff0099; text-decoration: none;}
.SuckMenu ul li a:hover span { background-position: 100% -27px; color:#ff0099;}
.SuckMenu ul li ul { display: none;}
*/
/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.CON { width: 975px; float: left; padding: 14px; border: solid 0px #ff9900; background: #ffffff; }
.SCS { width: 435px; float: left; padding: 0px 15px 0px 15px; background: #ff0099;}
.SCS2 { width: 940px; float: left; padding: 0px 15px 0px 15px;}
.SCS3 { width: 200px; float: right; padding: 0px 15px 0px 15px;}
.SCS4 { width: 1300px; float: center; padding: 0px 15px 0px 15px;}
/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { width: 435px; float: left; padding: 0px 15px 0px 15px; background: #ff0099; }
.pagetitle {
font-size: 24px;
line-height: 24px;
font-weight: bold;
letter-spacing: -1px;
border-bottom: solid 1px #cc0066;
padding: 15px 0px;
margin-top: 0px;
color:#ffff33;
}
/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Post { padding: 10px 0px; position: relative; clear: left;}
.PostHead { margin-left: 55px; }
.PostHead h2 { font-size: 24px; line-height: 24px; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: 0px; color:#ffff33;}
.PostHead h2 a { color: #ffff33; text-decoration: none;}
.PostHead h2 a:visited { color: #ffff33; text-decoration: none;}
.PostHead h2 a:hover { color:#cc0066; text-decoration: none;}
.PostHead h3 { font-size: 14px; line-height: 14px; font-weight: bold; padding: 0px; margin: 0px; color:#66ff00;}
/**/ * html .PostTime { left: -15px;} /**/
.PostTime { padding: 0px; margin: 0px; position: absolute; left: -15px; top: 3px; background: url(images/PostTimeBkg.gif) no-repeat; height: 71px; width: 67px; text-align: center; color:#fff; }
.PostTime strong { display: block; line-height: 9px; font-family: 'Verdana';}
.PostTime .day { font-size: 16px; line-height: 18px; letter-spacing: -1px; padding-top: 20px; font-family: 'Arial';}
.PostTime .month { font-size: 10px; text-transform: lowercase;}
.PostTime .year { padding-top: 7px; font-weight: normal; color:#cc0066; }
.PostHead small {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; display: block}
.PostAuthor { color:#99ffff; }
.PostCat { color:#66ff00; }
.PostCat a { color:#66ff00; text-decoration: none; }
.PostCat a:visited { color:#66ff00; text-decoration: none; }
.PostCat a:hover { color:#ffff33; text-decoration: none; }
.PostContent { padding: 10px 0px 0px 0px; font-size: 13px; line-height: 1.4em ; color:#ffffff;}
.PostContent p { font-size: 13px; line-height: 1.4em; color:#ffffff;}
.PostContent p strong {}
.PostContent img {}
.PostCaption {font:bold 80% serif; font-style: italic;line-height:1;text-align:center;}
.PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; }
.PostContent ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#ffffff; }
.PostContent ul { padding: 5px 0px; margin: 0px; }
.PostContent ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#ffffff; }
.PostContent blockquote { padding: 10px; margin: 0px; color:#990099; background: #0099FF;}
.PostContent blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;}
.PostContent blockquote a { color:#FFFF33;}
.PostContent blockquote a:visited { color:#FFFF33;}
.PostContent blockquote a:hover { color:#000033;}
/**/ * html .PostContent p img {} /* */
.PostContent p img { max-width: 420px;}
.PostContent p img { width:expression(this.width > 420 ? "420px" : this.width); }
.PostContent img { margin: 10px 15px 15px 10px; float: left; border:solid 1px #cc0066;}
.PostCom { padding-top: 10px; background: url(images/PostComBkg.gif) repeat-x top;}
.PostCom ul { padding: 0px; margin: 0px;}
.PostCom li { padding: 5px 0px 5px 20px; margin: 0px 5px 0px 0px; list-style-type: none; display: inline; color:#cc0066; font-size: 12px; }
.PostCom li a { font-weight: bold; text-decoration: none; color:#cc0066;}
.PostCom li a:visited { font-weight: bold; text-decoration: none; color:#cc0066;}
.PostCom li a:hover { font-weight: bold; text-decoration: none; color:#66ff00;}
.PostCom .Com { background: url(images/PostCom.png) no-repeat left center; }
.PostCom .Tags { padding-left: 0px;}
/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.Note { padding: 0px; margin: 0px;}
.Note li { padding: 3px 0px 3px 15px; margin: 0px; list-style-type: none; font-size: 12px;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}
/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.TrackList { background: #f4ebef url(images/TrackListBottom.gif) no-repeat bottom; padding: 15px; margin-top: 20px; position:relative;}
.TrackListTop { background: #f4ebef url(images/TrackListTop.gif) no-repeat top; position: absolute; top: 0px; left: 0px; width: 455px; height:10px; }
.TrackList h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color:#333366; letter-spacing: -1px; border-bottom: dashed 1px #beb4c1;}
.TrackList ul { padding: 0px; margin: 0px;}
.TrackList li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; font-size: 11px; background:url(images/TrackListIco.gif) no-repeat left top;}
.TrackList li a { color:#cc3366; }
/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Nav { font-size: 11px; padding: 10px 0px; color:#666; font-family: 'Verdana';}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #666;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #666; text-decoration: none;}
.Nav span { padding: 1px 6px 1px 4px; color:#666; border-right: solid 1px #666; }
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px; color:#003366;}
/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Comments { margin: 20px 0px 0px 0px; position: relative;}
.Comments h3 { font-size: 16px; letter-spacing: -1px; margin: 0px 0px 5px 0px; padding: 10px 0px; color:#990099; border-bottom: solid 1px #990099;}
/* Comments List ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 5px 0px; margin: 10px 0px; list-style-type: none; background: url(images/PostDotted.gif) repeat-x bottom; }
/**/ * html .List .LGrav { right: 30px;} /* */
.List .LGrav { position: absolute; right: 0px; top: 10px;}
.List .LGrav img { border: solid 1px #ccc; padding: 2px; background: #fff;}
.List .LUsr { margin: 0px; padding: 0px; font-size: 11px; line-height: 12px; color:#66ff00;}
.List .LUsr a { color:#66ff000; text-decoration: none;}
.List .LUsr strong { font: bold 16px "Trebuchet MS", sans-serif; letter-spacing: -1px; color:#66ff00;}
.List .LUsr strong a { color:#66ff00; text-decoration: none;}
.List .LCon { margin: 10px 0px 0px 0px; padding: 0px; font-size: 12px; line-height: 16px; border-top: solid 1px #ccc;}
.List .LCon p { margin: 0px; padding: 5px 0px; font-size: 12px; line-height: 16px;}
.List .Author { background:fff; }
/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Form .Email { background: url(images/FooterEmail.png) no-repeat left top;}
.Form { padding: 0px 0px 10px 0px; position: relative; margin: 0px; font-family: 'Verdana';}
.Form form { margin: 0px; padding: 0px;}
.Form a { text-decoration: underline;}
.Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#666; }
.Form p small strong { font-weight: bold; color:#FF3300;}
.Form p small { font-size: 11px; display: block; padding: 6px 0px; color:#000;}
.Form .TextField { color:#003366; background: #e9f8ff; border: solid 1px #99ffff; padding: 6px 6px 6px 30px; font-size: 12px; display: block;}
.Form .TextArea { color:#003366; background: #e9f8ff; border: solid 1px #99ffff; padding: 6px; font-size: 12px;}
.Form input.SubmitComment { width: 57px; height: 29px; background: url(images/SubmitComment.png) no-repeat; margin-top: 4px;}
.Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}
.Form input.SubmitCommentIE { width: 57px; height: 29px; background: url(images/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}
/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR { width: 500px; float: right; position: relative; padding: 0px; }
/* Side Right Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SRL { width: 320px; float: left; position: relative; background: #0099ff;}
.SRL .widget { background: #0099ff url(images/SRL-widgetbkg.gif) repeat-x left top; padding: 10px; margin-bottom: 10px;}
.SRL .widget h2 { color:#990099; font-size: 14px; border-bottom: solid 1px #990099; padding: 0px 0px 5px 0px; margin: 0px;}
.SRL .widget ul { margin: 0px; padding: 0px;}
.SRL .widget li { margin: 0px; padding: 0px; list-style-type: none; }
.SRL .widget a { color:#ffff33;}
.SRL .widget a:visited { color:#ffff33;}
.SRL .widget a:hover { color:#990099; text-decoration: none;}
.SRL .widget_tag_cloud { font-family: "Trebuchet MS"; line-height: 22px;}
.SRL .widget_calendar table { width: 100%;}
.SRL .widget_calendar table td { text-align: center; padding: 3px; }
.SRL .widget_calendar caption { background: #00ff00; padding: 5px 0px;}
.SRL .widget_calendar #today { background: #00ff00;}
.SRL .widget_search #s { width: 160px; border: solid 1px #66ff00; padding: 3px; margin-bottom: 5px;}
.SRL .widget_flickrrss { height: auto; float: left; width: 300px; border-bottom: 10px solid #fff;}
.SRL .widget_flickrrss h2 { margin-bottom: 10px;}
.SRL .widget_flickrrss ul { padding: 0px; margin: 0px; clear: left;}
.SRL .widget_flickrrss li { background: url(images/SRL-widgetflickrbkg.gif) no-repeat left top; list-style-type: none; display: inline; padding: 7px; float: left;}
.SRL .widget_flickrrss li a img { background: #fff; padding: 3px; border: solid 1px #66ff00; width: 48px; height: 48px;}
.SRL .widget_flickrrss li a:visited img { background: #fff; padding: 3px; border: solid 1px #66ff00; width: 48px; height: 48px;}
.SRL .widget_flickrrss li a:hover img { background: #3366ff; padding: 3px; border: solid 1px #0099ff;}
/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ *html .Search { height: 74px;} /**/
.Search { background: #0099ff url(images/Search.gif) no-repeat left top; right: 0px; padding: 45px 20px 20px 20px; min-height: 74px;}
.Search form { background: url(images/SearchForm.gif) no-repeat left top; padding: 0px; margin: 0px; }
.Search input { color: #330033; font-size: 12px;}
.Search input.keyword { background: none; border: none; padding: 5px 0px 5px 8px; width: 240px; }
.Search input.search { width: 27px; height: 24px; background: url(./images/SearchButton.gif) no-repeat;}
.Search .bt { padding: 0px; margin: 43px 0px 0px 0px; top: 2px; background: none; position: absolute; right: 23px; }
.Syn ul { margin: 0px; padding: 5px 0px;}
.Syn li { background: url(images/SynIco.png) no-repeat left center; margin: 0px 5px 0px 0px; padding: 3px 0px 3px 15px; list-style-type: none; font-size: 14px; color:#ffcc66; display: inline; font-weight: bold;}
.Syn li a {color:#fff; }
.Syn li a:visited {color:#fff; }
.Syn li a:hover {color:#fff; }
/* About Blog ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.About { background: #0099ff url(images/AboutBkg.gif) no-repeat left bottom; padding: 0px 20px 10px 20px; color:#fff;}
.About h2 { padding: 0px; margin: 0px; font-size: 18px; font-weight: normal;}
.About p { padding: 5px 0px; margin: 0px; font-size: 13px; line-height: 16px;}
/* About Articles/Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Recent { background: #ffff33 url(images/RecentBkg.gif) repeat-x left top; padding: 10px; margin-bottom: 10px;}
.TabMenu { float: left; margin: 0px; padding: 0px; }
.TabMenu li { padding: 0px; margin: 0px; list-style-type: none; display: inline; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; text-transform: lowercase;}
.TabMenu li a { padding: 0px 0px 0px 9px; margin-right: 7px; background: url(./images/mleft.gif) no-repeat left top; float: left;}
.TabMenu li a span { padding: 4px 9px 9px 0px; display: block; background: url(./images/mright.gif) no-repeat right top; float: right; }
.TabMenu li a span { float: none; color: #cc0000;}
.TabMenu li a:hover span { color: #cc0000;}
.TabMenu li a:hover { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.TabMenu li a:hover span { background-position: 100% -27px; color:#ffff99;}
.TabLink a:link.active { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.TabLink a:link.active span { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.TabLink a:visited.active { background-position: left bottom; color:#ffff99;}
.TabLink a:visited.active span { background-position: right bottom; color:#ffff99;}
.TabContent { clear: left; padding-top: 10px;}
.TabContent ul { padding: 0px; margin: 0px;}
.TabContent li { color:#000033; padding: 1px 0px 1px 0px; margin: 0px; list-style-type: none; border-bottom: solid 1px #cc0066; font-size: 13px;}
.TabContent li a { color:#336699; text-decoration: none;}
.TabContent li a:visited { color:#336699; text-decoration: none;}
.TabContent li a:hover { color:#000033; text-decoration: none;}
/* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SRR { width: 165px; float: right; padding: 0px 0px 0px 0px; background: #990099; }
.SRR h2 { color:#ffff33; font-size: 16px; border-bottom: solid 1px #660066; letter-spacing: -1px; padding: 5px 5px; margin: 0px;}
.SRR ul { margin: 0px; padding: 5px;}
.SRR li { margin: 0px; padding: 5px; list-style-type: none; }
.SRR a { color:#66ff00;}
.SRR a:visited { color:#66ff00;}
.SRR a:hover { color:#ffff33; text-decoration: none;}
/* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SRR .widget { margin: 0px 0px 0px 0px; padding: 5px;}
.SRR .widget ul { margin: 0px; padding: 5px;}
.SRR .widget li { margin: 0px; padding: 1px 5px 1px 0px; list-style-type: none; font-size: 12px; border-bottom: solid 1px #660066; color:#660066;}
.SRR .widget li a { color:#66ff00;}
.SRR .widget li a:visited { color:#66ff00;}
.SRR .widget li a:hover { color:#ffff33; text-decoration: none;}
.SRR .widget_categories ul { margin: 0px; padding: 5px;}
.SRR .widget_categories ul li { margin: 0px; padding: 1px 5px 1px 0px; list-style-type: none; font-size: 12px; border-bottom: solid 1px #ccffff; color:#ccffff; font-weight: bold;}
.SRR .widget_categories ul li a { color:#66ff00;}
.SRR .widget_categories ul li a:visited { color:#66ff00;}
.SRR .widget_categories ul li a:hover { color:#ffff33; text-decoration: none;}
.SRR .widget_categories ul ul { margin: 2px 0px 0px 0px; padding: 5px; list-style-type: none; background: none; border-bottom: none;}
.SRR .widget_categories ul li li { margin: 0px; padding: 1px 5px; list-style-type: none; background: none; border-bottom: none; font-size: 12px; font-weight: normal;}
.SRR .widget_tag_cloud { font-family: "Trebuchet MS"; line-height: 22px;}
.SRR .widget_calendar table { width: 100%;}
.SRR .widget_calendar table td { text-align: center; padding: 3px; }
.SRR .widget_calendar caption { background: #fff3e2; padding: 5px 0px;}
.SRR .widget_calendar #today { background: #fff3e2;}
.SRR .widget_search #s { border: solid 1px #cebea9; padding: 3px; margin-bottom: 5px;}
.SRR .widget_flickrrss h2 { margin-bottom: 10px;}
.SRR .widget_flickrrss ul { padding: 5px; margin: 0px; clear: left;}
.SRR .widget_flickrrss li { list-style-type: none; display: inline; padding: 5px; margin: 0px 10px 10px 0px; border-bottom: none;}
.SRR .widget_flickrrss li a img { background: #fff; padding: 3px; border: solid 1px #cebea9; width: 58px; height: 58px;}
.SRR .widget_flickrrss li a:visited img { background: #fff; padding: 3px; border: solid 1px #cebea9; width: 58px; height: 58px;}
.SRR .widget_flickrrss li a:hover img { background: #3366ff; padding: 3px; border: solid 1px #3366ff;}
/* Flickr RSS - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Flickr { margin-bottom: 10px;}
.Flickr h3 { background: url(images/FlickrH3.gif) no-repeat left center; padding: 5px 0px 5px 20px; margin: 0px; color:#ff3366; letter-spacing: -1px; font-size: 14px; font-weight: bold;}
.Flickr ul { padding: 10px 0px; margin: 0px;}
.Flickr li { background: none; padding: 0px; margin: 0px 6px 0px 0px; list-style-type: none; display: inline; border-bottom: none;}
.Flickr li a img { background: #fff; padding: 1px; border: solid 4px #d4e7f2; width: 53px; height: 53px; margin-bottom: 5px;}
.Flickr li a:hover img { background: #fff; padding: 1px; border: solid 4px #ff3366; margin-bottom: 5px;}
/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.FBG {
width: 100%;
float: left;
padding: 0px;
background-color: #00FF00;
}
.Footer { width: 980px; margin: 0 auto; background: url(images/FooterIco.gif) no-repeat left center; padding: 10px 0px 10px 30px;}
.Footer p {
font-size: 10px;
line-height: 12px;
color:#009900;
padding: 0px;
margin: 0px;
font-family: 'Verdana';
}
.Footer a {
color:#33CC00;
text-decoration: underline;
}
.SRL .widget1 {
background: #ffcc00 url(images/SRL-widgetbkg.gif) repeat-x left top;
padding: 10px;
margin-bottom: 10px;}
/* Lightbox ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }