/*
Theme Name: Chris Galanos Custom Theme
Theme URI: http://udfddesign.com
Description: A custom theme for Chris Galanos
Version: 1.6
Author: Bill Jones
Author URI: http://udfddesign.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Chris Galanos Theme
	 http://udfddesign.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Reset Browser
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Wordpress CSS
--------------------------------------------------------------------------------------- */

body.blog .main_udfd p.crumbs { margin: 0 0 16px 0;}


.entry p a:visited { color: #b85b5a; }


small,
.sidebar_udfd ul ul li,
.sidebar_udfd ul ol li,
.nocomments,
.postmetadata,
blockquote,
strike { color: #989383; }

code { font: 1.1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps { letter-spacing: .07em; }


.post h2 { font-size: 2em; }

.right_post { float: right; display: inline; width: 87%; }
.post h6.counter { font-size: 4.3em; float: left; display: inline; color: #2687a7; width: 60px; text-align: right; }
.right_post small { display: block; font-size: 1.2em; margin: 3px 0 0 0; }

.post { padding:0 0 16px 0; margin-bottom: 16px; width:100%; overflow: hidden; }
.post hr { display: block; }

.main_udfd .postmetadata { padding-top: 5px; margin:8px 0; }
.main_udfd .small_info { font-size:1.0em; color:#0ebfeb; background:#eefcff; padding:6px 12px;}

.main_udfd .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.main_udfd .attachment { text-align: center; margin: 5px 0px; }



/* Main Layout
--------------------------------------------------------------------------------------- */

h3.first, img.first { margin-top: 20px; }

.groupbar {color: #000;}
.groupbar a{ line-height: 1.8em;margin: 0 5px; text-transform: uppercase;}


/* Images
--------------------------------------------------------------------------------------- */

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

img.centered { 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; }


/* Lists
--------------------------------------------------------------------------------------- 

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets.        */	


html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .entry li { margin: 7px 0 8px 10px; }

.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }

.postmetadata ul,
.postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

.sidebar_udfd ul li ul { margin: 0; padding: 0; }
.sidebar_udfd ul li { list-style-type: none; list-style-image: none; margin-bottom: 0; }
.sidebar_udfd ul p,
.sidebar_udfd ul select { margin: 5px 0 8px; }

.sidebar_udfd ul ol { margin: 5px 0 0 10px; }

.sidebar_udfd ul ul { margin-bottom: 24px; }
.sidebar_udfd ul ul li { font-size: 1.4em; width: 100%; padding: 6px 0 6px 0; color: #ffffff;}

.sidebar_udfd ul ul ul,
.sidebar_udfd ul ol { margin: 0 0 0 10px; }

.sidebar_udfd h4 { padding-bottom:8px; margin: 0; border-bottom: 2px solid #ded9c7; font-size: 2em; color: #e5e5e5; }

ol li, .sidebar_udfd ul ol li { list-style: decimal outside; }

.sidebar_udfd ul ol li { margin: 3px 0 0; padding: 0; }

.archive_dropdown { width: 210px; padding: 5px 0; margin-top: 12px; }

.postform { width: 210px; padding: 5px 0; margin-top: 12px; }


/* Calendar Structure
--------------------------------------------------------------------------------------- */

#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }

#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }

#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }

#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { background-color: #fff; } /* Doesn't work in IE */


/* Misc.
--------------------------------------------------------------------------------------- */

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }


.logged_in { width:94%; padding:0 3%; border:1px solid #aeca61; color:#5baf07; overflow:hidden; background: #e6f7b8; margin-bottom:16px;} /* Width must equal panel_form_box minus 26px */
.logged_in p { margin: 8px 0;  }
.logged_in p a { color:#000000;}

.alert { width:94%; padding:0 3%; border:1px solid #dad29c; color:#000000; overflow:hidden; text-align:center; background: #fdf8d9; margin-bottom:16px;} /* Width must equal panel_form_box minus 26px */
.alert p { margin: 8px 0;  }


.back { float: right; display: inline; font-size: 1.2em; margin-top: 8px; }

.form_page_header { width: 380px; float: right; display: inline; overflow: hidden; margin-top: 1px}
.form_page_header #s { width: 300px; padding:3px 0 3px 6px; color:#666666; font-size: 1.6em; float: left; display: inline;}
.form_page_header .side_submit {  border: 1px solid #3d8a39; background: #4ea34a; padding: 6px 8px; text-align: center; color: #fff; font-size: 1.2em; float: right; display: inline; }

.sidebar_udfd #searchsubmit { border: 1px solid #57abc0; background: #63c3db; padding: 5px 3px; text-align: center; color: #fff; font-size: 1.1em; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
* html .sidebar_udfd #searchsubmit { padding:5px 2px 6px 2px; }

.sidebar_udfd #searchform { width:100%; margin-bottom: 24px; }
.sidebar_udfd #searchform #s { width: 153px; padding:6px 0 6px 8px; border:1px solid #cccccc; color:#666666; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
*:first-child+html .sidebar_udfd #searchform #s { width: 124px; }

h3.title_blog { padding-bottom: 24px; }


/* Bottom Navigation.
--------------------------------------------------------------------------------------- */
.navigation { width: 580px; overflow: hidden; margin-bottom: 20px;  }


.alignleft { float: left; width: 40%; }
.alignleft a { display: block; width: 100%; padding: 10px 0; background: #eee2d2; border: 1px solid #d0bfa7; font-size: 1.8em; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.alignleft a:hover { background: #d0bfa7; text-decoration: none; }
.alignright { float: right; width: 40%; }
.alignright a { display: block; width: 100%; padding: 10px 0; background: #eee2d2; border: 1px solid #d0bfa7; font-size: 1.8em; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.alignright a:hover { background: #d0bfa7; text-decoration: none; }


/* Base CSS
--------------------------------------------------------------------------------------- */

html {  background: #000000 url(images/bg_html.jpg) top center fixed no-repeat; }
body { font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #131313; }


h3 { font-size:2.6em; color: #304249; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 1em; }
h1, h2, h4, h5, h6 { font-family:Arial, Helvetica, Verdana, sans-serif; font-size: 2em; color: #3c3c3c; }
p { font-size:1.4em; line-height:1.8em; margin:12px 0; }
small { font-size:1.1em;}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
li.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }


/* Links and Buttons
--------------------------------------------------------------------------------------- */

a {font-weight: bold; text-decoration: none;}
a:link { color: #178eac;}
a:visited { color: #178eac;}
a:hover { color: #666; text-decoration: underline;}
a:active { color: #178eac;}

.sidebar_udfd a { color: #e95521; font-weight: normal; }
.sidebar_udfd a:link { color: #e95521; }
.sidebar_udfd a:visited { color: #e95521;}
.sidebar_udfd a:hover { color: #666; text-decoration: underline;}
.sidebar_udfd a:active { color: #e95521;}

.footer_udfd a { color: #2687a7; font-weight: normal; }
.footer_udfd a:link { color: #2687a7; }
.footer_udfd a:visited { color: #2687a7;}
.footer_udfd a:hover { color: #ffffff; text-decoration: underline;}
.footer_udfd a:active { color: #2687a7;}


/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

.header_udfd { margin: 20px auto 0 auto; padding: 0; overflow: hidden; width: 960px; height: 215px; background: url(images/bg_header.png) center bottom no-repeat; }
.content_container_udfd { width: 960px; padding:0 0 30px 0; background: url(images/bg_footer.png) bottom left no-repeat; margin: 0 auto;}
.content_udfd { width:960px; padding: 0;  margin: 0 auto; background: url(images/bg_content.png) 0 0 repeat-y;  overflow: hidden; }
.main_udfd { width:625px; float:left; display:inline; padding: 0; margin: 0px 0 0 30px; }
.sidebar_udfd { width:215px; float:right; display:inline; margin: 0 30px 0 0; padding: 0; background: url(../images/bg/bg_sidebar.jpg) 0 0 repeat-y; color: #666; overflow: hidden; }
.footer_udfd { width: 880px; margin: 0 auto; padding: 0 0 20px 5px; color: #726a61; overflow: hidden; }


/* Header
--------------------------------------------------------------------------------------- */
.header_udfd h1 { float: left; display: inline; margin: 0; padding: 0; }
.main_nav_udfd { position:relative;	width:900px; height: 279px; padding:0; top:0px; left:0px; margin:0; z-index:1000; display: none; }
.main_nav_udfd a { display:block; }
.main_nav_udfd li {	list-style:none; position:absolute; }


/* Posts
--------------------------------------------------------------------------------------- */
.post h2 { padding: 15px 0 15px 15px; font-size: 2.8em; color: #e95521; display: block; text-decoration: none; font-weight: normal; background: #eee2d2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #d0bfa7; }
.post h2 a { color: #e95521; text-decoration: none; font-weight: normal; }
.post h2 a:hover { color: #666; }

.entry { padding: 0 15px; }

.main_udfd .postmetadata { margin: 8px 0 0 0; }

.postmetadata { background: #fff; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 5px 10px; }
.postmetadata a { color: #2687a7; font-weight: normal; }
.postmetadata a:link { color: #2687a7; }
.postmetadata a:visited { color: #2687a7;}
.postmetadata a:hover { color: #66666; text-decoration: underline;}
.postmetadata a:active { color: #2687a7;}

.comment_icon_udfd { float: left; margin-top: 3px; margin-right: 5px; }

.post ul li { list-style: disc; padding: 10px 10px 0px 20px; font-size: 1.2em; line-height: 1.6em; }


/* Search Results
--------------------------------------------------------------------------------------- */

.post_list { margin-bottom: 20px; }

/* Comments Structure
--------------------------------------------------------------------------------------- */

.yellow_paper h4 { margin-bottom: 20px; }

.alt { margin: 0; padding: 10px 10px 10px 20px; background: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.commentlist { padding: 0; text-align: justify; }
.commentlist li { padding-top: 10px; margin-bottom: 20px; list-style: none;  }
.main_content .commentlist li { margin: 15px 0 3px 24px; padding: 5px 30px 3px 30px; list-style: none; border-left:8px solid #ded9c7; background: none; font-size: 1em; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }

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

.commentmetadata { margin: 16px 0 16px 0; display: block; font-style:italic; padding-top:8px; border-top:1px dashed #e4dca3; clear: both;  }

.gravatar { float:left; margin: 10px 10px 10px 0; width: 50px; height: 50px; }


/* Sidebar
--------------------------------------------------------------------------------------- */

.sidebar_udfd h5 { padding: 10px 10px 5px 10px; margin: 0; font-size: 2.2em; color: #178eac; display: block; font-weight: normal;  background: #e0e4cc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #c2c6b1; }

.side_box { padding: 0 0 30px 0; margin: 0; overflow: hidden;  }

.sidebar_udfd p { margin: 5px 0 5px 20px; }

.sidebar_udfd ul { margin: 22px 0 5px 10px; }
.sidebar_udfd ul li { margin: 10px 0; font-size: 1.2em; }

.recent_comment_udfd { overflow: hidden; margin-bottom: 10px; }

.grav_icon_udfd { float:left; display: inline; }
.comment_udfd { overflow: hidden; float: left; margin-left: 10px; }

.img_wrap_udfd { margin-top: 15px; text-align: center; }

.csocial  { float: left; display: inline; margin: 10px 0 0 20px; } 


/* Forms
--------------------------------------------------------------------------------------- */
.form_box { width: 90%; margin: 34px 0 20px 0; padding: 0 5%; overflow: hidden; }
.form_box_check_listings { width: 96%; margin-top: 20px; background: #e7f5fc; padding: 3% 1% 3% 3%; overflow: hidden; }

.form_box h4 { margin-bottom: 20px; margin-top: 0; }
h2.step_titles { background: #e5f6fe; color: #347EA3; padding: 10px 3%; width: 94%; font-size: 1.6em; margin: 16px 0; }

.form_row { width: 100%; overflow: hidden; margin-bottom:6px; }
.form_left_column { width: 25%; float: left; display: inline; text-align: right; padding-top: 9px;}
.double_line {padding-top: 0;}
.form_right_column { width: 72%; float: right; display: inline; }

body.weddingform .form_left_column { width: 40%; }
body.weddingform .form_right_column { width: 57%; }

.form_right_column small { display: block; margin-top: 4px;}

.form_left_column label, .ver_left_column label { font-size: 1.2em; line-height: 1.3em; font-weight: bold; vertical-align: middle; color: #333333; }
.form_right_column label { font-size: 1.2em; line-height: 1.3em; vertical-align: middle; color: #333333;}
.form_checkbox_label { padding-top: 2px; }

.form_box input { font-size: 1.4em; color:#333; }
.normal_input { width: 75%; padding: 5px 8px; border: 1px solid #ccc; }
.zip { width: 15%; padding: 5px 8px; border: 1px solid #ccc; }
.phone { width: 35%;}
.comments { width: 85%; padding: 8px; font-family: Helvetica, Arial, sans-serif; border: 1px solid #ccc; }

.form_right_column select { float: left; display: inline; margin-top: 7px; }

.email_checkbox { margin-top: 10px; overflow: hidden; }
.email_checkbox input { float: left; display: inline;}
.email_checkbox label { float: left; display: inline; margin-top: 3px; width: 93%; margin-left: 5px; }

.error { }
.error label { color:#c21e1e; }
.error input { background: #fdf2f2; border: 2px solid #c21e1e; }

/** Special inputs for the eNews form that's in the footer **/
.email_inputs .error input { border: 2px solid #c21e1e; background: #fff0f0;}


/* Verification
--------------------------------------------------------------------------------------- */

.verify_row { margin: 20px 0 8px 0;}
.verify_row input { width: 44px; text-align: center; padding-left: 0; padding-right: 0;}
.submit_row { clear: both; overflow: hidden; width: 100%; padding:0; text-align: center; margin-bottom: 20px; }


.input_amount { background: #ffffff url(../images/icons/icon_dollar.gif) 2% 50% no-repeat; padding-left: 20px;  }
.mileage { width: 36%; padding: 5px 8px 5px 20px; border: 1px solid #ccc;  }