/********************************************************************************************** Major Sections in CSS: 1. RESET Remove margin and padding from elements 2. GENERIC CLASSES Define styles for simple things like floating to the sides, text aligning, image-replacements, clearfix etc 3. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 4. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 5. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 6. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /*------------------------------------------ // 1.RESET // Remove margin and padding from elements and other resets //------------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } acronym { cursor: help; } /*------------------------------------------ // 2.GENERIC CLASSES // Define styles for simple things like floating to the sides, text aligning, image-replacements, clearfix etc //------------------------------------------*/ html { font-size: 100.01%; } body { font-size: 62.5%; line-height:1em; } /*---- Input fields ----*/ input, select, textarea { font-size: 100%; } textarea { padding: 2px 3px; font-family: Verdana, sans-serif; } /*---- Floats ----*/ .flR { float: right; } .flL { float: left; } /*---- Horizontal Alignment ----*/ .alR { text-align: right; } .alC { text-align: center; } /*---- Vertical Alignment ----*/ .vlT {vertical-align:top;} .vlB {vertical-align:bottom;} /*---- Hide ----*/ .hide { display: none; } /*---- Float Clearing fixes ----*/ .clear { clear: both; height:1px; line-height:1px; } .clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*---- Image Replacement Technique ----*/ .ir { position: relative; overflow: hidden; } .ir span { position: absolute; top: 0; text-indent: -1000em;} /*---- Links ----*/ a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; } a:link:hover, a:visited:hover { text-decoration: underline; } /*------------------------------------------ // 3.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body { color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#000 url(../images/footer/footer_bg.gif) repeat-x 0px 100%; } h1, h2, h3, h4, p{line-height:1.0em;} div#content h1{ font-size:280%; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;} div#sidebar h2{font-size:210%; font-family:MigraineSerif, Georgia, "Times New Roman", Times, serif;} div#sidebar div.box h2{font-size:150%;} div#content h4{font-size:120%; color:#ce1111; margin:0px 0px 30px 0px;} div#sidebar h3{ font-size:180%;} div#main h3{ font-size:150%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#a7a7a7; padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #171717;} /*------------------------------------------ // 4.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Container ----*/ div#container { background:transparent url(../images/container/container_bg.jpg) no-repeat center 0px; } /*---- Wrapper ----*/ div.wrapper{width:900px; margin:0px auto;} /*---- Header ----*/ div#header { margin-bottom:16px; } /*---- Navigation ----*/ div#navigation { border-bottom:solid 1px #333; padding:19px 0px 5px 0px; margin-bottom:23px; width:100%; float:left; } /*---- Content ----*/ div#content { clear:both; } /*---- Main ----*/ div#main { width:569px; display:inline;} /*---- Sidebar ----*/ div#sidebar {width:287px; padding-top:13px; display:inline; vertical-align:none} /*---- Footer ----*/ div#footer { clear:both; background:transparent url(../images/footer/footer_bg.gif) repeat-x 0px 100%; text-align:center; padding:10px 0px; margin-top:20px;} /*------------------------------------------ // 5. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Top Nav ----*/ div.top_nav{background:transparent url(../images/nav/nav_bg.png) repeat-x 0px 0px; padding:10px 0px;} div.top_nav ul li {display:inline; background:transparent url(../images/nav/bullet.gif) no-repeat 0px 4px; padding-left:12px; text-align:center; margin:0px 9px 0px 37px; padding-left:11px;;} div.top_nav ul li a{color:#868686; text-decoration:none; font-size:110%;} /*---- Header - Logo ----*/ div#header div.logo{padding:15px 72px 15px 0px;} div#header div.logo h1 a{width:276px; height:215px; display:block; position:relative; margin:0px auto;} div#header div.logo h1 span{position:absolute; left:0px; top:0px; width:100%; height:100%; background:transparent url(../images/header/almaclub.jpg) no-repeat 0px 0px; } /*---- Navigation ----*/ div#navigation ul{ padding-left:3px;} div#navigation ul li{ float:left; font-size:200%; font-family:MigraineSans, Georgia, "Times New Roman", Times, serif; padding:0px 50px 0px 30px;} div#navigation ul li a{color:#4d4d4d; float:left; position:relative; height:40px; line-height:40px; text-indent:-1000em;} div#navigation ul li a span{left:0px; height:0px;} div#navigation ul li a.partada{ width:110px;} div#navigation ul li a.partada span{position:absolute; width:100%; height:100%; background:transparent url(../images/navigation/navigation.png) no-repeat 0px -10px;} div#navigation ul li a.partada:hover span, div#navigation ul li a.partada.active span{background:transparent url(../images/navigation/navigation.png) no-repeat 0px -54px;} div#navigation ul li a.archivos{ width:104px;} div#navigation ul li a.archivos span{position:absolute; width:100%; height:100%; background:transparent url(../images/navigation/navigation.png) no-repeat -188px -10px;} div#navigation ul li a.archivos:hover, div#navigation ul li a.archivos.active span{background:transparent url(../images/navigation/navigation.png) no-repeat -188px -53px;} div#navigation ul li a.sindicacion{ width:120px;} div#navigation ul li a.sindicacion span{position:absolute; width:100%; height:100%; background:transparent url(../images/navigation/navigation.png) no-repeat -377px -10px;} div#navigation ul li a.sindicacion:hover span{background:transparent url(../images/navigation/navigation.png) no-repeat -377px -53px;} div#navigation ul li a.contacto{ width:130px;} div#navigation ul li a.contacto span{position:absolute; width:100%; height:100%; background:transparent url(../images/navigation/navigation.png) no-repeat -576px -10px;} div#navigation ul li a.contacto:hover, div#navigation ul li a.contacto.active span{background:transparent url(../images/navigation/navigation.png) no-repeat -576px -53px;} /*---- Main ----*/ div#main div.top{height:35px;} div#main div.top div.top_left{ background:transparent url(../images/content/corner.png) no-repeat 0px 0px; width:40px; height:40px; float:left; } div#main div.top div.top_right{background:transparent url(../images/content/corner.png) no-repeat 100% 0px; width:40px; height:40px; float:right;} div#main div.top div.top_middle{background:#fff; float:left; width:489px; height:40px;} div#main div.middle{background:#fff; padding:0px 16px 10px 16px; border-style:solid; border-color:#FFF; border-width:0px 2px; width:533px;} div#main div.bottom{ height:40px; clear:both;} div#main div.bottom div.bottom_left{background:transparent url(../images/content/corner.png) no-repeat 0px 100%; height:40px; width:40px; float:left;} div#main div.bottom div.bottom_right{background:transparent url(../images/content/corner.png) no-repeat 100% 100%; height:40px; width:40px; float:right;} div#main div.bottom div.bottom_middle{background:#fff; float:left; width:489px; height:40px;} /*---- Main pagination ----*/ div#main div.pagination{padding:30px 0px 0px 5px;} div#main div.pagination ul li{float:left; padding-right:14px;} div#main div.pagination ul li a{float:left; background:transparent url(../images/content/button.gif) no-repeat -60px 0px; width:34px; height:49px; line-height:49px; font-size:210%; color:#000; padding-left:10px;} div#main div.pagination ul li a:hover, div#main div.pagination ul li a.active{background:transparent url(../images/content/button.gif) no-repeat 0px 0px; text-decoration:none;} div#main div.pagination ul li .active{background:transparent url(../images/content/button.gif) no-repeat 0px 0px; text-decoration:none;} /*---- Sidebar ----*/ /*---- Sidebar search----*/ div#sidebar div.search_form h2{color:#fff; font-family:"Century Gothic", Arial; font-weight:normal; margin-bottom:10px; font-size:180%;} div#sidebar div.search_form span{float:left;} div#sidebar div.search_form span.input{background:transparent url(../images/content/input_bg.jpg) no-repeat 0px 0px; width:173px; margin-right:10px; height:32px; padding:0px 3px;} div#sidebar div.search_form span.input input{background:none; border:0; color:#666; padding:5px; font-size:170%; width:164px;} /*---- Sidebar sponsors----*/ div#sidebar div.sponsors{margin-top:18px; clear:both;} div#sidebar div.sponsors div.top{ background:transparent url(../images/content/top_left_curve2.gif) no-repeat 0px 0px;} div#sidebar div.sponsors div.top div.top_right{background:transparent url(../images/content/top_right_curve2.gif) no-repeat 100% 0px; height:24px;} div#sidebar div.sponsors div.middle{background:transparent url(../images/content/line2.gif) repeat-y 100% 0px; padding:0px 10px;} div#sidebar div.sponsors div.middle div{position:relative; margin-left:5px;} div#sidebar div.sponsors h2{font-family:MigraineSans, Georgia, "Times New Roman", Times, serif; color:#b37474; font-size:210%; background:transparent url(../images/content/stylish_border.gif) no-repeat 0px 100%; padding-bottom:27px;} div#sidebar div.sponsors h2.patrocinadores{ height:23px; position:relative; top:-13px;} div#sidebar div.sponsors h2.patrocinadores span{background:transparent url(../images/content/patrocinadores.gif) no-repeat 0px 0px; position:absolute; left:0px; top:0px; width:100%; height:100%;} div#sidebar div.box h2{ position:relative; top:-13px;} div#sidebar div.box h4{ font-size:110%; margin:-35px 0px 15px 0px; position:relative;} div#sidebar div.sponsors h4{color:#6e4242; font-size:110%; margin:-35px 0px 15px 0px; position:relative;} div#sidebar div.sponsors div.bottom{background:transparent url(../images/content/bottom_curve2.gif) no-repeat 0px 0px; height:37px; margin-top:-14px;} div#sidebar div.clip{padding-left:18px;} div#sidebar div.clip a{background:transparent url(../images/content/clip.png) no-repeat 0px 0px; width:102px; height:39px; margin-top:-5px; display:inline; font-size:170%; color:#000; line-height:1.2em; padding:18px 3px; text-decoration:none; float:left;} div#sidebar div.clip a span{color:#000; display:inline; font-size:150%;} /*---- Sidebar box----*/ div#sidebar div.box{ clear:both; margin-bottom:20px;} div#sidebar div.box div.top{background:transparent url(../images/content/top_left_curve3.gif) no-repeat 0px 0px;} div#sidebar div.box div.top_right{background:transparent url(../images/content/top_right_curve3.gif) no-repeat 100% 0px; height:26px;} div#sidebar div.box div.middle{background:transparent url(../images/content/line3.jpg) repeat-y 100% 0px; padding:0px 8px 2px 8px; border-left:solid 1px #151515;} div#sidebar div.box div.bottom{background:transparent url(../images/content/bottom_left_curve3.gif) no-repeat 0px 0px; margin-top:-15px;} div#sidebar div.box div.bottom_right{background:transparent url(../images/content/bottom_right_curve3.gif) no-repeat 100% 0px; height:27px;} div#sidebar div.box ul.button{margin:0px -10px 10px -10px;} div#sidebar div.box ul.button li{background:transparent url(../images/content/button1_left.gif) no-repeat 0px 0px; float:left; padding-left:5px; margin:0px 0px 0px 8px;} div#sidebar div.box ul.button li a{ float:left; background:transparent url(../images/content/button2_left.gif) no-repeat 100% 0px; padding:0px 10px 0px 5px; color:#fff; height:22px; line-height:22px; text-transform:uppercase; letter-spacing:1px;} div#sidebar div.box ul.button li.alternative{background:transparent url(../images/content/button3_left.gif) no-repeat 0px 0px; float:left; padding-left:5px; margin-right:0px;} div#sidebar div.box ul.button li.alternative a{ float:left; background:transparent url(../images/content/button3_right.gif) no-repeat 100% 0px; padding-right:5px; color:#fff; height:22px; line-height:22px; text-transform:uppercase; letter-spacing:1px;} div#sidebar div.box ul.button li a:hover{text-decoration:none;} div#sidebar div.box ul.list{clear:both;} div#sidebar div.box ul.list li{background:transparent url(../images/content/bullets3.gif) no-repeat 0px 11px; font-size:110%; line-height:18px; border-top:solid 1px #141414; padding:7px 0px 7px 15px;} div#sidebar div.box ul.list li.first{border-top:none;} div#sidebar div.box ul.list li a{color:#444444;} div#sidebar div.box h2{color:#ce1111; background:transparent url(../images/content/stylish_border1.gif) no-repeat 100% 100%; padding-bottom:33px; font-weight:normal;} div#sidebar div.box h4{color:#1a1a1a; font-weight:normal;} div#sidebar div.box p.border{background:transparent url(../images/content/stylish_bg3.gif) no-repeat 0px 0px; height:30px;} /*---- Sidebar identification ----*/ div#sidebar div.identification ul li{list-style:none; color:#a7a7a7; font-size:110%; margin-bottom:25px;} div#sidebar div.identification ul li.last{margin-bottom:10px;} div#sidebar div.box ul li p.input{background:transparent url(../images/content/input_left_box_bg.gif) no-repeat 0px 0px; width:220px; padding:0px 5px; margin-top:5px;} div#sidebar div.box ul li p.input span{display:block; background:transparent url(../images/content/input_right_box_bg.gif) no-repeat 100% 0px; height:26px;} div#sidebar div.box ul li p.input input{width:100%; background:none; border:0; padding:7px 0px; color:#999; font-size:100%;} div#sidebar div.identification p{color:#444444; font-size:110%; margin-bottom:10px;} div#sidebar div.identification p a{color:#444444; text-decoration:underline;} div#sidebar div.identification p a:hover{ text-decoration:none;} div#sidebar div.identification h4{margin-bottom:5px;} div#sidebar div.identification ul{position:relative;} div#sidebar div.identification h2{ height:23px; position:relative;} div#sidebar div.identification h2 span{background:transparent url(../images/content/identification.gif) no-repeat 0px 0px; position:absolute; left:0px; top:0px; width:100%; height:100%;} /*---- Sidebar newsletter ----*/ div#sidebar div.newsletter p{ color:#9e9e9e; line-height:18px; font-size:110%; margin-bottom:10px;} div#sidebar div.newsletter h2{ height:23px; position:relative;} div#sidebar div.newsletter h2 span{background:transparent url(../images/content/newsletter.gif) no-repeat 0px 0px; position:absolute; left:0px; top:0px; width:100%; height:100%;} div#sidebar div.newsletter h4{margin-bottom:10px;} div#sidebar div.newsletter ul li p{clear:none;} div#sidebar div.newsletter ul li p.input{float:left; width:150px; margin-top:3px;} div#sidebar div.newsletter ul li span{float:none;} div#sidebar div.newsletter p{clear:both; position:relative;} div#sidebar div.newsletter p span{float:left; margin-right:6px;} div#sidebar div.newsletter p span.lectores{background:transparent url(../images/content/lectores.gif) no-repeat 0px 0px; width:88px; height:20px; line-height:20px; color:#000;} div#sidebar div.newsletter p span.lectores span{padding:0px 0px 0px 13px ;} div#sidebar div.newsletter fieldset{margin-bottom:10px;} /*---- Sidebar inner_sidebar----*/ div#sidebar div.inner_sidebar{width:310px; position:relative; margin-right:-20px;} div#sidebar div.inner_sidebar div.column{width:148px;} /*---- Sidebar inner_sidebar categories----*/ div#sidebar div.inner_sidebar div.column ul{position:relative;} div#sidebar div.inner_sidebar div.column h2{font-weight:normal;} div#sidebar div.inner_sidebar div.column h4{margin-bottom:15px;} div#sidebar div.inner_sidebar div.middle{padding:0px 3px 2px 5px;} div#sidebar div.inner_sidebar div.column div.categories ul li{background:transparent url(../images/content/bullet4.gif) no-repeat 0px 4px; padding:0px 0px 0px 12px; } div#sidebar div.inner_sidebar div.column div.categories h2{ position:relative; height:16px;} div#sidebar div.inner_sidebar div.column div.categories h2 span{background:transparent url(../images/content/category.gif) no-repeat 0px 0px; position:absolute; left:0px; height:0px; width:100%; height:100%; } div#sidebar div.inner_sidebar div.column div.publicidad h2{ position:relative; height:16px;} div#sidebar div.inner_sidebar div.column div.publicidad h2 span{background:transparent url(../images/content/publicidad.gif) no-repeat 0px 0px; position:absolute; left:0px; height:0px; width:100%; height:100%; } div#sidebar div.inner_sidebar div.column div.comments ul li{background:transparent url(../images/content/bullet6.gif) no-repeat 0px 4px; padding:0px 0px 0px 12px; color:#9e9e9e; } div#sidebar div.inner_sidebar div.column div.comments h2{position:relative; height:18px;} div#sidebar div.inner_sidebar div.column div.comments h2 span{background:transparent url(../images/content/comentarios.gif) no-repeat 0px 0px; position:absolute; left:0px; top:0px; width:100%; height:100%;} div#sidebar div.inner_sidebar div.column div.archives ul li{background:transparent url(../images/content/bullet5.gif) no-repeat 0px 4px; padding:0px 0px 0px 12px; } div#sidebar div.inner_sidebar div.column div.archives h2{position:relative; height:18px;} div#sidebar div.inner_sidebar div.column div.archives h2 span{background:transparent url(../images/content/archivos.gif) no-repeat 0px 0px; width:100%; height:100%; position:absolute; left:0px;} div#sidebar div.inner_sidebar div.column ul li{border:none; margin-bottom:7px; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:110%;} div#sidebar div.inner_sidebar div.column ul li a{color:#9e9e9e;} div#sidebar div.inner_sidebar div.column ul li a span{color:#e95151;} div#sidebar div.inner_sidebar div.column div.comments ul li a{color:#e95151;} div#sidebar div.inner_sidebar div.column div.enlaces ul li{background:transparent url(../images/content/bullet7.gif) no-repeat 0px 4px; padding:0px 0px 0px 12px;} div#sidebar div.inner_sidebar div.column div.enlaces h2{position:relative; height:18px;} div#sidebar div.inner_sidebar div.column div.enlaces h2 span{background:transparent url(../images/content/enlaces.gif) no-repeat 0px 0px; position:absolute; left:0px; top:0px; width:100%; height:100%;} div#sidebar div.label h2{position:relative; height:18px;} div#sidebar div.label h2 span{background:transparent url(../images/content/entiquetas.gif) no-repeat 0px 0px; position:absolute; left:0px; top:0px; width:100%; height:100%;} div#sidebar div.label ul{text-align:center; position:relative;} div#sidebar div.label ul li{ display:inline; line-height:2.0em;} div#sidebar div.label ul li a{color:#717171; } div#sidebar div.label ul li a.style1{font-size:180%;} div#sidebar div.label ul li a.style2{font-size:230%; line-height:23px;} div#sidebar div.label ul li a.style3{font-size:280%; line-height:28px;} div#sidebar div.label ul li a.style4{font-size:330%; color:#b92323; line-height:33px;} a{color:#717171;} .tag-link-4{text-align:center; position:relative;display:inline; line-height:2.0em;color:#717171;font-size:180%;} .tag-link-5{text-align:center; position:relative;display:inline; line-height:2.0em;color:#717171;font-size:180%;} .tag-link-6{text-align:center; position:relative;display:inline; line-height:2.0em;color:#717171;font-size:230%;} .tag-link-7{text-align:center; position:relative;display:inline; line-height:2.0em;color:#717171;font-size:230%;} .tag-link-8{text-align:center; position:relative;display:inline; line-height:2.0em;color:#717171;font-size:280%;} .tag-link-9{text-align:center; position:relative;display:inline; line-height:2.0em;color:#717171;font-size:280%;} .tag-link-10{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;;font-size:330%;} .tag-link-11{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;;font-size:330%;} .tag-link-13{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-25{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-26{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-29{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-31{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-33{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-39{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-45{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-50{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-51{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-56{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-21{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-22{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-59{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-65{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} .tag-link-19{text-align:center; position:relative;display:inline; line-height:2.0em;color:#b92323;} div#sidebar div.publictario h2{position:relative; height:22px;} div#sidebar div.publictario h2 span{background:transparent url(../images/content/publictario.gif) no-repeat 0px 0px; position:absolute; left:0px; top:0px; width:100%; height:100%;} /*---- Content content_bottom----*/ div#content div.content_bottom{clear:both;} div#content div.content_bottom div.left{width:505px; padding-top:66px} div#content div.content_bottom div.left h4{margin-bottom:10px; font-size:140%; font-family:Arial, Helvetica, sans-serif;} div#content div.content_bottom div.left p{color:#d2cdcb; line-height:22px; font-family:Arial, Helvetica, sans-serif; font-size:110%;} div#content div.content_bottom div.logo{ margin-bottom:25px;} /*---- Footer ----*/ div#footer p{color:#FFF; font-size:120%; line-height:25px;} div#footer ul li{display:inline; font-weight:bold; padding:0px 2px; color:#FFF; font-size:120%;} div#footer ul li a{color:#FFF;} /*------------------------------------------ // Almaclub PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Main header----*/ div#main div.header{top:-24px; position:relative; width:100%; overflow:hidden; margin-bottom:-11px; clear:both; } div#main div.header a{color:#700000; font-size:120%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } div#main div.header a.flL{text-decoration:none; background:transparent url(../images/content/arrow1.png) no-repeat 0px 0px; padding:12px 0px 12px 37px; margin-left:7px;} div#main div.header a.flR{text-decoration:none; background:transparent url(../images/content/arrow2.png) no-repeat 0px 0px; padding:12px 0px 12px 35px; margin-right:19px;} /*---- Main post header ----*/ div#main div.post div.header{top:0px; border-style:dotted; border-color:#2f2f2f; border-width:1px 0px; padding:9px 8px; width:auto; margin-bottom:0px;} div#main div.post div.header h1{letter-spacing:-1px;} div#main div.post div.header h1{margin-top:1px;} div#main div.post div.header h1 a{color:#000; font-size:100%; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;} div#main div.post div.date{background:transparent url(../images/content/date_placeholder.gif) no-repeat 0px 0px; width:52px; height:55px; padding-top:8px; margin:0px 10px 0px 0px;} div#main div.post div.date p{color:#FFF; text-align:center;} div#main div.post div.date p span{font-size:340%; line-height:34px;} /*---- Main post metadata ----*/ div#main div.post div.metadata{background:transparent url(../images/content/grad1.gif) repeat-x 0px 0px; padding:8px 3px; margin-bottom:22px;} div#main div.post div.metadata p{color:#444444; font-size:120%; font-family:Arial, Helvetica, sans-serif;} div#main div.post div.metadata p a{color:#c85959;} /*---- Main post entry ----*/ div#main div.post div.entry img{ border:solid #bc0000 8px; margin-left:4px; margin-bottom:30px; } div#main div.post div.entry p{font-size:130%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:20px; margin-bottom:25px;} /*---- Main post comment ----*/ div#main div.post div.comment{margin:0px 0px 0px -17px; width:568px;} div#main div.post div.comment div.left{background:#e9e9e9 url(../images/content/rounded_right_corner.gif) no-repeat 100% 0px; height:33px; width:336px; padding-left:26px;} div#main div.post div.comment div.left p{color:#808080; font-family:Arial, Helvetica, sans-serif; font-size:110%; font-weight:bold; line-height:33px; margin-bottom:0px;} div#main div.post div.comment div.left div.view{background:transparent url(../images/content/view_bg.png) no-repeat 0px 0px; width:37px; height:16px; padding:8px 0px 0px 14px; float:right; margin:5px 16px 0px 0px;} div#main div.post div.comment div.left div.view p{background:transparent url(../images/content/comment_icon.gif) no-repeat 0px 0px; padding-left:15px; line-height:.8em; margin-bottom:0px;} div#main div.post div.comment div.left div.view p a{ color:#ce1111;} div#main div.post div.comment div.left p a{color:#808080;} div#main div.post div.comment div.right{background:transparent url(../images/content/right_icon.png) no-repeat 100% 0px; height:66px; padding-right:34px; margin-top:-17px; position:relative;} div#main div.post div.comment div.right div{ background:transparent url(../images/content/left_corner.png) no-repeat 0px 0px; height:33px; padding:0px 10px; margin-top:16px; line-height:33px; float:right;} div#main div.post div.comment div.right div a{color:#ffffff; font-size:140%;} /*---- Main post box ----*/ div#main div.post div.box{margin:30px 0px; clear:both;} div#main div.post div.box div.top {background:#e4e4e4; height:24px;} div#main div.post div.box div.top div.left{background:transparent url(../images/content/square.gif) no-repeat 0px 0px; height:24px; width:24px; float:left;} div#main div.post div.box div.top div.right{background:transparent url(../images/content/square.gif) no-repeat 100% 0px; height:24px; width:24px; float:right;} div#main div.post div.box div.middle{background:#e4e4e4; padding:5px 20px; border:none; width:auto;} div#main div.post div.box div.middle table{width:100%;} div#main div.post div.box div.middle table td, div#main div.post div.box div.middle table th{background:#d1d1d1; padding:8px 5px; text-transform:uppercase; font-size:110%;} div#main div.post div.box div.middle table th {color:#4a4a4a; font-weight:bold; text-align:left;} div#main div.post div.box div.middle table td{color:#ce1111;} div#main div.post div.box div.middle table td a{color:#ce1111;} div#main div.post div.box div.bottom{background:#e4e4e4; height:24px;} div#main div.post div.box div.bottom div.left{background:transparent url(../images/content/square.gif) no-repeat 0px 100%; height:24px; width:24px; float:left;} div#main div.post div.box div.bottom div.right{background:transparent url(../images/content/square.gif) no-repeat 100% 100%; height:24px; width:24px; float:right;} div#main div.ads{text-align:center; margin-bottom:30px;} /*------------------------------------------ // Interior PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Content Interior Main ----*/ div#content.interior div#main div.top_left{background:transparent url(../images/content/black_top_left.gif) no-repeat 0px 0px;} div#content.interior div#main div.top_right{background:transparent url(../images/content/black_top_right.gif) no-repeat 0px 0px;} div#content.interior div#main div.top_middle{background:#0A0A0A; border-top:solid 2px #171717;} div#content.interior div#main div.middle{ background:#0A0A0A; border-width:0px 2px; border-color:#171717; border-style:solid; margin-top:-2px; display:inline} div#content.interior div#main div.bottom_left{background:transparent url(../images/content/black_bottom_left.gif) no-repeat 0px 0px;} div#content.interior div#main div.bottom_right{background:transparent url(../images/content/black_bottom_right.gif) no-repeat 0px 0px;} div#content.interior div#main div.bottom_middle{background:#0A0A0A; border-bottom:solid 2px #171717; height:38px;} div#content.interior div#main div.post div.header h1 a{ color:#FFF;} div#content.interior div#main div.post div.metadata{background:transparent url(../images/content/b_grad1.gif) repeat-x 0px 0px;} div#content.interior div#main div.post div.entry img{ border:solid #353535 8px;} div#content.interior div#main div.post div.entry p{color:#bcbcbc;} div#content.interior div#main div.post div.comment div.left{background:#171717 url(../images/content/b_right_corner.gif) no-repeat 100% 0px;} /*---- Main Comments ----*/ div#content.interior div#main div.comments{clear:both; padding-top:40px; } div#content.interior div#main div.comments h2{font-size:320%; color:#a7a7a7; font-family:Arial, Helvetica, sans-serif;} div#content.interior div#main div.comments h2 span{background:transparent url(../images/content/disc.png) no-repeat 0px 0px; padding:10px 18px;} div#content.interior div#main div.comments div.comment{ margin-top:20px; background:#080808;} div#content.interior div#main div.comments div.comment div.comment_top{height:20px;} div#content.interior div#main div.comments div.comment div.comment_top_left{background:transparent url(../images/content/top_left_corner3.gif) no-repeat 0px 0px; width:20px; height:20px; float:left;} div#content.interior div#main div.comments div.comment div.comment_top_right{background:transparent url(../images/content/top_right_corner3.gif) no-repeat 0px 0px; width:20px; height:20px; float:right;} div#content.interior div#main div.comments div.comment div.comment_top_middle{ border-top:solid 1px #202020; margin:0px 20px; width:auto;} div#content.interior div#main div.comments div.comment div.comment_middle{border-width:0px 1px; border-color:#202020; border-style:solid; padding:0px 18px;} div#content.interior div#main div.comments div.comment div.comment_middle div.photo{float:left;} div#content.interior div#main div.comments div.comment div.comment_middle div.description{margin-left:70px;} div#content.interior div#main div.comments div.comment div.comment_middle div.description h4{margin-bottom:5px;} div#content.interior div#main div.comments div.comment div.comment_middle div.description h4 a{color:#CE1111;} div#content.interior div#main div.comments div.comment div.comment_middle div.description p{color:#fff; font-size:120%; line-height:20px; width:225px;} div#content.interior div#main div.comments div.comment div.comment_bottom{height:20px;} div#content.interior div#main div.comments div.comment div.comment_bottom_left{background:transparent url(../images/content/bottom_left_corner3.gif) no-repeat 0px 0px; width:20px; height:20px; float:left;} div#content.interior div#main div.comments div.comment div.comment_bottom_right{background:transparent url(../images/content/bottom_right_corner3.gif) no-repeat 0px 0px; width:20px; height:20px; float:right;} div#content.interior div#main div.comments div.comment div.comment_bottom_middle{ border-bottom:solid 2px #272727; width:auto; height:18px; float:left; width:493px;} div#content.interior div#main div.comments div.comment_date{background:transparent url(../images/content/style.jpg) no-repeat 0px 0px; padding:10px 0px;} div#content.interior div#main div.comments div.comment_date p a{float:right; background:transparent url(../images/content/red_arrow.gif) no-repeat 0px 0px; padding-left:18px; font-size:120%; color:#ce1111;} /*---- Main opinion ----*/ div#main div.opinion{padding-top:40px;} div#main div.opinion h2{font-size:150%; color:#a7a7a7; border-bottom:solid 1px #171717; padding:10px 0px; margin-bottom:20px;} div#main div.opinion h4{color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px;} div#main div.opinion div.conditions{border:solid 1px #2a2a2a; padding:10px; background:#111111; margin-bottom:20px;} div#main div.opinion div.conditions p{color:#a7a7a7; font-family:Arial, Helvetica, sans-serif; line-height:20px; font-size:120%; } div#main div.opinion div.user_form table td{color:#a7a7a7; font-size:120%; padding:10px 5px; vertical-align:top;} div#main div.opinion div.user_form table td p{margin-bottom:10px;} div#main div.opinion div.user_form table td p.textbox{ margin-left:-10px; background:transparent url(../images/content/input_box2.gif) no-repeat 0px 0px; width:223px; height:35px; padding:0 3px 0px 14px; position:relative; } div#main div.opinion div.user_form table td p.textbox input{background:none; border:0; color:#CCC; font-size:120%; padding:8px; width:200px; } div#main div.opinion div.user_form table td p.message{background:transparent url(../images/content/textarea.gif) no-repeat 0px 0px; width:270px; height:190px; padding:10px;} div#main div.opinion div.user_form table td p.message textarea{width:265px; height:190px; background:none; border:0; color:#CCC; font-size:120%;} div#navigation { border-bottom:solid 1px #333; padding:19px 0px 5px 0px; margin-bottom:23px; width:100%; float:left; }