/* Global Styles */

* { margin:0; padding:0; }

body {
	background:#b6b6b6 url(../images/bg_wrap_blue_gray.gif) repeat-y 50%;
	color:#333;
	font-family:"Lucida Sans", Sans-Serif; 
}

img { border:none; }

a { color:#42a9f7; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }

.entry h1 a { color:#333; text-decoration:none; }
.entry h1 a:hover { color:#42a9f7; text-decoration:none; }

h1 { font-size:26px; margin:0 0 5px 0; }
h2 { font-size:20px; margin:0 0 5px 0; }

/* Homepage Styles */

#wrap { width:1040px; margin:0px auto; }
#headerContainer { width:100%; float:left; }
#header { width:960px; height:90px; background-color:#189ae6; margin:0px auto; padding:20px 20px 0 20px; }
#logo { float:left; }
#logo h1 a { color:#fff; }
#logo h1 { font:36px "Trebuchet MS", Arial, Sans-Serif; color:#fff; margin-bottom:0px; }
#logo h2 { font:14px "Trebuchet MS", Arial, Sans-Serif; font-style:italic; color:#a7dbfb; margin-top:0; }
#search { float:right; padding:15px 0 0 0; }
#search h3 { font:12px "Lucida Sans", Sans-Serif; color:#fff; padding:0 0 3px 0; display: inline;}
#search input { margin-right:3px; }

#contentContainer { width:100%; float:left; padding:40px 0 80px 0; /* background-color:#fff; */ }
#content { width:980px; padding:0 0px 0 20px; margin:0px auto; }
#catDescription { float:left; }
.catDescription { float:left; margin-bottom:20px; width:600px; font-size:13px; }
.bubble { background:url(../images/bubble.gif) no-repeat 0 2px; padding:0 0 0 20px; }
.entry_container {padding:15px; margin:0 0 10px 0; border:1px solid #dbedfb; background:#fff url(../images/bg_entry_blue_gray.gif) repeat-x top left;}
h1.topic_header { font-size:20px; background:url(../images/entryicon.jpg) no-repeat 0 5px; padding:0 0 5px 20px; }
.entry p { font-size:14px; margin:3px 20px 5px 20px; clear:both; }
.bottomBorder { border-bottom:1px solid #ccc; padding:0 0 4px 0; }
.topicBody { padding:5px 0 5px 0; margin-left:20px; font-size:14px !important; line-height:18px !important; }
.topicBody img { background:#fff; border:1px solid #ccc; margin:2px 10px .75em 0; padding:5px; }
.submitted { padding:10px 0 10px 10px; font-size:11px !important; line-height:1px; float:left; }
#sidebar { float:right; width:380px; }
#sidebar h2 { font-size:18px; color:#333; margin:0 0 7px 0; }
#askBox { float:left; padding:15px; width:350px; border:1px solid #dbedfb; background:#fff url(../images/bg_entry_blue_gray.gif) repeat-x top left; }
#textarea { float:left; margin-right:5px; }
#textarea p { margin:7px 0 0 0; font-size:14px; }
#textarea textarea { width:230px; padding:5px; height:85px; }
#button { float:left; }
#button input { padding:8px; width:100px; font:bold 32px "Trebuchet MS", Arial, Sans-Serif; color:#686868; }
#categories { float:left; width:100%; }
#categories h3 { font-size:16px; padding:0 0 5px 0; border-bottom:1px solid #ccc; }
#categories ul { font-size:12px; line-height:16px; margin:10px 0 0 0; }
#categories ul li { list-style:none; }
#replyForm { padding:30px; margin-top:20px; font-size:14px; font-weight:bold; }
#replyForm p { margin:0 0 15px 0; }
#replyForm input { margin:2px 0 5px 0; padding:3px; }
#replyForm textarea { padding:3px; }
#yourName { float:left; width:30%; }
#yourEmail { float:left; width:65%; padding-left:30px; }
.margin { margin-bottom:20px; float:left; }
.replySmall { font-size:12px; color:#666; }
.button { float:left; font-size:20px; padding:5px; }
.button-left { float:left; font-size:20px; padding:5px; margin-right:5px; }

#footerContainer { width:100%; float:left; }
#footer { width:1000px; padding:20px 0 30px 20px; margin-left:9px; height:120px; float:left; font-size:12px; color:#686868; background:#d6d6d6 url(../images/bg_footer.jpg) repeat-x top left; }


/* Subpage Styles */

.gray { color:#777; }
#step1 { float:left; margin-bottom:40px; width:100%; }
#functions { float:left; width:338px; }
.functionSelected { padding:15px; font-size:20px; background-color:#ccebff; margin-bottom:2px; }
.function { height:23px; width:275px; display:block; text-decoration:none; padding:15px; font-size:20px; background:#f2f2f2 url(../images/bg_function.jpg) no-repeat top right; color:#666; font-weight:normal; }
#functions a:hover { text-decoration:none; background-color:#e7e7e7; background:#e7e7e7 url(../images/bg_functionhover.jpg) no-repeat top right; }
#question { float:right; width:582px; padding:25px 20px 0 40px; background-color:#ccebff; }
#question h2 { font-size:16px; margin:0 0 10px 0; }
#question textarea { width:500px; padding:5px; height:150px; margin:0 0 7px 0; }
#question input { width:500px; padding:5px; margin:0 0 7px 0; }
#question p { font-size:12px; color:#666; }
#photo { float:right; width:582px; padding:20px 20px 30px 40px; background-color:#ccebff; }
#photo h2 { font-size:16px; margin:0 0 10px 0; }
#photo p { font-size:12px; color:#666; }
#title_header { padding-top:15px; float:left; }

#step2 { float:left; width:100%; margin-bottom:40px; margin-left:40px; }
#step2 select { width:500px; padding:5px; margin:0 0 20px 0; } 
#create_category { float:left; font-size:14px; font-weight:bold; }
#create_category p { margin:0 0 15px 0; }
#create_category input { margin:2px 0 5px 0; padding:3px; }

#step3 { float:left; width:100%; margin-left:40px; }
#step3 { float:left; font-size:14px; font-weight:bold; }
#step3 p { margin:0 0 15px 0; }
#step3 input { margin:2px 0 5px 0; padding:3px; }
#step3 textarea { padding:3px; }

#contact { float:left; font-size:14px; font-weight:bold; }
#contact p { margin:0 0 15px 0; }
#contact input { margin:2px 0 5px 0; padding:3px; }
#contact textarea { margin:2px 0 5px 0; padding:3px; }

.thumbnail { float:left; margin-right:15px; }
#image_list { float:left; width:100%; margin-top:15px; }


/* JLB 06.10.08 */

#center { float:left; }
#center h2 { font-size:16px; padding:0 0 5px 0; margin-bottom:7px; border-bottom:1px solid #ccc; }
.center_item { font-size:14px; float:left; margin-bottom:18px; }

#right { float:right; width:380px; }
#askBox h3 { font-size:18px; color:#333; margin:0 0 7px 0; }
.right_item h2 { font-size:16px !important; padding:0 0 5px 0; margin-bottom:7px; border-bottom:1px solid #ccc; }

#top { width:980px; margin:0px auto; margin-top:-40px; margin-bottom:60px; }
.top_item {  }
.top_item a:link, .top_item a:visited { margin-right:4px; padding:5px 10px 5px 10px;  font-size:13px; background-color:#ddd; float:left; font-weight:normal; color:#666; }
.top_item a:hover, .top_item a:active { padding:5px 10px 5px 10px; color:#333; float:left; font-weight:normal; text-decoration:none; }
a.current { padding:5px 10px 5px 10px; background-color:#189ae6 !important; color:#eee !important; float:left; font-weight:normal; text-decoration:none; border-left:2px solid #ccc; border-right:2px solid #ccc; border-bottom:2px solid #ccc; }

.comment { padding:15px; margin:0 0 5px 0; border:1px solid #e7e7e7; background-color:#f7f7f7; }
.comment h1 { font-size:20px; background:url(../images/entryicon.jpg) no-repeat 0 5px; padding:0 0 5px 20px; }
.comment p { font-size:14px; margin:3px 20px 5px 20px; clear:both; }

.comment2 { padding:15px; margin:0 0 5px 67px; border:1px solid #e7e7e7; background-color:#fff; }
.comment2 h1 { font-size:20px; background:url(../images/entryicon.jpg) no-repeat 0 5px; padding:0 0 5px 20px; }
.comment2 p { font-size:14px; margin:3px 20px 5px 20px; clear:both; }

#replyForm { background-color:#f5f5f5; border:4px solid #e7e7e7; }
.commentReply a:link, .commentReply a:visited { float:right; font-size:12px; border:1px solid #ddd; padding:5px; background-color:#fafafa; }
.commentReply a:hover, .commentReply a:active { float:right; font-size:12px; border:1px solid #ddd; padding:5px; background-color:#fff; text-decoration:none; }

#yourLocation { width:50%; overflow:auto; float:left; }
#simple_captcha { width:100% !important; border:0px !important; margin-bottom:40px !important; }

.stickyShadow { float:left; width:225px; background:#ffffcc url(../images/bg_sticky_shadow.gif) no-repeat bottom left; padding:15px 15px 25px 15px; color:#414142; font-size:12px; }
.sticky { float:left; width:225px; background-color:#ffffcc; padding:15px 15px 15px 15px; color:#414142; font-size:12px; }
.clear { clear:both; }

.right_item { width:100%; float:left; margin-bottom:30px; }
#login { margin-top:20px; }
.leftCol { width:150px; }
#login td { height:25px; }
#accountQuestion { border-top:1px solid #ccc; margin:20px 0 0 0; float:left; padding:15px 0 15px 0; width:100%; }
#uploadPhoto { float:left; width:100%; margin-bottom:30px; font-size:12px; }
#confirmHuman { border-top:1px solid #ccc; float:left; padding-top:15px; width:550px; }
#reply_to_user { display:inline; }
#registerdiv, #logindiv { float:left; width:550px; border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:20px; }


/* HTML Controls */

#showHide { font-size:10px !important; margin-bottom:5px; }
#ed_toolbar { width:100%; float:left; }
#ed_strong { width:40px !important; font-weight:bold; }
#ed_em { width:40px !important; font-style:italic; }
#ed_link { width:40px !important; color:blue; }
#ed_ul { width:40px !important; }
#ed_ol { width:40px !important; }
#ed_li { width:40px !important; }
#ed_close { width:80px !important; }
.ed_button { float:left; height:30px; margin-right:1px !important; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #666; border-bottom:1px solid #666; }

#user_login { margin:0px auto; width:980px; background-color:#189ae6; padding:15px 40px 0 0; font-size:14px; color:#666; text-align:right; }
#user_login img { height:16px; width:16px; margin-right:5px; background-color:#fff; padding:2px; border:1px solid #ccc; }

#user_login a { color:#fff; }

.comment ul { margin:0 0 0 20px; font-size:14px; }
.comment ul li { margin:0 0 0 20px; }

#userForm { float:left; width:100%; }
#userForm h2 { padding-left:150px; margin-bottom:-15px; }
#userAvatar { margin-right:50px; float:left; }
#avatarForm { float:left; padding-top:40px; margin-bottom:55px; }
.small { font-size:12px; }
.avatar {margin-left: 20px;}

#photo_info { margin-bottom:20px; }
#subscribed { font-size:14px; padding-right:20px; float:right; }
#left_column { float:left; margin-right:50px; }
#center h2 { font-size:18px; border:0px !important;  }

.entry ul { margin:0 0 0 20px; font-size:14px; }
.entry ul li { margin:0 0 0 20px; }

.photoFrame {background-color:#fff; border:1px solid #ccc; float:left; margin:2px 15px 0.75em 0pt; padding:5px; }
.photoFrame img { float:left; }

.plain { color:#333 !important; text-decoration:underline; font-weight:normal; }
.plain:hover { text-decoration:none !important; }
