/*

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:495px; 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 540px 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:50px; 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; }



#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-----*/

.delete-post a{color:#990000!important}
.edit-post a{color:#FF9900!important}

#maincol{width:525px; 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; border-bottom:1px solid #e4e4e4; padding-bottom:15px; float:left;}

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

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

.post .excerpt{color:#474747; margin:0 0 25px 0; display:block;}

.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:495px; clear:both; float:left; margin:0 0 24px 0; }
.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 .thetitle{width:435px; float:left; display:inline}

 

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



#rightcol{/*background-color: #460346;*/  float: right; display:inline; position: relative; width:365px; }

#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;}

#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;}









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



/*

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 {	background-color:#f1f1f1; 	margin:0 0 0 0; 	list-style:none; 	border-left:1px solid #dddddd; border-right:1px solid #dddddd;}



.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%;
}


.contentbox {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-color:#fdfdfd; border:1px solid #e1e1e1; font-size:12px; padding:20px; margin:0 0 20px 0;}

#auth-gravatar{float:left; width:100px;}
#auth-details{float:left; width:350px;}
#logged{position:absolute; right:20px; top:5px; font-size:11px;}


#reg-status{ float:left; width:495px; }

#reg-status #reg, #reg-status #log{float:left; width:205px; padding:0 20px 0 20px}
#reg-status #reg{border-right:1px solid #CCCCCC; padding-left:0!important;}

.button a{
-moz-background-clip:border;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
display:inline-block;
float:left;
font-family:Arial,Sans-serif;
font-size:18px;
font-weight:bold;
line-height:normal;
margin:0 0 15px 0;
padding:7px 10px;
text-align:center;
text-decoration:none;


}

.button#green a{
background:#5e8317 url(images/green-but.gif) repeat-x scroll 0 0;
border:1px solid #5e8317;
color:#1b1b1b;
text-shadow:0 -1px 0 #97c23a;
}

.button#green a:hover{
background:#5e8317 url(images/green-but-hover.gif) repeat-x scroll 0 0;
}

.button#green a:active{
text-shadow:0 1px 0 #97c23a;
}


.button#silver a{
background:#5e8317 url(images/silver-but.gif) repeat-x scroll 0 0;
border:1px solid #868686;
color:#1b1b1b;
text-shadow:0 -1px 0 #FFFFFF;
}

.button#silver a:hover{
background:#cfcfcf url(images/silver-but-hover.gif) repeat-x scroll 0 0;
}

.button#silver a:active{
text-shadow:0 1px 0 #FFFFFF;
}

#reg-status ul{clear:both; line-height:21px; font-size:12px; margin:0 0 0 0; padding:0 0 0 15px;}
#reg-status ul li{margin:0 0 5px 0}



/*-----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;}

}