/* Top Elements */ * { margin: 0; padding: 0; outline: 0 } body { font-family: Verdana, Tahoma, arial, sans-serif; font-size: 12px; color: #000000; margin: 0; padding: 0 0 50px 0; background: #fff url(grain_dark.jpg); text-align: center; } .imgright { float : right; margin : 0px 1px 5px 0px; padding : 5px; } .imgrighta { margin-left: 210px; margin-top: -30px } .imgleft { float : left; margin : 5px 10px 0px 0; padding : 0; padding-bottom : 0; } /* Links */ a, a:active, a:link { text-decoration: none; color: #555555; } a:visited { text-decoration: none; } /* headers */ h2 { font-size: 20px; color: #895F30; padding: 20px 10px 5px 10px; margin: 0; } h3 { font-size: 170%; font-weight: normal; padding: 20px 10px 5px 10px; margin: 0; } P { line-height : 22px; padding-top : 5px; padding-left : 5px; padding-right : 5px; } dl { padding: 10px; margin: 0; } ol { margin: 10px 20px; padding: 0 20px; } dt { font-weight: bold; color: #895F30; } dd { padding-left: 25px; } /* images */ img { padding: 5px; } img.float-right { margin: 5px 0px 10px 10px; } img.float-left { margin: 5px 10px 10px 0px; } code { margin: 5px 0; padding: 15px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ; /* white-space: pre; */ border: 1px solid #ECF8FE; background: #ECF8FE; } acronym { cursor: help; border-bottom: 1px dotted #895F30; } blockquote { margin: 15px 10px; padding: 10px 10px 10px 35px; font-weight: normal; font-size: 1.5em; line-height: 1.5em; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #000033; background: #FFF8DF; border-left: 3px solid #7D5500 } /* start - table */ table { border-collapse: collapse; margin: 15px 10px; } th { background: #ADD8E6 url(header-bg.jpg) repeat-x 0 -100px; height: 38px; padding-left: 12px; padding-right: 12px; color: #fff; text-align: left; border-left: 1px solid #78C7FA; border-bottom: solid 2px #fff; } tr { height: 34px; background: #fff; } td { padding-left: 11px; padding-right: 11px; border: 1px solid #EDEDED; } /* end - table */ /* form elements */ form { margin: 15px 10px; padding: 5px 10px 20px 10px; } label { display: block; font-weight: bold; margin: 8px 0 5px 0; color: #895F30; } input, select { padding: 4px; font: normal 1em Verdana, sans-serif; color: #666666; background: #fff; } textarea { width: 400px; padding: 4px; font: normal 1em Verdana, sans-serif; height: 100px; display: block; color: #666666; border: thin solid #444444 } input, textarea, select { background: #fff; border-width: 1px; border-style: solid; border: thin solid #444444 } input.button { font: bold 12px Arial, Sans-serif; height: 30px; margin: 0; padding: 2px 3px; color: #555; background: #E6E6E6; border-width: 1px; border-style: solid; border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb; } /* search form */ .searchform { background-color: transparent; border: none; margin: 0; padding: 12px 0 15px 8px; width: 250px; } .searchform p { margin: 0; padding: 0 0 10px 0; } .searchform input.textbox { width: 170px; color: #777; height: 18px; padding: 2px; vertical-align: top; } .searchform input.button { width: 60px; height: 24px; padding: 2px 5px; vertical-align: top; } /*------------------------------------------ LAYOUT -------------------------------------------*/ #wrap-out { position: relative; background: #fff; width: 900px; margin: 0 auto; text-align: left; } #wrap { width: 900px; margin: 0 auto; background: #FFFFFF } #content-wrap { position: relative; clear: both; float: left; width: 900px; padding: 0; margin-left: 5px; background: transparent; display: inline; margin-top: 23px } #header { position: relative; width: 900px; height: 222px; padding: 0; margin: 0 auto; top: 0px } #header-photo { position: relative; width: 900px; height: 220px; padding: 0; margin: 0 auto; background: transparent url(header.jpg) no-repeat; top: 40px } /* Navigation */ #nav { position: absolute; clear: both; margin: 0; padding: 0; height: 40px; left: 0px; top: 0px; z-index: 99999; background: url(nav.jpg) repeat bottom } #nav ul { float: left; list-style: none; width: 900px; height: 40px; text-transform: uppercase; margin: 0; padding: 0; display: inline; } #nav ul li { display: inline; margin: 0; padding: 0; } #nav ul li a { float: left; margin: 0; padding: 15px 0; text-transform: none; text-decoration: none; height: 10px; color: #694f42; font-size: 13px; margin-right: 2px; font-weight: bold; padding-right: 3px; text-align: center; padding-left: 2px } #nav ul li a:hover, #nav ul li a:active { color: #EEEEEE; background: url(nav.jpg) repeat center; border: none; } #nav ul li#current a { color: #EEEEEE; background: url(nav.jpg) repeat center; border: none; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: normal 72px Georgia, "Times New Roman", Times, serif; letter-spacing: -1.5px; color: #fff; text-transform: none; text-decoration: none; /* change the values of top and left to adjust the position of the logo*/ top: 95px; left: 30px; } #header h1#logo-text a:hover { background: none; border: none; } #header p#intro { position: absolute; margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 18px; line-height: 1.6em; font-style: italic; text-transform: none; color: #755643; width: 400px; /* change the values of top and left to adjust the position */ top: 190px; left: 35px; } .textb{ color: #A80000; font-weight: bold } .textb a, a:hover{ color: #A80000; font-weight: bold } .textd{ color: #000091; font-size: 12px } .textd a{ color: #000091; font-size: 12px } /* Main Column */ #main { float: left; width: 600px; padding: 0; margin: 0; display: inline; } #maina { float: left; width: 850px; padding: 0; margin: 0; display: inline; } #main h2 { padding-bottom: 3px; margin-top: 15px; font: normal 2.6em Georgia, "Times New Roman", Times, serif; color: #895F30; text-transform: none; border-bottom: 1px solid #ebebeb; } #main a:hover{ color: #510000; font-weight: normal; text-decoration: underline } #main h3 { padding-bottom: 3px; margin-top: 5px; color: #895F30; text-transform: none; border-bottom: 1px solid #ebebeb; font-size: 22px } #main h4 { padding-bottom: 3px; margin-top: 15px; color: #895F30; text-transform: none; margin-left: 5px; font-size: 16px } #main ul li { list-style-image: url(bullet.gif); line-height: 22px; list-style: disc; padding-left: 5px; margin-left: 25px; } #main ul li a{ color: #333333; font-size: 12px } #main ul li a:hover{ color: #333333; font-size: 12px; font-weight: normal; text-decoration: underline } /* Sidebar */ #sidebar { float: right; width: 290px; padding: 0; margin: 15px 0 0 0; display: inline; border-left: thin solid #777777 } #sidebar h3 { margin-top: 10px; padding: 15px 5px 3px 5px; font: normal 2em 'trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; color: #666666; letter-spacing: -.5px; } #sidebar h4 { margin-top: 0px; padding: 5px 5px 3px 5px; font: normal 0.9em 'trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; color: #666666; } #sidebar ul.sidemenu { text-align: left; margin: 7px 5px 8px 0px; padding: 0; text-decoration: none; background: url(dots.gif) repeat-x left top; } #sidebar ul.sidemenu li { list-style: none; background: url(dots.gif) repeat-x left bottom; padding: 8px 10px; margin: 0; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; background-image: none; background-color: transparent; border: none; color: #0C9BC2; font-weight: bold; font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, Sans-serif; font-size: 14px; /* letter-spacing: .5px; */ } #sidebar ul.sidemenu li a span { color: #989898; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; font-size: .8em; } #sidebar ul.sidemenu li a:hover { color: #555; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { background: none; } /* footer */ #footer-wrap { position: relative; clear: both; padding: 1em 0 2.5em 0; margin-top: 30px; font: normal 1em 'Trebuchet MS', Tahoma, sans-serif; background: #ECF8FE url(footer.jpg); color: #FFFFFF; width: 900px; float: left; } #footer-wrap a{ color: #EEEEEE } #footer-wrap h3 { font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, sans-serif; text-transform: none; letter-spacing: 0; margin-left: 0; color: #666666; } #footer-content { margin: 0 auto; width: 880px; text-align: left; } #footer-content ul.col-list { background: url(dots.gif) repeat-x left top; list-style: none; margin: 5px 0 0 5px; padding: 0; width: 98%; } #footer-content ul.col-list li { background: url(dots.gif) repeat-x left bottom; } #footer-content ul.col-list li a { display: block; line-height: 2em; font-weight: bold; padding: 4px 0 4px 8px; width: 98%; color: #777; border: none; } #footer-content ul.col-list li a:hover { color: #333; text-decoration: none; } #footer-content ul.col-list li a span { color: #989898; font-style: italic; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; } #footer-content .col { width: 280px; padding: 0 0 30px 0; display: inline; } #footer-content .space-sep { margin-right: 12px; } #footer-content .col2 { width: 285px; padding: 0 0 30px 0; display: inline; } /* postmeta */ .postmeta { padding: 5px; margin: 20px 10px 15px 10px; font-size: 1em; color: #777; border: 1px solid #ECF8FE; background: #ECF8FE; } .postmeta .date{ margin: 0 10px 0 5px; } .postmeta a.comments { margin: 0 10px 0 5px; } .postmeta a.readmore { margin: 0 10px 0 5px; } .post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #bababa; } .post-info a { color: #C5935C; } /* thumbnails */ p.thumbs{ padding: 12px 5px 0 0; } .thumbs img { position: relative; border: 1px solid #ebebeb; background: none; padding: 4px; margin: 5px; /* margin: 4px 7px 4px 4px; */ } .thumbs img:hover { border: 1px solid #c5c5c5; background: none; } .thumbs a:hover { background-color: transparent; border: none } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .clearer { clear: both; } .box-table-e { margin : 20px; width : 560px; text-align : left; border-collapse : collapse; margin-bottom: 25px; margin-left: 5px; } .box-table-e th { padding : 8px; margin-top: 2px; padding-bottom: 15px; font: normal 1.6em 'Trebuchet MS', Tahoma, Sans-serif; color: #00004A; text-transform: none; padding-left: 48px; } .box-table-e td { padding : 10px; background : transparent; color : #000000; padding-bottom : 10px; vertical-align: top } ul{border:0; margin:0; padding:0;} #pagination-flickr li{ border:0; margin:0; padding:0; font-size:11px; list-style:none; } #pagination-flickr a{ border:solid 1px #DDDDDD; margin-right:2px; } #pagination-flickr .previous-off, #pagination-flickr .next-off { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; } #pagination-flickr .next a, #pagination-flickr .previous a { font-weight:bold; border:solid 1px #FFFFFF; } #pagination-flickr .active{ color:#ff0084; font-weight:bold; display:block; float:left; padding:4px 6px; } #pagination-flickr a:link, #pagination-flickr a:visited { color:#0063e3; display:block; float:left; padding:3px 6px; text-decoration:none; } #pagination-flickr a:hover{ border:solid 1px #666666; }