/* MILKY BLOG */
@import url(http://s3.amazonaws.com/devhub/template/theme/dh-columns.css); /* Standard column elements */@import url(/static/shared/fonts/display/Furore/stylesheet.css);

.col-padding {
	padding-right: 11px;
}

#body,
#footer,
#header,
#searchbar,
#nav {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

/************/

body {
	padding: 10px 0;
	margin: 0;
	text-align: center;
	background:url(images/headerbgtrans.png) repeat-x 0 0#01669A;
}

a {
    outline: none;
}

#body {
	position: relative;
}
#header {
	position:relative; margin: 0 auto;
}
#searchbar {
	height: 25px; padding: 10px 0;
    font-family: Helvetica,Arial,sans-serif;
}
#searchbar a {
	color: #FFFFFF; font-size: 11px; text-decoration: none;
	position: absolute;
	left: 0;
	line-height: 24px;
}
#searchbar a img {
	height: 26px;
	width: 26px;
	float:left;
	display: block;
	margin-right: 10px;
	outline: none;
	border: none;
}
#sitelogo {
    font-size: .85em;
}
#sitelogo a {
	font-family: FuroreRegular;
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
}
#sitelogo #logotext {
	line-height: normal;
	font-size: 3em;
	display: block;
	padding: 0 25px 25px 0;
}
#sitelogo img {
	border: none;
	max-width: 900px;
	height: auto;
}
#search {
	position: absolute;
	right: 0px;
}

.box#searchbg {
	float:right;
	width:auto;
	background-color: #88DF29;
	-moz-border-radius: 5px;
}

#navwrapper {
	background: #00BCFF url(images/topnavbg.png) repeat-x scroll 0 center;
}
#navwrapper a {
	color: #000;
}
#navwrapper a:hover {
	color: #4A4A4A;
	text-decoration: underline;
}
#nav {
	margin: 0 auto;
}
#nav ul {
	padding-left: 0px;
	line-height: 56px;
	margin: 0;
	list-style: none;
}
#nav li {
	display: inline;
    margin-right: 4px;
}
#nav li a {
	padding: 10px 15px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	font-family: Helvetica,Arial,sans-serif;
	color: #404040;
}
#nav li a:hover, #nav li.selected a {
	background: #01669A url(images/shade.png) repeat-x scroll 0 -15px;
	color: #FFFFFF;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow:inset 0 1px 2px #111111;
	-moz-box-shadow:inset 0 1px 2px #111111;
	-webkit-box-shadow:inset 0 1px 2px #111111;
	font-weight: bold;
	text-decoration: none;
	}

.box,
.gallery,
.image {
	margin: 11px 0;
}
.box,
.image {
	padding:8px;
	background: #FFFFFF url(images/bg-box.png) repeat-x scroll 0 -10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
.box {
	border-color: #AFAFAF;
	font-family: Helvetica,Arial,sans-serif;
	color: #474747;
}
.box a {
    	color: #00BCFF;
}
.box a:hover {
    text-decoration: none;
}
.box-inner {
	background: #DDDDDD;
	border: 1px solid #CCCCCC;
	padding: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
}

.post .title {
	margin:0;
	padding:10px 0 10px;
	color: #474747;
}
.post h2.title {
	font-size:1.8em;
	line-height: 1.1em;
}

.content,
.entry {}
.content p,
.entry p,
.content ul {
	line-height:1.5em;
    font-size: .8em;
}
.content a,
.entry a {
	color: #00BCFF;
}
.content img,
.entry img {
	border:1px solid #ddd;
	background: #FFF;
	padding: 15px;
	max-width: 94% !important;
	height: auto !important;
}

.headline {
    margin-bottom: 5px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    padding: 10px;
    text-transform: capitalize;
    font-weight: bold;
    font-size: .75em;
    background: #474747 url(images/shade.png) repeat-x scroll 0 bottom;
}
.headline h1,
.headline h2,
.headline h3 {
	margin:0;
	padding:5px 0 5px;
	font-family: Helvetica,Arial,sans-serif;
    color: #FFFFFF;
}
.headline h1 { font-size:1.8em; }
.headline h2 { font-size:1.3em; }
.headline h3 { font-size:1.1em; }
.headline .more {
	position:absolute;
	top:8px;
	right:0;
	font-size:.8em;
}

.post .meta {
	display:block;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	font-weight: bold;
}
.post .meta .comments {
	float:right;
}

.post .social {
	font-size: .7em;
	display: block;
	padding-top: 15px;
}
.post .social a {
	display:block;
	text-decoration:underline;
	border: 1px solid #CCC;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:8px 8px 8px 35px;
	color: ;
	float:left;
	margin-right:10px;
}

.post .social a:hover {text-decoration: none;}

.paginate {
	margin-top:0;
}
.paginate .button {
	margin-top: 0;
	display:block;
	padding:8px 10px;
	background-color: #404040;
	color: #FFFFFF;
	text-decoration:none;
	float:left;
}
.paginate .button:hover {
	background: #474747;
	color: #FFFFFF;
}
.paginate .button.alt {
	float:right;
	text-align:right;
}

.item {
	padding:12px 10px;
	border-bottom:1px solid #ccc;
	position:relative;
}
.item.last {
	padding-bottom:0;
	border:0;
}
.item .title {
	margin:0;
	padding:0 0 6px;
}
.item h3 {
	font-size:1.1em;
}
.item p {
	font-size:.8em;
	line-height: 1.25em;
	margin:0;
	padding-bottom:6px;
}
.item .status-updates {
    font-size: .85em;
    font-weight: bold;
    line-height: 1.35em;
}
.item .graphic {
	float:left;
	margin-right:15px;
	margin-bottom:6px;
	position:relative;
}
.item .graphic img {
	width:60px;
	height:60px;
	border:3px solid #fff;
}
.item .meta {}
.item .meta a,
.item .meta span,
.item .social a {
	margin-right:5px;
}

.item .social a {
	margin-right:5px;
	color: #474747;
	padding: 5px 10px 5px 24px;
}

.item .rating {
	position:absolute;
	top:10px;
	right:0;
}

.gallery {
	margin-bottom:15px;
}
.gallery .caption {
	margin:0;
	position:absolute;
	bottom:0;
	left:0;
	background:url(http://dh.devhub.com/static/dh/dev/html-sample/black-opacity75.png) top left repeat;
	color:#fff;
	padding:15px;
	width:100%;
	text-shadow:0 -1px 0 #222;
}
.gallery .gallery-image {
	position:relative;
	height:350px;
	overflow:hidden;
	padding: 20px;
	margin:0;
	border:1px solid #AFAFAF;
	background:#FFFFFF url(images/bg-box.png);repeat-x scroll 0 32px;
}
.gallery .image img {
	max-width:100%;
}
.gallery a {
	color:#fff;
	text-decoration:none;
}
.gallery h3 {
	margin:0;
	font-size:1.2em;
	padding-bottom:5px;
	font-family: Helvetica,Arial,sans-serif
}
.gallery p {
	margin:0;
	color:#ccc;
	font-size:.8em;
}

.list {
	font-size:.8em;
}
.list li {
	padding:2px 0;
	list-style: none;
}
.list ul {
	margin:0;
	padding:6px 0 6px 0px;
}

.products form,
.box-inner form[action="/deals/search"] {
    margin: 10px 0;
    padding: 10px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .75em;
    background: #474747 url(images/shade.png) repeat-x scroll 0 bottom;
    color: #FFFFFF;
}
.products form select[name="category"] {
    text-transform: capitalize;
    margin: 0 15px;
    padding: 4px;
}

.product {
	padding:12px 0;
	border-bottom:1px solid #ccc;
	position:relative;
}
.product.last {
	padding-bottom:0;
	border:0;
}
.product .details {
	float:right;
	width:70%;
}
.product .graphic {
	float:left;
	width:30%;
	overflow:hidden;
}
.product .graphic img {
	max-width:75%;
	border:3px solid #fff;
	margin-left:5px;
}
.product .title {
	margin:0;
	padding:0 0 8px;
}
.product h3 {
	font-size:1em;
}
.product p {
	font-size:.9em;
	margin:0;
	padding:0 0 8px;
}
.product .price {
	color:red;
}
.product .button {
	display:block;
	text-decoration:none;
	padding:6px 8px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:left;
	margin-right:2px;
	font-size:.9em;
    color: #FFFFFF;
	background: #404040 url(images/shade.png) repeat-x 0 -35px;
}

.product .button:first-child,
.amazon-single .product .button {
    margin-right: 5px;
    margin-bottom: 3px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #64BF00;
}

.form {
	padding:8px 0 0;
}
.form br {
	display:none;
	visibility:hidden;
}
.form fieldset {
	border:1px solid #ccc;
	background:#FFF;
	padding:15px 10px;
}
.form label {
	position:absolute;
	top:0;
	left:0;
	padding:5px 10px;
	font-weight:bold;
}
.form legend {
	background:#fff;
	padding:5px 10px;
	border-top:1px solid #ccc;
}
.form p {
	margin:0;
	padding:5px 0 5px 200px;
	position:relative;
}

input[value="Search"],
input.button[value="Search"],
input.button[type="submit"] {
    background: #404040 url(/static/dhplatform/modules/gloss.png) repeat-x 0 0;
    color: #FFFFFF;
    border: none;
    padding: 6px 8px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    font-family: Helvetica,Arial,sans-serif;
}


.embed {
	padding-top:5px;
}

.clear {
	clear:both;
	display: block;
}

/* CUSTOM CSS */

.compact fieldset{
	background:#EEE url(images/bg-search.png) repeat-x scroll 0 0;
}
.bookmark {background: transparent url(images/bookmark.png) no-repeat scroll 5px 2px;}
.twitter {background: transparent url(images/tweets.png) no-repeat scroll 5px 2px;}
.facebook {background: transparent url(images/facebooking.png) no-repeat scroll 5px 2px;}
.comment {background: transparent url(images/comment.png) no-repeat scroll -2px 0;}
.print {
    background: transparent url(images/print.png) no-repeat scroll 5px 2px;
}

#footer {text-transform: inherit; color: #AFAFAF;}
#footer p {margin: 0;}
#footer a { color: #FFFFFF; }
#footer-left {float: left;}
#footer-right {float: right;}

/* CPC SPONSORED RESULTS STYLES */
.adcontainer .sponsored {
	margin-top: 0;
	font-size: 1.1em;
	font-weight: bold;
}
.ads h6 {
	font-size: 1.15em;
	margin:.5em 0 0;
	color: #0057BF;
}
.ads h6:hover {
	text-decoration: underline;
}
.ads .desc {
	color: ;
	font-size: .8em;
	margin: 0;
}
.ads .url {
	font-size: .8em;
	margin: 0;
	color: #FF0000;
}

/* COMMENT STYLES */
div.commenter {
	margin-bottom: 8px;
}
div.comment-content {
	margin-bottom: 1em;
	padding-left: 60px;
}
div.comment-content p {
	font-size: .875em;
}
div.reply {
	font-size: .85em;
	margin-left: 60px;
	margin-bottom: 20px;
}
div.reply a {
	text-decoration:underline;
}
div.reply a:hover {
	text-decoration: none;
}
.commenter img {
	border: 4px solid white;
	float: left;
	margin-right: 15px;
}
.comments ul {
	padding-left: 0;
}
.comments li.comment {
	list-style: none;
}
span.comment-author {
	font-weight: bold;
}
div.commenter span.time {
	font-size: .7em;
}

.product .button:hover,
.button:hover {
    background-color: #474747;
}
/* AMAZON */

.amazon-single .product,
.amazon-thin.products .product {padding: 15px;}
.amazon-thin.products .product .graphic {text-align: center;}
.products form#bottom {margin-top:15px; margin-bottom: 0;}
.products form {margin-bottom:15px;}

form[action="/deals/search"] {
    margin: 10px auto;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .75em;
    background: #01669A url(images/shade.png) repeat-x scroll 0 -5px;
    color: #FFF;
}
form select[name="category"] {
    text-transform: capitalize;
    margin: 0 15px;
}
form select[name="category"],
input[name="keywords"] {
    width: 30%;
}
form input.button[value="Search"],
input.button[type="submit"] {
    background: #00BCFF url(/static/dhplatform/modules/gloss.png) repeat-x 0 -15px;
    color: #FFFFFF;
    border: none;
    padding: 6px 8px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    font-family: Helvetica,Arial,sans-serif;
}
form input.button:hover[value="Search"],
input.button:hover[type="Submit"] {
    background: #64BF00 url(images/shade.png) repeat-x scroll 0 -35px;
}

/* CLICKBANK */

.button.clickbank,
.button.clickbank span {
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
}
.button.clickbank {
    background: #404040;
    font-size: 1.3em;
    padding: 1px;
    max-width: 65%;
    margin: 10px auto;
    text-align: center;
}
.button.clickbank:hover {
    background-color: #474747;
}
.button.clickbank span,
.button.clickbank span span,
.button.clickbank span span a {
    display: block;
    height: 1%;
}
.button.clickbank span {
    border:1px solid #FFF;
    height: 1%;
    display: block;
    padding: 2px;
}
.button.clickbank span span {
    background: transparent url(/static/dhplatform/modules/gloss.png) repeat-x 0 0;
    border: none;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
}
.button.clickbank span span a {
    font-weight: bold;
    display: block;
	color: #FFFFFF;
    height: 1%;
    padding: 10px 15px 11px 10px;
    text-decoration: none;
    outline: none;
}
.button.clickbank span span a:hover {
    color: #FFFFFF;
}

.site-messages ul {margin: 0;}

.searchbin a { /* amazon search bin links */
    text-decoration: none;
    color: #00BCFF;
}
.searchbin a:hover {
    color: ;
}
