/*  
Theme Name: BloggingPro Theme - Widgets Ready
Theme URI: http://bloggingpro.com/
Description: The default WordPress theme based on the blog <a href="http://bloggingpro.com/">BloggingPro</a>.
Version: 1.2
Author: Elena G.
Author URI: http://designdisease.com/

This theme was designed and built by Elena G, whose blog you will find at http://blog.designdisease.com/

Modifications made for Online Opportunity Network:

1) In comments template, line of code added to show pictures in comments
2) In header, line of code added for favicon
3) In single post, uncommented out related_posts div
4) In header, change home page title to "Make Money Online with Online Opportunity"
5) In comments template, added quoter functions
6) In stylesheet, added comments list blockquote settings

7) In header, use sticky menu instead of listing pages

*/


/* CSS Document */
body { margin: 0; padding: 0; background: #fff; font-family: 'Verdana'; color: #40454b; font-size: 12px;}


/* General Links */
a:link { text-decoration : none; color : #3366cc; border: 0px;} 
a:active { text-decoration : underline; color : #3366cc; border: 0px;} 
a:visited { text-decoration : none; color : #3366cc; border: 0px;} 
a:hover { text-decoration : underline; color : #ff5a00; border: 0px;} 


img { padding: 0px; margin: 0px; border: none;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

input { font-family: 'Verdana'; color: #6a5555; font-size: 10px; }
textarea { font-family: 'Verdana'; color: #6a5555; font-size: 10px;  }
select { font-family: 'Verdana'; color: #6a5555; font-size: 10px;  }

h1, h2, h3 { font-family: 'Arial';}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bgcontain { width: 100%; background: url(./images/bkg_bgcontain.png) repeat-x;} 

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.HeaderBG { width: 100%; float: left; background: #fff url(./images/bkg_body.png) repeat-x; }
.Header { width: 900px; position: relative; margin: 0 auto; padding: 32px 0px 0px 0px; height: 70px;}
.Header h1 { font-size: 35px; letter-spacing: -2px; line-height: 35px; padding: 15px 0px 0px 0px; margin: 0px;}
.Header h1 a { text-decoration: none; color:#ff5a00;}
.Header h1 a:visited { text-decoration: none; color:#ff5a00;}
.Header h1 a:hover { text-decoration: none; color:#ff5a00;}

.Desc { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px; color:#999;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.TopMenu { margin: 0px; padding: 0px; position: absolute; top: 8px; left: 0px;  }
.TopMenu ul { padding: 2px 0px; margin: 0px; font-size: 0px; border-left: solid 1px #76acd3;}
.TopMenu li { padding: 2px 4px; margin: 0px 4px 0px 0px; list-style-type: none; display: inline; font-size: 10px; border-right: solid 1px #76acd3; font-weight: bold;}
.TopMenu li a { color:#fff;}
.TopMenu li a:visited { color:#fff;}
.TopMenu li a:hover { color:#fff;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*\ IE/Win min height hack */ * html .Search  { height: 100px;} /* */ 
.Search { width: 375px; background: url(./images/SearchBkg.png) no-repeat left top; min-height: 100px; position: absolute; top: 0px; right: 0px;}
.Search  fieldset { border: none; padding: 0px; margin: 0px;}
.Search  legend { text-indent: -35000px; margin: 0; padding: 0;}
.Search  form { padding: 33px 33px 0px 33px; margin: 0px 0px 0px 0px;}
.Search  input { color: #6db6ff; font-size: 14px; font-family: 'Arial'; letter-spacing: -1px; font-weight: bold; }
.Search  input.search { width: 25px; height: 25px; background: url(./images/SearchButton.png) no-repeat;}
.Search  input.search:hover { background: url(./images/SearchButton.png) no-repeat 0 -25px; }
.Search  input.searchIE {width: 25px; height: 25px; background: url(./images/SearchButton.png) no-repeat 0 -25px; }
.Search  input.keyword { border: none; background: #fff url(./images/SearchKeyword.png) no-repeat; padding: 4px 0px 5px 8px; width: 291px; border: none; } 

.SearchCorner { position: absolute; background: #fff url(./images/SearchBkgNone.png) no-repeat; width: 9px; height: 8px; margin: 0px; top: 34px; right: -9px;} 
/* IE Win min height hack */ * html #buttonsearch { margin: -26px 0px 0px 291px; } /* */ 
#buttonsearch { padding: 0px; margin: -25px 0px 0px 291px; top: 0px; background: none; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.ContainerBG { width: 100%; float: left; padding: 20px 0px;}
.Container { width: 900px; position: relative; clear: left; margin: 0 auto; border-top: solid 1px #666; padding-top: 20px;}

/* Central Column - Single Pages */
.SCS { float: left; width: 510px; }
.SCS h1 { font-size: 24px; line-height: 26px; letter-spacing: -1px; font-weight: normal; padding: 7px 0px; margin: 0px 0px 7px 0px; border-bottom: dashed 1px #ccc;}
.SCS h2 { font-size: 20px; line-height: 22px; letter-spacing: -1px; font-weight: normal; padding: 5px 0px; margin: 0px 0px 5px 0px; }
.SCS h3 { font-size: 17px; line-height: 19px; letter-spacing: -1px; font-weight: bold; padding: 5px 0px; margin: 0px 0px 5px 0px; }
.SCS p { font-size: 12px; line-height: 16px;}
.SCS img { padding: 1px; border: solid 1px #f0f0f0; margin: 0px 15px 15px 0px;}
.SCS blockquote {padding: 3px 15px; background: #fffde5; margin: 5px 0px; color:#993300; border: solid 1px #f6f3d3;}
.SCS blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.SCS ul { font-size: 11px; padding-left: 12px; }


/* Central Column */
.SC { float: left; width: 510px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.DateHeader { background: #f0f0f0; margin-bottom: 20px; margin-top: 10px;}
.DateHeader p { background:url(./images/DateHeaderIco.png) no-repeat left center; padding: 5px 0px 5px 20px; margin: 0px 0px 0px 10px; font-size: 18px; font-family: 'Helvetica'; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.Post {	position: relative; clear: left; width: 510px;}
.Post h1 { font-size: 19px; line-height: 19px; letter-spacing: -1px; font-weight: normal; font-family: 'Arial'; padding: 0px; margin: 0px; display: block;}
.Post h1 a { color: #ff5a00; text-decoration: none;}
.Post h1 a:visited { color: #ff5a00; text-decoration: none;}
.Post h1 a:hover { color: #003399; text-decoration: none;}

.PostHead { padding-left: 40px; }
.PostInfo { padding: 0px; margin: 0px; font-size: 11px; color: #828282;}
.PostInfo em { font-style: normal;}
.PostInfo em a { text-decoration: underline; color: #828282;}
.PostInfo em a:visited { text-decoration: underline; color: #828282;}
.PostInfo em a:hover { text-decoration: underline; color: #828282; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostDate { position: absolute; top: 0px; left: 0; text-align: center; margin: 0; padding: 2px 10px 2px 0px; list-style: none; border-right: solid 1px #ccc;}
.PostDate .month { display: block; font-size: 9px; line-height: 9px; color: #666; text-transform: uppercase;}
.PostDate .day { display: block; font-size: 21px; font-family: 'Arial'; font-weight: bold; line-height: 19px; color: #ccc; letter-spacing: -1px;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostContent { padding: 5px 0px 0px 0px;  font-size: 12px; line-height: 16px; border-top: solid 1px #ccc; margin-top: 15px;}
.PostContent p { font-size: 12px; line-height: 16px;}
.PostContent img { padding: 1px; border: solid 1px #f0f0f0; margin: 0px 15px 15px 0px;}
.PostContent blockquote { padding: 3px 15px; background: #fffde5; margin: 5px 0px; color:#993300; border: solid 1px #f6f3d3;}
.PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent ul { font-size: 11px; padding-left: 12px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostDetails { padding: 0px; margin: 0px; font-size: 11px; display: inline;}
.PostDetails li { padding: 0px; margin: 0px; list-style-type: none; }

.PostDetails .PostCom {}
.PostDetails .PostCom a { padding: 0px 0px 0px 23px; background: url(./images/PostComLeft.png) no-repeat left top; float: left; text-decoration: none; font-size: 11px;}
.PostDetails .PostCom a span { padding: 4px 15px 3px 5px; display: block; background: url(./images/PostComRight.png) no-repeat right top; float: left; }
.PostDetails .PostCom a span { float: none;}
.PostDetails .PostCom a:hover span {}
.PostDetails .PostCom a:hover { background-position: 0% -23px; text-decoration: none;}
.PostDetails .PostCom a:hover span { background-position: 100% -23px; }

.PostDetails .Tags { background: url(./images/PostDetailsTagsIco.png) no-repeat left center; padding: 5px 0px 5px 20px; margin-left: 0px;}


/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */
.RelatedPosts { margin: 20px 0px;}
.RelatedPosts h3 { font-size: 14px; letter-spacing: -1px; background:url(images/RelatedPostsHeading.png) no-repeat left center; border-bottom: dashed 1px #87909e; padding: 5px 0px 5px 20px; margin: 0px;}
.RelatedPosts ul { padding: 10px 0px 0px 0px; margin: 0px;}
.RelatedPosts li { padding: 0px 0px 0px 20px; margin: 0px; list-style-type: none; background: url(images/RelatedPostsLi.png) no-repeat left top;}
.RelatedPosts {}


/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */

.Comments { padding: 0px; margin: 20px 0px 0px 0px;}
.Comments .List h3 { font-size: 14px; letter-spacing: -1px; background:url(images/CommentsListHeading.png) no-repeat left center; border-bottom: dashed 1px #87909e; padding: 5px 0px 5px 20px; margin: 0px; }
.Comments .List ol { padding: 10px 0px 0px 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 0px; margin: 0px; list-style-type: none; font-size: 11px; position: relative;}
.Comments .List blockquote { border: 1px solid #D0D0D0; background-color: #F0F0F0; width: 80%}


/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */

/*\ IE/Win min height hack */ * html .Comments .List .ListNr { left: 0px;} /* */ 
.Comments .List .ListNr { color:#a8bed7; position: absolute; top: 15px; font-size: 18px; line-height: 14px; font-family: "Trebuchet MS"; font-weight: normal; letter-spacing: -1px; width: 15px; height: 15px; padding: 5px; text-align: center; border: solid 1px #cee0f4; background: #eaf4ff;}

.Comments .List .ListUser { margin: 0px; padding: 0px 0px 0px 35px; font-size: 14px; line-height: 14px; font-family: 'Arial'; letter-spacing: -1px;}
.Comments .List .ListUser a { text-decoration: none;}
.Comments .List .ListUser a:visited { text-decoration: none;}
.Comments .List .ListUser a:hover { text-decoration: none;}

.Comments .List .ListDate { color:#8c97a1; padding: 0px 0px 0px 35px; margin: 0px 0px 0px 0px; font-size: 10px; }
.Comments .List .ListDate a { color:#8c97a1; text-decoration: none;}
.Comments .List .ListDate a:visited { text-decoration: none;}
.Comments .List .ListContent { color:#333; font-size: 11px; line-height: 14px; border-top: solid 1px #c5cad0; margin: 10px 0px 0px 0px;}
.Comments .List .ListContent p { padding: 3px 0px; margin: 3px 0px; font-size: 11px; line-height: 14px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form {}
.Comments .Form h3 { font-size: 14px; letter-spacing: -1px; background:url(images/CommentsFormHeading.png) no-repeat left center; border-bottom: dashed 1px #87909e; padding: 5px 0px 5px 20px; margin: 0px 0px 10px 0px;}

.Comments .FormTop { background: #accbed url(images/CommentsFormTopBkg.gif) no-repeat left top; width: 510px; height: 5px; display: block;}

.Comments .Form form { padding: 20px; margin: 0px; background: #accbed url(images/CommentsFormEndBkg.gif) no-repeat left bottom;}
.Comments .Form p { padding: 3px 0px; margin: 0px; font-size: 11px; color:#000033;}
.Comments .Form p label { padding-bottom: 11px; display: block;}
.Comments .Form p label small { font-size: 11px; color: #000033}

.Comments .Form .Note {  margin: 5px 0px; width: 395px;}
.Comments .Form .Note small { font-size: 10px;}
.Comments .Form .TextField { background: #fff; border: solid 1px #89afd8; padding: 5px; font-size: 11px; margin-right: 20px; color:#40454b;}
.Comments .Form .TextArea { background: #fff; border: solid 1px #89afd8; padding: 5px; font-size: 11px; color:#40454b;}

.Comments .Form input.SubmitComment { width: 150px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 7px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; }
.Comments .Form input.SubmitCommentIE { width: 150px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 7px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Right Column */
.SR { float: right; width: 369px; margin-left: 21px; padding-bottom: 4px; background: #eaf4ff url(./images/SRBkg.gif) no-repeat left bottom;}
.SR h2 { font-size: 14px; letter-spacing: -1px; padding: 5px 0px; margin: 0px; border-bottom: solid 1px #d4e3f4; color:#323740;}
.SR ul { padding: 0px; margin: 0px;}
.SR li { padding: 0px; margin: 0px; list-style-type: none;}
.SR li a { padding: 2px 0px 3px 8px; color: #003366; text-decoration: none; border-bottom: solid 1px #d4e3f4; background: url(images/CategIco.png) no-repeat left top; width: 152px; display: block;}  
.SR li a:visited { color: #003366; text-decoration: none; border-bottom: solid 1px #d4e3f4;} 
.SR li a:hover { text-decoration: underline; color: #000033; border-bottom: solid 1px #d4e3f4;} 

/* Right - First Column */
.SR .SRL { float: left; width: 160px; padding: 15px 0px 15px 15px; margin-right: 11px; background:  url(./images/SRLBkg.gif) no-repeat left top;}

/* Right - Second Column */
.SR .SRR { float: right; width: 170px; padding: 15px 10px 15px 0px; background: url(./images/SRRBkg.gif) no-repeat right top;}
 
 
.Categories { margin-bottom: 20px;}
.Links { margin-bottom: 20px;}
.Archives { margin-bottom: 20px;}
.Meta {}
.Calendar {}
.Calendar caption { background: #d4e3f4; padding: 5px 0px;}
.Calendar table { width: 170px; border: solid 1px #d4e3f4;}
.Calendar table th { text-align: center; letter-spacing: -1px; border-bottom: solid 1px #d4e3f4; padding: 3px 0px;}
.Calendar table td { text-align: center; padding: 3px 0px; font-size: 11px;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Extra Footer */
.ExtraBG { width: 100%; float: left; background: #003399; padding: 25px 0px;}
.Extra { width: 900px; position: relative; clear: left; margin: 0 auto; }
.Extra h3 { padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; color:#fff; font-size: 17px; letter-spacing: -1px; border-bottom: dashed 1px #2658ad;}

.Extra ul { padding: 0px; margin: 0px;}
.Extra li { color:#fff; padding: 1px 0px 1px 13px; margin: 0px; list-style-type: none; font-size: 11px; background: url(images/ExtraIco.png) no-repeat left top;}
.Extra li a { color:#95c5e8; }
.Extra li a:visited { color:#95c5e8; }
.Extra li a:hover { color:#fff; }

.Extra .RecentPosts { width: 290px; float: left; }
.Extra .LastComments { width: 290px; float: left; margin: 0px 15px;}
.Extra .MostCommented { width: 290px; float: left;}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.FooterBG { width: 100%; float: left; background: #000066;  padding: 25px 0px;}
.Footer { width: 900px; position: relative; clear: left; margin: 0 auto; }
.Footer p { padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; color:#487cb0; font-size: 11px; border-bottom: solid 1px #062a6e; display: block;}
.Footer p a {color:#487cb0; text-decoration: underline;}

.Footer ul { display: inline; padding: 0px; margin: 0px; }
.Footer li { display: inline; padding: 0px; margin: 0px; list-style-type: none;}
.Footer .WP { text-indent: -35000px; background: url(images/FooterWPLogo.gif) no-repeat left top; width: 71px; height: 20px; float: left;}
.Footer .DD { text-indent: -35000px; background: url(images/FooterDDLogo.gif) no-repeat left top; width: 83px; height: 20px; float: left; margin-right: 10px; }