/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}



/*reset whitespace*/
*{margin: 0px; padding: 0px; border:0px;}


/* PAGE OUTER BACKGROUND AND MARGINS */

body {margin:0px; padding:0px; background-color:#ffffff; background-image:url('../images/screenBmG.jpg'); background-repeat: repeat-x;}


footer {width:100%; clear:both; height:90px; position:relative; background-color:#1f1f1f; border-top: 3px dashed #ffffff; }

header {width:100%; height:90px; position:relative; background-color:#f3f3f3; border-bottom: 3px dashed #dcd9da;}

            #Logo {width:316px; height:60px; position:absolute; top:20px; left:35px;}

#ColumnLeft {float:left; width:280px; position:relative;  margin-top:20px; margin-bottom:30px; }
#ColumnRight {float:left; position:relative; width:900px; border-left: 3px dashed #dcd9da; border-right: 3px dashed #dcd9da; padding-right:30px; margin-top:20px; padding-left:30px; margin-bottom:30px; }


#Message {width:100%; padding:10px 0px 10px 0px; color:#ffffff; font-size:1em; font-family: 'crosswordBelleRegular',"Lucida Sans Unicode", "Lucida Grande"; font-weight:bold; background-color:#d80000; text-align:center;}


@font-face {
    font-family: 'crosswordBelleRegular';
    src: url('crosbell-webfont.eot');
    src: url('crosbell-webfont.eot?iefix') format('eot'),
         url('crosbell-webfont.woff') format('woff'),
         url('crosbell-webfont.ttf') format('truetype'),
         url('crosbell-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}



.Frame {float:left; width:220px; height:210px; position:relative;}
.Frame-Image {margin:auto; width:176px;}


p.Frame-Text {font-size:0.90em; font-family: 'crosswordBelleRegular',"Lucida Sans Unicode", "Lucida Grande"; color:#d80000; font-weight:bold; padding:0px; text-align:center;}

.icons {position:absolute; top:175px; left:20px;}





/* TEXT AND LINKS  */

h1 {font-size:1.90em; font-family: 'crosswordBelleRegular',"Lucida Sans Unicode", "Lucida Grande"; color:#000000; font-weight:normal; padding: 0px 0px 10px 0px; line-height:1.4em;}
h2 {font-size:1.20em; font-family: 'crosswordBelleRegular',"Lucida Sans Unicode", "Lucida Grande"; color:#d80000; font-weight:bold; padding: 0px 0px 10px 0px; line-height:1.4em;}
h3 {font-size:0.75em; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial; color:#000000; font-weight:bold; padding: 0px 0px 10px 0px;}

p.title {font-size:2em; font-family: 'crosswordBelleRegular',"Lucida Sans Unicode", "Lucida Grande"; color:#d80000; font-weight:bold; padding: 12px 0px 10px 0px; line-height:1.4em;}
.title a:link {color:#d80000; text-decoration:none; font-family: 'crosswordBelleRegular',"Lucida Sans Unicode", "Lucida Grande"; }
.title a:visited {color:#d80000; text-decoration:none; font-family: 'crosswordBelleRegular',"Lucida Sans Unicode", "Lucida Grande"; }
.title a:hover {color:#000000; text-decoration:none; font-family: 'crosswordBelleRegular',"Lucida Sans Unicode", "Lucida Grande"; }

.title {border-top: 2px dashed #dcd9da; padding:5px; clear:both;}
.title-arrow {padding-top:6px;}
.web-arrow {padding-left:6px;}

ul {font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial; color:#000000; font-weight:normal; line-height:125%; margin: 0px 0px 5px 10px;}
li {font-size:0.75em; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial; color:#000000; font-weight:normal; line-height:125%; margin: 0px 0px 5px 10px;}


p {padding: 0px 0px 10px 0px; font-size:0.80em; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial; color:#000000; text-align:left;}
a:link {color:#d80000; text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial;}
a:visited {color:#d80000; text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial;}
a:hover {color:#000000; text-decoration:underline; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial;}

.icons {height:31px; width:260px;}


.foursquare {padding:5px; width:260px; margin-top:20px;}
.foursquare h2 {margin-left:16px;}



.tweet {width:260px; background-image:url('../images/divider.jpg'); background-repeat: no-repeat; background-position:center bottom; padding: 40px 5px 25px 5px;}
.tweet h2 {margin-left:16px;}

.tweet_text {float:right; width:175px;}

                          .tweet, .query {
                            font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial;
                            font-size: 1em;
                            color: #d80000; }
                            
                            .tweet .tweet_list, .query .tweet_list {
                              -webkit-border-radius: .5em;
                              list-style-type: none;
                              margin: 0;
                              padding: 0;
                               }
                              .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
                                text-transform: uppercase; }
                              .tweet .tweet_list li, .query .tweet_list li {
                                overflow-y: auto;
                                overflow-x: hidden;
                                padding: .5em; }
                                .tweet .tweet_list li a, .query .tweet_list li a {
                                  color: #d80000; }
                              .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
                                padding-right: .0em;
                                float: left; }
                                .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
                                  vertical-align: middle; }




/* FORM SYTLE */	
		
fieldset        {border:0px solid #ccc;}
legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}
input           {width:250px;}
input,
select,
textarea   {border:1px solid #ccc;padding:5px;margin:0px 0px 0 0;}
input:focus,
textarea:focus  {background:#f5fabb;}
textarea        {font-size:0.75em; font-family:tahoma; width:250px; }
label           {display:block; font-family:tahoma; float:left; clear:left; width:150px; font-size:0.90em; margin-top:3px; font-weight:bold;}
button          {float:left; clear:both; margin-left:130px; margin-top:10px; padding:2px;}


.field {min-height:40px; margin-bottom:5px;}
.checkbox {width:20px; margin:0px; border:0px; padding:3px;}
.SubmitButton {width:120px; margin-left:150px; margin-top:5px;}
.Small {width:40px;}

.error INPUT, .error TEXTAREA, .error SELECT {
	border-width:2px;
	border-style:solid;
	border-color:#ED1C24;
	background:#FFE6E7;
	}
.iferror {
	margin:0;
	display:none;
	}
.error .iferror {float:right;
	display:block;
	color:#ED1C24;
	}
.hint { color:#888; }