/* background images */
div#company-logo { background: url(/images/openrain_logo_small.png); }
body { background: url(http://images.a.openrain.com.s3.amazonaws.com/geek-n-eat.com/jeans.jpg) repeat; }

#admin-bar {}
#admin-bar div.centered-box {margin:0 auto;overflow:hidden;padding:49px 340px 2px 0;font-family:monospace;}
#admin-bar div.centered-box a {color: #abb;}

.site-header {background: transparent url(http://images.a.openrain.com.s3.amazonaws.com/geek-n-eat.com/banner.png) no-repeat 0 0;  height: 212px;}
.site-header #page-header { background: url(http://images.a.openrain.com.s3.amazonaws.com/geek-n-eat.com/hello_my_name_is.png) no-repeat; height: 400px;width:auto;position:absolute;right:111px;top:-27px;}



.container .right {padding:auto; text-align:auto;}
.site-header .left {width: auto;}

.bundle-list .bundle { width: 160px; }


/* typography styles */
body { font-family: "Trebuchet MS"; }
#navigation-bar { font-family: "Copperplate Gothic Bold"; width: 930px; padding: 4px; height: 53px; min-height: 53px; color: #333;}
#navigation-bar { margin-top:143px; padding-right: 70px;}
#navigation-bar .contact-info {display:none;}
#navigation-bar + .shadow { }
#navigation-bar td span { font-size: 9pt; }
#navigation-bar ul.links { margin-left: 56px; height: 100%; width: 75%; }
#navigation-bar ul.links li a { letter-spacing: 1px; font-weight: bold; text-transform: capitalize; text-decoration: none; color: #2d496a; font-size: 14pt; line-height: 1.3em; padding-right:20px;}

div.container .cell ul h2, #blog h2, #twitter h2 { font-weight: bold; font-size: 16pt; background: url(http://images.a.openrain.com.s3.amazonaws.com/geek-n-eat.com/divider.png) no-repeat 0 46px; line-height:62px;padding-left:10px;}


.main .page_content {font-size:10pt;line-height:13pt;}
.main .page_content h1 {line-height:32px; margin: 20px 0;}
.main .page_content h2 {line-height:24px; margin: 20px 0;}
.main .page_content h3 {line-height:18px; margin: 20px 0;}
.main .page_content a {color: #eee;}
.main .page_content ul,
.main .page_content ol {margin:20px 40px;}

.main-content {color: #edd;}
.main-content ul.links {margin: 10px 0; color: #edd;padding-left:14px;}
.main-content ul.links li a {font-size: 10pt; color: #eee;}
.main-content ul.links li a:visited {font-size: 10pt; color: #eee; }
.main-content ul.links li a:hover {color: #ecc;}

.main-content .cell { line-height: 1.4em; }

#page-header .center {font-weight: bold; letter-spacing: 1px; color: #95171D;}

div#sign-image { width: 259px; right: 0; }



.right-column {background: url(http://images.a.openrain.com.s3.amazonaws.com/geek-n-eat.com/background_right_column.png) no-repeat;  height:876px; width: 191px;}

.flash_bar { width: 100%; }

.legal-footer { letter-spacing: 1px; color: #9C9C9C; font-size: 8pt; font-weight: bold; width: 923px; height: 30px; }
.legal-footer a { color: #9C9C9C; }
.site-footer { top: -30px; position: relative; }
.site-footer .logo { display: none; }
.site-footer .copyright, .site-footer .copyright + ul
 { width: 100%; }
.site-footer .legal-footer ul li.address { display: none; }
.site-footer .label { margin: 0 5px; }
.site-footer .field { margin: 0 0 0 10px; }



.main .top.row *, .main .bottom.row * { height: 0; }


/* WIDGETS */
#twitter {color: #888;margin-left:28px;width:150px;}
#twitter h2 { color: #333;}
div.container #bundle-list .bundle, #blog .post, #twitter .tweet { margin: 3px 0; font-size: 12px; }
div.container #bundle-list .bundle a, #blog .post a, #twitter .tweet a { color: #888; text-decoration: none; font-weight: bold; }

div#company-logo { height: 100px; width: 100px; margin: 20px auto 0; position: absolute; bottom: 100px;}

#blog .posts .post, #twitter .tweets .tweet
 { clear: both; width: 100%; }
li { list-style: none; }




/* STYLED FORMS */
.style_form { padding: 10px; }
.style_form #errorExplanation { padding: 0 0 0 5px; margin: 0; }
.style_form #errorExplanation h2 { font-size: 14pt; line-height: 1em; padding: 5px 0; }
.style_form #errorExplanation ul { padding: 0 0 0 35px; }
.style_form label { margin: 0 0 5px 0; float: left; font-weight: bold; }
.style_form > div { clear: both; width: 100%; float: left; margin: 10px 0; }
.style_form div > div { clear: left; }
.style_form div > div label { float: left; padding: 3px; font-weight: normal; }

.style_form .required { color: red; }
.style_form input[type=text] { width: 100%; }
.style_form textarea { width: 100%; height: 100px; }
.style_form input, .style_form select, .style_form textarea { background: #D1D1D1; border: thin solid #6D6D6D; float: left; clear: left; }

#newsletter-signup-form-sidebar {border:4px solid #ffa;margin: 20px 0; }
#newsletter-signup-form-sidebar form {margin-left: 10px;}