Este sitio web es el trabajo de una persona y está típicamente dedicado a hacer presencia en internet.

Cualquier sitio web puede contener hiperenlaces a cualquier otro sitio web, de manera que la distinción entre sitios individuales, percebido por el usuario, puede ser a veces borroso. No debemos confundir sitio web con página web, esta última es sólo un archivo HTML, y forma parte de un sitio web. Al ingresar una dirección, como por ejemplo www.wikimedia.org, siempre se está haciendo referencia a un sitio web, que tiene una página HTML inicial, que es lo primero que se visualiza. La búsqueda en Internet se realiza asociando el DNS ingresado con la dirección IP del servidor que contenga el sitio web en el cual está la página HTML buscada.

Los sitios web están escritos en HTML (HyperTextMarkupLanguage), o dinámicamente convertidos a éste y se acceden usando un software llamado navegador web, también conocido como un cliente HTTP. Los sitios web pueden ser visualizados o accedidos desde un abanico de dispositvos con disponibilidad de Internet como computadoras personales, computadores portatiles, PDAs y telefónos móviles.

Servidor Web

Un sitio web está alojado en una computadora conocida como servidor web, también llamada servidor HTTP, y estos términos también pueden referirse al software que se ejecuta en esta computadora y que recupera y entrega las páginas de un sitio web en respuesta a peticiones del usuario. Apache es el programa más comúnmente usado como servidor web (según las estadísticas de Netcraft) y el Internet Information Services (IIS) de Microsoft también se usa comúnmente.

Un servidor web se encarga de mantenerse a la espera de peticiones HTTP llevada a cabo por un cliente HTTP (Microsoft Internet Explorer, MozillaFirefox, Safari, Opera) que solemos conocer como navegador. El navegador realiza una petición al servidor y éste le responde con el contenido que el cliente solicita. A modo de ejemplo, al teclear cmih.org.mx en nuestro navegador, éste realiza una petición HTTP al servidor de Deuxbits. El servidor responde al cliente enviando el código HTML de la página; el cliente, una vez recibido el código, lo interpreta y lo muestra en pantalla. El cliente es el encargado de interpretar el código HTML, es decir, de mostrar las fuentes, los colores y la disposición de los textos y objetos de la página; el servidor tan sólo se limita a transferir el código de la página sin llevar a cabo ninguna interpretación de la misma.

ServerBeach como proveedor de servicios de servidor dedicado.

El término servidor dedicado se refiere a una forma avanzada de alojamiento web en la cual el cliente alquila o compra, y tiene el control completo de un servidor entero. La conectividad a Internet es proporcionada al servidor, en muchos casos más de 10 o 100 Ethernet Mbit/s. Los servidores dedicados son muy a menudo alojados en centros de datos.

De los tres datacenters principales de ServerBeach, el servidor colocado de Deuxbits está en el de San Antonio Texas por su cercanía y enlaces a la red de fibra óptica que Telmex instaló en los años 1999-2001

Datacenter en San Antonio Texas

·         17,200 sq. ft. facility

o   12,000 sq. ft. RaisedFloor

o   5,200 sq. ft. Office andElectrical

·         Server Capacity ~8500 servers

·         1.75MW of Back Up GeneratorPower

·         6000 Gallon Diesel Tankprovidersover 48 hoursofgeneratorpower

·         Pre-actiondry pipe firesuppressionsystem

·         Facilitysecuredrequiringproximitybadgesforentry

·         Monitoredsurveillance cameras placed throughoutthefacility

·         MultipleOC48sondiverseroutesforbackboneconnectivityto PEER 1 Network

Beneficios de ServerBeach

·         Control de clima regulado:El sistema de calefación-refrigeración y acondicionamiento de aire en los datacenters de ServerBeach son sredudantes y con capacidad de filtrar partículas controlar la humedad relativa, manteniendo una temperatura constante de 22.2°C (72 F)

·         Sistemas de alimentación eléctrica:ServerBeach no depende del suministro eléctrico de la calle.  Tiene generadores de alto desempleño conectados a centros de baterías con capacidad de más de 72 de operación continua en caso de falla.  La energía eléctrica es monitoreada y regulada constantemente para garantizar las mejores condiciones y estabilidad en los equipos de operación.

·         Seguridad en los Datacenters:En Serverbeach el site está completamente aislado para todos.  Sólo están autorizados tres técnicos por turno que pueden estar físicamente dentro del área de servidores.  La mayoría de los servicios que se realizan a los clientes se hacen desde terminales remotas.

Desarrollo:

El desarrollo del proyecto contempló tres tareas principales:

·         Recopilación de información, trabajos y fotografías de CMIH

·         Diseño

·         Implementación

Diseño

Se diseñaron tres propuestas para el logotipo

Resultado de la solución gráfica para el logotipo del Centro Mexicano de Investigaciones Hidroagrícolas:

Se buscó obtener un gráfico que identificara las funciones principales del CMIH, por lo que decidimos trabajar con la palabra Hidroagrícolas  (agua-campo).

Azul

El azul es asociado con la inteligencia y el conocimiento en ciertos aspectos. Asimismo, la Filosofía es representada con este color. El azul es el color del cielo y del mar, por lo que se suele asociar con la estabilidad y la profundidad también.

Es muy adecuado para presentar productos relacionados con la limpieza, y todo aquello relacionado directamente con el cielo, el aire, el mar o agua.

Después de presentarle las propuestas se eligió la tercera y sugirió más color, incluir el verde y cambiar el envolvente.

El verde es el color de la naturaleza por excelencia. Representa armonía, crecimiento, exuberancia, fertilidad y frescura. Por su asociación a la naturaleza es ideal para promocionar productos de jardinería, turismo, actividades al aire libre o productos ecológicos y agrícolas.

Presentado después nuevas propuestas.

Formatos Impresos

Tarjeta de presentación

Membrete

Plantillas PowerPoint (presentación e impresión)

Implementación

El servidor de aplicaciones está soportado en el sistema operativo Red Hat Enterprise Linux 5.  Que es la distribución más soportada de Linux. Red Hat Enterprise Linux también conocido por sus siglas RHEL es una distribución comercial de Linux desarrollada por Red Hat Es la versión comercial de FedoraCore, y anteriormente lo era de RH Linux, de forma similar a como Novell SUSE Enterprise lo es respecto de OpenSUSE.

Mientras que las nuevas versiones de Fedora salen cada aproximadamente 6 meses, las de RHEL suelen hacerlo cada 18 o 24 meses. Tienen soporte oficial de RedHat, programas de certificación, etc.

Una distribución es una variante del sistema Linux que se enfoca a satisfacer las necesidades de un grupo especifico de usuarios. De este modo hay distribuciones para hogares, empresas y servidores. Algunas incorporan programas comerciales (como MandrivaPowerPack) o solamente software libre (como Debian).

Las distribuciones son ensambladas por individuos, empresas y otros organismos. Cada distribución puede incluir cualquier número de software adicional, incluyendo software que facilite la instalación del sistema. La base del software incluido con cada distribución incluye el núcleo Linux y las herramientas GNU, al que suelen adicionarse también varios paquetes de software.

Las herramientas que suelen incluirse en la distribución de este sistema operativo se obtienen de diversas fuentes, incluyendo de manera importante proyectos de código abierto o libre, como el GNU y el BSD o el KDE. Debido a que las herramientas de software libre que en primera instancia volvieron funcional al núcleo de Linux provienen del proyecto GNU que desde 1983 había liberado software que pudo ser usado en el proyecto de Linux de 1991, Richard Stallman (fundador del proyecto GNU) pide a los usuarios que se refieran a dicho sistema como GNU/Linux. A pesar de esto, la mayoría de los usuarios continúan llamando al sistema simplemente "Linux" y las razones expuestas por Richard Stallman son eterno motivo de controversia. La mayoría de los sistemas "Linux" incluyen también herramientas procedentes de BSD y de muchos otros proyectos como Mozilla, Perl, Ruby, Python, PostgreSQL, MySQL, Xorg, casi todas con licencia GPL o compatibles con ésta (LGPL, MPL) otro aporte fundamental del proyecto GNU.

Usualmente se utiliza la plataforma XFree86 o la X.Org Server para sostener interfaces gráficas

Se instala un Sistema de gestión de contenidos (ContentManagmentSystem) de última generación soportado por tecnología LAMP (Linux 2.6, Apache 2.2, MySQL 5.0 y PHP 5.0) y se desarrolla una plantilla en armonía con  los formatos impresos.

Operación del sistema de gestión de contenidos.

Un sistema de administración de contenido a menudo funciona en el servidor del sitio web. Muchos sistemas proporcionan diferentes niveles de acceso dependiendo del usuario, variando si es el administrador, editor, o creador de contenido. El acceso al CMS es generalmente vía el navegador, y a veces se requiere el uso de FTP para subir contenido, generalmente fotografías o audio.

Los creadores de contenido crean sus documentos en el sistema. Los editores comentan, aceptan o rechazan los documentos. El editor en jefe, designado por CMIH, es responsable por publicar el trabajo en el sitio. El CMS controla y ayuda a manejar cada paso de este proceso, incluyendo las labores técnicas de publicar los documentos a uno o más sitios. En muchos sitios con CMS una sola persona hace el papel de creador y editor, los blogs generalmente funcionan de esta manera.

Drupal como CMS para CMIH

Drupal es un sistema de administración de contenido para sitios Web. Permite publicar artículos, imágenes, u otros archivos y servicios añadidos como foros, encuestas, votaciones, blogs y administración de usuarios y permisos. Drupal es un sistema dinámico: en lugar de almacenar sus contenidos en archivos estáticos en el sistema de ficheros del servidor de forma fija, el contenido textual de las páginas y otras configuraciones son almacenados en una base de datos y se editan utilizando un entorno Web incluido en el producto.

Drupal está desarrolla con tecnología PHP apoyado en librerías de la versión 4 o superior.

PHP

PHP es un lenguaje interpretado de propósito general ampliamente usado y que está diseñado especialmente para desarrollo web y puede ser embebido dentro de código HTML. Generalmente se ejecuta en un servidor web, tomando el código en PHP como su entrada y creando páginas web como salida. Puede ser desplegado en la mayoría del servidores web y en casi todos los sistemas operativos y plataformas sin costo alguno. PHP se encuentra instalado en más de 20 millones de sitios web y en un millón de servidores, aunque el número de sitios en PHP ha declinado desde agosto de 2005. Es también el módulo Apache más popular entre las computadoras que utilizan Apache como servidor web. La más reciente versión principal del PHP fue la versión 5.2.0 de 2 de noviembre de 2006.

Ventajas de PHP sobre otros lenguajes

·         Es un lenguaje multiplataforma.

·         Capacidad de conexión con la mayoría de los manejadores de base de datos que se utilizan en la actualidad, destaca su conectividad con MySQL

·         Capacidad de expandir su potencial utilizando la enorme cantidad de módulos (llamados ext's o extensiones).

·         Posee una amplia documentación en su página oficial ([2]), entre la cual se destaca que todas las funciones del sistema están explicadas y ejemplificadas en un único archivo de ayuda.

·         Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.

·         Permite las técnicas de Programación Orientada a Objetos.

·         Biblioteca nativa de funciones sumamente amplia e incluida

·         No requiere definición de tipos de variables.

·         Tiene manejo de excepciones.

Desventajas de PHP

·         No posee una abstracción de base de datos estándar, sino bibliotecas especializadas para cada motor (a veces más de una para el mismo motor).

·         No posee adecuado manejo de internacionalización, unicode, etc.

·         Por su diseño dinámico no puede ser compilado y es muy difícil de optimizar.

·         Por sus características promueve la creación de código desordenado y complejo de mantener.

·         Está diseñado especialmente para un modo de hacer aplicaciones web que es ampliamente considerado problemático y obsoleto (mezclar el código con la creación de la página web).

MySQL como motor de base de datos relacional.

MySQL es un sistema de gestión de base de datos relacional, multihilo y multiusuario con más de seis millones de instalaciones. MySQL AB desarrolla MySQL como software libre en un esquema de licenciamiento dual. MySQL AB pertenece a Sun Microsystems desde enero de 2008.

Por un lado se ofrece bajo la GNU GPL para cualquier uso compatible con esta licencia, pero las empresas que quieran incorporarlo en productos privativos pueden comprar a la empresa una licencia específica que les permita este uso. Está desarrollado en su mayor parte en ANSI C.

Al contrario que proyectos como Apache, donde el software es desarrollado por una comunidad pública y el copyright del código está en poder del autor individual, MySQL es propiedad y está patrocinado por una empresa privada, que posee el copyright de la mayor parte del código.

Esto es lo que posibilita el esquema de licenciamiento anteriormente mencionado. Además de la venta de licencias privativas, la compañía ofrece soporte y servicios. Para sus operaciones contratan trabajadores alrededor del mundo que colaboran vía Internet.

Árbol de navegación

En la  primera etapa definimos en conjunto los objetivos del trabajo y el tipo de medio electrónico a desarrollar.  Después definimos los recursos multimedia con los que actualmente contamos, y aquellos que serán desarrollados como estrategia de comunicación, como es material gráfico, presentaciones, locuciones, proyectos, fotografías, etcétera.

Con la información anterior creamos un diagrama de flujo de información o Árbol de Navegación, que es el lugar donde esbozamos los menús, secciones y subsecciones que aparecerán en el proyecto.

Al finalizar los dos análisis queda como árbol definitivo

Galería de fotos es un módulo desarrollado independiente para facilitar el manejo de fotos sólo hay que incluir las fotos que se desean agregar a un directorio.

Plantilla final

El árbol de navegación se toma de la presentación de un árbol sugerido por parte del cliente y el contenido es editado por personal de CMIH.  Utilizando las herramientas de edición del CMS.

TinyMCE.

Es un editor WYSIWYG para HTML de código abierto que funciona completamente en JavaScript y se distribuye gratuitamente bajo licencia LGPL.

WYSIWYG es el acrónimo de WhatYouSeeIsWhatYouGet (en inglés, "lo que ves es lo que obtienes"). Se aplica a los procesadores de texto y otros editores de texto con formato (como TinyMCE) que permiten escribir un documento viendo directamente el resultado final, frecuentemente el resultado impreso. Se dice en contraposición a otros procesadores de texto, hoy en día poco frecuentes, en los que se escribía sobre una vista que no mostraba el formato del texto, hasta la impresión del documento. En el caso de editores de HTML este concepto se aplica a los que permiten escribir la página sobre una vista preliminar similar a la de un procesador de textos, ocupándose en este caso el programa de generar el código fuente en HTML.

CSS y estilos

Las hojas de estilo en cascada (CascadingStyleSheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación. Por ejemplo, el elemento de HTML <H1> indica que un bloque de texto es un encabezamiento y que es más importante que un bloque etiquetado como <H2>. Versiones más antiguas de HTML permitían atributos extra dentro de la etiqueta abierta para darle formato (como el color o el tamaño de fuente). No obstante, cada etiqueta <H1> debía disponer de la información si se deseaba un diseño consistente para una página, y además, una persona que lea esa página con un navegador pierde totalmente el control sobre la visualización del texto.

Cuando se utiliza CSS, la etiqueta <H1> no debería proporcionar información sobre como va a ser visualizado, solamente marca la estructura del documento. La información de estilo separada en una hoja de estilo, especifica cómo se ha de mostrar <H1>: color, fuente, alineación del texto, tamaño, y otras características no visuales como definir el volumen de un sintetizador de voz (véase Sintetización del habla), por ejemplo. La información de estilo puede ser adjuntada tanto como un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "style".

Incluido en el desarrollo de la plantilla están los estilos básicos para dar formato al texto de entrada manteniendo el diseño e imagen

CSS de CMIH

body {

      margin: 0;

      padding: 0;

background: #1B64B1;

      color: #000;

      font-size: 100.1%;

}

.mceContentBody, .mceEditorArea {

      background: #FFFFFF;

}

#pageWrap {

      font: 90% Arial, Helvetica, sans-serif;

      width: 960px;

      margin: auto;

      background-color: #fff;

      border: 0px solid #ccc;

}

body.both #outerColumn {

      border-left: 15em solid #fff;

      border-right: 15em solid #fff;

}

body.right #outerColumn {

      border-right: 15em solid #fff;

}

body.left #outerColumn {

      border-left: 15em solid #fff;

}

#innerColumn {

      width: 100%;

}

#soContainer {

      float: left;

      width: 100%;

}

#header {

height: 150px;

      background: url(header.jpg) no-repeat;

      border-bottom: 1px solid #ccc;

}

#content {

      float: right;

      width: 710px;

      margin-right: 16px;

}

#leftCol {

      float: left;

      margin-left: -15em;

      width: 15em;

}

#rightCol {

      float: right;

      margin-right: -15em;

      width: 15em;

}

#footer {

      background: #f8f8ff url(footer.jpg) no-repeat bottom;

      border-top: 1px solid #ccc;

color: #999;

font-weight: bold;

      font-size: 0.9em;

      padding-bottom: 30px;

}

.footer_left {

      float: left;

      width: 45%;

}

#footerul.linksli {

      padding: 0 00 0.5em;

}

.footer_right {

      float: right;

      width: 45%;

      font-weight: normal;

      text-align: right;

}

#footera:link, #footer a:visited, #footer a:hover {

      color: #708090;

}

#footer .footer_right a {

      font-weight: normal;

}

#header .inside {

      padding: 6px 0 0 10px;

}

#content .inside {

      padding: 10px;

}

#leftCol .inside {

      padding: 10px 0 10px 10px;

}

#rightCol .inside {

      padding: 10px 10px10px 0;

}

#footer .inside {

      padding: 10px;

}

.clr {

      clear: both;

}

* html #soContainer, * html #content, * html #leftCol, * html #rightCol, * html .block, * html .mission, * html .tabs, * html .sticky, * html .comment {

      overflow: visible;

      position: relative;

}

a {

text-decoration: none;

font-weight: bold;

}

a:link {

color: #379;

}

a:visited {

color: #157;

}

a:hover {

text-decoration: underline;

color: #157;

}

h1, h2, h3, h4, h5, h6 {

margin: 2px 0 4px 0;

}

h1 {

font-size: 1.6em;

color: #69c;

}

h2 {

font-size: 1.25em;

color: #690;

}

h3 {

font-size: 1.1em;

color: #d72;

}

h4, h5, h6 {

font-size: 1.1em;

}

p {

margin-bottom: 0.9em;

line-height: 1.5em;

}

label {

      cursor: pointer;

}

input, select, textarea {

      font: 100% Arial, Helvetica, sans-serif;

}

.header_left {

      float: left;

      padding-top: 0px;

}

#headerimg, .header_text {

      float: left;

}

.site-name {

font-size: 24px;

letter-spacing: 1px;

margin: 0;

padding: 0;

}

.site-name a:link, .site-name a:visited {

color: #fff;

}

.site-slogan {

font-size: 12px;

color: #eee;

font-style: italic;

font-weight: bold;

}

.header_right {

      float: right;

}

.search {

      height: 70px;

      text-align: right;

      padding-right: 10px;

/*    float: right; */

      position: relative;

      right: 10px;

}

#header #search .form-text, #header #search .form-submit {

border: 1px solid #275;

font-size: 11px;

}

#header #search .form-text {

width: 8em;

padding: 1px 2px 1px 2px;

}

#navlist {

      margin-bottom: 2px;

      font-size: 13px;

      text-align: right;

      padding-right: 30px;

      padding-top: 39px;

      position: relative;

}

#headerul.linksli {

      padding: 0 00 1.2em;

}

#navlist a {

font-weight: bold;

color: #fff;

}

#subnavlist {

      text-align: right;

}

#subnavlist a {

color: #fff;

}

#navlista.active {

      text-decoration: underline;

}

#subnavlista.active {

      font-weight: bold;

}

.mission {

background: #cdd;

padding: 1.5em 2em;

color: #222;

      margin-bottom: 1em;

}

.missiona:link, .mission a:visited {

color: #9cf;

}

.node .content, .comment .content {

line-height: 1.5em;

}

.help {

font-size: 0.9em;

margin-bottom: 1em;

      font-style: italic;

      font-weight: bold;

}

.breadcrumb {

margin-bottom: 0.5em;

}

.tabs {

      margin-bottom: 1em;

}

.messages {

background-color: #fc6;

border: 1px solid #ccc;

padding: 0.3em;

margin-bottom: 1em;

}

.error {

border-color: #f00;

}

tr.odd td, tr.even td {

padding: 0.3em;

}

fieldset {

border: 1px solid #ccc;

}

pre {

background-color: #eee;

padding: 0.75em 1.5em;

font-size: 12px;

border: 1px solid #ddd;

}

table {

font-size: 1em;

}

.form-item label {

font-size: 1em;

color: #222;

}

#content .item-list {

      font-size: 0.9em;

      margin: 1em 0;

      border-bottom: 1px solid #ccc;

}

.item-list .title {

font-size: 1em;

color: #222;

}

#leftCol .item-list ul, #rightCol .item-list ul {

      margin: 1em 0 0;

}

#leftCol .item-list ulli, #rightCol .item-list ulli {

      margin-left: 0.5em;

}

div.links {

clear: both;

      color: #999;

      font-size: 0.9em;

}

.node {

margin: 0.5em 0 2em 0;

}

.sticky {

padding: 0.5em;

background-color: #f9f9f9;

border: solid 1px #ddd;

}

.node .content, .comment .content {

margin: 0.5em 0 0.5em 0;

}

.node .taxonomy {

color: #999;

font-size: 0.8em;

text-align: right;

}

.submitted {

      font-size: 0.85em;

      font-style: italic;

}

.comment .submitted {

      font-size: 0.9em;

}

.comment {

border: 1px solid #abc;

padding: 0.5em;

margin-bottom: 1em;

      font-size: 0.9em;

}

.comment .title a {

font-size: 1.1em;

font-weight: normal;

}

.comment .new {

text-align: right;

font-weight: bold;

font-size: 0.8em;

float: right;

color: #f00;

}

.node .picture, .comment .picture {

float: right;

}

.commentdiv.linksul.links, .comment div.linksul.linksli {

      display: inline;

}

.block, .box {

padding: 0 0 1.5em 0;

}

.block {

font-size: 12px;

border-top: 1px solid #cdd;

border-bottom: 1px solid #cdd;

padding-bottom: 0.5em;

margin-bottom: 1.5em;

background-color: #E8F1F8;

}

.block h2.title {

font-size: 13px;

color: #fff;

background: url(menubak.gif) repeat bottom;

background-color: #0194E1;

margin: 0 0 0.25em 0;

padding: 2px 2px 3px 8px;

}

.block .content, .box .content {

padding: 2px 4px;

}

.box .title {

font-size: 1.1em;

}

/* Module specific styles*/

#aggregator .feed-source {

background-color: #eee;

border: 1px solid #ccc;

padding: 1em;

margin: 1em 0 1em 0;

}

#aggregator .news-item .categories, #aggregator .source, #aggregator .age {

color: #999;

font-style: italic;

font-size: 0.9em;

}

#aggregator .title {

margin-bottom: 0.5em;

font-size: 1em;

}

#aggregator h3 {

margin-top: 1em;

}

#forum table {

width: 100%;

      margin: 1.5em 0;

}

#forum td {

padding: 0.5em;

}

#forumtd.forum, #forum td.posts {

background-color: #eee;

}

#forumtd.topics, #forum td.last-reply {

background-color: #ddd;

}

#forumtd.container {

background-color: #ccc;

}

#forumtd.container a {

color: #555;

}

#forumtd.statistics, #forum td.settings, #forum td.pager {

height: 1.5em;

border: 1px solid #bbb;

}

#forum td .name {

color: #96c;

}

#forum td .links {

padding-top: 0.7em;

font-size: 0.9em;

}

#forum .links {

font-size: 0.9em;

      text-align: right;

}

.block-forum h3 {

margin-bottom: 0.5em;

}

#profile .profile {

clear: both;

border: 1px solid #abc;

padding: 0.5em;

margin: 1em 0em 1em 0em;

}

.profile h2.title {

      border: none;

      margin-bottom: 1em;

      color: #d72;

      font-size: 1.2em;

}

#profile .profile .name {

padding-bottom: 0.5em;

}

#profile .profile .field {

font-size: 0.9em;

      font-style: italic;

}

div.admin-panel .description {

color: #999;

}

div.admin-panel .body {

background: #f4f4f4;

}

div.admin-panel h3 {

background-color: #69c;

color: #fff;

padding: 5px 8px 5px;

margin: 0;

}

.poll .vote-form {

      text-align: left;

}

.poll .vote-form .choices {

      display: block;

}

.block-poll label {

      font-size: 1.1em;

color: #d72;

}

.block-poll .form-radios label {

font-size: 1em;

color: #222;

}

#user-login-form {

      text-align: left;

}

.calendar a {

text-decoration: none;

}

.calendar td, .calendar th {

padding: 0.4em 0;

border-color: #888;

}

.calendar .day-today {

background-color: #69c;

}

.calendar .day-today a {

color: #fff;

}

.calendar .day-selected {

background-color: #369;

color: #fff;

}

.calendar .header-week {

background-color: #ccc;

}

.calendar .day-blank {

background-color: #ccc;

}

.calendar .row-week td a:hover {

background-color: #fff;

      color: #000;

}

/**

 * img_assist module specific styling

 */

span.left {

float: left;

clear: left;

margin: 5px 10px 5px 0;

}

span.right {

float: right;

clear: right;

margin: 5px 0 10px 5px;

}

span.caption {

display: block;

font-size: 0.7em;

}

.inlineimg{

border: 1px solid #aaa;

padding: 4px;

}

br.clear {

      display: none;

}

/**

 * image_gallery module specific styling

 */

ul.galleries {

list-style-type: none;

margin: 0;

padding: 0;

}

ul.galleriesli {

background: #eee;

border: 1px solid #ccc;

margin: 1em 0;

padding: 1em;

}

ul.galleriesliimg {

float: left;

padding-right: 4px;

margin-right: 4px;

}

ul.gallerieslidiv.count {

clear: both;

}

ul.galleries h3 {

margin: 0;

padding: 0;

}

ul.images {

list-style-type: none;

margin: 0;

padding: 0;

}

ul.imagesli {

font-size: 0.7em;

float: left;

margin: 1em;

border: 1px solid #ccc;

padding: 6px 6px 0 6px;

}