Deprecated: Function set_magic_quotes_runtime() is deprecated in /home/novad1br/html/www/wp-settings.php on line 32

Warning: Cannot modify header information - headers already sent by (output started at /home/novad1br/html/www/wp-settings.php:32) in /home/novad1br/html/www/wp-content/themes/doda/style-options.php on line 115
/************************************************************************ # GENERAL *************************************************************************/ *{ font-family: Verdana, Arial, sans-serif; } .Clear, .clear { clear: both; } .left, .Left{ float:left; } .right, .Right{ float:right; } .center, .Center{ text-align:center; } a:link, a:visited{ text-decoration: underline; color: #7e7778; } a:hover{ color: #000000; } em{ font-style: italic; } b, strong{ font-weight: bold; } u{ text-decoration: unerline; } strike{ text-decoration: line-through; } /* STRIP TWITTER */ .twtr-hd, .twtr-ft{ display: none; } .twtr-widget .twtr-tweet{ border:none !important; } .twtr-widget em{ display:none !important; } /* STRIP TWITTER END */ /* IMAGES */ .Post img{ display:block; margin:0 auto 10px auto; } p img { padding: 0; max-width: 100%; } 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:0 auto; } img.wp-smiley{ display:inline; } /* IMAGES END */ .Blogshow > div{ margin:0 auto; } @media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-width: 800px), handheld{ .IsMobile { text-transform: capitalize; /* using this for mobile detection */ } } .BlogWidth{ width: 960px; margin:0 auto; } .BlogContentWidth{ width: 800px; margin:0 auto; } /************************************************************************ # GENERAL END *************************************************************************/ /************************************************************************ # STRUCTURE *************************************************************************/ body { background: #fffbfb url("http://www.novadesignworks.com/doda-blog-gateway.php?action=create_gradient&hex1=fffbfb&hex2=fffbfb&height=1000") repeat-x; } body, p { color: #2c2c2c; font-size: 10px; line-height: 17px; } #body-inner { } #header{ position: fixed; top:0px; width: 100%; z-index: 8888; background: #151515; -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.44); -webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.44); box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.44); } @media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-width: 800px), handheld { #header { position: relative; } } #logo{ float:left; } #logo a{ padding:0px; margin:0px; display:block; } #logo a img{ padding:0px; margin:0px; display:block; } #content{ padding: 25px 0; } #content-small{ float:left; width: 550px; /* width of sidebar - some extra padding */ } /************************************************************************ # STRUCTURE END *************************************************************************/ /************************************************************************ # NAVIGATION *************************************************************************/ #navigation{ position:relative; float:right; z-index: 98; font-family: Arial, sans-serif; } #navigation ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:98; background: #151515; } /* 1st TIER (main) */ #navigation ul li{ float:left; padding:0 0 0 45px; margin:0; position: relative; } #navigation ul a{ display: block; text-decoration: none; white-space: nowrap; background: none; font-size: 12px; line-height: 12px; color: #ffffff; cursor:pointer; padding: 33px 0; text-transform: uppercase; text-align: right; font-family: ; } #navigation ul li a:hover{ color: #dddddd; } #navigation ul li.current_page_ancestor a, #navigation ul li.current-menu-ancestor a, #navigation ul li.current-menu-item a{ color: #dddddd; } #navigation ul li.current_page_ancestor ul li a, #navigation ul li.current-menu-ancestor ul li a, #navigation ul li.current-menu-item ul li a{ color: #ffffff; } #navigation ul li.current_page_ancestor ul li a:hover, #navigation ul li.current-menu-ancestor ul li a:hover, #navigation ul li.current-menu-item ul li a:hover{ color: #dddddd; } /* 2nd TIER */ #navigation ul li ul { position:absolute; right:0px; display: none; list-style-type:none; list-style-position:outside; z-index:99; background: #151515; border-top: none; margin: 0 0 0 -5px; padding: 5px 15px; } #navigation ul li ul li{ float: right; clear: right; margin: 0px; padding: 0px; } #navigation ul li ul li a{ font-size: 12px; color: #ffffff; margin: 0px; padding: 0px; line-height: 1.4em; } #navigation ul li ul li a:hover{ } /* 3rd TIER */ #navigation ul li ul li ul { display: none !important; } #navigation ul li:hover ul ul, #navigation ul li:hover ul ul ul, #navigation ul li:hover ul ul ul ul{ display: none; } #navigation ul li:hover ul, #navigation ul li li:hover ul, #navigation ul li li li:hover ul, #navigation ul li li li li:hover ul{ display: block; } /************************************************************************ # NAVIGATION END *************************************************************************/ /************************************************************************ # HOME *************************************************************************/ #social-icons{ position: relative; z-index: 2; top: 25px; } #social-icons a{ float: right; margin-left: 10px; } #welcome-container{ margin:0 auto; padding:0 0 4px 0; position: relative; padding-bottom:8px; } #welcome-container h3#welcome-title{ color: #191818; font-size: 18px; line-height: 18px; padding-bottom: 14px; margin: 0px; } #welcome-container #welcome-content{ padding-bottom:0px; margin-bottom:0px; font-size: 11px; line-height: 19px; } #welcome-container #welcome-content h2{ font-weight:bold; } #welcome-container #welcome-content ul li{ margin-left: 25px; list-style-type: disc; } #welcome-container #welcome-content p { padding-bottom: 10px; font-size: 11px; line-height: 19px; } #intro-columns{ border-top:1px solid #151515; padding-top:22px; padding-bottom:22px; } #intro-columns .IntroColumn{ float:left; position:relative; width: 313.333333333px; } #intro-columns #intro-column1{ margin-right:10px; height:200px; } #intro-columns #intro-column2{ margin-right:10px; height:200px; } #intro-columns #intro-column3{ height:200px; } #intro-columns .IntroColumn .IntroColumnTitle{ display:inline; position:absolute; bottom:0px; padding: 1.8px 7.2px; z-index:2; background: url(http://www.novadesignworks.com/doda-blog-gateway.php?action=image_colorize&effect=overlay&image=transparent_bg.png&color=111111) ; height: 24.3px; } #intro-columns .IntroColumn h2{ color: #ffffff; font-size: 19.8px; line-height:24.3px; font-weight:bold; position:absolute; bottom:0px; padding: 1.8px 7.2px; z-index:3; font-family: Arial, sans-serif; } #intro-columns .IntroColumn .IntroColumnImage { position:relative; display:block; overflow:hidden; } #latest-posts{ padding-top: 16px; border-top:1px solid #151515; } #latest-posts #latest-posts-title{ color: #191818; font-size: 18px; line-height: 18px; padding-bottom: 14px; margin: 0px; } #latest-posts .LatestPost{ float:left; position:relative; width: 229.5px; margin-right:14px; } #latest-posts .LatestPost#latest-post4{ margin-right:0px; } #latest-posts .LatestPost .LatestPicture { position:relative; display:block; overflow:hidden; margin-bottom:6px; } #latest-posts .LatestPost h3.LatestTitle{ margin-top: 8px; margin-bottom:4px; } #latest-posts .LatestPost h3.LatestTitle a{ color: #191818 !important; font-weight:bold; font-size: 11px !important; line-height: 11px !important; text-decoration: none; } #latest-posts .LatestExcerpt{ padding-bottom:6px; } #latest-posts .LatestCategories{ font-size: 9px; color: #2c2c2c; } #latest-posts .LatestCategories a{ font-size: 9px !important; color: #2c2c2c !important; text-decoration: none; } #latest-posts .LatestCategories a:hover{ color: #000000 !important; } /************************************************************************ # HOME END *************************************************************************/ /************************************************************************ # SIDEBAR *************************************************************************/ #sidebar{ float:right; width: 210px; position:relative; padding:20px 0 0 0; } #sidebar .widget{ padding:0 0 50px 0; } #sidebar h2{ font-size:10px; text-transform:uppercase; color: #7e7778; padding:0 0 20px 0; } #sidebar a{ color: #7e7778; text-decoration:none; } #sidebar a:hover{ color: #000000; } #sidebar ul{ list-style:none; padding:0; margin:0; } #sidebar li li{ } #sidebar li li li{ border-bottom:none; } #sidebar ul ul ul{ padding:0 0 0 15px; } #sidebar ul ul{ } #sidebar ul ul ul{ border:none; } #sidebar .widget_text h2{ border-bottom:none; } #sidebar .textwidget{ } #sidebar .widget_tag_cloud div{ padding-top:3px; } #sidebar .widget_tag_cloud div a{ padding:0 10px 0 0; } #sidebar #calendar_wrap{ padding-top:3px; } #sidebar #wp-calendar{ width:100%; } #sidebar #wp-calendar tr td a{ text-decoration: underline; } #sidebar #wp-calendar tr td#next{ text-align:right; } #sidebar #searchform{ } sidebar a.rsswidget{ margin: -3px 0; } #sidebar a.rsswidget img{ position:relative; top: 3px; } /************************************************************************ # SIDEBAR END *************************************************************************/ /************************************************************************ # SEARCH *************************************************************************/ #searchform{ width: 210px; } #searchform #s{ border: none; color: #555555; width:198px; height:20px; background: #c8c8c8; padding:1px 6px; font-size: 9px; } #searchform #searchsubmit{ display:none; cursor:pointer; } /************************************************************************ # SEARCH END *************************************************************************/ /************************************************************************ # POST *************************************************************************/ .Post { position:relative; padding-bottom:45px; } .Post { position:relative; padding-bottom:20px; } .Post .Date{ float:right; text-align:right; color: #191818; font-size: 18px; width:150px; } .Post .DateMonth{ font-size: 14.4px; line-height: 14.4px; text-transform:uppercase; float:right; position:relative; top:9px; } .Post .DateDay{ font-size: 23.4px; line-height: 23.4px; text-transform:uppercase; padding-right:6px; float:right; } .Post .MetaComments{ clear:both; padding-bottom:3px; padding-top:2px; height: 10px; } .Post .MetaComments a{ display:block; text-decoration:none; color: #191818; font-size: 10px; line-height: 10px; font-family: Arial, sans-serif; } .Post .Date .LeaveComment{ } .Post .LeaveComment a{ display:block; text-decoration:none; color: #191818; font-size: 8px; line-height: 8px; font-family: Arial, sans-serif; } .Post .TitleMeta { float:left; width: 650px; /* date */ padding-top:10px; } #content-small .Post .TitleMeta { width: 400px; /* width of sidebar - some extra padding - date */ } .Post .Title { } .Post .Title h2 a { font-family: Arial, sans-serif; text-decoration: none; color: #191818; font-size: 18px; } .Post .MetaData, .Post .MetaData a:link, .Post .MetaData a:visited{ font-size: 9px; font-style: italic; padding-bottom:28px; text-decoration:none; color: #7e7778; } .Post .MetaData a:hover{ color: #000000; } .Post .MetaCategories{ float:left; } .Post .Entry{ } .Post .Entry p{ margin-bottom:20px; } .Post .Entry ul { list-style-type: disc; margin-bottom: 20px; } .Post .Entry ol { margin-bottom: 20px; margin-left:20px; } .Post .Entry li { margin-left: 35px; } .Post .Entry ul ul{ margin-bottom: 0px; } .Post .Entry a { text-decoration: underline; } .Post .Entry a:hover { color: #000000; } .Post .Entry strong { font-weight: bold; } .Post .Entry em { font-style: italic; } .Post .Entry input { border: 1px solid #151515; background none; padding:4px; margin:4px 0; } .Post .Entry h1{ font-size: 16.2px; margin-bottom:15px; } .Post .Entry h2{ font-size: 15.3px; margin-bottom:15px; } .Post .Entry h3{ font-size: 14.4px; margin-bottom:15px; } .Post .Entry h4{ font-size: 13.5px; margin-bottom:15px; } .Post .Entry h5{ font-size: 12.6px; margin-bottom:15px; } .Post .Entry h6{ font-size: 11.7px; margin-bottom:15px; } .Post .MetaSocialMedia{ position: relative; } .MetaSocialMedia .GooglePlus1{ float: left; margin-right: 0px !important; } .MetaSocialMedia .TweetPost{ float: left; margin-right: 12px !important; } .MetaSocialMedia .FacebookLike{ margin:0 !important; width:100px; float: left; } .Post .MetaSocialMediaSingle{ position: relative; padding-top:10px; padding-bottom:30px; } .MetaSocialMediaSingle .GooglePlus1{ float: left; margin-right: 0px !important; } .MetaSocialMediaSingle .TweetPost{ float: left; margin-right: 12px !important; } .MetaSocialMediaSingle .FacebookLike{ margin:0 !important; width:100px; float: left; } #entry-navigation{ padding:10px 0 10px 0; } #entry-navigation a{ font-size: 16px; color: #191818; text-decoration: none; } #entry-navigation a:hover{ color: #000000; } /************************************************************************ # POST END *************************************************************************/ /************************************************************************ # PAGES *************************************************************************/ .Page .PageTitle{ padding-bottom:18px; } .Page .PageTitle h2 a{ font-family: Arial, sans-serif; text-decoration: none; color: #191818; font-size: 18px; } /************************************************************************ # PAGES END *************************************************************************/ /************************************************************************ # SINGLE POST *************************************************************************/ /************************************************************************ # SINGLE POST END *************************************************************************/ /************************************************************************ # ARCHIVES PAGE *************************************************************************/ /************************************************************************ # ARCHIVES PAGE END *************************************************************************/ /************************************************************************ # ARCHIVE PAGE - CATEGORIES, TAGS, DATES, ETC *************************************************************************/ #archive-title{ padding-bottom:35px; } #archive-title h2{ font-family: Arial, sans-serif; font-style: italic; font-size: 18px; } /************************************************************************ # ARCHIVE PAGE END *************************************************************************/ /************************************************************************ # CONTACT *************************************************************************/ #contact-area{ } #contact-area #contact-failed, #contact-area #contact-success{ border: 1px solid #2c2c2c; margin-bottom:15px; padding:5px 10px; } #sidebar.ContactSidebar{ width: 210px !important; padding-top: 36px !important; } #content-small.ContactContent{ width: 550px !important; /* width of sidebar - some extra padding */ } #contact-side-labels{ float:left; padding-right:10px; font-family: Arial, sans-serif; font-style: italic; color: #191818; font-weight:bold; } #contact-side-inputs{ float:left; } #contact-side-labels .ContactSideItem, #contact-side-inputs .ContactSideItem{ clear:left; } #contact-side-map{ padding-top: 15px; } #contact-side-map a{ color: #7e7778 !important; } #contact-side-map a:hover{ color: #000000 !important; } /************************************************************************ # CONTACT END *************************************************************************/ /************************************************************************ # COMMENTS *************************************************************************/ .CommentsTitle{ font-family: Arial, sans-serif; text-decoration: none; color: #191818; font-size: 18px; } #comments-archived-title{ padding-bottom:10px; padding-top:5px; } #comments-archived-title a{ font-style:italic; } #comments-archived{ display: none; } #comments{ position:relative; } #comments-side-heading{ width:150px; height:190px; position:absolute; left:-162px; top:13px; } #comments-side-heading #side-comments-number{ text-align:right; color: #191818; font-weight:bold; line-height:1.1em; font-family: Arial, sans-serif; font-size: 10.8px; } #comments-side-heading a#side-commentform-link{ float:right; font-style:italic; color: #2c2c2c; text-decoration:none; text-transform:lowercase; font-family: Arial, sans-serif; font-size: 10.8px; } #comments-side-heading .twitter-share-button{ position:absolute; top:37px; right:-15px; margin: 0 !important; } #comments-side-heading #facebook-like{ position:absolute; top:89px; right:10px; width: 75px; overflow: hidden; clear:right; height:20px; } #comments-side-heading .GooglePlus1{ position:absolute; top:63px; left:78px; overflow: hidden; clear:right; height:20px; } ul.CommentList{ list-style:none; padding:10px 0 0 0; position:relative; } ul.CommentList a { color: #2c2c2c; } ul.CommentList .CommentAuthor{ font-weight:bold; color: #191818; } ul.CommentList .CommentAuthor a{ color: #191818 !important; } ul.CommentList .CommentDate{ padding-bottom:6px; } ul.commentlist .CommentDate a{ font-style: italic; text-decoration:none; } ul.CommentList .CommentModeration{ font-style: italic; } ul.CommentList .CommentText, ul.CommentList .CommentText p{ color: #2c2c2c; } ul.CommentList .CommentText p, ul.CommentList .CommentReply{ display:inline; } ul.CommentList .CommentReply, ul.CommentList .CommentReply a{ font-style: italic; } .Post ul.CommentList li{ list-style:none; margin:0 0 21px 0; } .Post ul.CommentList li ul{ margin-left:75px; } .Post ul.CommentList li ul li{ padding-top:15px; margin-top:6px; padding-left:28px; background: url(http://www.novadesignworks.com/doda-blog-gateway.php?action=image_colorize&effect=overlay&image=comment_bg.png&color=191818) top left no-repeat; } .Respond { position:relative; margin:0 0 5px 0; padding-top:5px; } .Respond .Left{ width:40%; } .Respond .Right{ width:53%; position:relative; display:block; } .Respond .cancel-comment-reply{ padding-bottom:6px; } .Respond input, .Respond textarea{ padding:5px !important; background:none; margin: 0px !important; border: 1px solid #2c2c2c !important; color: #2c2c2c; font-size: 11px; } .Respond input{ width:60%; } .Respond textarea{ height:82px; width:96.5%; float:right; } .Respond .LabelContainer{ position:relative; padding-bottom:8px; } .Respond .LabelContainer label{ position:absolute; top:4px; padding:0 0 0 10px; } .Respond input#submit{ background: #2c2c2c; color: #fffbfb; float:right; width:80px; border:none; cursor:pointer; } /************************************************************************ # COMMENTS END *************************************************************************/ /************************************************************************ # FOOTER *************************************************************************/ #footer { position:relative; margin:0 auto; padding:25px 0 10px 0; background: #151515; font-size: 9px; color: #474243; } #footer .Left{ width: 750px; padding-top: 20px; } #footer .Right{ width: 210px; padding-top: 20px; } #footer p { display: inline; font-size: 9px; color: #474243; } #footer a{ color: #474243 !important; text-decoration: underline; } #footer #searchform{ width: 210px; position: relative; top:-3px; } #footer #searchform #s{ border: none; color: #bcbcbc; width:198px; height:20px; background: #282828; padding:1px 6px; font-size: 9px; } #footer #searchform #searchsubmit{ display:none; cursor:pointer; } #twitter-container{ position:relative; background: #282828; padding:4px 20px 5px 20px; margin-bottom:20px; } #twitter-container #twitter{ color: #bcbcbc; } #twitter-container #twitter .twtr-tweet-text, #twitter-container #twitter .twtr-tweet-text p, #twitter-container #twitter .twtr-tweet-text a{ font-style: italic; color: #bcbcbc !important; font-size: 11px !important; } #twitter-container #twitter .twtr-tweet-text a{ color: #bcbcbc !important; text-decoration: underline !important; } #twitter-container a#twitter-follow{ clear: both; position:relative; bottom:4px; font-style: italic; text-decoration: none !important; color: #5f5f5f !important; margin-left:6px; font-size: 9px; } #twitter-container a#twitter-follow:hover{ text-decoration: underline !important; color: #5f5f5f !important; } /************************************************************************ # FOOTER END *************************************************************************/ /************************************************************************ # HEADER - ORBIT *************************************************************************/ #banner-container{ position: relative; } #banner { width: 960px; height: 540px; background: url('images/orbit/loading.gif') no-repeat center center; overflow: hidden; } #banner img, #banner div, #banner a{ display: none; } /* CONTAINER */ div.orbit-wrapper { width: 1px; height: 1px; position: relative; } div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden } div.orbit>img { position: absolute; top: 0; left: 0; display: none; } div.orbit>a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; } .orbit>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* TIMER */ div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 1001; } span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(http://www.novadesignworks.com/doda-blog-gateway.php?action=image_colorize&effect=overlay&image=rotator-black.png&color=111111) no-repeat; z-index: 3; } span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } span.rotator.move { left: 0; } span.mask.move { width: 40px; left: 0; background: url(http://www.novadesignworks.com/doda-blog-gateway.php?action=image_colorize&effect=overlay&image=timer-black.png&color=111111) repeat 0 0; } span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(http://www.novadesignworks.com/doda-blog-gateway.php?action=image_colorize&effect=overlay&image=pause-black.png&color=111111) no-repeat; z-index: 4; opacity: 0; } span.pause.active { background: url(http://www.novadesignworks.com/doda-blog-gateway.php?action=image_colorize&effect=overlay&image=pause-black.png&color=111111) no-repeat 0 -40px } div.timer:hover span.pause, span.pause.active { opacity: 1; } /* CAPTIONS */ .orbit-caption { display: none; } .orbit-wrapper .orbit-caption { background: #000; background: rgba(0,0,0,.6); z-index: 1000; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; } /* DIRECTIONAL NAV */ div.slider-nav { display: block; } div.slider-nav span { width: 78px; height: 100px; text-indent: -9999px; position: absolute; z-index: 1000; top: 50%; margin-top: -50px; cursor: pointer; } div.slider-nav span.right { background: url(http://www.novadesignworks.com/doda-blog-gateway.php?action=image_colorize&effect=overlay&image=right-arrow.png&color=111111); right: 0; } div.slider-nav span.left { background: url(http://www.novadesignworks.com/doda-blog-gateway.php?action=image_colorize&effect=overlay&image=left-arrow.png&color=111111); left: 0; } /* BULLET NAV */ .orbit-bullets { position: absolute; z-index: 1000; list-style: none; bottom: -15px; padding: 0; left: 441px; } .orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #000000; text-indent: -9999px; width: 8px; height: 8px; overflow: hidden; background: #2c2c2c; } .orbit-bullets li.active { background:#000000; } .orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } .orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } /************************************************************************ # HEADER - ORBIT END *************************************************************************/ /************************************************************************ # SHORTCODES *************************************************************************/ blockquote, blockquote p{ font-size: 15px; font-style:italic; line-height:1.3em; font-family: Arial, sans-serif !important; } blockquote{ background: url('images/shortcodes/quote-start.png') top left no-repeat; margin:0 0 15px 0; } blockquote p, .entry blockquote p{ background: url('images/shortcodes/quote-end.png') bottom right no-repeat; padding:5px 25px 0px 25px; text-indent: 2em; } blockquote.blockquoteLeft{ display:inline; width:40%; float:left; margin:10px 10px 10px 0; } blockquote.blockquoteRight{ display:inline; width:40%; float:right; margin:10px 0 10px 10px; } .red{ border-top: 4px solid #8F0A00; border-bottom: 4px solid #8F0A00; margin:0 0 15px 0; padding: 10px 0 10px 40px; background: url('images/shortcodes/red_alert.png') no-repeat top left; background-position:7px 15px; } .green{ border-top: 4px solid #055F00; border-bottom: 4px solid #055F00; margin:0 0 15px 0; padding: 10px 0 10px 40px; background: url('images/shortcodes/green_plus.png') no-repeat top left; background-position:7px 15px; } .yellow{ border-top: 4px solid #AFA000; border-bottom: 4px solid #AFA000; margin:0 0 15px 0; padding: 10px 0 10px 40px; background: url('images/shortcodes/yellow_textbox.png') no-repeat top left; background-position:7px 15px; } .blue{ border-top: 4px solid #00456F; border-bottom: 4px solid #00456F; margin:0 0 15px 0; padding: 10px 0 10px 40px; background: url('images/shortcodes/blue_check.png') no-repeat top left; background-position:7px 15px; } pre{ border:1px dotted #777; padding:5px 15px; margin:0 0 15px 0; display:block; overflow:auto; background:#fff; } .TwoColumns{ } .TwoColumns .Column1{ width: 49%; margin-right:2%; float:left; } .TwoColumns .Column2{ width: 49%; float:left; } .ThreeColumns{ } .ThreeColumns .Column1{ width: 32%; margin-right:2%; float:left; } .ThreeColumns .Column2{ width: 32%; margin-right:2%; float:left; } .ThreeColumns .Column3{ width: 32%; float:left; } .FourColumns{ } .FourColumns .Column1{ width: 23.5%; margin-right:2%; float:left; } .FourColumns .Column2{ width: 23.5%; margin-right:2%; float:left; } .FourColumns .Column3{ width: 23.5%; margin-right:2%; float:left; } .FourColumns .Column4{ width: 23.5%; float:left; } /************************************************************************ # SHORTCODES *************************************************************************/