/*
Theme Name: Association Template
Description: Originally built for use with association websites with support for multiple static/blog pages.
Version: 1.01
Author: Pavel Rogala updated by Michael Brown
*/


/*
GLOBAL COLOR VALUES
    Light Red: #fd6969
    Normal Red: #fb4b4b
    Dark Red: #FF0000
    Gray: #E5E5E5
    White: #FFFFFF
    Light Blue: #a1c0fe
    Normal Blue: #6C9Cff
    Dark Blue: #276cfb
*/


@import url("style/reset.css");
@import url("style/utility.css");
/* slideshow */
      .slideShow {
    background-color: #E5E5E5;
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
           }
           .slides {
               position: relative;
               z-index: 1;
               display: none;
           }
           .setTitle, .slideTitle {
               font-family: "Franklin Gothic Book", Arial, Helvitica, sans-serif;
           }
           .setTitle {
               color: #995a01;
               font-size: 14px;
               font-weight: bold;
               }
           .slideTitle {
               color: #666666;
               font-size: 12px;
           }
           .controls {
               position: relative;
               z-index: 10;
           }
           #slide1 {
               display: block;
           }
@font-face{
    font-family: "dreamorb";
    src: url("fonts/dreamorp.ttf") format("truetype");
}
h2#archive-head{
    color: #000;
}
.archives{
    text-transform:lowercase;
    font: small-caps bold 15px Georgia, serif;
    padding: 5px;
    color: #276cfb;
    -webkit-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.archives cite{
    color: #E5E5E5;
}
.archives:hover, .archives:hover cite{
    background: #a1c0fe;
    color: #FFF;
}
.archives:hover{
    color: #FFF;
}
.archive-perma{
    width: 200px;
    float: left;
}
.archive-date{
    width: 200px;
    text-align: right;
    float: right;
}


.datebox{
    width: 35px; 
    float: left; 
    padding: 2px;
    margin-right: 5px;    
    color: #FFF; 
    text-align: center; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-radius: 10px;}

.odd{
    background: #6c9cff;
    border: 2px solid #276cfb;
}
.even{
    background: #fd6969; 
    border: 2px solid #fd2828;
}
.post {margin: 0px auto 10px auto; background: #FFF; padding: 10px;
      /* filter:alpha(opacity=70);
	  -moz-opacity:0.7;
	  -khtml-opacity: 0.7;
	  opacity: 0.7;
	  */
	  -webkit-border-radius: 10px; 
	  -khtml-border-radius: 10px; 
	  -moz-border-radius: 10px;
	   border-radius: 10px;
       width: 450px;
       
}
.post h2 {font-size: 25px; font-family: dreamorb, Georgia, serif; color: #276cfc;}
.post-content {font: 15px Georgia, serif;
}
.projectpostcontent cite{
    font: normal normal 15px Georgia, serif;
    color: #000;
    text-transform: none;
}
.post-content p{
    margin-top: 5px;
    margin-bottom: 5px;
}
.day    {font-size: 20px;
            margin-bottom: 0px;}
.month    {font-size: 15px;
        margin-bottom: 0px;}
.year      {font-size: 10px;
        margin-bottom: 0px;}

/*
   PAGE STRUCTURE
*/

#pagewrap          {width: 1024px; margin: 0px auto -100px; 
               min-height: 100%; height: auto !important; height: 100%;}
#push                  {height: 100px;}
#sidebar-l    {width: 237px; margin-right: 25px; float: left;}
.main-content  {width: 500px; float: left;}
#sidebar-r        {width: 237px; float: right;}
.single-post-nav {margin: 0px auto; text-align: center;}
form#commentform textarea{
    width: 430px; height: 200px; 
    margin: 10px 0 10px 0;
    padding: 10px;
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-radius: 10px;
    filter:alpha(opacity=40);
    opacity:0.4;
    border: none;
}
form#commentform textarea:hover{
    filter:alpha(opacity=100);
    opacity:1.0;
}
form#commentform textarea:focus{
    filter:alpha(opacity=100);
    opacity:1.0;
}
form#commentform label{
    font: bold 30px Georgia, serif;
    margin-right: 10px;
    color: #FFF;
}
.inputform {
    width: 450px;
    margin: 0px auto;
}
form#commentform input.text{
    width: 320px; 
    margin: 5px 0 5px 0;
    float: right;
    padding: 5px;
    font: 20px Georgia, serif;
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-radius: 10px;
    filter:alpha(opacity=40);
    opacity:0.4;
    border: none;
}
form#commentform input.text:hover{
    filter:alpha(opacity=100);
    opacity:1.0;
}
form#commentform input.text:focus{
    filter:alpha(opacity=100);
    opacity:1.0;
}
#commentform {margin: 0px auto 10px auto; width: 450px;}

/*
   HEADER
*/

h1#logotype               {width: 500px; height: 65px; background: url(images/logo.png) top left no-repeat; text-indent: -9999px; 
                   margin: 0 10px 0 0; float: left;}
#head-bar                   {height:270px; width:100%; margin:0 auto 5px auto; background: url(images/bgbar2.jpg) top center no-repeat;}
#head-bar p                 {color: #FFFFFF; font-size: 110%; font-weight: bold; font-variant: small-caps; width: 250px; float: left; padding: 0 0 0 0;}
#nav-bar                      {width: 510px; margin: 0px auto; margin-bottom: 10px;}
.cur-lang                   {width: 66px; height: 35px; background: #276cfb; padding: 17px 0 0 0; float: left;
                    border-top: none; border-left: 2px solid #276cfb; border-right: 2px solid #276cfb; 
					border-bottom: 2px solid #276cfb;}
.cur-lang p                 {color: #FFFFFF; text-align: center; font-family: dreamorb, Georgia, serif; font-size: 15px;}
.cur-lang:hover        {background: #a1c0fe;}
.other-lang-l              {width: 68px; height: 35px; background: #6C9Cff; padding: 17px 0 0 0; float: left;
                     border-top: none; border-left: 2px solid #6C9Cff; border-bottom: 2px solid #6C9Cff;
					 -webkit-border-bottom-left-radius: 10px; -khtml-border-radius-bottomleft: 10px; -moz-border-radius-bottomleft: 10px;
	                 border-bottom-left-radius: 10px;}
.other-lang-l p           {color: #FFFFFF; text-align: center; font-family: dreamorb, Georgia, serif; font-size: 15px;}
.other-lang-l:hover  {background: #a1c0fe;}
.other-lang-r              {width: 68px; height: 35px; background: #6C9Cff; padding: 17px 0 0 0; float: left;
                     border-top: none; border-right: 2px solid #6C9Cff; border-bottom: 2px solid #6C9Cff;
					 -webkit-border-bottom-right-radius: 10px; -khtml-border-radius-bottomright: 10px; -moz-border-radius-bottomright: 10px;
	                 border-bottom-right-radius: 10px;}
.other-lang-r p           {color: #FFFFFF; text-align: center; font-family: dreamorb, Georgia, serif; font-size: 15px;}
.other-lang-r:hover  {background: #a1c0fe;}
.iconl{
    width: 48px; 
    height: 60px; 
    margin-right: 2px;
    float: left;
}
.iconr{
    width: 48px; 
    height: 60px; 
    margin-right: 2px;
    float: right;
}
#about{
    background: url(images/icons/id_cardbw.png) top left no-repeat; 
}
#media{
    background: url(images/icons/film.png) top left no-repeat; 
}
#sponsor{
    background: url(images/icons/euro_currency_signbw.png) top left no-repeat; 
}
#calendar{
    background: url(images/icons/calendar_emptybw.png) top left no-repeat; 
}
#contact{
    background: url(images/icons/mail.png) top left no-repeat; 
}
#history{
    background: url(images/icons/phone_book_editbw.png) top left no-repeat; 
}


form#searchform         {margin: 0 0 10px 0; float: right;}

/*
   WIDGETS
*/
.sponsorpic{
    padding: 10px;
    margin: 5px;
    width: 120px;
    height: 120px;
    float: left;
    background-color: rgba(229, 229, 229, 1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
}
.sponsorpic:hover{
    background: rgba(229, 229, 229, 0.5);
}
.sponsorpic img{
    width: 120px;
    height: 120px;
}

.widget-head-green       {width: 235px; padding-top: 2px; text-align: center; background: #6c9cff;
                      border: 2px solid #276cfb;
					  -webkit-border-top-right-radius: 10px; -khtml-border-radius-topright: 10px; -moz-border-radius-topright: 10px;
	                  border-top-right-radius: 10px;
					  -webkit-border-top-left-radius: 10px; -khtml-border-radius-topleft: 10px; -moz-border-radius-topleft: 10px;
	                   border-top-leftt-radius: 10px;}
.widget-head-green h1  {color: #FFFFFF; font-size: 20px; font-family: dreamorb, Georgia, serif;}
.widget-head-orange     {width: 235px; padding-top: 2px; text-align: center; background: #6c9cff;
                       border: 2px solid #276cfb;
					   -webkit-border-top-right-radius: 10px; -khtml-border-radius-topright: 10px; -moz-border-radius-topright: 10px;
	                  border-top-right-radius: 10px;
					  -webkit-border-top-left-radius: 10px; -khtml-border-radius-topleft: 10px; -moz-border-radius-topleft: 10px;
	                   border-top-leftt-radius: 10px;}
.widget-head-orange h1{color: #FFFFFF; font-size: 20px; font-family: dreamorb, Georgia, serif;}
.widget-body-green      {border-top: none; background: #FFFFFF;
                      color: #276cfb;
					  width: 235px;
					  border-right: 2px solid #276cfb;
					  border-left: 2px solid #276cfb;
					  border-bottom: 2px solid #276cfb;
					  min-height: 50px;
					  margin-bottom: 20px;
					   -webkit-border-bottom-right-radius: 10px; -khtml-border-radius-bottomright: 10px; -moz-border-radius-bottomright: 10px;
	                  border-bottom-right-radius: 10px;
					  -webkit-border-bottom-left-radius: 10px; -khtml-border-radius-bottomleft: 10px; -moz-border-radius-bottomleft: 10px;
	                   border-bottom-leftt-radius: 10px;
					  }
.widget-body-green-in {padding: 10px; margin: 0 auto;}
.widget-body-green  a   {color: #276cfb;}
.widget-body-green  a:hover   {color: #a1c0fe;}
.projectimgleft{
    margin: 0px 0px 12px 0px;
    background-color: #6c9cff;
    float: left;
    width: 90px;
    text-align: center;
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}
.projectimgright{
    margin: 0px 0px 12px 0px;
    background-color: #6c9cff;
    width: 90px;
    text-align: center;
    float: right;
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}
.projectimgleft a, .projectimgright a{
    color: #FFF;
    font-weight: bold;
}
.projectimgleft a:hover, .projectimgright a:hover{
    color: #e5e5e5;
    font-weight: bold;
}
.projectthumb{
    margin-bottom: 5px;
}
.pagination{
    font-weight: bold;
    font-size: 12px;
    margin: 5px auto;
    text-align: center;
}

.widget-body-orange     {border-top: none; background: #FFFFFF;
                    font: 15px Georgia, serif;
                    hyphenate: auto;
                    word-wrap: normal;
                      color: #276cfb;
					  width: 235px;
					  border-right: 2px solid #276cfb;
					  border-left: 2px solid #276cfb;
					  border-bottom: 2px solid #276cfb;
					  min-height: 50px;
					  margin-bottom: 20px;
					   -webkit-border-bottom-right-radius: 10px; -khtml-border-radius-bottomright: 10px; -moz-border-radius-bottomright: 10px;
	                  border-bottom-right-radius: 10px;
					  -webkit-border-bottom-left-radius: 10px; -khtml-border-radius-bottomleft: 10px; -moz-border-radius-bottomleft: 10px;
	                   border-bottom-leftt-radius: 10px;
					  }
.widget-body-orange-in {padding: 10px;}
.widget-body-orange  a   {color: #276cfb;}
.widget-body-orange  a:hover   {color: #a1c0fe;}

#commentsnumber{
    float: right;
    color: #276cfb;
}

ol.commentlist {
	margin:0;
	padding:0;
}

.commentlist li {
	list-style:none;
    padding: 5px;
	width: 450px;
    margin: 0px auto 10px auto;
    border: none;
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #FFF;
    filter:alpha(opacity=40);
    opacity:0.4;
}

.commentlist li:hover{
    filter:alpha(opacity=100);
    opacity:1.0;
}

.commentlist cite {
	display:block;
	font-style:normal;
	border: none;
	color:#596e3b;
    margin-bottom: 5px;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#fd2828;
	}

.commentlist a:hover, .commentlist a:active {
	color:#fd6969;
	}

.avatar{
    padding:3px;
	border:5px solid #E5E5E5;
	float:left;
	margin: 0px 5px 5px 0px;
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: 20px/20px dreamorb, Georgia, serif;
    color: #6c9cff;
}

.commentlist .time {
    color: #6c9cff;
}

.commenttext {
	background: #FFF;
    font-size: 12px;
	color:#000000;
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/*
FOOTER
*/

#footer                 {height: 100px; background-color: #6c9cff; border-top: 10px solid #276cfb; padding-top: 15px;}
#footer-inside   {width: 1024px; margin: 0px auto; text-align: right;}