/*  
Theme Name: GrungeLife
Theme URI: http://www.dezignmatterz.com
Description: GrungeLife for <a href="http://www.dezignmatterz.com">Dezign Matterz</a>
Version: 1.0

*/

//**************BODY**************/


body{background:url(images/grunge.gif) repeat;font-family:'Rokkitt','Century Gothic', Helvetica Neue, Helvetica, Arial, Georgia, Trebuchet;font-size:18px;font-weight:normal;}
h1,h3,h4,h5{color:#424242;font-size:16px;font-family:'Bevan','Century Gothic', Arial Black, Helvetica, Trebuchet, Helvetica Neue, Arial;font-weight:normal;margin:0;padding:0;}


a,a:link,a:visited,a:active{background:none!important;color:#444;font-family:'Rokkitt', serif,'Century Gothic', Helvetica Neue, Arial, Georgia, Trebuchet;font-weight: bold;text-decoration:none;}
a:hover{color:#1c81b0;text-decoration:none!important;background:none!important;}
#nav ul li{display:inline;float:left;font-family:'Rokkitt', serif,'Century Gothic', Arial Black, Helvetica,Helvetica Neue;font-size:16px;font-weight: bold;margin:0 15px 0 0;}
#nav ul li span{line-height:34px;padding:9px 10px 9px 0;}
#nav ul li a{color:#000;display:block;height:34px;padding:0 0 0 10px;}
#nav ul li:hover,.current_page_item{background:url(images/leftnav.gif) no-repeat left;}
#header{height:150px;margin:auto;padding:10px 0 0;width:974px;}
#logo h1{float:left;text-indent:-10000px;}
#logo h1 a{background:url(images/DezignMatterz_BLK_LOGO.png) no-repeat !important;background-position:-10px 0;display:block;height:112px;width:636px;}
#logo h1 a:hover{background:url(images/DM_BLUE_LOGO.png) no-repeat !important;background-position:-10px 0;display:block;height:112px;width:636px;}
#logo h2{float:left;font-family:'Rokkitt', serif,'Century Gothic',Arial Black, Helvetica Neue;font-size:22px;font-weight: bold;margin:20px 0 0;}
#searchbox{background:transparent url(images/searchbox.png) no-repeat scroll 0 0;display:block;float:right;height:31px;margin-right:125px!important;margin-top:36px;padding:2px;position:absolute;right:30px;top:83px;width:181px;}
#searchbox .textfield {
background:none repeat scroll 0 0 transparent;
border:0 none;
float:left;
height:20px;
margin-right:2px;
padding-left:8px;
padding-top:4px;
width:130px;
}
#searchbox .button {
background:url("images/search.png") no-repeat scroll 0 0 transparent;
border:0 none;
cursor:pointer;
float:right;
height:16px;
margin-right:13px;
margin-top:5px;
width:15px;
}
#searchbox .searchtip{color:#999;}
.mainpost_tp{background:url(images/posttop.gif) repeat-x;height:74px;}
.mainpost{background:#0f0f0f;margin:auto;}
.postwrap{margin:auto;padding:30px 0 40px;width:974px;}
.postwrap a:hover{color:#FFF;text-decoration:none;background:none!important;}
.postwrap h2 a {
border:0 none;
color:#FFFFFF;
font-family:'Rokkitt','Century Gothic',Helvetica,Helvetica Neue,Arial;
font-size:30px;
font-weight:bold;
text-decoration:none;
background:none!important;
}
.postwrap h2 a:hover {
color:#99CCFF;
text-decoration:none;
background:none!important;
}
.metadata1 {
color:#CCCCCC;
font:12px sans-serif;
margin-bottom:-1px;
margin-top:1px;
padding-bottom:2px;
}
.metadata1 a{color:#99CCFF;font-size:20px;}
p {
margin:0;
padding:0;
}

.fimage{float:left;margin:0 10px 0 0;}
.fimage img{border:3px solid #FFF;}
.para{color:#fff;float:right;font-family:'Rokkitt','Century Gothic', Helvetica Neue, Arial, Helvetica, Trebuchet, Georgia, Sans Serif;font-size:22px;font-weight:normal;line-height:30px;margin:0 52px 0 0;width:390px;word-spacing:2px;}
.readmore1:link,.readmore1:visited{color:#99CCFF;font-family:'Rokkitt', serif,'Century Gothic', Arial Black, Helvetica Neue, Arial;font-size:18px;font-weight: bold;text-decoration:none;}
#mainpost_bt{background:url(images/post_bot.gif) repeat-x;height:75px;}
#smallpost{background:url(images/blue_grunge.gif) repeat-x;}
#wrapper{margin:auto;padding:10px 0 20px;width:974px;}
#leftcol{float:left;width:600px;}
.h2titles{border-bottom:1px dashed #999;color:#2b2d30;font-family:'Bevan', serif,'Century Gothic', Arial Black, Helvetica Neue, Helvetica, Arial, Trebuchet;font-size:24px;font-weight: bold;padding-bottom:5px;}
.imgsmall img{width:120px;height:120px;background-color:#FAFAFA;border:1px dashed #111;-moz-border-radius: 3px 3px 3px 3px;margin-bottom:0;
margin-left:-2px;
margin-right:4px;
margin-top:6px;
padding:10px;
}
.imgsmall img:hover {
-moz-border-radius:3px 3px 3px 3px;
background-color:#222;
border:1px dashed #111;
height:125px;
margin:0 !important;
width:125px;
}


.post {
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
padding-bottom:45px;
padding-left:10px;
padding-right:10px;
padding-top:0;
width:242px;
}

.larger{background:url(images/doc.gif) left top no-repeat;padding-left:55px;width:670px;}
.ftpost {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url(images/ft_image.png);
background-position:-1px 0;
background-repeat:no-repeat;
height:310px;
padding-bottom:30px;
margin-left:-8px;
margin-right:-10px;
padding-top:50px;
width:604px;
}
.clearfix {
display:inline-block;
}
.featured {
float:left;
margin-left:4px;
padding-bottom:10px;
padding-left:4px;
padding-top:16px;
}
.clear {
clear:both;
display:block;
font-size:1px;
height:1%;
line-height:1px;
margin:0;
padding:0;
}
.clear {
clear:both;
}
.post h2 a, .sidebar_lt h2 a {
color:#343434;
font-family:'Rokkitt', serif,'Century Gothic',Arial Black,Helvetica Neue,Helvetica,Arial,Trebuchet;
font-size:28px;
font-weight:700;
line-height:28px;
text-decoration:none;
}

.pagewidth{width:590px;}
.pagewidth h2 a{color:#343434;font-size:32px;text-shadow:1px 1px 0 #ffffff;}
.pagewidth p{line-height:24px;margin:35px 0 30px;}
.para2{text-align:left;color:#424242;font-family:'Rokkitt', serif,'Century Gothic',Helvetica Neue, Helvetica, Arial, Georgia, Arial Rounded MT Bold, Trebuchet;font-size:16px;font-weight: bold;line-height:21px;}
.para2 p:first-letter{display: block;
float: left;
font-size: 30px;
line-height: 10px;
margin: 5px 10px 0 0;
font-family: 'Rokkitt',Sans-Serif,serif;
font-weight:700;
padding: 10px;
color: #f2f2f2;
background-color: #2c2c2c;
-moz-border-radius:4px 4px 4px 4px;
border-radius:4px 4px 4px 4px;}

html>body .para2 ul{list-style:none;margin-left:0;padding:0 0 0 10px;text-indent:-10px;}
html>body .para2 li{margin:7px 0 8px 10px;}
.para2 ul li:before{content:"\00BB \0020"}
.para2 ol{margin:0;padding:0 0 0 35px;}
.metadata2{color:#333;font-family:Sans-Serif,Arial Rounded MT Bold, Helvetica Neue, Helvetica, Arial, Georgia, Trebuchet;font-size:13px;font-style:normal;padding:5px 0 8px;}
.metadata2 a{color:#666;}
.readmore2:link,.readmore2:visited{color:#4EA3C2;font-family:'Rokkitt', serif,'Century Gothic', Arial Black, Helvetica Neue, Helvetica;font-size:16px;font-weight: bold;text-decoration:none;}
.readmore2:hover{color:#121212;text-decoration:none;}
.seemore{color:#424242;font-family:'Tienne', serif,'Century Gothic','Arial Black', Helvetica Neue, Helvetica, Arial, Trebuchet;font-size:15px;font-weight: bold;}
.spacer{padding:0 0 20px;}
.bottom_nav{margin:10px 0;}
.alignleft a{border:0;float:left;font-family:'Rokkitt', serif,'Century Gothic', Arial Black, Helvetica Neue, Helvetica, Arial, Trebuchet;font-size:20px;font-weight: bold;height:35px;margin-left:-5px;width:240px;}
.alignleft a:hover{color:#9CF;height:35px;width:240px;}
.alignright a{border:0;float:right;font-family:'Rokkitt', serif,'Century Gothic', Arial Black, Helvetica Neue, Helvetica, Arial, Trebuchet;font-size:20px;font-weight: bold;height:35px;margin-right:-5px;width:240px;}
.alignright a:hover{color:#0a9dc2;height:35px;width:240px;}
.category{background:url(images/dm_category.png) no-repeat left;font-family:'Rokkitt', serif,'Century Gothic', Helvetica Neue;font-size: 16px;padding-left:40px;
line-height:23px;
color: #333;
margin-top:45px;
margin-right: 10px;
margin-bottom: 5px;}

.tag{background:url(images/tag.png) no-repeat left;font-size:16px;line-height:28px;font-family:'Rokkitt', serif,'Century Gothic', Helvetica Neue;font-size: 16px;padding-left:40px;
color: #333;
margin-top:10px;
margin-right: 10px;
margin-bottom: 5px;}

h2.message{border-bottom:1px dashed #999;color:#424242;font-family:'Bevan', serif,'Century Gothic', Helvetica Neue, Helvetica, Arial;font-size:21px;font-weight: bold;margin:3px 10px 20px;padding-bottom:5px;}
h2.error{color:#333;font-family:'Bevan', serif,'Century Gothic','Arial Black', Helvetica Neue, Helvetica, Arial, Trebuchet;font-size:26px;font-weight: bold;}
#rightcol{float:left;padding:0 0 0 30px;width:344px;}
#rightcol h2{border-bottom:1px dashed #999;color:#2b2d30;font-family:'Bevan', serif,'Century Gothic', Helvetica Neue, Helvetica,Trebuchet;font-size:24px;font-weight: normal;padding-bottom:2px;}
.user{float:left;margin-right:10px;padding:7px 17px 0 0;}
.user:hover{opacity:.60;
filter:alpha(opacity=60);}
#aboutme h2{color:#2b2d30;text-shadow: 1px 1px 0 #ffffff;font-family:'Bevan', serif,'Century Gothic', Helvetica Neue, Helvetica,Trebuchet;font-size:24px;font-weight: normal;
}
#aboutme p {
color:#323232;
font-family:'Rokkitt','Century Gothic',Helvetica Neue,Helvetica,Arial;
font-size:16px;
font-weight:bold;
line-height:19px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:3px;
}
#aboutme p a{margin:-5px 0 0;text-decoration:none;}
#advertise{margin:15px 0 0;}
#advertise a img{border:none;}
.ad{float:left;font-family:'Rokkitt', serif,'Century Gothic',Helvetica Neue, Helvetica, Arial, Arial Rounded MT Bold;font-size:18px;height:125px;margin:5px;width:125px;}
.adside{float:right;font-family:'Rokkitt', serif,'Century Gothic',Helvetica, Helvetica Neue, Arial;font-size:18px;font-weight: bold;margin:4px 16px 0 0;}
.sidebar_rt{padding:18px 0 10px;width:344px;}
.sidebar_rt p{color:#555;float:left;font-family:'Rokkitt', serif,'Century Gothic', Arial Rounded MT Bold, Helvetica Neue, Helvetica, Arial, Trebuchet;font-size:18px;padding:25px 0 0 5px;width:200px;}

#twitter #twitter_update_list li {
list-style-type:none;                   
line-height:140%;
}
#twitter {
    float:left;
    overflow:hidden;
    width:315px;
    background:url(images/twitter_book.png) 0 0 no-repeat;     

    padding-left:63px;
    position:relative;
}

#twitter #latest {          
width:293px;
}

#latest #tweet {
    background:url(images/topbkg_latest_tweet.png) 0 0 no-repeat;
    padding:10px 10px 0 20px;
    font-size:13px;
    font-family:'Rokkitt',Georgia, "Times New Roman", Times, serif;font-style:normal;
    line-height:125%;
    height:65px;
    
}

#tweetBottom{
    height:26px;
    background:url(images/bottom_tweet_bottom.png) 0 0 no-repeat; }


.catlist ul{padding:9px 25px 0 15px;}
.catlist ul li{background:url(images/categorybullet.gif) no-repeat;color:#888;font-family:'Rokkitt', serif,'Century Gothic',Arial Black, Helvetica Neue, Helvetica, Arial Rounded MT Bold;font-size:18px;height:20px;list-style:none;padding:4px 0 0 24px;}
.c{clear:both;}
.sidebar_rt p.subscribe{float:left;padding:15px 0 0;width:auto;}
#feed{background:#ebebeb;border:2px solid #d9d9d9;color:#555;font-family:'Rokkitt', serif,'Century Gothic', Helvetica Neue, Helvetica, Arial;font-size:16px;font-weight:400;margin:1px 0 0;padding:3px 10px;width:220px;}
.rss{border:none;float:left;padding:15px 10px 0;}
#submit{margin-right:-15px;padding:0 0 0 3px;}
.flickr{margin-top:10px;}
.flickr img{background-color:#CCC;border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;none;margin:5px;padding:10px;}
.flickr img:hover{background-color:#EAEAEA;border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;border:none;opacity:.60;
filter:alpha(opacity=60);}
.sidebar li{list-style:none;}
.sidebar h2{margin-bottom:10px;}
.sidebar li ul{margin-left:40px;}
.sidebar li ul li{font-size:13px;list-style:url(images/star.gif);margin-bottom:8px;}
.sidebar li ul li a{color:#424242;text-decoration:none;}
#comments{color:#777;font-family:'Rokkitt', serif,'Century Gothic',Georgia, Helvetica Neue, Helvetica, Arial;font-size:22px;font-weight: bold;margin:25px 0;padding:55px 10px 5px 0;}
#respond{color:#99CCFF;font-family:'Rokkitt',Sans-Serif,Georgia, Helvetica Neue, Helvetica, Arial;font-size:20px;font-weight: bold;margin:25px 0;padding:55px 10px 5px 0;}
.commentlist li{color:#333;font-size:13px;height:auto!important;list-style:none;margin:5px 0 25px;min-height:70px;}
.commentlist li p{line-height:19px;margin:-5px 20px 30px 10px;}
.cominfo{-moz-border-radius:5px;-webkit-border-radius:5px;background:#FFF;border:1px solid #CCC;border-bottom:1px solid #E4F0F8;border-radius:5px;display:block;font-size:14px;height:68px;padding:10px 10px 30px;width:580px;}
.cominfo:hover{-moz-border-radius:5px;-webkit-border-radius:5px;background:#E5F3FF;border:1px solid #468fb0;border-bottom:1px solid #B3DBFF;border-radius:5px;display:block;font-size:14px;height:68px;padding:10px 10px 30px;width:580px;}
.cominfo a{font-size:16px;}
.cominfo a:hover{color:#468fb0;}
.grav{float:left;margin-right:10px;padding:5px;border:1px dashed #666;}
.comcontent{background-color:#FFF;float:left;margin-left:10px;}
.comcont{-moz-border-radius:5px;-webkit-border-radius:5px;background:#FFF;border:1px solid #CCC;border-radius:5px;border-top:none;padding:15px 10px 10px;width:580px;}
.comcont:hover{-moz-border-radius:5px;-webkit-border-radius:5px;background:#E5F3FF;border:1px solid #99CCFF;border-radius:5px;border-top:none;padding:15px 10px 10px;width:580px;}
#author,#email,#url,#atf_twitter_id{-moz-border-radius:12px;-webkit-border-radius:12px;background:url(images/inputareabkg.jpg) top left no-repeat;border-radius:12px;color:#666;font-family:'Rokkitt','Century Gothic',Arial Black, Helvetica Neue, Helvetica, Arial;font-size:18px;height:38px;margin:-10px 12px -12px;padding:0;width:293px;}
#author:hover,#email:hover,#url:hover,#atf_twitter_id:focus{-moz-border-radius:10px;-webkit-border-radius:10px;border:box-shadow: 0px 1px 6px rgba(0,64,255,0.7);
	-webkit-box-shadow: 0px 1px 6px rgba(0,64,255,0.7);
	-moz-box-shadow: 0px 1px 6px rgba(0,64,255,0.7);
	outline: none;
	-webkit-focus-ring-color: none;}
label{color:#7ec4d9;font-family:'Rokkitt', serif,'Century Gothic', Arial Black, Helvetica Neue, Helvetica, Arial, Trebuchet;font-size:14px;font-weight: bold;}
comlabel{color:#7F7F7F;font-family:'Rokkitt','Century Gothic', Georgia, Helvetica Neue, Helvetica, Arial, Trebuchet;font-size:16px;font-weight: bold;}
#comment{-moz-border-radius:15px;-webkit-border-radius:15px;background:url(images/commentbkg.jpg);border:none;border-radius:15px;color:#666;font:16px 'Rokkitt', serif,Sans-Serif,Helvetica Neue, Helvetica;height:214px;margin:0 0 0 10px;padding:6px;width:593px;}
#comment:focus {background:url(images/commentbkg.jpg);
	box-shadow: 0px 1px 6px rgba(0,64,255,0.7);
	-webkit-box-shadow: 0px 1px 6px rgba(0,64,255,0.7);
	-moz-box-shadow: 0px 1px 6px rgba(0,64,255,0.7);
	outline: none;
	-webkit-focus-ring-color: none;
height:214px;width:593px;}
#submitcom{background:url(images/whitebutton.png)no-repeat;border:none;height:52px;margin:10px 0 10px 10px;padding:5px;width:160px;}
#submitcom:hover{background:url(images/greybutton.png)no-repeat;border:none;height:52px;width:160px;}


.command{background:url(images/figure.gif) left no-repeat;margin-bottom:15px;padding-left:16px;}
.bottomcontent{padding:10px 0;}
.listimg{float:left;padding:12px 13px 0 0;}
.bottomcontent ul{float:left;padding:12px 0 0;}
.bottomcontent ul li{background:url(images/star.gif) no-repeat;color:#888;font-family:'Rokkitt', serif,'Century Gothic', Arial Rounded MT Bold, Helvetica Neue, Helvetica, Arial, Trebuchet;font-size:18px;height:25px;list-style:none;padding:0 0 0 20px;}
#bottomwrap{margin:auto;padding:30px 0 25px;width:974px;}
.box{float:left;margin-left:20px;width:300px;}
.box h2{color:#FFF;font-family:'Bevan', serif'Century Gothic', Arial Black, Helvetica Neue, Helvetica, Arial, Trebuchet;font-size:24px;font-weight: bold;text-decoration:none;}
.comments{display:block;margin:8px 0 0;}
.comtext {
color:#99CCFF;
float:left;
font-family:'Rokkitt','Century Gothic',Arial,Helvetica Neue,Helvetica,Trebuchet;
font-size:16px;
line-height:18px;
margin-bottom:-4px;
margin-left:3px;
margin-right:0;
margin-top:6px;
width:225px;
}
.comments a{color:#EAEAEA;font-family:'Rokkitt','Century Gothic', Helvetica, Arial, Trebuchet;font-size:16px;text-decoration:none;}
.comments img{background-color:#333;border:1px solid #282828;float:left;margin:10px 10px 0 0;padding:1px;}
.com_author{color:#7F7F7F;font-size:14px;font-style:bold;}
.links{float:left;margin:18px 0 0 -10px;}
.links ul{padding:0 0 0 5px;}
.links ul li{background:url(images/BlueStar.png) no-repeat center left;color:#fff;line-height:23px;list-style:none;padding:0 0 0 30px;}
.links ul li a {
color:#FAFAFA;
font-family:'Rokkitt','Century Gothic',Arial Black,Arial Rounded MT Bold,Helvetica Neue,Helvetica,Arial,Trebuchet;
font-size:16px;
text-decoration:none;
}

.links ul p{color:#468fb0;font-size:12px;line-height:9px;padding:0 0 0 14px;width:140px;}
.tags{line-height:24px;margin:10px 0 0 -7px;word-spacing:2px;}
.tags a{color:#99ccff;font-family:'Rokkitt','Century Gothic', Arial Black, Helvetica Neue, Helvetica, Arial, Trebuchet;padding:2px 5px;text-decoration:none;}
.tags a:hover{color:#FAFAFA;}
#footer{background:url(images/DMFOOTER.png) repeat-x;height:45px;padding:23px 0 0;text-align:center;}
#footer p{color:#fff;font-family:'Rokkitt', serif,'Century Gothic', Helvetica Neue, Helvetica, Arial, Trebuchet;font-size:14px;}
#footer a{color:#9CF;font-family:'Rokkitt', serif,'Century Gothic', Helvetica Neue, Helvetica, Arial, Trebuchet;text-decoration:none;}
#footer a:hover{color:#EAEAEA;text-decoration:none;}
.gallery img{height:100px;padding:2px;width:100px;}
.gallery a:hover{background-color:#fff;}
.attachment img{border:1px solid #999;padding:2px;}
acronym,abbr,span.caps{cursor:help;}
acronym,abbr{border-bottom:1px dashed #999;}
.post-top.video {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url(images/post-topper.png);
background-position:center top;
background-repeat:no-repeat;
float:right;
height:17px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:-9px;
position:relative;
width:590px;
}
.post-body.video {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url(images/post-mid.png);
background-position:center top;
background-repeat:repeat-y;
float:right;
height:auto;
margin-bottom:0;
margin-left:0;
margin-right:20px;
margin-top:0;
padding-bottom:0;
padding-left:18px;
padding-right:0;
padding-top:0;
position:relative;
width:572px;
z-index:9;
}
.post-body.video p.space {
padding-bottom:14px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
}
p {
}
.post-top.quote {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url(images/post-topper.png);
background-position:center top;
background-repeat:no-repeat;
float:right;
height:17px;
margin-bottom:0;
margin-left:0;
margin-right:20px;
margin-top:-9px;
position:relative;
width:590px;
}
.post-body.quote {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url(images/post-mid.png);
background-position:center top;
background-repeat:repeat-y;
display:inline;
float:right;
height:auto;
margin-bottom:0;
margin-left:0;
margin-right:20px;
margin-top:0;
padding-bottom:15px;
padding-left:45px;
padding-right:45px;
padding-top:26px;
position:relative;
width:500px;
z-index:9;
}

.post-body.quote blockquote {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
-x-system-font:none;
background-attachment:scroll;
background-color:#77A5B3;
background-image:url(images/quote-bubble-btm.jpg);
background-position:left bottom;
background-repeat:no-repeat;
color:#FFFFFF;
font-family:'Rokkitt', serif,Sans-Serif,Georgia,Helvetica,Arial;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:30px;
padding-bottom:50px;
padding-left:40px;
padding-right:40px;
padding-top:30px;
text-shadow:none;
width:420px;
}
.post-bot.quote {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url(images/post-bot.png);
background-position:center bottom;
background-repeat:no-repeat;
float:right;
margin-right:20px;
height:48px;
padding-bottom:0;
padding-left:45px;
padding-right:45px;
padding-top:0;
position:relative;
width:500px;
}

blockquote {
}
blockquote, q {
quotes:none;
}

post blockquote p{margin:.75em 0;}
blockquote cite{display:block;margin:5px 0 0;}
pre{background:#f3f2ed;border:solid 1px #9a9a9a;color:blue;margin:10px;padding:10px;}
.pullquote {
background-image:url(images/openquote.png);
background-position:left -8px;
background-repeat:no-repeat;
font-family:'Rokkitt', serif,Sans-Serif,Georgia,Arial,Helvetica;
font-style:italic;
font-weight:bold;
margin-bottom:50px;
margin-left:-10px;
margin-right:10px;
margin-top:50px;
padding-left:40px;
}
.pullquote span {
background-image:url(images/closed_quote.png);
background-position:right bottom;
background-repeat:no-repeat;
display:block;
margin-bottom:30px;
margin-left:20px;
margin-right:-10px;
margin-top:10px;
padding-right:50px;
}
code{color:#000;font-size:1em;}
a{outline:none;}
a.linkopacity img{-khtml-opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=60);opacity:0.5;}
a.linkopacity:hover img{-khtml-opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);opacity:1.0;}
.shadowed{background:url(images/Shadowed1.png) no-repeat bottom right!important;float:right;margin:10px 0 0 10px !important;}
.shadowed img{-moz-border-radius:6px;-moz-box-shadow:2px 2px 8px 1px #888;-webkit-border-radius:6px;-webkit-box-shadow:0 5px 40px rgba(0,0,0,0.75);background-color:#fff;border:6px solid #FFF;border-radius:6px;box-shadow:2px 2px 8px 1px #888;display:block;margin:-4px 4px 4px -4px;padding:4px;position:relative;}
*,.para2 ol li{margin:0;padding:0;}
#nav ul,#logo{float:left;margin:20px 0 0;}
#nav ul li:hover span,.current_page_item span{background:url(images/nav_rt.gif) no-repeat right;color:#fff;}
.imgsmall,.postleft,.imgleft{float:left;}
.post h2 a:hover,.catlist ul li a:hover,.sidebar li ul li a:hover,.bottomcontent ul li a:hover,.box a:hover{color:#468fb0;opacity:text-decoration:none;}
.postright,.imgright{float:right}
.catlist ul li a,.bottomcontent ul li a{color:#424242;font-family:'Rokkitt', serif,'Century Gothic', Sans-Serif, Helvetica Neue, Helvetica, Trebuchet,  Arial Rounded MT Bold, Arial;font-size:16px;text-decoration:none;}
ul.right,ul.left{float:left;width:130px;}
a img{border:0;}



#return_top a {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background:url(http://dezignmatterz.com/wp-content/uploads/2010/11/navigation_up.png);
background-position:left top;
background-repeat:no-repeat;
margin-top: -180px; 
margin-bottom: 40px; 
display:block;
height:138px;
position:absolute;
right:0;
width:38px;
visibility:visible;
}

#return_top a:hover{
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url(http://dezignmatterz.com/wp-content/uploads/2010/11/navigation_up.png)
background-position:right top;
background-repeat:no-repeat;
opacity:.40;
filter:alpha(opacity=40);
text-decoration:none;
}


.postwrap{
 padding:0px;
}
.para {
 width:380px;
}

.fimage img{
 border:0 solid #FFFFFF;
 margin:26px 0 0 28px;
 width:480px;
 height:270px;
}
.fimage {
background:url(/wp-content/themes/GrungeLife/images/Featured_Slider/aico.panel.white.png)no-repeat;
background-position:0 5px;
width:538px;
height:318px;
overflow:hidden;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid #0F0F0F;
margin:0 auto;
overflow: scroll; /*leave this value alone*/
width: 990px; /*Width of Carousel Viewer itself*/
height: 450px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top:16px;margin-bottom:15px; 
width: 1040px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#gallery-overlay {background-color:#000; cursor:wait;}
#gallery-container {font: 16px/22px 'Rokkitt', serif,Century Gothic, arial, sans-serif; margin:0 auto;}
#gallery {background:#fff url(image/loading.gif) center 100px no-repeat; color:#999; display:none; height:200px;margin:0 auto; position:relative; width:300px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#gallery-image-container {display:none; height:100%;}
#gallery-loading {padding:8px;}
#gallery-controls {display:none; height:100%; left:0; position:absolute; top:0; width:100%;}
#gallery-controls div {float:left; height:100%; width:50%;}
#gallery-controls a {background:#fff!important; color:#000; font-size:12px; outline-style:none; position:absolute; text-decoration:none; top:40px;}
#gallery-previous-link {left:0; padding:6px 10px 6px 6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;}
#gallery-next-link {padding:6px 6px 6px 10px; right:0; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;}
#gallery-meta-container {background:#fff;color:#999; display:none; margin:0 auto; overflow:auto;}
#gallery-image {padding:8px;}
#gallery-meta {display:none; height:44px; padding:0px 8px;}
#gallery-meta div {float:left;}
#gallery-info {text-align:left; width:80%;}
#gallery-close {line-height:30px; text-align:right; width:20%;}
#gallery-close a {color:#999; font-size:24px; font-weight:bold; outline-style:none; text-decoration:none;}
#gallery-close a:hover {color:#99CCFF;}
#gallery-title a, #gallery-title a:link, #gallery-title a:visited {color:#666; font-size:14px; font-weight:bold; line-height:14px;}
#gallery-title a:visited:hover {color:#99CCFF;}
#gallery-pages {color:#999; display:block; font-size:10px; line-height:14px;}

/* flickr styles */
.flickr_badge_image {float:left; padding:2px;}
#flickr_www {font-size:12px;}
#flickr_link {clear:both;}