/* Theme Name: Riverside Presbyterian Church Theme URI: http://www.riversidepres.com Description: This theme was created by Aaron Roffel for the exclusive use of Riverside Presbyterian Church Version: 0.1 Author: Aaron Roffel Author URI: http://www.roffel.me Tags: custom header, fixed width Riverside v0.1 http://www.riversidepres.com This theme was designed and built by Aaron Roffel for the exclusive use of Riverside Presbyterian Church Cambridge Ontario aaron.roffel@riversidepres.com */ /* Begin Structure */ #site_center {text-align:center;} #main {width:780px; margin:0 auto; text-align:left;} #header {height:533px;} .col_1, .col_2, .col_3, .column1, .column2, .column3 { float:left;} /*======= index.html =======*/ #page1 #content .wrapper { background:url(images/line2.gif) 281px 0 repeat-y; width:780px;} #page1 #content .wrapper_top { background:url(images/wrapper_top.gif) 281px 0 no-repeat; width:780px;} #page1 #content .wrapper_bottom { background:url(images/wrapper_bottom.gif) 281px bottom no-repeat; width:780px;} #page1 #content .col_1 {width:282px;} #page1 #content .col_2 { width:480px;} /*======= index-1.html =======*/ #page2 #content .wrapper { background:url(images/line2.gif) 351px 0 repeat-y; width:780px;} #page2 #content .wrapper_top { background:url(images/wrapper_top.gif) 351px 0 no-repeat; width:780px;} #page2 #content .wrapper_bottom { background:url(images/wrapper_bottom.gif) 351px bottom no-repeat; width:780px;} #page2 #content .col_1 {width:380px;} #page2 #content .col_2 { width:377px;} /*======= index-2.html =======*/ #page3 #content .wrapper { background:url(images/line2.gif) 246px 0 repeat-y; width:780px;} #page3 #content .wrapper_top { background:url(images/wrapper_top.gif) 246px 0 no-repeat; width:780px;} #page3 #content .wrapper_bottom { background:url(images/wrapper_bottom.gif) 246px bottom no-repeat; width:780px;} #page3 #content .wrapper1 { background:url(images/line2.gif) 516px 0 repeat-y; width:780px;} #page3 #content .wrapper_top1 { background:url(images/wrapper_top.gif) 516px 0 no-repeat; width:780px;} #page3 #content .wrapper_bottom1 { background:url(images/wrapper_bottom.gif) 516px bottom no-repeat; width:780px;} #page3 #content .col_1 {width:277px;} #page3 #content .col_2 { width:270px;} #page3 #content .col_3 { width:215px;} /*======= index-3.html =======*/ #page4 #content .wrapper { background:url(images/line2.gif) 281px 0 repeat-y; width:780px;} #page4 #content .wrapper_top { background:url(images/wrapper_top.gif) 281px 0 no-repeat; width:780px;} #page4 #content .wrapper_bottom { background:url(images/wrapper_bottom.gif) 281px bottom no-repeat; width:780px;} #page4 #content .col_1 {width:282px;} #page4 #content .col_2 { width:480px;} /*======= index-4.html =======*/ #page5 #content .wrapper { background:url(images/line2.gif) 351px 0 repeat-y; width:780px;} #page5 #content .wrapper_top { background:url(images/wrapper_top.gif) 351px 0 no-repeat; width:780px;} #page5 #content .wrapper_bottom { background:url(images/wrapper_bottom.gif) 351px bottom no-repeat; width:780px;} #page5 #content .col_1 {width:380px;} #page5 #content .col_2 { width:377px;} /*======= index-5.html =======*/ #page6 #content .wrapper { background:url(images/line2.gif) 246px 0 repeat-y; width:780px;} #page6 #content .wrapper_top { background:url(images/wrapper_top.gif) 246px 0 no-repeat; width:780px;} #page6 #content .wrapper_bottom { background:url(images/wrapper_bottom.gif) 246px bottom no-repeat; width:780px;} #page6 #content .wrapper1 { background:url(images/line2.gif) 516px 0 repeat-y; width:780px;} #page6 #content .wrapper_top1 { background:url(images/wrapper_top.gif) 516px 0 no-repeat; width:780px;} #page6 #content .wrapper_bottom1 { background:url(images/wrapper_bottom.gif) 516px bottom no-repeat; width:780px;} #page6 #content .col_1 {width:277px;} #page6 #content .col_2 { width:270px;} #page6 #content .col_3 { width:215px;} /*======= index-6.html =======*/ #page7 #content .wrapper { background:url(images/line2.gif) 281px 0 repeat-y; width:780px;} #page7 #content .wrapper_top { background:url(images/wrapper_top.gif) 281px 0 no-repeat; width:780px;} #page7 #content .wrapper_bottom { background:url(images/wrapper_bottom.gif) 281px bottom no-repeat; width:780px;} #page7 #content .col_1 {width:282px;} #page7 #content .col_2 { width:480px;} /*======= index-8.html =======*/ #page9 #content .wrapper { background:url(images/line2.gif) 546px 0 repeat-y; width:780px;} #page9 #content .wrapper_top { background:url(images/wrapper_top.gif) 546px 0 no-repeat; width:780px;} #page9 #content .wrapper_bottom { background:url(images/wrapper_bottom.gif) 546px bottom no-repeat; width:780px;} #page9 #content .col_1 {width:547px;} #page9 #content .col_2 { width:215px;} /*=========================*/ #footer {height:91px;} /* End Structure */ /* Begin Typography & Colors */ * { margin:0; padding:0;} body { background:#fff; font-family:Arial; font-size:100%; line-height:1em; color:#919191;} /*in_line*/ input, select { vertical-align:middle; font-weight:normal;} img {border:0; vertical-align:top; text-align:left;} a:hover{text-decoration:none;} a {color:#38576f;} .clear { clear:both;} .fleft { float:left;} .fright { float:right;} .alignright { text-align:right;} .aligncenter { text-align:center;} p { margin:0; padding:0;} .tall_top { background:url(images/tall_top.gif) left top repeat-x #ffbb00;} .tall_bottom { background:url(images/tall_bottom.gif) left bottom repeat-x;} .form { height:29px;} .form input {width:191px; height:15px; background:none; border:1px solid #7e7e7e; color:#929292; font-size:1em; font-family:Arial;} textarea { width:201px; height:104px; background:none; overflow:auto; border:1px solid #7e7e7e; color:#929292; font-size:1em; font-family:Arial;} ul { list-style:none;} .menu li { float:left; background:url(images/header_separate.gif) no-repeat 0 1px; padding-left:24px; } .menu li a { color:#4f4f4f; font-size:1em; font-weight:bold; font-family:Arial; text-decoration:none; margin-right:28px;} .menu li a:hover { text-decoration:underline;} .menutop li { float:left; background:url(images/header_separate.gif) no-repeat 0 1px; padding-left:10px; padding-right:10px; } .title { margin:0 0 24px 0;} .img_indent { margin:0 20px 0 0; float:left;} @font-face { font-family: "Myriad Pro Regular"; src: url("fonts/MyriadPro-Regular.otf") format("opentype"); } /*txt, links*/ h1 { background:url(images/logo.png) no-repeat left top; height:90px; text-indent:-10000px;} h2 { font-family: "Myriad Pro", sans-serif; color:#343434; font-weight: normal; font-size:1.8em; line-height: 140%} h3 { color:#343434; font-size:1em;} h4 { font-style:italic; margin-bottom:15px; font-size:1em; font-weight:normal;} .txt1 { color:#343434;} .link1 { background:url(images/marker.gif) no-repeat 0 2px; padding-left:19px;} .link1:hover {} .line_hor { background:url(images/line1.gif) left bottom repeat-x;} .line { background:url(images/line2.gif) right top repeat-y;} /*header*/ #header .row_1 { height:141px; background:url(images/line1.gif) 0 26px repeat-x;} #header .row_1 .col_1 { width:598px;} #header .row_1 .col_1 .indent { padding:42px 0 0 0;} #header .row_1 .col_2 { width:182px; color:#919191; font-size:0.75em;} #header .row_1 .col_2 .indent { padding:63px 0 0 0;} #header .row_1 .col_2 a { color:#919191; text-decoration:none;} #header .row_1 .col_2 a:hover { text-decoration:underline;} #header .row_1 .indent {} #header .row_2 { height:315px; background:url(images/header_bgd.jpg) no-repeat left top;} #header .row_2 img { margin:78px 0 0 363px;} #header .row_3 { height:77px; background:url(images/header_bgd1.gif) left top repeat-x; font-size:0.8125em;} #header .row_3 .indent { padding:37px 0 0 0;} /*content*/ #content { font-size:0.75em; line-height:1.25em; width:780px;} #content .indent { padding:37px 0 52px 0;} #content ul li a { line-height:1.58em;} /*footer*/ #footer { background:url(images/line1.gif) left top repeat-x; font-size:0.75em;} #footer a { text-decoration:none;} #footer a:hover { text-decoration:underline;} #footer .indent { padding:37px 0 0 19px;} /*================== index.html ==================*/ #page1 #content .col_1 .indent { padding:0 0 0 19px;} #page1 #content .col_1 p { margin-bottom:15px;} #page1 #content .col_1 .p1 { margin-bottom:17px;} #page1 #content .col_1 .alignright { margin-right:30px;} #page1 #content .col_2 .indent { padding:0 0 0 30px;} #page1 #content .col_2 .img_indent { margin:3px 19px 40px 0;} #page1 #content .col_2 p { margin-bottom:15px;} #page1 #content .col_2 .alignright { margin:17px 11px 0 0;} /*================== index-1.html ==================*/ #page2 #content .col_1 .indent { padding:0 60px 0 19px;} #page2 #content .col_1 p { margin-bottom:13px;} #page2 #content .col_1 .p1 { margin-bottom:17px;} #page2 #content .col_1 .img_indent { margin:3px 20px 12px 1px;} #page2 #content .col_2 .indent { padding:0 0 0 0;} #page2 #content .col_2 .container { width:366px;} #page2 #content .col_2 .container .column1 { width:211px;} #page2 #content .col_2 .container .column2 { width:155px;} #page2 #content .col_2 ul { margin-bottom:15px;} #page2 #content .col_2 p { margin-bottom:14px;} #page2 #content .col_2 .p1 { margin-bottom:15px;} #page2 #content .col_2 .alignright { margin:17px 11px 0 0;} /*================== index-2.html ==================*/ #page3 #content .col_1 .indent { padding:0 60px 0 19px;} #page3 #content .col_1 p { margin-bottom:16px;} #page3 #content .col_1 .p1 { margin-bottom:17px;} #page3 #content .col_1 .img_indent { margin:0 19px 20px 1px;} #page3 #content .col_2 .indent { padding:0 40px 0 0;} #page3 #content .col_2 .container { width:366px;} #page3 #content .col_2 .container .column1 { width:211px;} #page3 #content .col_2 .container .column2 { width:155px;} #page3 #content .col_2 ul { margin-bottom:15px;} #page3 #content .col_2 p { margin-bottom:18px;} #page3 #content .col_2 .p1 { margin-bottom:15px;} #page3 #content .col_3 .indent { padding:0 0 0 0;} #page3 #content .col_3 p { margin-bottom:16px;} #page3 #content .col_3 .img_indent { margin:1px 20px 16px 0;} #page3 #content .col_3 .p1 { margin-bottom:18px;} #page3 #content .col_3 .alignright { margin-right:10px;} /*================== index-3.html ==================*/ #page4 #content .col_1 .indent { padding:0 0 0 19px;} #page4 #content .col_1 p { margin-bottom:15px;} #page4 #content .col_1 .p1 { margin-bottom:16px;} #page4 #content .col_1 ul { margin-bottom:30px;} #page4 #content .col_1 .alignright { margin-right:30px;} #page4 #content .col_2 .indent { padding:0 0 0 30px;} #page4 #content .col_2 .img_indent { margin:3px 19px 40px 0;} #page4 #content .col_2 p { margin-bottom:15px;} #page4 #content .col_2 .alignright { margin:17px 11px 0 0;} /*================== index-4.html ==================*/ #page5 #content .indent { padding:37px 0 49px 0;} #page5 #content .col_1 .indent { padding:0 60px 0 19px;} #page5 #content .col_1 p { margin-bottom:14px;} #page5 #content .col_1 .p1 { margin-bottom:17px;} #page5 #content .col_1 .container { width:292px;} #page5 #content .col_1 .container .column1 { width:170px;} #page5 #content .col_1 .container .column2 { width:122px;} #page5 #content .col_1 ul { margin-bottom:15px;} #page5 #content .col_2 .indent { padding:0 0 0 0;} #page5 #content .col_2 p { margin-bottom:14px;} #page5 #content .col_2 .p1 { margin-bottom:17px;} #page5 #content .col_2 .img_indent { margin:3px 20px 16px 1px;} #page5 #content .col_2 .container { width:366px;} #page5 #content .col_2 .container .column1 { width:211px;} #page5 #content .col_2 .container .column2 { width:155px;} /*================== index-5.html ==================*/ #page6 #content .col_1 .indent { padding:0 60px 0 19px;} #page6 #content .col_1 p { margin-bottom:16px;} #page6 #content .col_1 .p1 { margin-bottom:17px;} #page6 #content .col_1 .img_indent { margin:0 20px 12px 1px;} #page6 #content .col_2 .indent { padding:0 40px 0 0;} #page6 #content .col_2 .container { width:366px;} #page6 #content .col_2 .container .column1 { width:211px;} #page6 #content .col_2 .container .column2 { width:155px;} #page6 #content .col_2 p { margin-bottom:12px;} #page6 #content .col_3 .indent { padding:0 0 0 0;} #page6 #content .col_3 .title { margin-bottom:27px;} #page6 #content .col_3 p { margin-bottom:15px;} #page6 #content .col_3 .img_indent { margin:1px 20px 16px 0;} #page6 #content .col_3 .p1 { margin-bottom:5px;} #page6 #content .col_3 .alignright { margin-right:10px;} /*================== index-6.html ==================*/ #page7 #content .col_1 .title { margin-bottom:27px;} #page7 #content .col_1 .indent { padding:0 20px 0 20px;} #page7 #content .col_1 p { margin-bottom:15px;} #page7 #content .col_1 .p1 { margin-bottom:16px;} #page7 #content .col_1 ul { margin-bottom:30px;} #page7 #content .col_1 .alignright { margin-right:30px;} #page7 #content .col_2 .indent { padding:0 0 0 30px;} #page7 #content .col_2 .container { width:443px;} #page7 #content .col_2 .container .column1 { width:240px;} #page7 #content .col_2 .container .column2 { width:203px;} #page7 #content .col_2 p { margin-bottom:15px;} #page7 #content .col_2 .p1 { margin-bottom:17px;} #page7 #content .col_2 .alignright { margin-right:8px;} /*================== index-7.html ==================*/ #page8 #content .indent { padding:37px 20px 54px 20px;} #page8 #content p { margin-bottom:15px;} /*================== index-8.html ==================*/ #page9 #content .col_1 .indent { padding:0 30px 0 19px;} #page9 #content .col_1 p { margin-bottom:15px;} #page9 #content .col_1 .p1 { margin-bottom:16px;} #page9 #content .col_1 ul { margin-bottom:30px;} #page9 #content .col_1 .alignright { margin-right:30px;} #page9 #content .col_2 .indent { padding:0 0 0 30px;} #page9 #content .col_2 .img_indent { margin:3px 19px 40px 0;} #page9 #content .col_2 p { margin-bottom:15px;} #page9 #content .col_2 .alignright { margin:17px 11px 0 0;} /*================== unordered lists ==================*/ ul.disc {list-style-type:disc; list-style-position:inside; margin-top: -1em;} /*==================list====================*/ .block { background:url(images/block_bgd.gif) left top repeat-x;} .block .r { background:url(images/r.gif) right top repeat-y;} .block .b { background:url(images/b.gif) left bottom repeat-x;} .block .l { background:url(images/l.gif) left top repeat-y;} .block .t { background:url(images/t.gif) left top repeat-x;} .block .l_t { background:url(images/l_t.gif) no-repeat left top;} .block .r_t { background:url(images/r_t.gif) no-repeat right top;} .block .r_b { background:url(images/r_b.gif) no-repeat right bottom;} .block .l_b { background:url(images/l_b.gif) no-repeat left bottom;} .block .ind { padding:0 0 0 0;} /*==========================================*/ #wp-calendar #prev a, #wp-calendar #next a { font-size: 0.75em; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.25em 'Arial', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 5px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 5px; text-align: right; } #wp-calendar #prev a { padding-left: 5px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: left; width: 100%; } #wp-calendar td { padding: 1.5px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */