/*
Theme Name: commalg
Theme URI: http://commalg.org/
Description: The commalg.org theme
Author: Graham Leuschke
Author URI: http://leuschke.org/
*/

/* ---------------------- reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5, h6,pre,form,fieldset,input,p,blockquote,table, th,td { margin: 0; padding: 0; } 
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,h1,h2,h3, h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before, q:after { content: ''; }
a { text-decoration: none; }
/* ------------------------ end reset */

/* ---------------------- typography and colors */

body{
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.5em;
    font-size: x-small; /* IE5 Win */
    voice-family: "\"}\""; 
    voice-family: inherit;
    font-size: small;
    color:#333;
    background: #ffffff;	
}

html>body { /* be nice to Opera */
    font-size: small;
}

h1 {
    font: 180%/1.5em Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #339999;
}

h2 {
    font: 135%/1.5em Helvetica, Arial, Sans-Serif;
    font-weight: normal;
    color: #666;
}

h3 {
    font-size:95%; 
    text-transform:uppercase;
    letter-spacing:2px;
    font-family: georgia,times,"times new roman",serif;
}

h3 a, h2 a:hover, h3 a:hover{
    color:#000000;
}

a:link {color:#0088ff;}
a:hover {color:#cc0088;}
a:active {color:#ff0033;}
a:visited {color:#0088ff;}

sidebarAbout {
    background: #fafafa;
    font: 120%/1.5em Helvetica, Arial, sans-serif; 
}

.moreLink {
    font-size:90%;
}

.currentnews p, .entry p {
    font-size:110%;
    line-height:1.5em;
}

.currentnews h2 a, .entry h2 a{
    color:#666;
}

.currentnews h2 a:hover, .entry h2 a:hover {
    color:#000000;
}

#conflists h2 a {
    color:#000000;
    background-color:#ffffff;
}

cc {
    color:#878787;
    font-style:italic;
    font-family:times new roman,times,georgia,serif;
}

#footer {
	font-size:90%;
	line-height:14px;
}
}
/* ---------------------- end typography and colors */

/* ---------------------- structure */

.announce {
	text-align:right;
	border-bottom:1px solid #cbcaca;
	padding:0px 0px 7px 0px;
	font-size:11px;
	line-height:11px;
	margin:0px 0px 20px 0px;
}

.twitter {
	text-align:right;
	border-bottom:1px solid #cbcaca;
	padding:2px;
	font:90%/1.2em Helvetica, Arial, sans-serif;
	margin:0px 0px 20px 0px;
}


.twitter span {
	background-color:#cc3300;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	padding:3px 5px;
	margin-right:5px;
	font-size:90%;
}


#header{
	text-align:right;
	padding-bottom:23px;
	/* border-bottom:1px solid #cbcaca; */
	margin-bottom:15px;
	min-height:70px;
	background:url(bat.jpg) top center no-repeat;
}


.clickable {
	z-index:3; 
	margin: 0; 
	padding: 0; 
	width: 100%;
	height:100px;
}

#logo {
	display:block;
	border:none;
	width: 100%; 
	height: 100%; 
	float:left;
}

#headlines {
	text-align:left;
}

.container {
	width:956px;
	padding-left:15px;
	padding-right:15px; 
	margin:0px auto;
	text-align:left;
}

#sidebarAbout {
    border: 1px solid #ccc;
    margin:8px 5px 20px 5px;
    padding:4px;
}

#content {
	width:600px; /* was 400 */
	float:left;
/*	font: 120%/1.5em Helvetica, Arial, sans-serif; */
}

#widecontent {
    width:800px;
    margin: 40px auto 0px;
    }

.home .currentnews, .home .entry {
	margin-top: 15px;
	margin-bottom:15px;
	min-height: 180px;
}

.archive .currentnews, .archive .entry, .single .currentnews, .single .entry {
	margin-top: 20px;
	margin-bottom:20px;
}


.currentnews p, .entry p {
    margin:15px 30px 15px 30px;
}

.currentnews h2 .timedate, .entry h2 .timedate{
    margin-left: 25px;
    font-size:75%;
    color:#999;
}

.prevnext {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.postmetadata {
	margin: 30px 0;
	clear:both;
	}

.moreLink {
	text-align:right;
	display:block;
}

#conflists {
	padding-bottom:25px;
	margin-bottom:18px;
	margin-top:25px;
}

#conflists #futureconfs {
	width:263px; /* was 173, then 273 */
	float:left;
	/*padding-right:15px;*/
	margin-left:30px;
	margin-bottom:10px;
	border-right:1px solid #cbcaca;
	margin-right:15px;
}

#conflists #pastconfs {
	width:261px; /* was 268 */
	float:left;
	margin-bottom:10px;
}



.cc {
	width:100%;
	clear:both;
	text-align:center;
	border-top:1px solid #bababa;
	padding:15px 0px 25px 0px;
	margin-top:20px;
}

#footer {
	border-top:1px solid #bababa;
	clear:both;
	height:115px;
	margin-top:25px;
	margin-bottom:0px;
	text-align:left;
	padding-top:28px;
	padding-left:17px;
	padding-right:50px;
	padding-bottom:30px;
}

#footer span {
	float:left;
	width:70px;
}

#footer a:visited {
	color:#cc3300;
}

#footer div {
	float:left;
	width:175px;
	padding-left:15px;
	padding-right:15px;
	text-align:left;
}

#footer div p {
	margin-top:0px;
}
#footer div h4 {
	font-size:11px;
	margin-top:0px;
	line-height:14px;
}

/* ---------------------- end structure */

/* ---------------------- headers */

h1 {
    margin-left:14px;
    margin-bottom:5px;
}

h3 {
	margin:0px;
	padding-top:0px;
	color:#663300 !important;
	letter-spacing:2px;
}


.currentnews h2, .entry h2 {
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
}

#conflists h2{
	padding:0px;
	margin-top:10px;
	margin-bottom:5px;
}

/* ---------------------- end headers */

/* ---------------------- images */

img {
	border:none;
}

p img {
	padding: 0;
	max-width: 100%;
	}

.entry img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.wp-caption {
    border:1px solid #ccc;
    margin-bottom:10px;
    padding:10px 0 0px 10px;
}

/* ---------------------- end images */

/* ---------------------- lists */

ul#nav {
	margin-left: 8px;
	float: left;
	list-style: none;
	min-width: 500px;
	padding-bottom:10px;
}

ul#nav li {
	float: left;
}

ul#nav li a {
	display: block;
	padding: 0 10px;
	font: 110%/1.5em Helvetica, Arial, sans-serif;
/*	font-size: 14px;
	line-height: 34px; */
	color: #999;
}

ul#nav li a:hover {
	color: #555;
}

ul#nav li a.current {
    color: #555;
    text-decoration: underline;
}

.home ul#nav li a.homenavlink, .page-id-1564 ul#nav li a.aboutnavlink, .page-id-1160 ul#nav li a.contactnavlink, .parent-pageid-1565 ul#nav li a.photosnavlink, .page-id-1565 ul#nav li a.photosnavlink, .page-id-1547 ul#nav li a.calendarnavlink, .page-template-people-index-php ul#nav li a.peoplenavlink, .page-template-peeps-indiv-php ul#nav li a.peoplenavlink, .page-id-2165 ul#nav li a.miscnavlink, .category-jobs ul#nav li a.jobsnavlink {
    color:#555;
    text-decoration: underline;
}

#conflists ul, #headlines ul {
	margin:10px 5px 10px 15px;
	padding:0 5px
}

#conflists ul li, #headlines ul li{
	list-style-type:none;
	list-style-image:none;
	list-style:outside url(listblack.gif);
	font-size:110%;
}

.currentnews ul, .entry ul, .currentnews ol, .entry ol {
	margin:10px 60px;
}

.currentnews ul li, .entry ul li {
	list-style-type:none;
	list-style-image:none;
	list-style: outside url(innerlistblack.gif);
	font-size:110%;
	line-height:1.6em;
	margin-bottom:5px;
}

.entry ul li ul li {
    list-style: outside url(listmark.gif);
    font-size:100%;
}

.currentnews ol li, .entry ol li {
    font-size:110%;
}

#footer ul li {
	list-style-type:none;
        list-style-image:none;
}

li h3 {
    font: 110%/1.5em Helvetica, Arial, Sans-Serif;
    font-weight: normal;
    color: #666 !important;
    text-transform:none;
    letter-spacing:0;
}

/* ---------------------- end lists */

/* ---------------------- form elements */


#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#searchform input.text {
    text-align:center;
    font-size: 100%;
    background: #e5e5e5;
    border: 2px solid #ccc;
    margin-right: 6px;
    width: 180px;
    color: #333;
}

#searchform input.text:focus {
    border: 2px solid #666;
}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

/*.entry form {  This is mainly for password protected posts, makes them look better. 
	text-align:center;
	}*/

select {
	width: 130px;
	}

#wpcf7-f1-p1160-o1 p, #peepsearch p {
    margin:15px 30px 15px 0px;
}

#wpcf7-f1-p1160-o1 input, #wpcf7-f1-p1160-o1 textarea, contact-form input, contact-form textarea {
    float:right;
    padding:5px;
    width: 420px;
    margin: 0px 20px 10px 0px;
    border: 2px solid #ccc;
	}

#peepsearch input {
    float:right;
    padding:5px;
    width:300px;
    margin: 0 180px 10px 0;
    border: 2px solid #ccc;
}

#wpcf7-f1-p1160-o1 textarea, contact-form textarea {
    height:140px;
}

#wpcf7-f1-p1160-o1 input:focus, #wpcf7-f1-p1160-o1 textarea:focus, #peepsearch input:focus, contact-form input:focus, contact-form textarea:focus {
    border: 2px solid #666;
}

#wpcf7-f1-p1160-o1 input.submit-button, #peepsearch input.submit, contact-form input.submit-button {
	width: 100px;
	float: right;
}

#peepsearch input.submit {
    margin-right: 180px;
}

#wpcf7-f1-p1160-o1 label {
	float: left;
	text-align: right;
	margin-right: 5px;
	margin-bottom:10px;
	width: 100px;
	padding-top: 5px;
}

#peepsearch label {
	float: left;
	text-align: right;
	margin-right: 5px;
	margin-bottom:10px;
	width: 250px;
	padding-top: 6px;
}

#respond textarea, #respond input {
    border: 2px solid #ccc;
	}

#respond textarea:focus {
    border: 2px solid #666;
}

#commentform input, contact-form input {
	width: 220px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

#wpcf7-f2-p2701-o1
{
    width:800px; 
    line-height:24px;
}

#wpcf7-f2-p2701-o1 ol li
{
    margin-bottom:15px; 
}

#wpcf7-f2-p2701-o1 input.wpcf7-text
{
    float:right;
    width:500px;
}

#wpcf7-f2-p2701-o1 input.wpcf7-text, #wpcf7-f2-p2701-o1 textarea
{
    border: 2px solid #ccc;
    font-size:14px;
}

#wpcf7-f2-p2701-o1 textarea
{
    width:100%;
}

#wpcf7-f2-p2701-o1 input.submit-button {
    border: 2px solid #999;
    font-size:14px;
    width: 100px;
    float: right;
}

#wpcf7-f2-p2701-o1 input:focus, #wpcf7-f2-p2701-o1 textarea:focus {
    border: 2px solid #666;
}

/*
#wpcf7-f2-p2701-o1 p {
    margin:15px 30px 15px 0px;
}

#wpcf7-f2-p2701-o1 input, #wpcf7-f2-p2701-o1 textarea {
    float:right;
    padding:5px;
    width: 420px;
    margin: 0px 20px 10px 0px;
    border: 2px solid #ccc;
	}

#wpcf7-f2-p2701-o1 textarea {
    height:140px;
}

#wpcf7-f2-p2701-o1 label {
	float: left;
	text-align: right;
	margin-right: 5px;
	margin-bottom:10px;
	width: 100px;
	padding-top: 5px;
}
*/

/* ---------------------- end form elements */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* ---------------------- sidebar*/

#rightside {
	float:right;
	width:285px; /* was 185 */
	border-left:1px solid #cbcaca;
	padding-left:15px;
	margin-left:15px;
	margin-bottom:20px;
}

#side-search {
    margin: 10px 30px 30px 30px;
}

/* ---------------------- end sidebar */

/* ---------------------- misc tags and classes */

hr {
	height:1px;
	border-bottom:1px solid #cbcaca;
	border-top:none;
	border-left:none;
	border-right:none;
	margin-bottom:20px;
}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
    margin: 20px 0;
    padding: 0 20px 0 50px;
    background: url('quote.png') 5% 0% no-repeat;
    border: none;
}

blockquote p{
	margin-top:0px;
	margin-bottom:5px;
}

screen-reader-text {
     position: absolute;
     left: -1000em;
}


a img {
	border: none;
	}
caption {
	text-align: center;
	width: 100%;
	}

/* ---------------------- end misc tags and classes */

/* ---------------------- calendar */

div#ec3_big_cal tr td p {
    margin:15px 15px;
}

/* ---------------------- end calendar */

/* ---------------------- peeps */

.page-template-people-index-php table {
    margin:0px auto;
}

.page-template-people-index-php p {
    font-size:110%;
    margin-bottom:10px;
}

/* ---------------------- end peeps */

/* ----------------------PASI 2012 */

.page-template-pasi-php #header, .page-template-pasi-php #footer
{
    display:none;
	/*background:url(Guanajuato-banner1.jpg) top center no-repeat;
	padding-top:23px;
	margin-top:15px;*/
}

.page-template-pasi-php blockquote p
{
 margin: 0; padding: 0; font-style: normal; font-weight: normal; font-size:100%; 
}
.page-template-pasi-php blockquote {
    margin: 20px 0;
    padding: 0 20px 0 50px;
    background: none;
    border: none;
}

.page-template-pasi-php ol li ol li {
font-size:100%;
list-style-type:lower-roman;
}

/* ----------------------ROB Fest */

.page-template-ROBfest-php #header
{
	background:url(swallowtail6.png) top center no-repeat;
	padding-top:23px;
	margin-top:15px;
}

.page-template-ROBfest-php #footer
{
	display:none;
}

.page-template-ROBfest-php
{
	background: white;
	color:black;
}