/*
Theme Name: Dilectio
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 { background: #f3f2e8 url(images/bp.gif) no-repeat center top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:#35383d;}
html { padding: 0; margin: 0;}
a:link { text-decoration: none; color : #cc0000; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #cc0000; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #cc0000; border: 0px; -moz-outline-style: none;}
a:hover { text-decoration: underline; color : #ff6600; 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 #abb0b5; border-bottom:0px solid #abb0b5; 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: 1010px; margin: 0 auto;}
/**/ * html .Header { height: 130px;} /* */
.Header { width: 1010px; margin: 0 auto; position:relative; min-height: 130px;}
.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:#660000; text-decoration: none; }
.Header .LogoText a:visited { color:#660000; text-decoration: none; }
.Header .LogoText a:hover { color:#660000; 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: 470px; padding: 0px 0px 0px 30px; float: left; position: absolute; top: 100px; }
.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: #cc0000;}
.Menu ul li a:hover span { color: #cc0000;}
.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;}
/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.CON { width: 980px; float: left; padding: 14px; border: solid 1px #e1dfd0; background: #fff; }
.SCS { width: 435px; float: left; padding: 0px 15px 0px 15px;}
/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { width: 435px; float: left; padding: 0px 15px 0px 15px;}
.pagetitle { font-size: 24px; line-height: 24px; font-weight: bold; letter-spacing: -1px; border-bottom: solid 1px #d0c1c1;padding: 15px 0px; margin-top: 0px; color:#000066;}
/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Post { padding: 15px 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:#000033;}
.PostHead h2 a { color: #109dd0; text-decoration: none;}
.PostHead h2 a:visited { color: #109dd0; text-decoration: none;}
.PostHead h2 a:hover { color:#000; text-decoration: none;}
.PostHead h3 { font-size: 14px; line-height: 14px; font-weight: bold; padding: 0px; margin: 0px; color:#000033;}
/**/ * 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; }
.PostHead small {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; display: block}
.PostAuthor { color:#999; }
.PostCat { color:#ff6600; }
.PostCat a { color:#ff6600; text-decoration: none; }
.PostCat a:visited { color:#ff6600; text-decoration: none; }
.PostCat a:hover { color:#ff6600; text-decoration: none; }
.PostContent { padding: 10px 0px 0px 0px; font-size: 13px; line-height: 1.4em ; color:#63565f;}
.PostContent p { font-size: 13px; line-height: 1.4em; color:#63565f;}
.PostContent p strong {}
.PostContent img {}
.PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; }
.PostContent ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.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:#63565f; }
.PostContent blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff;}
.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:#336699;}
.PostContent blockquote a:visited { color:#336699;}
.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: 0px 10px 10px 0px; float: left; border:solid 1px #495b6b;}
.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:#336699; font-size: 12px; }
.PostCom li a { font-weight: bold; text-decoration: none; color:#ff6600;}
.PostCom li a:visited { font-weight: bold; text-decoration: none; color:#ff6600;}
.PostCom li a:hover { font-weight: bold; text-decoration: none; color:#cc0000;}
.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:#660000; border-bottom: solid 2px #660000;}
/* 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:#999;}
.List .LUsr a { color:#999; text-decoration: none;}
.List .LUsr strong { font: bold 16px "Trebuchet MS", sans-serif; letter-spacing: -1px; color:#666;}
.List .LUsr strong a { color:#cc0000; 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 #d5e7f0; padding: 6px 6px 6px 30px; font-size: 12px; display: block;}
.Form .TextArea { color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; 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;}
.SRL .widget { background: #fff3e2 url(images/SRL-widgetbkg.gif) repeat-x left top; padding: 10px; margin-bottom: 10px;}
.SRL .widget h2 { color:#660000; font-size: 14px; border-bottom: solid 1px #ffe0bf; 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:#cc0000;}
.SRL .widget a:visited { color:#cc0000;}
.SRL .widget a:hover { color:#ff6600; 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: #ffe0bf; padding: 5px 0px;}
.SRL .widget_calendar #today { background: #ffe0bf;}
.SRL .widget_search #s { width: 160px; border: solid 1px #cebea9; 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 #cebea9; width: auto; height: auto;}
.SRL .widget_flickrrss li a:visited img { background: #fff; padding: 3px; border: solid 1px #cebea9; width: auto; height: auto;}
.SRL .widget_flickrrss li a:hover img { background: #660000; padding: 3px; border: solid 1px #660000;}
.SRL .widget_flickr { height: auto; float: left; width: auto; border-bottom: 10px solid #fff;}
.SRL .widget_flickr h2 { margin-bottom: 10px;}
.SRL .widget_flickr ul { padding: 0px; margin: 0px; clear: left;}
.SRL .widget_flickr li { background: url(images/SRL-widgetflickrbkg2.gif) no-repeat left top; list-style-type: none; display: inline; padding: 7px; float: left;}
.SRL .widget_flickr li a img { background: #fff; padding: 3px; border: solid 1px #cebea9; width: 128px; height: 108px;}
.SRL .widget_flickr li a:visited img { background: #fff; padding: 3px; border: solid 1px #cebea9; width: 128px; height: 128px;}
.SRL .widget_flickr li a:hover img { background: #660000; padding: 3px; border: solid 1px #660000;}
/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ *html .Search { height: 74px;} /**/
.Search { background: #cc0000 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: #ff6600 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: #ffe0bf 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 #ecc9a5; 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 5px 0px 0px;}
.SRR h2 { color:#660000; font-size: 16px; border-bottom: solid 1px #eeede4; letter-spacing: -1px; padding: 5px 0px; margin: 0px;}
.SRR ul { margin: 0px; padding: 0px;}
.SRR li { margin: 0px; padding: 0px; list-style-type: none; }
.SRR a { color:#cc0000;}
.SRR a:visited { color:#cc0000;}
.SRR a:hover { color:#ff6600; text-decoration: none;}
/* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SRR .widget { margin: 0px 0px 10px 0px; padding: 0px;}
.SRR .widget ul { margin: 0px; padding: 0px;}
.SRR .widget li { margin: 0px; padding: 1px 0px 1px 0px; list-style-type: none; font-size: 12px; border-bottom: solid 1px #eeede4; color:#999;}
.SRR .widget li a { color:#cc0000;}
.SRR .widget li a:visited { color:#cc0000;}
.SRR .widget li a:hover { color:#ff6600; text-decoration: none;}
.SRR .widget_categories ul { margin: 0px; padding: 0px;}
.SRR .widget_categories ul li { margin: 0px; padding: 1px 0px 1px 0px; list-style-type: none; font-size: 12px; border-bottom: solid 1px #eeede4; color:#999; font-weight: bold;}
.SRR .widget_categories ul li a { color:#cc0000;}
.SRR .widget_categories ul li a:visited { color:#cc0000;}
.SRR .widget_categories ul li a:hover { color:#ff6600; text-decoration: none;}
.SRR .widget_categories ul ul { margin: 2px 0px 0px 0px; padding: 0px; list-style-type: none; background: none; border-bottom: none;}
.SRR .widget_categories ul li li { margin: 0px; padding: 1px 0px; 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: 0px; margin: 0px; clear: left;}
.SRR .widget_flickrrss li { list-style-type: none; display: inline; padding: 0px; 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: #660000; padding: 3px; border: solid 1px #660000;}
/* 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;}
.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:#999; padding: 0px; margin: 0px; font-family: 'Verdana'; }
.Footer a { color:#999; text-decoration: underline;}
/*
FAlbum Default Stylesheet
=================
This is a sample stylesheet that can be used with FAblum, and is provided so that
the default page looks half decent under the default Wordpress 1.5 theme - Kubrick
This stylesheet will most probably break in other WP styles, so you can't rely
entirely on this stylesheet. Use it as guidance. Ultimately, style issues are not
the fault of FAlbum.
This stylesheet is commented so you know what each section does, and can customise
it accordingly, or pull out just the sections you want.
*/
/* ----------- FAlbum Common -------------*/
.falbum {
padding: 0px;
margin: 0px;
clear: both;
width: 99%;
min-width: none;
}
.falbum p {
margin: 8px 0 8px 0;
}
.falbum img {
max-width: none;
border: none;
}
.falbum-album {
clear: both;
}
.falbum-title {
color: #260;
border-bottom: 1px dashed #CCC;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.falbum-meta {
margin: 0px 0px 5px 0px;
}
.falbum-navigationBar {
clear: both;
padding: 5px 0 5px 0;
margin: 10px 0 10px 0;
}
/* ----------- Album Page -------------*/
.falbum-album-description {
font-size: 11px;
margin-top: 10px;
margin-bottom: 10px;
}
/* ----------- Thumbnails -------------*/
.falbum-tn-border-s {
float: left;
width: 95px;
height: 95px;
}
.falbum-tn-border-t {
float: left;
width: 125px;
height: 125px;
}
.falbum-tn-border-m {
float: left;
width: 260px;
height: 260px;
}
.falbum-thumbnail {
float: left;
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 2px;
}
.falbum-thumbnail-ds {
float: left;
background: url(default/images/shadow.gif) no-repeat bottom right;
margin: 5px 0px 0px 6px;
padding: 0px 0px 0px 0px;
}
.falbum-thumbnail-ds img {
background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
}
.falbum-thumbnail img:hover {
background-color: #ccd;
}
.falbum-editable{
color: #000;
background-color: #ffffd3;
}
/* ----------- Photo Page -------------*/
.falbum-title2 {
padding: 0 50px 0 0;
}
.falbum-tags-block {
}
.falbum-tags-label {
float: left;
display: block;
}
.falbum-tags {
float: left;
}
/* -- Image ---------------*/
.falbum-photo-block {
float: left;
margin: 10px 5px 10px 5px;
}
.falbum-photo {
float: left;
}
.falbum-photo-ds {
background: url(default/images/shadow.gif) no-repeat bottom right;
float: left;
}
.falbum-photo img, .falbum-photo-ds img {
background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
}
.falbum-photo2 {
padding-right: 20px;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: 2px 2px 2px 2px;
padding: 4px;
margin-top:10px;
}
/* -- Navigation ---------------*/
.falbum-nav {
clear: both;
margin: 5px 10px 0px -10px;
text-align:center;
padding: 8px;
width: auto;
}
.falbum-nav a {
text-decoration: none;
}
/* -- Description ---------------*/
.falbum-description {
clear: both;
font-size: 11px;
margin: 5px 0 5px 0 ;
}
/* -- Photo Sizes ---------------*/
.falbum-photoSizesBlock {
padding: 10px 0px 3px 0px;
}
a.falbum-photoSizes
{
background-color: #E4E0D2;
padding: 2px;
margin: 1px 3px 1px 3px;
color: black;
border: 1px solid #D4D0C2;
text-align: center;
}
a.falbum-photoSizes:hover
{
border: 1px solid #3169C6;
background-color: #C6D3EF;
}
/* -- EXIF Data ---------------*/
.falbum-exif table{
border: 1px solid #a9a9a9;
margin: 0 15px 0 0;
}
.falbum-exif td {
margin: 5px 5px 5px 5px;
padding: 1px 5px 1px 5px;
}
.falbum-exif .odd{
background-color: #f0f0f0
}
.falbum-exif .even{
background-color: #e0e0e0
}
/* -- Annotations ---------------*/
a.annotation {
position: absolute;
border: 1px solid white;
padding: 0;
display: none;
}
a.annotation span {
display: block;
width: 100%;
height: 100%;
background: white;
opacity: 0.2;
-moz-opacity: 0.2;
filter:alpha(opacity=20);
}
a.annotation:hover {
border-color: yellow;
}
#overDiv {
font-size: 1em;
}
/* ----------- Tag Cloud Page -------------*/
.falbum-cloud {
padding: 10px;
line-height:auto;
text-align:center;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.falbum-cloud a {
text-decoration:none;
}
a.falbum-tag1 {
font-size:10px;
}
a.falbum-tag2 {
font-size:12px;
font-weight:400;
}
a.falbum-tag3 {
font-size:16px;
font-weight:500;
}
a.falbum-tag4 {
font-size:20px;
font-weight:600;
}
a.falbum-tag5 {
font-size:22px;
font-weight:700;
}
a.falbum-tag6 {
font-size:28px;
font-weight:800;
}
a.falbum-tag7 {
font-size:30px;
font-weight:900;
}
/* ----------- Random Images -------------*/
.falbum-random ul {
list-style: none;
margin: 0;
padding: 0;
white-space: nowrap;
}
.falbum-random li {
display: inline;
}
/* ----------- Recent Images -------------*/
.falbum-album-recent {
margin-bottom: 15px;
}
/* ----------- Annotations -------------*/
.annotation-fontClass {font-family: 'Comic Sans MS'; font-size: 1.3em; text-align: left;}
.annotation-capfontClass {font-family: Arial, sans-serif; font-size: 1.3em; font-weight: bold; color: #ffffff; text-align: left;}
.annotation-capfontClass A {color: #ffffff; font-size: 1.3em;}
.annotation-fgClass {background-color: #FFFFCC;}
.annotation-bgClass {background-color: #FFFF66;}
/* ----------- Link button styles -------------*/
.disabledButtonLink {
color: Gray;
text-align:center;
padding: 2px 15px 2px 15px;
background-color: #E4E0D2;
}
a.buttonLink {
padding: 2px 15px 2px 15px;
border: 1px solid #D4D0C2;
background-color: #E4E0D2;
text-align:center;
white-space: nowrap;
color: black;
}
a.buttonLink:visited {
color: black;
}
a.buttonLink:active {
border: 1px solid #3169C6;
background-color: #3169C6;
color: white;
}
a.buttonLink:hover {
border: 1px solid #3169C6;
background-color: #C6D3EF;
color: black;
}
a.curPageLink , a.curPageLink:visited,a.curPageLink:link, a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link {
padding: 2px 4px 2px 4px;
font-size: 100%;
color: black;
}
a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link {
}
a.curPageLink , a.curPageLink:visited,a.curPageLink:link {
border: 3px double #3169C6;
font-weight: bold;
}
a.otherPageLink:hover,a.curPageLink:hover {
text-decoration: underline;
}
/* ----------- Error Page -------------*/
.falbum-error {
font-size:1.2em;
}
.falbum-error pre{
width: 99%;
font-size:1.2em;
overflow-y: hidden;
overflow-x: auto;
}
/* ------------- Post Helper -------------*/
#falbum-post-helper-switch {
float: right;
margin: 0px 0px 0px 0px;
}
#falbum-post-helper-block {
width: 99%;
padding: 5px;
margin: 15px 0px 15px 0px;
border: 1px solid #D4D0C2;
background-color: #E4E0D2;
}
#falbum-post-helper-value {
margin: 8px 5px 5px 8px;
font-weight: bold;
}
#falbum-post-helper-block-close {
float: right;
}
.falbum-post-box {
}
/* ------------- Comments -------------*/
.falbum-comment-block {
margin: 15px 0px 5px 0px;
}
.falbum-comment-title {
font-weight: bold;
}
.falbum-comment-author {
padding: 5px 5px 0px 10px;
}
.falbum-comment {
padding: 5px 5px 5px 25px;
margin: 0px 0px 5px 0px;
}
/* ------------- Misc -------------*/
.falbum-sidebar-photos {
overflow: hidden;
}
.falbum-clear {
clear: both;
}
.falbum-clear-left {
clear: left;
}