/* Reset CSS Styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p {
     
margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-family: inherit;vertical-align: baseline; font-family:Arial, Helvetica, sans-serif; }

:focus { outline: 0; }

body { }

ol, 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: "" ""; } 
/* End Reset CSS Styles */


/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*********************************************************** ArtTraffic Blog Styles *******************************************************/
/*-----------------------------------------------------------------------------------------------------------------------------------------*/

body { background:url(images/css/bg3.gif) center top no-repeat #ECECEC; color:#333; }

/***General Styles**/
p { font-size:0.8em; line-height:1.5em; margin-bottom:1.5em; }
.float_right { float:right; }
.float_left { float:left; color:#666; }
img { border: 1px solid #dfdfdf; padding: 10px; }
a { color:#4d4d4d; text-decoration:none; }
a:hover { color:#2CD6E7; }
h3 { font-size: 0.9em; color:#4d4d4d; }
h5 { font-size:1em; }
h6 { font-weight:normal; margin: 5px 0 0 10px; color:#8F8F8F; }
.grey { color:#8F8F8F; }
.intro { font-size: 0.95em; line-height: 1.5em; margin: 0 0 1.5em 0; }
.red { color:#f0091c; }
.green { color:#d2ee47; }
.blue { color:#27dae9; }

/***General Styles**/

#container { width:840px; margin: 0 auto; }

/***Header Styles**/
#header { height:185px; padding: 0 0 0 0; }
#logo { background:url(images/css/logo.png) no-repeat; width:220px; height:45px; float:left; margin: 75px 0 0 20px; } 
#logo h1, #logo small { display:block;  text-indent:-9999px; }
#header .top_nav { margin: 80px -10px 0 45px; float:right; }
#header .top_nav ul li { display:inline; border-right: 1px solid #fff;  }
#header .top_nav ul li.none { border:none; }
#header .top_nav ul li a { text-decoration:none; color:#fff; font-size:0.8em; padding: 0 32px 0 32px; }
#header .top_nav ul li a:hover {  color:#ccc; }
/***End Header Styles**/

/***Middle Container Styles**/
#middle_container { height:100px; padding: 0 20px 0 0; }
#searchform { float:right; margin: 15px 0 0 -10px; }
#searchform .search { width:230px; background:url(images/css/search_bg.gif) no-repeat; color:#ccc; text-align:right; padding:10px; }
#tagline { float:left; margin: 38px 20px 0 20px;  }
#tagline h2 { font-size:1em; color:#464646; font-weight:normal; }
/***End Middle Container Styles**/

/***Content Wrapper***/
#content_wrapper { width:100%; background:url(images/css/content_wrapper_side_bg.png) repeat-y; overflow:hidden; padding: 0 20px 0 20px;  }
#content_wrapper_top { background:url(images/css/content_wrapper_top_bg.png) no-repeat; height:37px; }
#content_wrapper_bottom { background:url(images/css/content_wrapper_bottom_bg.png) no-repeat; height:37px; }
#content { width: 470px; float:left; padding: 0 0 0 20px; }


#content .post { margin: 0 0 30px 0; }
#content .entry { margin: 20px 0 0 10px; }
.more-link { padding:5px 10px 5px 10px; background:#ECECEC; float: right; font-size:0.9em; border:1px solid #CFCFCF; margin: 10px 0 0 0; }
#postmetadata { border-bottom:1px solid #dbdada; color:#8F8F8F; padding: 0 0 20px 0; margin: 0 0 40px 0; }
#postmetadata ul { margin: 5px 0 20px 0; }
#postmetadata ul li { display:inline; font-size:0.75em; margin: 0 20px 0 0; }
#postmetadata ul li.comments { background:url(images/css/comments.jpg) no-repeat left; padding: 0 0 0 20px; }
#postmetadata ul li.categories { background:url(images/css/categories.jpg) no-repeat left; padding: 0 0 0 20px; font-weight:bold; }
#postmetadata a { color:#95BF00; }

.sociable ul li { display:inline; }

#responses { border:1px solid #ECECEC; padding: 20px 0 20px 10px; margin: 0 0 20px 0; width:450px; }

ol { margin: 0 0 20px 0; }
ol li { padding:10px 0 0 0; background:#f6f6f6; border:1px solid #ECECEC; overflow:hidden; margin: 0 0 10px 0; }
.commentlist h6 { margin: 0 0 20px 0; }
.commentlist h3 { font-size: 0.8em; }
.commentlist p { font-size: 0.75em; }

.gravatar { float:left; padding: 3px; background: #fff; margin: 0 10px 10px 10px; }
.postgrav { float: left; padding: 3px; margin-right: 5px; margin-left: 5px; border: 1px solid #000; background: #fff; }
.commentmetadata { float:left; width: 350px; }


.comments-template { margin: 30px 0 0 10px; }
.comments-template dl { font-size:0.8em; border:1px solid #ECECEC; padding: 10px; }
.comments-template dt { margin: 0 0 5px 0; }
.comments-template dd { margin: 0 0 10px 0; }
.input_style { border:1px solid #DFDFDF; color:#ccc; padding:10px; }


/***End Content Wrapper***/

/***Sidebar***/
#sidebar { float:right; text-align:right; width:200px;  margin: 0 60px 0 0; font-size:0.8em; }
#sidebar ul { margin: 0 0 20px 0; }
#sidebar ul li { padding: 0 0 0 0; margin: 10px 0 0 0;  }
ul#social { margin: 10px 0 0 0; }
ul#social img { border:none; }
ul#social li { display:inline; }
/**End Sidebar***/

/***Footer***/
#footer { width:100%; height:200px; background:#333; text-align:center; color:#fff; padding: 50px 0 0 0; }

#footer ul.twitter { width:300px; }


#sidebar .right { float:right; width:268px;  }
#sidebar .right img { float:left; margin: 0 10px 0 0; }

#sidebar .profile { overflow:hidden; margin: 0 0 20px 0; clear:both; }

#sidebar .links { float:right; width:160px;  }
#sidebar .links ul { margin: 0 0 20px 0; font-size:0.75em; }
#sidebar .links li { padding: 0 0 5px 0; margin: 0 0 10px 0; border-bottom: 1px solid #DFDFDF; }

.short_divide { float:right; height:1px; width:160px; background:url(images/short_divider.gif) no-repeat ; margin: 0 0 20px 0; clear:both; overflow:hidden; }