/*
Theme Name: Mike Vallely 1.0
Theme URI: http://mikevallely.com/
Description: This theme is built for Mike Vallely for his social reintegration into internet world.
Version: 1.0 (2009-12-12)
Author: Austin Cannon
Author URI: http://austincannon.com.com/
Tags: black, grey, custom layout

*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CSS RESET: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
small, 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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
img, a, div { behavior: url(iepngfix/iepngfix.htc) }

a { outline: none; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== GENERAL: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; }
body { background:#0c0c0c url(images/bkgnd2.png) repeat-x; margin: 0px; }
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== STRUCTURE: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#wrap { background: url(images/bg-header-09.jpg) no-repeat center top; }
#container { padding-bottom: 150px; width:950px; margin:0 auto; }
#header { height:300px; }
#logo { width:257px; float:left; }
#content { margin:15px 0 0 0; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== NAVIGATION: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#social { width:680px; float:right; }
#social ul { margin:0; padding:0; width:680px; position:absolute;z-index:10; z-index:10; }
#social ul li { float:left; list-style-type:none; position:relative; }
#social li a { background-image:url(images/navigation-social.jpg); display:block; }
#social li span{ display:none; }

#social ul #shred{ top:93px; left:173px; }
#social #shred a{ width:101px; height:40px; background-position:-235px 0; }
#social #shred a:hover, #social #shred a.current{ background-position:-235px -40px;}

#social ul #twitter{ top:37px; left:164px; }
#social #twitter a{ width:43px; height:51px; background-position:-134px 0; }
#social #twitter a:hover, #social #twitter a.current{ background-position:-134px -51px; }

#social ul #myspace{ top:0; left:172px; }
#social #myspace a{ width:50px; height:56px; background-position:-84px 0; }
#social #myspace a:hover, #social #myspace a.current{ background-position:-84px -56px; }

#social ul #youtube{ top:0; left:125px; }
#social #youtube a{ width:55px; height:64px; background-position:0 0; }
#social #youtube a:hover, #social #youtube a.current{ background-position:0 -64px; }

#social ul #facebook{ top:0; left:147px; }
#social #facebook a{ width:29px; height:59px; background-position:-55px 0; }
#social #facebook a:hover, #social #facebook a.current{ background-position:-55px -59px; }

#social ul #rss{ top:70px; left:141px; }
#social #rss a{ width:58px; height:56px; background-position:-177px 0; }
#social #rss a:hover, #social #rss a.current{ background-position:-177px -56px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== NAVIGATION: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#navigation { height:57px; width:950px; clear:both; }
#navigation ul { margin:0; padding:0; width:950px; z-index:10; }
#navigation ul li { float:left; list-style-type:none; position:relative; }
#navigation li a { background-image:url(images/bg-navigation.png); display:block; }
#navigation li span{ display:none; }

#navigation ul #item1{ top:0; left:0; }
#navigation #item1 a{ width:47px; height:57px; background-position:0 0; }
#navigation #item1 a:hover, #navigation #item1 a.current{ background-position:0 -57px;}

#navigation ul #item2{ top:0; left:0px; }
#navigation #item2 a{ width:81px; height:57px; background-position:-48px 0; }
#navigation #item2 a:hover, #navigation #item2 a.current{ background-position:-48px -57px; }

#navigation ul #item3{ top:0; left:0px; }
#navigation #item3 a{ width:111px; height:57px; background-position:-130px 0; }
#navigation #item3 a:hover, #navigation #item3 a.current{ background-position:-130px -57px; }

#navigation ul #item4{ top:0; left:0px; }
#navigation #item4 a{ width:64px; height:57px; background-position:-242px 0; }
#navigation #item4 a:hover, #navigation #item4 a.current{ background-position:-242px -57px; }

#navigation ul #item5{ top:0; left:0px; }
#navigation #item5 a{ width:74px; height:57px; background-position:-307px 0; }
#navigation #item5 a:hover, #navigation #item5 a.current{ background-position:-307px -57px; }

#navigation ul #item6{ top:0; left:0px; }
#navigation #item6 a{ width:51px; height:57px; background-position:-382px 0; }
#navigation #item6 a:hover, #navigation #item6 a.current{ background-position:-382px -57px; }

#navigation ul #item7{ top:0; left:0px; }
#navigation #item7 a{ width:65px; height:57px; background-position:-434px 0; }
#navigation #item7 a:hover, #navigation #item7 a.current{ background-position:-434px 0; }

#navigation ul #item8{ top:0; left:0px; }
#navigation #item8 a{ width:85px; height:57px; background-position:-500px 0; }
#navigation #item8 a:hover, #navigation #item8 a.current{ background-position:-500px -57px; }

#navigation ul #item9{ top:0; left:0px; }
#navigation #item9 a{ width:98px; height:57px; background-position:-586px 0; }
#navigation #item9 a:hover, #navigation #item9 a.current{ background-position:-586px -57px; }

#navigation ul #item10{ top:0; left:0px; }
#navigation #item10 a{ width:80px; height:57px; background-position:-676px 0; }
#navigation #item10 a:hover, #navigation #item10 a.current{ background-position:-676px -57px; }

#navigation ul #item11{ top:0; left:0px; }
#navigation #item11 a{ width:194px; height:57px; background-position:-756px 0; }

.search-input { width:158px; height:35px; padding:0; margin:16px 0 0 0; float:left; }
.search-input-box { width:158px; height:29px; border:0; padding:3px; background-color:#000000; color:#cd4d11; font-size:12px; }
.search-button { height:35px; width:31px; margin:16px 0 0 0; padding:0; float:left; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== MAIN CONTENT: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#main { float:left; width:570px; }
#main h1 { color:#e68120; font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0; }
/*#main h1 { display:block; background:url(images/bg-head-main.png) no-repeat 0 0; width:561px; height:52px; color:#000000; padding:17px 0 0 25px; font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; }*/
#main h1 a { color:#e68120; text-decoration:none; }
#main h1 a:hover { color:#ffe800; text-decoration:none; }
#main h2 { color:#ff3c00; font-size:20px; margin:0; padding:0; }
#main h3 { color:#fff; font-size:15px; text-transform:uppercase; margin:0; padding:0; }
#main h4 { color:#fff; font-size:14px; margin:0; padding:0 0 6px 0; }
#main p { padding:6px auto 6px auto; }
#main a { color:#e68120; text-decoration:none; }
#main a:hover { text-decoration:underline; }
#main ul { list-style:none; }
#main ul li { background-image:url(images/bg-list.png); background-repeat:no-repeat; padding:0 0 15px 20px; margin:0 0 10px 0; height:17px; line-height:15px; }
#main li { }


#blog-elements { margin:6px 0 10px 0; background:#111; padding:8px; }
#blog-elements a { color:#ff3c00; text-decoration:none; }
#blog-elements a:hover { text-decoration:underline; }

.post-date { font-size:11px; background:url(images/icon-posts.png) no-repeat 0 0; display:block; width:225px; float:left; padding:0 0 0 15px; }
.post-edit { font-size:11px; background:url(images/icon-edit.png) no-repeat 0 0; display:block; width:30px; float:left; padding:0 0 0 15px; }
.post-comments { font-size:11px; background:url(images/icon-comments.png) no-repeat 0 0; display:block; width:105px; float:left; padding:0 0 0 15px; }
.post-categories { font-size:11px; display:block; clear:both; }

#post-tags { display:block; font-size:11px; background:#000000 url(images/icon-tags.png) no-repeat 15px 15px; padding:15px; }
#post-tags p { padding:0; margin:0 20px 0 30px; display:block; }
#post-tags a { color:#ffe800; text-decoration:none; }
#post-tags a:hover { text-decoration:underline; }

#pages h1 { display:block; background:url(images/bg-head.png) no-repeat 0 0; width:561px; height:69px; color:#000000; padding:10px 0 0 35px; font-size:30px; }
#pages p { padding:2px 0 10px 0; }

.form-textarea { width:550px; background:#111; border:#333 solid 1px; padding:6px; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.form-input { width:550px; background:#111; border:#333 solid 1px; padding:3px; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

.form-contact-textarea { width:450px; background:#111; border:#333 solid 1px; padding:6px; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.form-contact-input { width:450px; background:#111; border:#333 solid 1px; padding:3px; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

.wpcf7 p { color:#444; font-size:11px; }
/*
.wpcf7-form input { background:#111; border:#333 solid 1px; padding:6px; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.wpcf7-form textarea { background:#111; border:#333 solid 1px; padding:6px; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
*/
.alignleft { float:left; }
.alignright { float:right; }

#imagefloat {}
#imagefloat img { float:left; padding:0 15px 30px 0; }
#imagefloat h2 { padding-top:0; margin-top:0; }

#imagefloatmusic {}
#imagefloatmusic img { float:left; padding:0 15px 50px 0; clear:right; }
#imagefloatmusic h2 { padding-top:0; margin-top:0; }

.smalltext { font-size:10px; }

p.wp-caption-text { font-size:10px; display:block; padding:6px 6px 6px 6px; /*background-color:#333;*/ width:569px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== SIDEBAR: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#sidebar { float:right; width:363px; }
#sidebar p { padding:0 0 0 0; margin:0 0 10px 0;}

.banners ul li { list-style-type:none; }
.banners li { list-style-type:none; margin:0 0 10px 0; }
.banners li h2 { display:none; }
.post-archives { display:block; height:43px; background:url(images/bg-archives.png) no-repeat 0 0; padding:5px; padding:35px 5px 5px 35px; }
.post-sidebar-categories { display:block; height:43px; background:url(images/bg-categories.png) no-repeat 0 0; padding:5px; padding:35px 5px 5px 35px; }

.post-recent-posts { display:block; background:url(images/bg-recent-posts.png) no-repeat 0 0; padding:40px 5px 5px 15px; margin:0 0 0 0; font-size:11px; min-height:112px; }
.post-recent-posts ul li { list-style-type:none; }
.post-recent-posts li { display:block; height:auto; padding:0 0 6px 15px; margin:0 0 0 0; background:url(images/icon-posts.png) no-repeat 0 0; }
.post-recent-posts li a { color:#e68120; text-decoration:none; }
.post-recent-posts li a:hover { text-decoration:underline; }

.post-recent-comments { display:block; background:url(images/bg-recent-comments.png) no-repeat 0 0; padding:40px 5px 5px 15px; margin:0 0 0 0; font-size:11px; min-height:170px; }
.post-recent-comments ul li { list-style-type:none; }
.post-recent-comments li { display:block; height:auto; padding:0 0 6px 15px; margin:0 0 0 0; background:url(images/icon-comments.png) no-repeat 0 0; }
.post-recent-comments li a { color:#e68120; text-decoration:none; }
.post-recent-comments li a:hover { text-decoration:underline; }

.sidebar-twitter { min-height:170px; }
.sidebar-twitter ul.twitter {}
.sidebar-twitter li.twitter-item {  display:block; padding:5px 0 0 20px; }
.sidebar-twitter p.twitter-message { font-size:11px; display:block; }
.sidebar-twitter .twitter-timestamp { display:block; font-size:10px; font-style:italic; color:#333; }
.sidebar-twitter a.twitter-link { color:#e68120; text-decoration:none; }
.sidebar-twitter a.twitter-user { color:#666; text-decoration:none; }
.sidebar-twitter a:hover { text-decoration:underline; }

#quotes { background-image:url(images/bg-quotes.png); background-repeat:no-repeat; }
#quotes p { display:block; width:270px; color:#ffffff; font-style:italic; font-size:13px; text-align:center; margin:0 0 10px 50px; padding:0 0 10px 0; }
.quoter { color:#f1a013; font-size:10px; font-style:normal; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== COMMENTS: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#respond { margin:60px 0 0 0; clear:both; }
#commentlist ol { list-style-type:none; margin:0; padding:0; }
#commentlist ol div { margin:0 0 0 15px; padding:0 0 0 15px; list-style-type:none; }
#commentlist ol li { background-image:none; list-style-type:none; }
#commentlist li { list-style-type:none; }
#commentlist p { clear:both; margin:0 0 15px 0px; padding:6px 0 10px 0; display:block; width:569px; list-style-type:none; border-bottom:#333 1px solid; }
#commentlist img { float:left; padding:0 10px 6px 0; }
#commentlist .post-date { padding:5px 0 0 15px;  background:url(images/icon-posts.png) no-repeat 0 5px; }
#commentlist .post-edit { padding:5px 0 0 15px; background:url(images/icon-edit.png) no-repeat 0 5px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== NEWSLETTER: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.subscribe { background:url(images/btn-subscribe.png) no-repeat; display:block; width:100px; height:28px; border:none; padding:0; margin:0; }
.newsletter input { width:200px; border:#222222 2px solid; padding:5px; margin:0 0 10px 0; background-color:#000000; color:#cd4d11; font-size:11px; }
.newsletter tbody tr td { color:#666666; font-size:11px; text-transform:uppercase; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== FOOTER: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#footer { position: relative; margin-top: -80px; height: 80px; clear:both; }
#footer-wrap { font-family:Georgia, "Times New Roman", Times, serif; height:50px; color:#888888; font-size:9px; margin:0 auto; width:950px; text-align:center; background: url(images/bg-footer.png) repeat-x; padding:30px 0 0 0; }
#footer-wrap a { color:#de821d; font-size:9px; text-transform:uppercase; margin:0 10px 0 0; text-decoration:none; }
#footer-wrap a:hover { text-decoration:underline; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CLEAR FIX: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.clearme { clear:both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }