/*
Theme Name:		StyleTheWeb.com
Theme URI:		http://www.styletheweb.com
Description:	Custom CSS showcase
Version:		0.05b
Author:			StyleTheWeb.com
Author URI:		http://www.styletheweb.com/
*/

body { margin:0; padding:0; font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; color: #666666; background-color: #F0F0F0; }


/* CLEAR FIX */
.clearfix { clear:both; display:block; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.break { clear:both; padding:0; margin:0 0 10px 0; }
.clear { clear:both; padding:0; margin:5px 0 0 0; }

/* LINK & IMAGES */
a { color:#417b9e; text-decoration:none; }
a:hover { color:#104c68; text-decoration:underline; }

img { border:0px; }
a img { border:0px; }


/* TYPO */
h1 { margin:0; padding: 0 0 15px 0; font-weight: normal; font-size: 16px; } 
h2 { margin:0; padding: 0 0 15px 0; font-weight: normal; font-size: 16px; } 
h3 { margin:0; padding: 4px 0px; text-align: left; text-transform:uppercase; font-size:11px; color: #74a050; color: #000; letter-spacing: 2px; border-bottom: 2px solid #ffc701; }


/* HEADER & NAV */
#header { margin:0 auto; height: 80px; background-color: #000; border-bottom: 2px solid #ffc701; }
#header_body { margin:0 auto; padding: 0; height: 80px; width: 930px; }

#logo { float: left; }

#nav { float: right; margin: 40px 0 0 0; list-style-type:none; }
#nav li { padding: 0 1px; margin:0; list-style-type:none; float: right; }
#nav li a { float: right; display:block; padding:3px 20px; text-decoration:none; text-align:center; color:#999; font-size:12px; border-left: 1px solid #222; }
#nav a:hover { color:#fff; }
#nav #current { font-weight: bold; color: #ffc701; }
#nav #current a { font-weight:bold; color:#fff; }
#nav #current a:hover { font-weight:bold; color: #fff; }

#nav_bottom { height:15px; background-color:#fff; border-top: 1px solid #ea9e2a }
/* END HEADER & NAV */


/* LAYOUT */
#container { background-color: #fff; }
#page { margin: 0 auto; padding: 5px 0 60px 0; width:930px; }


/* SIDEBAR */
.sidebar { width:400px; float:right; }

#col1 { float: left; width: 180px; }
#col1 ul { margin:0; padding:0; list-style:none; border-top: 1px solid #ea9e2a; }
#col1 ul li { margin:0; padding:0; border-bottom: 1px dotted #ccc; }
#col1 ul li a, #categories ul li a:visited { display: block; padding: 6px 0 6px 2px; font-size: 11px; color: #417b9e; }
#col1 ul li a:hover { text-decoration:none; color: #104c68; }

#col2 { float: right; width: 205px; text-align: center; }
#ad_add { margin-top: 20px; padding: 50px 0; text-align:center; font-size: 11px; background-color: #f9f9f9; border: 1px solid #eee; }
#ad_flashden { padding-top: 5px; text-align:center; }
#ad_authenticjobs { padding-top: 5px; text-align:center; border-top: 1px solid #ea9e2a; }

#ad_google { margin-top:10px; }
#ad_cnt_ggl { clear:both; width:510px; padding:10px 0; text-align:center; border: 1px solid #eee; }
.ad_textlinks { text-align: left; font-size: 11px; }
.ad_textlinks .adlink { padding: 10px 0; border-bottom: 1px dotted #ccc; }
#ad_auto { margin:0 auto; padding-top: 5px; width:200px; text-align:center; }


/* SEARCH FORM */
.searchbox { margin: 0px 0 20px 0; padding: 8px; border: 1px solid #ddd; border-top: 1px solid #ea9e2a; }
.search { float:left; margin:0; width:305px; color:#444; }
.find { margin:0 0 0 10px; float:left; }


/* CONTENT */
#content { width:528px; padding:0; overflow:hidden; }
#content p { margin:0; padding:0 0 6px 0; width: 90%; font-size: 12px; line-height: 160%; }


/* SUBMIT FORM */
form { margin:0; padding:0; }
#submit_form { width:500px; border: 1px solid #ddd; }
#submit_form form { margin:0; padding: 10px 20px; }
fieldset { margin:0; padding:0; font-size: 11px; color: #333; }
fieldset label { margin:0; padding: 3px 0 3px 0; display:block; }
fieldset em { font-style: normal; color: #666; }
fieldset textarea, fieldset input { margin-top: 3px; padding: 4px; width: 94%; border: 1px solid #aaa; }
.tdomf_form_message { font-size: 11px; }


/* PAGINATION */
.page_nav { margin:0 0 20px 0; padding:10px 0 0 0; color:#838383; }
.page_nav a { padding:4px 8px 4px 8px; background:#fff; border:1px solid #e5e5e5; color:#838383; font-size:10px; margin:0 5px 0 0; }
.page_nav a:hover { padding:4px 8px 4px 8px; border:1px solid #417b9e; color:#417b9e; text-decoration:none; font-size:10px; margin:0 5px 0 0; }
.page_nav .on { padding:4px 8px 4px 8px; border:1px solid #417b9e; color:#417b9e; font-size:10px; margin:0 5px 0 0; }
.page_nav span { padding:4px 8px 4px 8px; border:1px solid #e5e5e5; font-size:10px; margin:0 5px 0 0; }


/* SHOWCASE ITEM LIST */
.item { padding:5px 10px 5px 10px; width:227px; float:left; margin:0 15px 15px 0; background:#ffffff; border:1px solid #e5e5e5; }
.item h2, .item2 h2 { margin:0 0 3px 0; padding:0; font-size:11px; font-weight: normal; }
.item h2 a, .item2 h2 a { color:#666; text-decoration:none; }
.item h2 a:hover, .item2 h2 a:hover { text-decoration: underline; }
.item p, .item2 p { padding:0 !important; width:auto !important; border:#e5e5e5 1px solid; }
.item2 { padding:5px 10px 5px 10px; width:227px; float:left; margin:0 15px 15px 0; background:#ebf3fb; border:1px solid #cce0f5; }


/* SHOWCASE ITEM */
.details { padding:8px; margin:0 30px 15px 0; font-size: 11px; background:#ffffff; border:1px solid #e5e5e5; }
.details ul { margin:5px 0 5px 15px; list-style-type:none; }
.details li { padding:3px 0 3px 0; list-style-type:square; }
.details h2 { font-size:12px !important; color:#0066cb; margin:0 0 3px 0; }
.details p { margin:0 0 15px 0; font-size: 11px; }
.details p img { padding:0; border:#e5e5e5 1px solid; }
.details2 { padding:8px; margin:0 30px 15px 0; font-size: 11px; background:#ebf3fb; border:1px solid #cce0f5; }
.details2 ul { margin:5px 0 5px 15px; list-style-type:none; }
.details2 li { padding:3px 0 3px 0; list-style-type:square; }
.details2 h2 { font-size:12px; color:#474848; margin:0 0 3px 0; }
.details2 p { margin:0 0 15px 0; font-size: 11px; }
.details2 p img { padding:0; border:#838383 1px solid; }
.tags { margin:0; padding:15px 0 0 0; font-size:1.2em; font-weight:bold; }

.post-ratings span { float:right; font-size:11px; padding:0; }


/* SHOWCASE ITEM AD */
.single_item_ad { margin: 20px 30px 0 0; padding: 9px; aheight: 62px; font-size: 11px; background-color:#fdf9eb; border:1px solid #f8ecbd; }


/* FOOTER */
#footer-wide { margin:0; border-top: 1px solid #e1e1e1; }
#footer { margin: 0 auto; padding: 20px 0 80px 0; width: 930px; }
#footer p { margin:0; text-align:left; font-size:11px; }
#footer a { color:#474848; text-decoration:none; }
#footer a:hover { color:#0066cb; }

#top_org { padding: 10px 0 0 0; }


/* UNDER DEVELOPMENT */
#comment_form .text_input { font-size: 11px; width:191px; padding:3px; color:#444; border:1px solid #696969; border-left:2px solid #0066cb; }
#comment_form .text_area { width:321px !important; border:1px solid #696969; border-left:2px solid #0066cb; }
ul#comment_list { list-style-type:none; margin:0; padding:0; }
ul#comment_list li.comment { margin:0 0 10px 0; }
ul#comment_list li.trackback { padding:1.2em 15px 0 15px; }
.comment_meta { margin:0 30px 15px 0; font-size:11px; }
.comment_num { padding:0 8px 0 0; font-weight:bold; font-size:1.3em; float:right; }
.trackback .comment_num { padding:0 0 0 20px; }
.comment_num a,.comment_num a:visited { color:#888; text-decoration:none; }
.comment_num a:hover { color:#303030; text-decoration:none; }
.comment_meta strong { font-size:1.2em; }
.comment_time { font-size:1em; color:#888; }


blockquote { font-style:italic; font-size:11px; color:#888888; margin:0 0 5px 20px; padding:0 0 0 10px; border-left:4px solid #0066cb; }
abbr,acronym { border-bottom:1px dotted #0066cb; text-transform:uppercase; }
code { color:#474848; font-family:Courier,monospace; margin:0 0 5px 5px; }
pre { margin:0 0 1.5em 0; overflow:auto; font-size:1.3em; clear:both; }


/*
.rss { float:right; margin:0; padding:0; }
.rss a { width:38px; height:36px; display:block; }
.rss a:hover { width:38px; height:36px; display:block; }
*/