/*
Theme Name: DESIGN BLOG
Theme URI: http://henryladcases.com
Designed By: Henry Durdan
*/

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


/*
		Brown: #784829
		Grey: #2E2E2E
		Light Grey: #f1f1f1
*/







/*
	RESETS
*/

p 						{ font-family: "Sans-Serif",Arial,Helvetica,Sans-Serif; font-size: 13px; line-height: 17px; margin-top: 18px; color: #5E5D5D; }
p a						{ font-family: "Sans-Serif",Arial,Helvetica,Sans-Serif; color: #784829;  }
a						{ color: #784829; }
p a:hover				{ border-bottom: 1px dotted #784829; }
p.georgia				{ font-family: Georgia; font-style: italic; font-size: 14px; margin-top: -1px; color: white; }
img    					{ border: 4px solid #eeeeee; }
a img    				{ border: 4px solid #eeeeee; }
a img:hover    			{ border: 4px solid #f1f1f1; }
ul li   				{ list-style: disc; font-weight: normal; font-size: 12px; margin-top: 6px; }
.abouth3				{ color: #784829; }
.noborder				{ border: none; }
.centerme				{ margin-left: 60px; }
h2.posth2				{ text-align: left; }
.dwp					{ float: left; margin-right: 1px; }

/*
	RANDOM
*/

#wacomreview			{ background: url(/images/wacom.jpg) no-repeat; padding: 0px 14px; }

#downloaddemo			{ width: 410px; height: 52px; margin: 40px auto; }
#downloaddemo a img.viewdemo	{ float: left; border: none; opacity: 0.85; }
#downloaddemo a img.viewdemo:hover	{ opacity: 1.0;}
#downloaddemo a img.downloadfiles	{ float: right; border: none; opacity: 0.85; margin-top: -20px; }
#downloaddemo a img.downloadfiles:hover	{ opacity: 1.0;}


/*
	STRUCTURE
*/

#page-wrap				{ width: 980px; margin: 0px auto -250px; min-height: 100%; height: auto !important; height: 100%;}
#push 					{ height: 250px; }
#main-col 				{ width: 610px; float: left; padding-top: 50px; }






/*
	LOGO
*/

#logo					{ width: 97px; height: 143px; background: url(/images/logo.png) transparent; margin: 0 auto;}






/*
	NAVIGATION
*/

#sidebartitle			{ width: 323px; height: 71px; margin-left: -16px; background: url(/images/sidebar-bg-title.jpg); font-family: Georgia; font-size: 14px; }
#sidebartitle ul		{ margin-left: 15px; }
#sidebartitle ul li		{display: block; float: left; width: 73px; text-align: center; margin: 15px 0 0 0;}
#sidebartitle ul li a 	{ color: #784829; font-size: 14px; }
#sidebartitle ul li a:hover 	{ border-bottom: 1px dotted #784829; }







/* 	SIDEBAR
*/

#sidebartop 			{ width: 350px; height: 23px; background: url(/images/sidebartop.jpg) no-repeat; float: left; margin-top: 15px; margin-left: 20px; }
#sidebar				{ width: 350px; height: ; float: left; background: url(/images/sidebar.jpg) repeat-y transparent; margin: -6px 0 0 20px; }
#sidebar-inside			{ width: 290px; margin: 0px auto; }
#sidebar-inside ul li	{ list-style: none;}
#sidebarbottom			{ width: 350px; height: 30px; background: url(/images/sidebarbottom.jpg) no-repeat; float: right;}







/*
	SIDEBAR ADVERTISEMENT
*/

#sponsors						{ width: 323px; height: 71px; margin-left: -16px; background: url(/images/sidebar-bg-sponsors.jpg); }
#sidebar a img					{ border: 4px solid #f1f1f1; margin-bottom: 6px; margin-right: 2px; margin-left: -1px; }
#sidebar a img:hover			{ border: 4px solid #fff; }

#sidebar a.advertise img		{ border: 4px solid #f1f1f1; }
#sidebar a.advertise img:hover  { border: 4px solid white; }


#aremysitesup a img				{ margin: 20px 0 25px -10px; padding: 0px 85px; border: none; }
#aremysitesup a img:hover		{ border-bottom: none; }

#bsaz_1241518  				  	{ margin-bottom: 30px; }

#clickfordetials   				{float: right; margin: -3px 20px 0px 0px; }
#clickfordetials p  			{ font-size: 9px;  }




/*
	RSS SUBSCRIBE & TWITTER
*/

#sidebar-rss				  { width: 323px; height: 82px; margin-left: -16px; margin-top: 5px; background: url(/images/sidebar-rss.jpg) no-repeat top left; }
#sidebar-rss:hover			  { width: 323px; height: 82px; background: url(/images/sidebar-rss.jpg) no-repeat bottom left; }
#subscribe-email			  { width: 271px; height: 73px; background: url(/images/subscribe-email.jpg) no-repeat; margin-bottom: 10px; }

#subscribeform				  { width: 260px; height: 60px; padding: 20px 0px;}
#subscribebutton   		      { float:left; margin-left: 10px; margin-top: -3px; }
#subscribeemail		 	   	  { color: #dd7f3a; float: left; margin-left: 20px; margin-top: -3px;  border: 3px solid #e1e1e1; font-size: 14px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}


input.subscribebtn            { background: #dd7f3a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999999; height: 23px; color: white; font-family: arial; font-size: 12px }
input.subscribebtn:hover      { color: #666666; background: white; }

#followontwitter			  { width: 271px; height: 73px; background: url(/images/followontwitter.jpg) no-repeat; margin-bottom: 20px;  }





/*
	TWITTER
*/

#twitter				{ width: 960px; height: 90px; background: url(/images/twitter.jpg); float: left; margin: 20px 0 -5px 0px; }
#twitterul ul li        { list-style: none; width: 470px; float:right; height: 60px; margin: 25px 160px 0 0; font-family: georgia; font-size: 14px; padding: 2px; color: #0074AE; }
#twitterul ul a         { list-style: none; color: #784829; }
#twitterul ul a:hover	{ border-bottom: dotted 1px; }







/*
	SEARCH
*/

form#searchform 		{margin: 10px 0;}
.input 			        { width: 200px; margin: 0 auto; border: 4px solid #e1e1e1; font-size: 13px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #dd7f3a; }

#searchsidebar			{ width: 323px; height: 71px; margin-top: 15px;  margin-left: -16px; background: url(/images/sidebar-bg-title.jpg); }
.searchsidebarinner		{ padding-top: 2px; margin-left: 30px; }







/*
	POST
*/

.post 					{ background: white; margin: 20px 0 0 0; }
.postdate				{ text-align: center; margin: 0 auto; font-family: Georgia; font-size: 15px; margin: 5px 0; color: #784829; }
#postbottom				{ width: 610px; height: 40px; background: url(/images/postbottom.png) no-repeat; margin: 0 0 40px 0; }
.contentpost			{ margin-top: 20px; }
.readmore				{ font-family: Georgia; font-size: 15px; text-align: right; text-decoration: none; color: #2E2E2E; margin: -15px 0 20px 0;}
.readmore a				{ color: #2E2E2E; }
.readmore a:hover		{ color: #784829; border-bottom: 1px dotted; }







/*
	ABOUT AUTHOR
*/

#aboutauthor			{ width: 600px; height: 100px; background: white; padding: 10px; border: 4px solid #f1f1f1; margin: 30px 0 30px 0; }
#aboutauthor p			{ text-align: left; margin-top: 5px; }
#aboutauthor img        { float: left; margin-right: 10px; border: 3px #f2f2f2 solid; }
#aboutauthor h3			{ font-style: italic; color: #794929; }





/*
	ABOUT PAGE
*/

#abouthenrydurdan 		  { width: 610px; height: 269px; background: white; border: none; margin: 25px 0px 40px; }
#findme			  		  { width: 353px; height: 269px; background: white; float: left; padding-top: 40px; }
#findme a:hover			  { border-bottom: none; }
#henryphoto		 		  { width: 257px; height: 269px; background: url(http://henryladcases.com/images/abouthenrydurdan) top left; float: right; }
#henryphoto:hover		  { width: 257px; height: 269px; background: url(http://henryladcases.com/images/abouthenrydurdan) bottom left; float: right; }
#abouthenrydurdan img	  { border: none; margin-right: 20px; }






/*
	ENTRIES
*/


#entries				{ margin: 30px 0; }
#entries ul li			{ list-style: none; font-size: 14px }





/*
	SOCIAL
*/

#socialpost				{ width: 525px; padding: 2px 0; height: 83px; margin: 30px auto 0px; border: solid 4px #f1f1f1  }
#stumble           		{ float:right; margin: 10px 20px 0 5px; }
#stumble a img    		{ border:none; width: 40px; height: 40px; margin-top: 6px; }
#designmoo				{ float: right; margin-right: 18px; margin-top: -15px; }
#retweet				{ float: right; margin-right: 20px; margin-top: 5px; }
#designbumb				{ float: right; margin-right: 20px; margin-top: 1px; }
#subscriberss			{ float: right; margin-right: 20px; margin-top: 2px; }
#followtwitter			{ float: right; margin-right: 5px; }
#float					{ float: right; margin: 15px 20px 0 5px; }
#diggthis				{ float: right; margin: 1px 18px 0 0; }
#postrss				{ float: right; margin-right: 15px; margin-top: 2px; }
#postrss a img          { border: none; }	






/*
	COMMENTS
*/

.gravatar				{ float: left; margin-right: 10px; }
.dontshow				{ display: none; }
ol.commentlist			{ list-style: none; }
.comment-bubble         { background: #fffff; color: black; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 20px; border: 4px solid #f1f1f1; padding: 5px 10px 10px 10px; width: 605px; }
ol.commentlist li p     { margin-left: 55px; margin-top: 5px; }
.commentdate			{ color: #784829; font-size: 11px; margin-top: -17px; float: right; }		
.commentauthor        	{ font-family: georgia; font-size: 18px; color: #784829; }
.commentauthor a       	{ font-family: georgia; font-size: 18px; color: #784829; }
#leavecomment			{ margin: 25px 0px 40px 0px; }

#commentform ul li    	{ list-style: none; margin-top: 15px; }
#author					{ float: left; }
#email					{ float: left; }
#url					{ float: left; }

.commentlabel			{ font-size: 12px; font-family: Georgia; font-style: italic; margin-left: 15px; }
#replycomment			{ float: right; margin: -8px; }







/*
	ARCHIVES
*/

.archives				 { margin-bottom: 40px; border-bottom: 1px dotted; font-size: 30px; color: #784829; }
.archivetitle a			 { font-size: 26px; text-align: center; }
.archivedate 			 { text-align: left; color: #784829; }

ul li a.newerposts		 { float: right; margin-top: -23px; }






/*
	PAGES
*/

.pagetitle				{ font-size: 30px; text-align: left;}
.pagetitle:hover		{ font-size: 30px; text-align: left; color: #784829;}







/*
	SIMILAR POSTS
*/

#similarposts			{ margin: 40px 0 0 55px; width: 450px; padding: 10px;}
#similarposts ul li     { list-style: circle; text-align: left; margin-left: 22px; }
#similarposts h3        { color: #784829; text-align: left; margin-left: 10px; font-size: 16px; margin-bottom: 10px;}






/*
	TOP TIPS OF THE WEEK
*/

#tipsoftheweek    		{ width: 610px; height: auto; background: #f6f6f6; padding: 20px 5px; margin: 25px -8px 55px; border: 2px solid #eeeeee; }
#tipsoftheweek img 		{ margin-left: -2px; border: 2px solid #eeeeee; }
#tipsoftheweek h3 		{color: #555555; font-size: 20px; margin: -15px 0 -10px 7px; text-align: right; }

#tipsoftheweek2    		{ width: 610px; height: auto; background: #f6f6f6; padding: 30px 5px; margin: 25px -8px 55px; border: 2px solid #eeeeee; }
#tipsoftheweek2 img 	{ border: 2px solid #eeeeee; margin-bottom: 10px; }
#tipsoftheweek2 h3 		{color: #555555; font-size: 20px; margin: -15px 0 -10px 7px; text-align: left; }
#tipsoftheweek2 ul li           { margin: -10px 0px 0px 75px; font-size: 20px; float: left; list-style: circle;  text-align: center; } 
#tipsoftheweek2 ul li a:hover   { border-bottom: dotted 1px; }

#tipsoftheweek3    		{ width: 610px; height: auto; background: #f6f6f6; padding: 20px 5px 0px; margin: 25px -8px 55px; border: 2px solid #eeeeee; }
#tipsoftheweek3 img 	{ border: 2px solid #eeeeee; margin-bottom: 30px; }
#tipsoftheweek3 h3 		{color: #555555; font-size: 20px; margin: -15px 0 -10px 7px; text-align: left; }
#tipsoftheweek3 ul li           { margin: -10px 0px 0px 75px; font-size: 20px; float: left; list-style: circle;  text-align: center; } 
#tipsoftheweek3 ul li a:hover   { border-bottom: dotted 1px; }







/*
	FOOTER
*/


#footer 				{ height: 230px; background: url(/images/footer.png) repeat-x; padding-top: 20px;}
#footer-inside			{ width: 960px; margin: 0px auto; color: white; font-family: Georgia; }
#footerlogo				{ width: 960px; height: 40px; background: url(/images/footerlogo.png) no-repeat; }






/*
	FOOTER ABOUT
*/

#About					{ width: 291px; text-align: justify; margin: -2 px 0 0 0; float: left; }
#About a   				{ color: #784829; }
#About h2				{ text-align: left; font-style: italic; margin: 0 0 10px 0; color: #784829; }






/*
	FOOTER NAV
*/

#footernav				{ width: 140px; float: left; margin: -2px 0 0 75px; color: white; }
#footernav h2			{ color: #784829; text-align: left; font-style: italic; margin: 0 0 10px 0; }
#footernav ul li		{ margin-top: 6px; list-style: disc; font-size: 14px; }
#footernav ul li a 		{ color: white; font-style: italic; }
#footernav ul li a:hover{ color: #784829; }






/*	FOOTER SOCIAL
*/

#social 				{ width: 140px; float: left; margin: -2px 0 0 0; }
#social h2				{ color: #784829; text-align: left; font-style: italic; margin: 0 0 10px 0; }
#social a 				{ color: white; }
p.social				{ font-family: Georgia; font-style: italic; font-size: 14px; margin-top: 4px; text-align: ; }
#social img				{ border: none; }






/*
	FOOTER ARTICLES
*/

#Articles				{ width: 298px; float: left; margin: -2px 0 0 0; }
#Articles h2			{ color: #784829; text-align: left; font-style: italic; margin: 0 0 10px 0; }
#Articles ul li			{ margin-top: 13px; list-style: none; }
#Articles ul li a 		{ color: white; font-style: italic; font-size: 15px; }
#Articles ul li a:hover	{ color: #784829; te}





/*
	FOOTER COPYRIGHT
*/

#copyright				{ width: 960px; height: 30px; float: left; margin-top: 20px; font-size: 12px; color: white; text-align: center; font-style: italic; }


#s404  					{
						width: 455px; 
						margin: 0 10px; 
						font-size: 30px; 
						border: 10px solid #eeeeee; 
						-moz-border-radius: 5px; 
						-webkit-border-radius: 5px;
						color: #af1d28; 
}
		
#searchsubmit404        { 
						background: transparent; 
						height: 23px; 
						color:#af1d28; 
						border: white solid 1px; 
						font-family: arial; 
						font-size: 30px; 
						height:40px ; 
}
#searchsubmit404:hover  { 
						color: #666666; 
						background: white; 
}





/*
	SOCIAL SCROLL
*/

#socialscroll						{ margin: 40px 0 0 760px; height: 236px; width: 64px; background: white; position: fixed; }
#socialscroll ul li    				{ list-style: none; }
#socialscroll ul li a:hover			{ border: none; }
#socialscroll ul li a.socialrss		{ text-decoration: none; list-style: none; display: block; width: 64px; height: 64px; background: url(/images/socialrss.jpg) top left; width: 64px; height: 64px; }
#socialscroll ul li a.socialtwitter	{ text-decoration: none; list-style: none; display: block; width: 64px; height: 64px; background: url(/images/socialtwitter.jpg) top left; width: 64px; height: 64px; }
#socialscroll ul li a.socialtechnorati	{ text-decoration: none; list-style: none; display: block; width: 64px; height: 64px; background: url(/images/socialtechnorati.jpg) top left; width: 64px; height: 		   										  64px; }
#socialscroll ul li a.socialdigg	{ text-decoration: none; list-style: none; display: block; width: 64px; height: 64px; background: url(/images/socialdigg.jpg) top left; width: 64px; height: 64px; }