/*  

Theme Name: Dilectio

Theme URI: http://designdisease.com/

Description: Designed by <a href="http://designdisease.com">Design Disease</a> for  <a href="http://smashingmagazine.com">Smashing Magazine</a> <br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> 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: 10px; /*float: left;*/ border:solid 1px #495b6b;}

.PostContent p img.wp-smiley { margin:0px; float: none; border: none;} /* Tuned By Tim to get the smileys correct */





.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: 48px; height: 48px;}

.SRL .widget_flickrrss li a:visited img { background: #fff; padding: 3px; border: solid 1px #cebea9; width: 48px; height: 48px;}

.SRL .widget_flickrrss 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 0px 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;}