/*
Theme Name: IECA Online
Theme URI: http://www.iecaonline.com/blog
Description: A theme to match IECAonline.com.
Author: Tom Johnson
Version: 1.0
*/

@charset "UTF-8";
* { font-family: Arial, Helvetica, sans-serif }
img {max-width:100%;}
#container { width: 1000px; margin-right: auto; margin-left: auto; background-color: #FFFFFF; background-image: url(images/leftgradient.jpg); background-position: 0px 200px; background-repeat: repeat-y; min-height: 100% }
#container a { }
#logo-header { text-align: center; background-color: #00235D; }
#photos-header { text-align: center; }
div.entry p { padding: 5px 0 0 0; }
.subbanner {padding-bottom:10px; text-align:center}
#column1 { width: 160px; margin-top: 0px; float: left; background-image: url(images/leftgradient.jpg); background-repeat: repeat-y; }
#column1 ul { list-style-type: none; margin: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: #FFFFFF; }
#column1 #weather { width: 140px; margin-left: 20px; }
.col1textblack { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: right; line-height: 1.5em; padding-right: 10px; padding-left: 3px; }
.col1text { font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 20px; padding-left: 5px; margin-right: 20px; padding-right: 10px; }
#column1 p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; padding-right: 10px; color: #003366; padding-left: 10px; }
#column1 ul a { background-color: #00235D; display: block; color: #FFFFFF; text-decoration: none; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; text-align: right; padding-right: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; }
#column1 a { color: #000000; text-decoration: none; }
#column1 a:hover { font-weight: normal; color: #C41230; text-decoration: none; }
#column1 ul a:hover { color: #C41230; font-weight: normal; }
.column1quote { padding-right: 10px; padding-left: 3px; line-height: 1.5em; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.headerblue { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #003366; }
#content { margin-left: 160px; margin-right: 215px; font-family: Arial, Helvetica, sans-serif; line-height: 2em; margin-top: 10px; padding-left: 15px; font-size: 12px;  min-height: 100%  background-repeat: repeat-y;
width: 590px; font-weight: normal; }
#content a:link { font-weight: bold; color: #000000; text-decoration: underline; font-weight: normal; }
#content a:hover { font-weight: normal; ; color: #C41230; text-decoration: none; }
#content a:focus { color: #C41230; }
#right-column a:focus { }
#content2 { height: 450px; width: 550px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; float: left; background-color: #FFFFFF; border: thin solid #003366; overflow: visible; line-height: 2em; padding-left: 20px; font-size: 1em; }
#introbox { padding-left: 20px; margin-left: 180px; margin-right: 230px; margin-top: 40px; border: thin none #00235D; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 2em; color: #00235D; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; background-image: url(images/introbox.jpg); background-repeat: repeat-x; }
.headersred { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #C41230; text-align: left; }
.headersblue { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #00235d; text-align: left; }
.headersblue a:hover { color: #C41230; }
body { background-color: #CCCCCC; margin: 0px; padding: 0px; }
#footer { clear: both; color: #00235D; background-color: #CCCCCC; text-align: center; padding-top: 5px; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#googlesearch { vertical-align: bottom; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; clear: both; padding: 5px; margin-left: auto; width: 500px; margin-right: auto; }
#right-column { float: right; width: 150px; padding-right: 20px; padding-left: 20px; background-image: url(images/rightbox2.jpg); background-repeat: repeat-y; background-position: left top; margin-right: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; margin-left: 20px; }
#blog { float: right; width: 200px; margin-right: 20px; margin-top: 0px; color: #03265F; padding: 10px; margin-left: 10px; border: thin dotted #CCCCCC; }
#right-column p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #00235D; padding-top: 2px; background-repeat: repeat-x; }
#right-column a { color: #000000; text-decoration: underline; font-weight: bold; }
#right-column a:hover { color: #C41230; text-decoration: none; font-weight: bold; }
#box { width: 550px; border: thin solid #666666; padding: 10px; }
#topnavbar { background-image: url(images/topnavbar.jpg); background-repeat: repeat-x; height: 25px; width: 1000px; left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0px; }
#topnavbar ul { list-style-type: none; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align: center; }
#topnavbar li { display: inline; }
#topnavbar a { text-decoration: none; text-align: center; padding-right: 0px; padding-left: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00235D; font-weight: bold; width: 1000px; font-style: normal; text-transform: none; font-variant: normal; line-height: 11px; }
#topnavbar a:hover { color: #C41230; }
.headshots { float: left; margin-right: 20px; padding-right: 5px; }
.photos { float: right; margin-left: 10px; margin-top: 5px; margin-bottom: 10px; margin-right: 10px; padding-bottom: 10px; text-align: center; border-bottom-width: thin; border-bottom-style: none; }
.headerbluecaps { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #003366; }
.bulletedlist { font-family: Arial, Helvetica, sans-serif; font-size: 12px; list-style-position: outside; list-style-type: square; }
.photosrightcol { margin-right: 25px; }
.text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.headersRedSmall { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #C41230; }
#date { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; padding-right: 12px; padding-left: 20px; }
.submit { margin-left: 15px; }
#memberpageheader { margin-top: 10px; }
#meetmembers { font-family: Arial, Helvetica, sans-serif; width: 550px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; margin-left: 20px; background-color: #FFFFFF; border: thin solid #003366; margin-top: 20px; background-position: top; overflow: auto; height: 300px; visibility: visible; }
#meetmemberstable { font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: text-top; }
.textbluesingle { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; line-height: 1.5em; }
.textblacksingle {
font-family:Arial, Helvetica, sans-serif font-size: 12px; color: #000000; line-height: 1.5em; }
.caption { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; }
#facebook { font-family: Arial, Helvetica, sans-serif; float: left; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; background-color: #FFFFFF; border: 0; margin-top: 5px; overflow: auto; visibility: visible; width: 575px; margin-left: 10px; padding-left: 10px; clear: none; }
#newthisweek { font-family: Arial, Helvetica, sans-serif; float: left; width: 550px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; margin-left: 20px; background-color: #FFFFFF; border: thin solid #003366; margin-top: 20px; background-position: top; overflow: auto; height: 300px; visibility: visible; }
.h1 { font-weight: bold; color: #C41230; font-size: 15px; line-height: normal; }
.style1 { color: #000000 }
.style3 { font-size: 12px; color: #003366; font-family: Arial, Helvetica, sans-serif; }
.style4 { font-weight: bold }
/****************************wordpress**************************/
* a img { border: none; }
#column1 .widget ul { padding: 0; background: none }
#column1 .widget ul a { color: #000; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; padding: 3px 0; text-align: right; text-decoration: none; background: none; border: none; }
#column1 .widget ul a:hover { text-decoration: underline }
#right-column * { padding: 0; margin: 0 }
#right-column { font-size: 12px; color: #003366 }
#right-column a { color: #003366 }
#right-column li { padding: 2px; list-style: none }
#right-column li ul { padding: 0 0 0 5px; }
#right-column li.widget-container { padding: 10px 0; }
#right-column .textwidget { padding: 0 0 0 5px; }
/*.post,.entry{overflow:hidden;}*/
.post h2, #content .post h2 a { color: #00235d; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-align: left; margin: 0; text-decoration: none; }
#content .post h2 a:hover { color: #c41230; }
.post .postmeta { color: #777; }
.post .date { font-size: 11px; }
.post .author { font-style: italic; font-size: 12px; text-indent: 60px; }
.post .author a, .post .author a:visited { color: #0066CC; text-decoration: none; }
.post .author a:hover { color: #147; text-decoration: underline; }
.alignleft, img.alignleft { display: inline; float: left; margin-right: 15px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 15px; }
#content .pagetitle { color: #C41230; font-size: 18px; text-align: center }
/******************wordpress default*********************/
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
blockquote { border-left: 5px solid #CCCCCC; margin-left: 15px; padding-left: 5px }
blockquote.left { float: left; margin-left: 0; margin-right: 20px; text-align: right; width: 33%; }
blockquote.right { float: right; margin-left: 20px; margin-right: 0; text-align: left; width: 33%; }
.wp-caption { background: #F3F3F3 none repeat scroll 0 0; border: 1px solid #DDDDDD; margin-bottom: 15px; padding-top: 4px; text-align: center; }
.wp-caption img { border: 0 none; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { margin: 0; padding: 4px; }
.wp-smiley { max-height: 10px; margin: 0 !important; }
.gallery dl { margin: 0; }
.gallery-caption { margin: -15px 0 0 0; }
.entry p { margin-top: 0; }
.entry ul { font-weight: normal; list-style: disc inside; margin: 0 0 13px 10px; padding: 2px 4px 0 10px; }
.entry ol { margin: 0 0 0 10px; padding: 2px 4px 13px 10px; list-style: decimal inside; }
.entry li { color: #686364; }
.entry h1 { font-size: 20px; }
.entry h2 { font-size: 18px; }
.entry h3 { font-size: 16px; }
.entry h4 { font-size: 14px; }
.entry h5 { font-size: 12px; }
.entry h6 { font-size: 10px; }
.entry a, .entry a:visited { color: #080244; }
/********comments************/
#comments * { margin: 0; padding: 0; }
#comments { border-top: 1px #000 dashed }
#comments .commentlist li { padding: 15px; }
#comments .commentlist li ul li { background-color: #f3f2f1; border: 1px solid #e5e4e2; padding-bottom: 10px; margin-bottom: 10px; margin-top: 13px; list-style-type: none; }
#comments .commentlist li ul li ul li { background-color: white; }
#comments ul.children ul li ul li { list-style-type: none; list-style-image: none; list-style-position: outside; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0pt; border: 0px; padding: 15px; }
#comments ul.children ul li ul li { list-style-type: none; list-style-image: none; list-style-position: outside; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0pt; border: 0px; }
#comments .children ol li { list-style-type: decimal; border: 0px; padding-bottom: 0px; list-style-position: outside; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0pt; border: 0px solid white; }
#comments ul.children ol li ol li { list-style-type: decimal; border: 0px; padding-bottom: 0px; list-style-position: outside; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0pt; border: 0px; }
#comments li.comment { margin-bottom: 10px; background-color: #efefef; border: 1px dashed #aaa; }
#commentform p label { display: inline-block; width: 80px; }
#cat.postform { width: 160px; }
.tagdropdownwidget { width: 160px; }
#authors-2.widget_authors { width: 160px; }
#archives-4.widget_archive { width: 160px; }
#right-column h3 { margin-bottom: 7px; }
img.avatar { float: left; margin-right: 10px; margin-top: 10px; border: 1px solid #dcdcdc; }
#comments .commentlist { list-style: none }
#comments img.avatar { margin-right: 10px; }
#comments #submit { padding: 3px 5px; margin-top: 10px; margin-bottom: 10px; }

#right-column select {width:100%;}

/*=Responsiveness :jayesh@increativeweb,com ---------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------- */  

/* #Tablet (Portrait)
================================================== */
@media only screen and (min-width: 960px) and (max-width: 1024px) {
#container { width: 960px; 
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
}	
@media only screen and (min-width: 768px) and (max-width: 959px) {
#container { width: 728px; 
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

#content {width:540px}

} /* End (max-width: 768px) */

/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-width: 767px) {
#container { width: 450px; 
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

}
@media only screen and (min-width: 420px) and (max-width: 767px) {
#container { width: 400px; background:#FFF;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

#googletranslate {padding:0px;}

#column1 {width:auto; background-size:100%;  float:none; padding:15px 15px 15px; margin:0px;}
#content {margin:0px; width:auto; padding:15px;  float:none;  margin:0px;}
#right-column {width:auto; float:none; background:none; padding:0px 15px 15px;  margin:0px;}

.footer-google {margin:0px;}

} /* End (max-width: 480px) */

@media only screen and (min-width: 240px) and (max-width: 419px) {
#container { width: 320px; background:#FFF;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

#googletranslate {padding:0px;}

#column1 {width:auto; background-size:100%;  float:none; padding:15px 15px 15px; margin:0px;}
#content {margin:0px; width:auto; padding:15px;  float:none;  margin:0px;}
#right-column {width:auto; float:none; background:none; padding:0px 15px 15px;  margin:0px;}


.footer-google {margin:0px; text-align:center}

} /* End (max-width: 767px) */


@media only screen and (max-width: 239px) {
#container { width: 320px !important;  min-width:320px;}
}