*/ /* Use this with templates/template-twocol.html */ * { margin: 0; padding: 0; } body { margin: 0; padding: 0; line-height: 1.7em; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background: url(http://cstproduction.com/blogspot/templatemo_main_bg.jpg) repeat; } a:link, a:visited { color: #5d3206; font-size:12px; text-decoration: none; font-weight: normal; } a:active, a:hover { color: #FFFF66; font-size:12px; text-decoration: underline; } p { margin: 0px; padding: 0px; } img { margin: 0px; padding: 0px; border: none; } a img { border-width:0; } /* Header ----------------------------------------------- */ #templatemo_site_title_bar_wrapper_outter { width: 100%; height: 175px; margin: 0 auto; background: url(http://cstproduction.com/blogspot/repeat_top_bg.jpg) repeat-x; } #templatemo_site_title_bar_wrapper_inner { width: 100%; height: 175px; margin: 0 auto; background: url(http://cstproduction.com/blogspot/templatemo_site_title_wrapper_bg.jpg) center top no-repeat; } #templatemo_site_title_bar { width: 980px; height: 175px; margin: 0 auto; background: url() center top no-repeat; } #templatemo_site_title_bar_top { width: 980px; height: 120px; } #header-wrapper { } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { margin: 0; text-align: left; color:#ddd; float: left; width: 500px; height: 80px; padding: 10px 0 0 0; } #header h1 { margin: 0; padding:10px 0 0 20px; line-height:1.2em; text-transform:normal; letter-spacing:0em; font: normal 40px Georgia, Serif; text-shadow: 2px 2px 2px #000; font-family: 'Lobster', arial, serif; } #header a { color:#ddd; text-decoration:none; font-size: 40px; } #header a:hover { color:#eee; } #header .description { margin:0; padding:0 20px 15px 30px; max-width:400px; text-transform:normal; letter-spacing:0em; line-height: 1.4em; font: bold 130% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; color: #eee; text-shadow: 1px 1px 1px #000; } #header img { margin-left: auto; margin-right: auto; } #templatemo_site_title_bar_top #search_box { float: right; width: 280px; height: 27px; margin: 60px 0 0 0; padding: 0; background: url(images/templatemo_search_box.png) no-repeat; } #search_box form { float: left; width: 280px; height: 27px; margin: 0; padding: 0; } #searchfield { height: 18px; width: 180px; padding: 2px 5px; margin: 0px; color: #534c0b; font-size: 12px; font-variant: normal; line-height: normal; background: none; border: 1px dashed #1a1917; } #searchbutton { height: 19px; width: 70px; margin: 0px; padding: 2px 0 22px 0; cursor: pointer; font-size: 12px; text-align: center; vertical-align: bottom; white-space: pre; color: #b17433; background: url(http://1.bp.blogspot.com/_3t5AK2zdFKs/TEqkBP9MO6I/AAAAAAAAAhc/oM4HXWIAyPU/s1600/templatemo_search_button.jpg); border: none; } /* menu */ #templatemo_menu { clear: both; width: 980px; height: 50px; padding: 0; margin: 0 auto; } #templatemo_menu ul { margin: 0px; padding: 0px; list-style: none; } #templatemo_menu ul li { padding: 0px; margin: 0px; display: inline; } #templatemo_menu ul li a { float: left; display: block; height: 35px; margin-right: 3px; padding: 0 20px; padding-top: 15px; text-align: center; font-size: 14px; text-decoration: none; color: #26210a; font-weight: bold; outline: none; } #templatemo_menu li a:hover, #templatemo_menu li .current { color: #ffffff; } /* end of menu*/ /* content */ #templatemo_content_wrapper { clear: both; width: 100%; margin: 0 auto; background: url(http://cstproduction.com/blogspot/templatemo_content_wrapper_bg.jpg) top center no-repeat; } #templatemo_content { width: 1000px; margin: 0 auto; padding: 40px 0; background: url(http://cstproduction.com/blogspot/templatemo_content_bg.png) top center no-repeat; } #templatemo_popular_posts { clear: both; width: 900px; height: 350px; overflow: hidden; padding: 50px 50px 100px 50px; margin-bottom: 145px; background: url(http://cstproduction.com/blogspot/future2.png) top center no-repeat; } #templatemo_main_content_outter { float: left; border: 1px solid #868478; background: #bbbbbb; padding: 9px; width: 680px; } #templatemo_main_content_inner { background: #b8b8b8 url(http://cstproduction.com/blogspot/templatemo_side_column_bg.jpg) right repeat-y; } #templatemo_main_column { float: left; width: 400px; padding: 40px; } #templatemo_side_column_01 { float: right; width: 200px; padding: 20px; } #templatemo_side_column_02 { float: right; width: 280px; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 660px; margin:0 auto; text-align:left; font: normal normal 100% Georgia, Serif; } #content-wrapper{ width: 980px; position: relative; font: normal normal 100% Arial, Serif; } #main { background: #9e9c93; width: 640px; padding: 20px; } #main-wrapper { float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ border: 1px solid #868478; background: #dddddd; padding: 10px; width: 680px; } #sidebar-wrapper { width: 250px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ padding: 20px; position: absolute; right: -2px; top: 0px; } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font: 25px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; line-height: 1.4em; text-transform:normal; letter-spacing:0em; color:#FAD40D; } /* Posts ----------------------------------------------- */ h2.date-header { margin:0; font: italic 110% 'Georgia',Trebuchet,Arial,Verdana,Sans-serif; line-height: 1.4em; text-transform:noone; letter-spacing:0em; color:#333; } .post { margin:.5em 0 1.5em; border-bottom:1px dashed #000; padding-bottom:3.5em; font-size: 13px; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:130%; font-weight:normal; line-height:1.4em; color:#cc6600; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; font-weight:normal; font-size:130%; color: #FAD40D; } .post h3 strong, .post h3 a:hover { color:#FAD40D; } .post-body { margin:1em 0 1em 0; line-height:1.6em; } .post ul { margin: 5px 0px 5px 20px; padding: 0px 0px 0px 0px; } .post ol { margin: 5px 0px 5px 20px; padding: 0px 0px 0px 0px; } .post ol li { margin: 5px 0px 5px 10px; padding: 0px; } .post-body blockquote { line-height:1.3em; } .post-footer { margin: 1.7em 0 0em 0; color:#333; text-transform:normal; letter-spacing:0em; font: italic 100% 'Georgia', Trebuchet, Arial, Verdana, Sans-serif; line-height: 1.4em; display: block; } .comment-link { float: right; margin-left:.6em; padding-left: 20px; background: url() no-repeat; margin-left:.6em; } .post img { padding:4px; border:1px solid #cccccc; } .post blockquote { margin:1em 20px; padding: 10px; background: #9F9D93; font-style: italic; border: 1px solid #72716B; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { color:#333; font-size:20px; font-weight:bold; letter-spacing:0; line-height:1.4em; margin:1em 0; text-transform:none; } #comments-block { line-height:1.6em; margin:1em 0 1.5em; } #comments-block .comment-author { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#A7A69D none repeat scroll 0 0; margin:0.5em 0; padding-bottom:4px; padding-left:8px; padding-top:4px; } #comments-block .comment-body { border-left:1px solid #A7A69D; border-right:1px solid #A7A69D; margin-top:-7px; padding-left:10px; padding-top:10px; font-size: 12px; } #comments-block .comment-footer { border-bottom:1px solid #A7A69D; border-left:1px solid #A7A69D; border-right:1px solid #A7A69D; font-size:11px; line-height:1.4em; margin:-0.25em 0 2em; padding-bottom:5px; padding-left:10px; text-transform:none; } #comments-block .comment-body p { margin:0; padding-bottom:15px; } .deleted-comment { color:gray; font-style:italic; } #blog-pager-newer-link { float: left; padding: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #5d3206; } #blog-pager a{ font-weight: bold; color: #5d3206; } #blog-pager-older-link { float: right; padding: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #5d3206; } #blog-pager { text-align: center; } .feed-links { background:transparent url(http://1.bp.blogspot.com/_k_DnmK4oz2Q/TBRXyQBDcdI/AAAAAAAABDY/IGVlF6nHM1I/s1600/rss.png) no-repeat scroll left center; padding-left:20px; clear: both; margin-top: 30px; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: #000; line-height: 1.5em; font-size: 14px; } .sidebar h2 { margin:0em 0 1em; font: bold 120% 'Arial',Trebuchet,Arial,Verdana,Sans-serif; line-height: 1.4em; text-transform:normal; letter-spacing:0em; color:#999999; width: 260px; height: 42px; padding: 25px 0 0 20px;; margin: 0px; border: none; color: #c5c0ac; background: url(http://4.bp.blogspot.com/_3t5AK2zdFKs/TErBkWEW3hI/AAAAAAAAAjE/M4y_Ye0AeFM/S1600-R/templatemo_side_column_header_bg.png) no-repeat; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { list-style-type:none; padding-left:15px; margin-left:0px; background: url() left no-repeat; padding-bottom: 2px; border-bottom: 1px dashed #000; } .sidebar a{ color: #000; } .sidebar .widget{ margin-bottom: 20px; } .main .Blog { border-bottom-width: 0; } .section_rss_facebook a { display: block; width: 250px; padding: 20px 0 0 10px; font-size: 16px; font-weight: bold; color: #37362f; margin-bottom: 20px; } .section_rss_facebook a:hover { text-decoration: none; } .section_rss_facebook a span { font-size: 12px; margin-top: 5px; display: block; letter-spacing: 5px; } .section_rss_twitter a { display: block; width: 250px; padding: 20px 0 0 10px; font-size: 16px; font-weight: bold; color: #37362f; margin-bottom: 20px; } .section_rss_twitter a:hover { text-decoration: none; } .section_rss_twitter a span { font-size: 12px; margin-top: 5px; display: block; letter-spacing: 5px; } .rss a { background: url(http://2.bp.blogspot.com/_3t5AK2zdFKs/TErHxOaNWlI/AAAAAAAAAjc/v57H2y4yKZk/S1600-R/rss_icon.png) right bottom no-repeat; } .twitter a { background: url(http://4.bp.blogspot.com/_3t5AK2zdFKs/TErH4UpGt6I/AAAAAAAAAjk/ZgIyE9jgDaQ/S1600-R/twitter_icon.png) right bottom no-repeat; } .section_rss_facebook a { background: url(http://2.bp.blogspot.com/_oS5zsCLHwQQ/TKB1_Y_69JI/AAAAAAAAACA/Nc382dOges8/s1600/facebook.png) right bottom no-repeat; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 0; padding: 4px; border: 1px solid #cccccc; } .profile-data { margin:0; text-transform:normal; letter-spacing:.1em; font: normal normal 120% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; color: #fff; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: italic normal 100% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; text-transform: normal; letter-spacing: 0em; } /* Footer ----------------------------------------------- */ #templatemo_footer_wrapper_outter { clear: both; width: 100%; margin: 0 auto; background: url(http://4.bp.blogspot.com/_3t5AK2zdFKs/TErD4nAhT_I/AAAAAAAAAjM/HfwUsdxvuM8/S1600-R/templatemo_footer_repeat_bg.jpg) repeat; } #templatemo_footer_wrapper_inner { width: 100%; margin: 0 auto; background: url(http://1.bp.blogspot.com/_3t5AK2zdFKs/TErEGO-MELI/AAAAAAAAAjU/NUZzL0q4y4I/S1600-R/templatemo_footer_bg.jpg); background-position: top; background-repeat: repeat-x; } #footer { clear:both; padding-top:15px; line-height: 1.6em; text-transform:normal; letter-spacing:0em; text-align: left; width: 980px; margin: 0 auto; padding: 40px 0px 30px 0px; color: #9e9c93; font-size: 12px; } #footer a{ color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #000; } .post-share-buttons{ float:right; padding-top: 8px; display: inline; } .star-ratings{ margin-top: 8px; display: inline; float: left; } .post-location{ float: left; diplay: block; } #slideshow { margin:0 auto; width: 900px; height:400px; position:relative; } #slideshow #slidesContainer { margin:0 auto; width: 640px; height: 360px; overflow:auto; /* allow scrollbar */ position:relative; } #slideshow #slidesContainer .slide { width: 640px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height: 400px; margin:0 auto; } .slide img { float:left; margin-right: 20px; border:1px solid #4f4b42; } #slideshow #slidesContainer .slide a:hover{ text-decoration: none; } #slideshow #slidesContainer .slide a p { color: #fff; } .control { display:block; width: 52px; height: 75px; text-indent:-10000px; position:absolute; cursor: pointer; } #leftControl { top: 140px; left:0; background:transparent url(http://cstproduction.com/blogspot/left.png) no-repeat 0 0; } #rightControl { top: 140px; right:0; background: transparent url(http://cstproduction.com/blogspot/right.png) no-repeat 0 0; } ]]> 1
,