/* Theme Name: Bright Ideas Theme URI: http://www.webconsiderations.com/bright-ideas Description: The Bright Ideas theme is a clean design but uses plenty of detailed styling for a pleasant and unique look.

It is compatiable with WordPress 2.7 including threaded comments and is widget-ready in the left sidebar and footer. The comments post form and reply layout design help give this theme it's unique look. Bright Ideas was built by Web Considerations, LLC. Version: 1.6 Tags: green, yellow, white, two-columns, fixed-width, left-sidebar Author: Bert Hixson Author URI: http://www.webconsiderations.com The CSS/XHTML is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* This starts the styling section of the webdesign layout */ body { font-family: "Trebuchet MS", Tahoma, Verdana, Arial; font-size: 92%; color: #333300; background-color: #E4D2BC; padding: 0; background-image: url(images/background.jpg); background-repeat: repeat-x; margin: 0px; } #masthead { color: #999999; padding: 0px; margin: 0; height: 77px; background-image: url(images/masthead.jpg); background-repeat: no-repeat; } #masthead .content { margin-left: 200px; position: relative; top: 0px; width: 600px; height: 50px; padding: 0px; color: #333333; } #masthead .content p { color:#FFFFFF; font-size: 1.5em; font-family: "Trebuchet MS", Tahoma, Verdana, Arial; margin: 0px; padding: 0px; } #masthead a, #masthead a:visited { color:#FFFFFF; text-decoration: none; } #masthead a:hover { color:#FFFFFF; text-decoration: underline; } #wrapper { width: 770px; background-image: url(../one/p7csslm/img/masthead.jpg); background-repeat: no-repeat; background-position: left top; margin-right: auto; margin-bottom: 0; margin-left: auto; } #wrapper .menulist a, #wrapper .menulist a:visited { color: #006600; padding: 0px; text-decoration: none; } #wrapper .menulist a:hover { border-color: #000000; } #title_desc { left: 0px; top: 10px; text-align: center; font-family: "Trebuchet MS", Tahoma, Verdana, Arial; position: absolute; color: #FFFFFF; font-size: 1.35em; margin: 0px; padding: 0px; } #column_wrapper { background-image: url(images/clm02_middle.gif); background-repeat: repeat-y; background-color: #FFF6EE; } #left { width: 200px; float: left; background-image: url(images/left-ray.jpg); background-repeat: no-repeat; } #left .content { font-size: 0.75em; line-height: 1.5em; margin-top: 250px; padding: 0px; } #left .content ul, #left .content p { margin-top: 5px; margin-right: 15px; margin-left: 18px; } #left .content li { margin-bottom: 5px; } #left h3, #left .menulist h3 { background-image:url(images/h3.jpg); height: 33px; background-repeat: no-repeat; padding-top: 5px; padding-left: 5px; margin: 0px; } #left a:link, #left a:visited { color:#003300; padding: 0px; text-decoration: none; } #left a:visited { color: #333333; } #left a:hover { color: #666600; text-decoration: underline; } #right { float: left; background-color: #FFF6EE; width: 568px; } #right .content { padding: 0 24px 0 24px; margin-top: 24px; font-size: 0.8em; line-height: 1.65em; background-color: #FFF6EE; } #right .content img { border: none; } #right a:link, #right a:visited { color:#003300; } #right a:hover { color:#669966; text-decoration:none; } .menulist { margin: 6px 0 12px 0; padding: 0; list-style-type: none; } h1, h1 a, h1 a:visited { font-size: 1.18em; background-image: url(images/heading.jpg); background-repeat: no-repeat; height: 25px; color: #666600; text-decoration: none; } h2, h2 a, h2 a:visited { font-size: 1.1em; margin: 30px 0 0 0; background-image: url(images/heading.jpg); background-repeat: no-repeat; height: 25px; color: #666600; text-decoration: none; } h1 a:hover, h2 a:hover { color:#336633; text-decoration:underline; } h3 { font-size: 1.25em; margin: 30px 0 0 0; } h4 { font-size: 1.1em; margin: 20px 0 0 0; } .nomargintop { margin-top: 0; } .content p { margin: 12px 0; } small { font-size: 10px; } .clearfloat { clear: both; height: 0; line-height: 0; font-size: 0; } #footer { color: #333333; background-color: #a4c17f; padding: 0px; font-size: 0.7em; clear: both; margin: 0; background-image: url(images/footer.jpg); background-repeat: repeat-x; } #footer .content, #footer .content2 { padding-top: 0px; padding-right: 24px; padding-bottom: 8px; padding-left: 24px; font-size: 1.1em; } #footer .content2 { color:#663300; font-size: 1.1em; margin-top: 25px; } #footer .content a:link, #footer .content a:visited { color: #006600; text-decoration: underline; } #footer .content a:hover { color: #666666; text-decoration:none; } #footer .content2 a:link, #footer .content2 a:visited { color:#663300; text-decoration: underline; } #footer .content2 a:hover { color: #666666; text-decoration:none; } .footer-widgets { float: left; margin-left: 50px; margin-bottom: 10px; padding: 0px; color:#333333; width: 245px; } .footer-widgets h3 { margin-bottom: 8px; padding: 4px; } .footer-widgets li, .footer-widgets ul { list-style-type: none; border-bottom: 1px solid #666666; margin-left: 0px; margin-bottom: 8px; padding: 0 0 5px 0; font-size: 1.1em; } .footer-widgets ul { padding: 6px; margin-bottom: 0px; border-bottom: none; width: 200px; } #footer .content .footer-widgets li a, #footer .content .footer-widgets li a:visited { text-decoration: none; } #footer .content .footer-widgets li a:hover { color:#996600; } .clearit { clear: both; height:1px; } /* This is the styling for the top menu bar */ #p7TBM { font-family:"Trebuchet MS", Tahoma, Verdana, Arial; position: relative; left: 0px; top: 52px; } #p7TBMroot { background-color: #E0DB97; font-size: 0.95em; } #p7TBMrootbox { } #p7TBMroot img { border: 0; } #p7TBMroot ul { margin: 0; padding: 0; } #p7TBMroot li { list-style-type: none; display: inline; } #p7TBMroot li a { float: left; } #p7TBMroot .p7TBMtext li a { color: #333333; padding: 3px 10px; text-decoration: none; } #p7TBMroot a:hover { color: #006633!important; background-color: #CCCC99!important; } .p7ie6Fix:active, #p7TBMroot a:active li a:active { color: #669900; background-color: #E0DB97; } /* This is the end of the top menu styling */ /* This specific WordPress styling start here */ .pagetitle { text-align: center; background-image: none; font-size: 1.2em; color:#003300; margin-top: 24px; } .widgets { /* used in the functions.php */ margin: 12px 0 12px 0; } #left .widgets ul { margin-top: 5px; margin-right: 15px; margin-left: 18px; list-style: none; } #left .widgets li { margin-left: -40px !important; margin-left: 0px; margin-bottom: 5px; } #left .widgets a, #left .widgets a:visited { color:#003300; padding: 0px; } #left .widgets a:hover { border-color: #000000; } .textwidget { margin-left: 12px; margin-right: 12px; } #right .nucomments a:link, #right .nucomments a:visited, #right .readmore a:link, #right .readmore a:visited { color: #A4C17F; text-decoration:none; } #right .readmore a:link, #right .readmore a:visited { color: #A4C17F; font-weight:bold; text-decoration:underline; } #right .readmore a:hover { color:#333300; text-decoration:none; } #right .author, .author a, #right .author a:visited { color: #A4C17F; font-weight: bold; text-decoration:none; } #right .author a:hover { color:#333300; text-decoration:underline; } #right .tags a, #right .tags a:visited { color: #A4C17F; font-weight: bold; text-decoration:none; } #right .tags a:hover { color:#333300; text-decoration:underline; } .commentlist { list-style-type: none; margin: 0px; padding: 0px; } #respond { width: 100% } .commentsection { margin-left: auto; margin-right: auto; min-height:185px; margin-top: 25px; margin-bottom: 25px; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #A4C17F; padding-bottom: 25px; clear:both; } .avatar { float: left; } #right .commentauthor a:link, #right .commentauthor a:visited { color:#990000; font-size: 18px; text-decoration:none; } .commentauthor a:hover { color:#996633; font-size: 18px; text-decoration:underline; } .commenttext { height: auto !important; height: 150px; min-height: 150px; margin-left: 80px; margin-right: auto; width: auto; border: 1px solid #999966; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; margin-bottom: 25px; } .cmtlinks { height: 75px; width: 75px; margin-top: 15px; text-align: right; margin-right: 6px; } .commentsection .avatar .cmtlinks a { color:#336600; text-decoration:none; margin-top: 20px; } .commentsection .avatar .cmtlinks a:hover { color:#333300; text-decoration:underline; } .commentlist li { margin:0px 0px 0px 10px; padding:0px; list-style-type: none; } .alt { } .post-metadata { border: 1px dashed #999900; background-color:#F5F5F5; padding: 5px; } #formtitle { width: 179px; height: 75px; float: left; text-align: left; padding: 10px; color: #336600; font-size: 16px; font-weight: bold; } .formdata { text-align: right; } .formdata input, .formdata textarea, #form, input, textarea { border: 1px solid #E5CC65; } .author_info { text-align: right; float:right; } .navigation .alignleft, .navigation .alignright { margin-left: 30px; padding-top: 10px; font-size: 11px; } .navigation .alignright { padding-right: 30px; } .nextposts { margin-top: 20px; margin-bottom: 25px; } .nextposts .alignleft, .nextposts .alignright { font-size: 11px; } .nextpost .alignright { padding-right: 30px; } /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 200px; float:none !important; float: left; } #left #wp-calendar a { border-left: none; margin: 0px; padding: 0px; } #wp-calendar #next a { text-align: right; } #wp-calendar #prev a { text-align: left; } #c1 #wp-calendar a, #c3 #wp-calendar a { display: block; border: none; margin: 1px; padding: 0px; } #wp-calendar caption { text-align: center; font-weight: bold; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* This section helps control the placement of images in pages or posts. WordPress by default, assigns classes when you insert the image. This will help to make sure they go where you want. */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* This end the section that handles the pages or post image placement. */