/*

Theme Name: Design Shards

Theme URI: http://maxstanworth.com

Description: Design link feed theme

Version: 2.0

Author: Max Stanworth

Author URI: http://maxstanworth.com

Tags: clean, basic

*/



@import "style/css/reset.css";

@import "style/css/typography.css";

@import "style/css/layout.css";

 



html, body{ margin:0; padding:0; text-align:center;} 

 

h1{font-size:36px;}

h2{font-size:30px;}

h3{font-size:26px}

h4{font-size:22px}

h5{font-size:18px;}



h1,h2,h3,h4,h5{margin:0 0 24px 0; line-height:36px}





h1{width:595px; border-bottom:1px solid #e4e4e4; padding-bottom:30px}



#pagewidth{background:url("images/header-fade.jpg") no-repeat top left; } 



#wrapper {background:url("images/line.gif") repeat-y 640px 0;}

 

a {color:#000000; text-decoration:underline;}

a:hover {color:#000000; text-decoration:none;}

 

 

/*-----HEADER-----*/

#header, #pagewidth{ margin:0 auto 0 auto; width:945px; text-align:left }



#header-full{position:relative; height:150px; width:100%; background:url("images/header-bg.gif") repeat-x top left;}

#header{position:relative; height:150px; /*background-color:#8F83FF;*/ } 

#header #logo a{background:url("images/logo.gif") top left no-repeat; width:300px; height:66px; position:absolute; top:50px; left:15px; text-indent:-5000px}

#header #logo h1 {margin:0; padding:0;}



#twitillus{background:url("images/twitterbird.png") top left no-repeat; position:absolute; right:0; bottom:-100px; width:207px; height:194px; }

#twitterb{background:url("images/twit-bubble.jpg") top left no-repeat; position:absolute; right:215px; top:30px; width:308px; height:93px; }

#twitterb ul{ float:left; line-height:20px; padding-top:16px; width:200px; padding-left:20px; font-size:12px;}



#twit-about a{width:200px; background:url("images/twit-text.gif") 0 7px no-repeat; position:absolute; top:15px; left:57px; text-indent:-5000px;}

#twit-about a:hover{background:url("images/twit-text.gif") 0 -11px no-repeat; }



#twit-follow a{width:156px; background:url("images/twit-text.gif") 0 -30px no-repeat; position:absolute; top:48px; left:57px;  text-indent:-5000px;}

#twit-follow a:hover{background:url("images/twit-text.gif") 0 -48px no-repeat;}





ul#nav{list-style:none; margin:0; padding:0; position:absolute; bottom:-20px; left:15px}

ul#nav li{float:left; display:inline; margin:0 15px 0 0}



ul#nav li#home a{background:url("images/nav.png") no-repeat 0 0; height:36px; width:33px; float:left; text-indent:-5000px; display:block;}

ul#nav li#home a:hover{background:url("images/nav.png") no-repeat -53px 0;}





ul#nav li#submit a{background:url("images/nav.png") no-repeat 0 -50px; height:34px; width:155px; float:left; text-indent:-5000px; display:block}

ul#nav li#submit a:hover{background:url("images/nav.png") no-repeat 0 -86px;}

ul#nav li#submit a:active{background:url("images/nav.png") no-repeat 0 -122px;}





/*-----MAINCOL-----*/



#maincol{width:625px; float:left; position:relative; /*background-color:#8F7070;*/margin:30px 0 0 0; }

#maincol-inner{/*background-color:#333366;*/ padding:40px 15px 0 15px;}



.orig-but{float:left; display:inline;}

.orig-but a{width:205px; height:33px; background:url("images/orig-but.gif") top left no-repeat; display:block; text-indent:-5000px}

.orig-but a:hover{background:url("images/orig-but.gif") 0 -37px no-repeat;}

.orig-but a:active{background:url("images/orig-but.gif") 0 -74px no-repeat;}



.post{margin:0 0 35px 0; padding-bottom:35px}

.post h2 a{color:#000000; text-decoration:none; width:435px; display:block; font-size:20px}

.post h2 a:hover{color:#474747;}

.post .excerpt{color:#474747; margin:0 0 25px 0; display:block; font-size:12px; line-height:20px;}

.post .post-data{height:33px; margin:0 0 30px 0;}

.post .post-data .url{float:left; display:inline; margin:4px 0 0 20px; color:#969595;}


.title-cont{width:595px; clear:both; float:left; margin:0 0 24px 0;border-bottom:1px solid #e4e4e4;  }
.title-cont h2{margin:0 0 0 0!important;}
.title-cont .thevote{width:60px; float:left; display:inline; padding:7px 0 0 0;}
.title-cont .theweb{width:242px; height:152px; float:left; display:inline; background-color:#eee; margin-right:20px; padding:8px;}
.title-cont .thetitle{width:315px; float:left; display:inline; margin-bottom:10px; }

 

/*-----RIGHTCOL-----*/



#rightcol{/*background-color: #460346;*/  float: left; display:inline; width:225px; margin-left:30px;}

#rightcol-inner{/*background-color:#009966;*/ padding:70px 15px 0 0;}



#rssfeed{margin:0 0 30px 0; float:left;}



#rssfeed a{background:url("images/sprite.jpg") no-repeat -240px -213px; height:33px; width:170px; float:left; text-transform:uppercase; color:#000000; padding:0 0 0 45px }

#rssfeed a:hover{background:url("images/sprite.jpg") no-repeat -240px -267px; text-decoration:none;}





/*WIDGETS*/



.widget{margin:0 0 40px 0; position:relative; width:350px; float:left; display:inline;}

.widget h3{height:38px; width:350px; padding-bottom:9px; border-bottom:1px solid #e4e4e4; text-indent:-5000px;}





.widget#featured h3{background:url("images/sprite.jpg") no-repeat 0 0; }







.widget#about h3{background:url("images/sprite.jpg") no-repeat 0 -77px; }

.widget#about #gravatar{position:absolute; top:0; right:0;}

.widget#about #gravatar img{border:5px solid #d6d6d6;}

.widget#about p{font-style:italic; margin:0; padding:0;}

.widget#about a {color:#079aba;}



.widget.popular-posts h3{background:url("images/sprite.jpg") no-repeat 0 -40px; }

.widget.popular-posts ul{list-style:none; margin:0; padding:0;}

.widget.popular-posts ul li{border-bottom:1px solid #e4e4e4; width:310px; overflow:auto; float:left; padding:10px 20px 15px 20px}

.widget.popular-posts ul li a{display:block; width:225px; float:left;  color:#000000}

.widget.popular-posts ul li a:hover{text-decoration:none;}

.wpp-post-title{ float:left; width:225px}

.wpp-views{ float:right; color:#8c8c8c; font-size:11px; font-family:Arial, Helvetica, sans-serif;}



/*-----FOOTER-----*/



#footer{height:500px; background:url("images/footer.gif") no-repeat 0 0; clear:both; width:945px; position:relative; margin:0 auto 0 auto; text-align:left;} 

 

#search{ position:absolute; right:40px; top:110px; font-size:12px; line-height:20px;}

#search h3{background:url("images/sprite.jpg") no-repeat 0 -117px; width:270px; height:46px; border-bottom:1px solid #e4e4e4; text-indent:-5000px;}



input.search-text{border:1px solid #929292; padding:7px 5px 7px 5px; width:255px; float:left; margin-bottom:10px}

.search-submit {float:right; clear:both;}

.search-form{width:270px;}



#tagcloud{position:absolute; left:190px; top:110px;}

#tagcloud h3{background:url("images/sprite.jpg") no-repeat 0 -163px; width:395px; height:46px; border-bottom:1px solid #e4e4e4; text-indent:-5000px;}

#tagcloud ul{margin:0; padding:0; width:395px; font-size:12px; line-height:20px;}









#copy{position:absolute; bottom:0;}


#footer_kf { border-top:1px solid #CCCCCC; margin-bottom:30px; width:945px; height:80px; padding-top:10px; font-size:12px;}

/*

DROPDOWN

*/   



 

/*Drop global*/

#drop-cont{margin:0 0 50px 0; float:left}



.dropdown-menu {position:relative;font-size:14px;color:#000;cursor:pointer;z-index:9998;}



.dropdown-menu a:link, .dropdown-menu a:visited {

    color:#000 !important;

    display:block !important;

    text-decoration:none !important; 

    margin:0 !important;

	position:relative;

	z-index:9999;

}



.dropdown-menu a:hover {

    text-decoration:underline !important;

	position:relative;

	z-index:9999;

} 

 

.drop-cats .dropdown-menu ul.down-list {

	position:absolute;

	top:47px;

	z-index:9999;

	width:191px!important;

}



.drop-archives .dropdown-menu ul.down-list {

	position:absolute;

	top:47px;

	z-index:9999;

	width:154px!important;





}

 




.dropdown-menu ul.down-list li {

    padding:5px 5px 5px 20px;

	position:relative;

	z-index:9999;

	border-bottom:1px solid #dddddd;

}





/*--------cats drop---------------*/

    

.drop-cats {float:left; height:47px; width:193px;}



/*normal state*/

.drop-cats .dropdown-menu .menu-first{width:193px;height:47px;background:url("images/dropd.gif") no-repeat 0 0;position:relative;z-index:9999; text-indent:-5000px;}



/*rolled over*/

.drop-cats .dropdown-menu .slide-down {width:193px;height:47px;background:url("images/dropd.gif") no-repeat 0 -53px;position:relative;z-index:9999;}





/*--------archives drop---------------*/

    

.drop-archives {float:left; height:47px; width:156px;}



/*normal state*/

.drop-archives .dropdown-menu .menu-first{width:156px;height:47px;background:url("images/dropd.gif") no-repeat -193px 0;position:relative;z-index:9999; text-indent:-5000px;}



/*rolled over*/

.drop-archives .dropdown-menu .slide-down {width:156px;height:47px;background:url("images/dropd.gif") no-repeat -193px -53px;position:relative;z-index:9999;}

















/*-----CAPTION-----*/



.boxcaption p.title a{color:#FFF; font-size:16px; font-weight:200; text-decoration:none; width:300px; display:block; }

.boxcaption p.title a:hover{text-decoration:underline; }

.boxgrid{ width: 330px; height: 150px;  float:left; margin:0 0 15px 0; background:#161613; border: solid 10px #f4f4f4; overflow: hidden; position: relative; }

.boxgrid img{position: absolute; top: 0;left: 0; border: 0; }

.boxgrid p{ padding: 0; margin:0;color:#afafaf; font-weight:bold; }

.boxcaption{ float: left; position: absolute;padding:10px 12px 0 12px;background: #000; height: 150px; width: 306px; background:url("images/black-trans.png") repeat top left;}

.captionfull .boxcaption {top: 200px;left: 0;}

.caption .boxcaption {top: 80px;left: 0;}



.boxcaption .post-data{background-color:#000000; width:305px; height:38px; line-height:38px; position:absolute; bottom:30px;}

.boxcaption .post-data span.link{margin:0 0 0 10px; float:left; display:inline;}

.boxcaption .post-data span.link a{color:#FFFFFF; font-size:10px; text-transform:uppercase;}

.boxcaption .post-data span.link a:hover{color:#82e3ff;}



.boxcaption .post-data span.url{color:#969595; font-size:11px; float:right; display:inline; margin:0 10px 0 0;}





/*SUBMIT FORM*/





.tdomf_form{position:relative;}



.tdomf_form input {

-moz-border-radius-bottomleft:5px;

-moz-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;

-moz-border-radius-topright:5px;

border-color:#999999 #D5D5D5 #D5D5D5 #999999;

border-style:solid;

border-width:1px;

color:#000000;

font-size:16px;

height:20px;

margin:2px 0 5px;

padding:5px 0 5px 5px;

width:98%;

}





.tdomf_form textarea {

-moz-border-radius-bottomleft:5px;

-moz-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;

-moz-border-radius-topright:5px;

border-color:#999999 #D5D5D5 #D5D5D5 #999999;

border-style:solid;

border-width:1px;

color:#000000;

font-family:Helvetica,Arial,sans-serif;

font-size:16px;

height:150px;

padding:5px 0 5px 5px;

width:98%;

}



.tdomf_form .tdomf_buttons input {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

-moz-border-radius-bottomleft:5px;

-moz-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;

-moz-border-radius-topright:5px;

-moz-box-shadow:0 30px 30px -15px #68c428 inset;

background:#4f8417 none repeat scroll 0 0;

border-color:#4b9a15 #4e8316 #4e8316 #4b9a15;

border-style:solid;

border-width:1px;

color:#FFFFFF;

cursor:pointer;

display:block;

font-size:13px;

height:35px;

margin-top:20px;

padding:0 20px;

text-shadow:1px 1px 2px #333333;

text-transform:uppercase;

width:140px;

}



.tdomf_form select{

-moz-border-radius-bottomleft:5px;

-moz-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;

-moz-border-radius-topright:5px;

border-color:#999999 #D5D5D5 #D5D5D5 #999999;

border-style:solid;

border-width:1px;

color:#000000;

font-size:16px;

height:35px;

margin:2px 0 0;

padding:5px 0 5px 5px;

width:50%;

}





/*-----CLEAR-----*/



.clear{clear:both;}

.clearfix:after {

 content: "."; 

 display: block; 

height: 0; 

 clear: both; 

 visibility: hidden;

 }

 

.clearfix{display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */  





 

 /*printer styles*/ 

 @media print{ 

/*hide the left column when printing*/ 

#rightcol{display:none;} 

#twocols, #maincol{width:100%; float:none;}

}


#web_show { width:200px; height:160px; background-color:#CCCCCC; padding:4px;}


/*drop css start*/

.arrowlistmenu{
width:280px; /*width of accordion menu*/
float:left;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
width:370px;
margin:0px;
font: 13px Arial;
color:#434343;
padding:6px 0 6px 0px; /*header text is indented 10px*/
cursor: pointer;
background:url(images/arrowicon.gif) no-repeat 10px 9px;
font-weight:bold;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
border:0px;
color:#EB1A1A;
background:url(images/arrowicon1.gif) no-repeat 10px 9px;
}

.categoryitems {
width:332px;
margin:2px 0px;
font-family:arial;
padding:8px;
font-size:13px;
line-height:20px;
}

/*drop css ends*/

.faq_right {
width:202px;
float:left;
padding:10px;
color:#000000;
}
.faq_right p{
margin:0px;
padding:6px 0px 0 10px;
}
.faq_right form{
margin:0px;
padding:0px 0 0 10px;
}
.faq_right form p{
margin:0px;
padding:6px 0px;
}

.faq_right span {
font-family:arial;
font-size:12px;
color:#434343;
line-height:20px;
}
.faq_right h1{
background-image:url(images/head-back.gif);
height:33px;
margin:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#434242;
font-weight:700;
padding-top:7px;
padding-left:46px;
margin-top:10px;
}
.faq_right input{
background-color:#E0E0E0;
background-position:bottom left;
border-left:1px solid #716F64;
border-top:1px solid #716F64;
border-right:1px solid #F1EFE2;
border-bottom:1px solid #F1EFE2;
padding:2px 2px;
width:170px;
}
.faq_right textarea{
background-color:#E0E0E0;
background-position:bottom left;
border-left:1px solid #716F64;
border-top:1px solid #716F64;
border-right:1px solid #F1EFE2;
border-bottom:1px solid #F1EFE2;
padding:2px 2px;
width:170px;
}
.faq_right input.btnsel{
background-color:#E03434;
border:1px solid #A20000;
padding:2px 4px 2px 4px;
color:#FFFFFF;
width:70px;
font-size:11px;
margin-top:7px;
font-weight:bold;
}