/*
Theme Name: WPInspiration
Theme URI: http://wpinspiration.com
Description:
Version: 1.0
Author: Panduka 
Author URI: http://patternmade.com
*/

/*--- Reset --- */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*--- General Styles ---*/
body, html						{ height: 100%; }
body							{ background: #04080c url(images/pagebg.gif) repeat-x top; font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 62.5%; }
a								{ outline: none; }
a img							{ border: none; }
.clearfix:after					{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix				{ height: 1%; }
.sortby, .searchbox, .wp-pagenavi, h2.subtitle, .rated, h4.title, #commentform, .wpcf7, .page h4, .friends, textarea { font-family: Helvetica, Arial, sans-serif; }
textarea						{ overflow: auto; }


/*------ Page Structure ------*/
#container						{ width: 1035px; margin: 0px auto; font-size: 1em; background: url(images/pagebg.jpg) no-repeat top center; }


/*------ Header ------*/
#header							{ height: 169px; }

h1#logo							{ width: 370px; height: 60px; padding: 60px 0px 0px 30px; float: left; }
h1#logo a						{ display: block; width: 370px; height: 60px; text-indent: -9999px; }

#topmenu						{ width: 299px; height: 35px; float: right; background: url(images/menubg.gif) no-repeat; margin-top: 65px; padding: 10px 0px 0px 13px; }
#topmenu a						{ display: block; height: 26px; text-indent: -9999px; float: left; }
#topmenu a.submit				{ background: url(images/submit.gif) no-repeat center; width: 115px; }
#topmenu a.subscribe			{ background: url(images/subscribe.gif) no-repeat top center; width: 155px; float: right; margin-right: 7px; }



/*------ Main Content Area ------*/
#maincol						{ width: 650px; float: left; font-size: 1.25em; margin-bottom: 60px; }
.content						{ width: 626px; background: url(images/sidebarbg-tall.png) repeat; padding: 12px; color: #979797; }
.single							{ width: 650px; padding: 0px; }
.page							{ width: 650px; padding: 28px 0px; }

/*--- 'Sort By' box ---*/
.sortby							{ width: 615px; height: 39px; padding: 23px 0px 10px 35px; border-bottom: 1px solid #011419; background: url(images/sortby_bg.png) repeat; }
.sortby .label					{ display: block; color: #70afc3; width: 80px; float: left; text-transform: uppercase; letter-spacing: 2px; font-size: 0.9em; font-weight: bold; background: url(images/sortby_arr.gif) no-repeat center right; margin-top: 9px; }
.sortby .label2					{ display: block; color: #70afc3; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; font-size: 0.9em; margin-top: 9px; }
.sortby .title					{ display: block; color: #70afc3; float: left; letter-spacing: 0px; font-size: 1.75em; font-weight: bold; margin-top: 4px; }
.sortby .title a				{ color: #70afc3; text-decoration: none; }
.sortby .title a:hover			{ color: #9fccda; }
.sortby .stars					{ display: block; float: right; width: auto; margin: 8px 35px 0px 0px; }
.sortby .stars img 				{ margin-left: 20px; float: left; display: block; }
.sortby .stars span				{ display: block; }
.sortby .stars #post-ratings-4-loading { float: left; }

.lavalamp 						{ position: relative; height: 27px; width: 505px; padding-left: 25px; overflow: hidden; float: left; }
.lavalamp li 					{ float: left; margin-left: 15px; }
.lavalamp li.no					{ margin-left: 0px; }
.lavalamp li.back 				{ background: url(images/lava.png) no-repeat right -27px; width: 9px; height: 27px; z-index: 8; position: absolute; margin-left: 0px; }
.lavalamp li.back .left 		{ background: url(images/lava.png) no-repeat top left; height: 27px; margin-right: 7px; display: block; }
.lavalamp li a 					{ position: relative; overflow: hidden; text-decoration: none; color: #5b6670; outline: none; text-align: center; height: 20px; text-transform: uppercase; letter-spacing: 2px; font-size: 0.9em; font-weight: bold; float: left; display: block; margin: auto 10px; padding: 9px 5px 0px 8px; z-index: 99; }

p.error							{ text-align: center; margin: 15px; line-height: 19px; }
p.error a						{ color: #70afc3; text-decoration: none; }
p.error a:hover					{ text-decoration: underline; }

/*--- Individual Sites ---*/
.site							{ width: 272px; height: 185px; padding: 19px; background: url(images/sitebg_small.png) no-repeat top center; font-size: 0.9em; font-family: 'Lucida Grande', 'Lucida Sans', sans-serif; margin-bottom: 10px; float: left; }
.site-thumb  					{ width: 286px; height: 174px; overflow: hidden; position: relative; margin-bottom: 12px; }
.site-thumb img					{ margin: 16px 14px 24px; }

.site-info 						{ background: url(images/95.png); width: 245px; height: 45px; display: none; bottom: 11px; left: 14px; overflow: hidden; position: absolute; z-index: 90; }
.site-info .stars				{ display: block; padding: 15px 0px 0px 15px; float: left; }
.site-info .stars img			{ width: 16px; height: 16px; margin-right: 10px; display: block; float: left; }
.site-info .stars span			{ font-size: 1.25em; display: block; float: left; margin-left: 4px; }
.site-info a.expand				{ display: block; width: 16px; height: 16px; float: right; background-image: url(images/expand.gif); background-position: top; text-indent: -9999px; margin: 14px 14px 0px 0px; }
.site-info a:hover.expand		{ background-position: bottom; }
.site-info a.comment			{ display: block; width: 16px; height: 16px; float: right; background-image: url(images/comment.gif); background-position: top; text-indent: -9999px; margin: 14px 14px 0px 0px; }
.site-info a:hover.comment		{ background-position: bottom; }

.site h2.sitetitle				{ color: #979797; float: left; font-size: 1.1em; }
.site h2.sitetitle a			{ color: #aaa; text-decoration: none; }
.site h2.sitetitle a:hover		{ text-decoration: underline; }
.site span.sitecat				{ color: #7a9695; float: right; text-transform: uppercase; font-size: 0.85em; padding-top: 1px; text-align: right; }
.site span.sitecat a			{ color: #7a9695; text-decoration: none; }
.site span.sitecat a:hover		{ text-decoration: underline; }

.large							{ width: 586px; height: 365px; padding: 20px; background: url(images/sitebg_large.png) no-repeat top center; margin: 12px; }
.large img						{ margin: 16px 15px 24px; }

.page h4						{ width: 650px; padding: 15px 0px; text-align: center; border-bottom: 1px solid #011419; background: url(images/75.png); color: #70afc3; font-weight: bold; font-size: 1em; text-transform: uppercase; letter-spacing: 2px; line-height: 15px; border-top: 1px solid #011419; margin-bottom: 20px; }
.page p							{ margin: 0px 28px 20px; line-height: 20px; width: auto; color: #979797; }
.page a							{ color: #70afc3; }

h2.subtitle, h4.title			{ width: 650px; padding: 17px 0px 15px; text-align: center; border-bottom: 1px solid #011419; background: url(images/75.png); color: #70afc3; font-weight: bold; font-size: 1em; text-transform: uppercase; letter-spacing: 2px; }
h4.title						{ padding: 15px 0px; line-height: 15px; border-top: 1px solid #011419; clear: both; }

.info							{ float: left; margin: 0px 45px 25px; border-top: 1px solid #011419; width: 200px; }
.info li						{ line-height: 20px; border-bottom: 1px solid #011419; padding: 10px 0px; }
.info a							{ color: #70afc3; text-decoration: none; }
.info a:hover					{ text-decoration: underline; } 

.description					{ padding: 0px 0px 28px 0px; line-height: 20px; margin-bottom: 25px; width: 320px; float: left; }
.description p, .description ul	{ margin-bottom: 20px; }
.description ul li { list-style: disc outside; margin-left:20px; |}
.description a							{ color: #70afc3; text-decoration: none; }
.description a:hover					{ text-decoration: underline; } 


/*--- Pagination ---*/
.wp-pagenavi					{ width: 615px; height: 39px; padding: 30px 0px 14px 35px; border-top: 1px solid #011419; background: url(images/sortby_bg.png) repeat; font-size: 0.9em; font-weight: bold; text-transform: uppercase; }
.wp-pagenavi a, .wp-pagenavi a:link { padding: 7px 9px 4px 10px; margin-right: 9px; text-decoration: none; color: #334a62; background: #10171e; display: block; float: left; }
.wp-pagenavi a:hover 			{ color: #fff; }
.wp-pagenavi span.current 		{ padding: 7px 9px 15px 6px; margin-right: 5px; text-decoration: none; color: #fff; display: block; float: left; }
.wp-pagenavi .prev a			{ width: 47px; height: 16px; padding: 7px 0px 0px 23px; background: url(images/pagi_prev.gif); letter-spacing: 1px; }
.wp-pagenavi .next a			{ width: 56px; height: 16px; padding: 7px 0px 0px 14px; background: url(images/pagi_next.gif); letter-spacing: 1px; }

/*--- Forms ---*/
.wpcf7							{ color: #555; margin-top: 15px; }
.wpcf7 p						{ margin-bottom: 15px; }
.wpcf7 input.defaultText		{ display: block; background: #0b1217; border: 1px solid #19252d; padding: 10px; color: #869097; font-size: 0.8em; width: 570px; text-transform: uppercase; letter-spacing: 2px; height: 9px; }
.wpcf7 input.activeText			{ text-transform: none; letter-spacing: 0px; font-size: 0.9em; height: 12px; padding-bottom: 7px; }
.wpcf7 textarea					{ display: block; background: #0b1217; border: 1px solid #19252d; padding: 10px; color: #869097; width: 570px; line-height: 19px; height: 150px; }
.wpcf7 input.submit				{ display: block; background: #0b1217; border: 1px solid #0b1217; padding: 8px 0px; color: #869097; font-size: 0.9em; width: 120px; margin: 0px auto; text-transform: uppercase; letter-spacing: 2px; outline: none; cursor: pointer; }


/*--- Comment List ---*/

.commentlist					{ margin: 28px; color: #aaa; border-bottom: 1px solid #011419; }
div.comment						{ border-top: 1px solid #011419; padding: 10px; }
.comment a						{ color: #70afc3; }
.alt							{ background: #030609; }
.comment .info					{ height: 32px; }
.comment p						{ margin-bottom: 10px; }
.comment .commentmetadata		{ font-size: 0.9em; font-style: italic; color: #242c2e; margin: 20px 0px 0px; }
.comment .commentmetadata a		{ color: #242c2e; text-decoration: underline; }

/*--- Comment Form ---*/
#commentform					{ padding: 28px; color: #555; }
#commentform a					{ color: #70afc3; text-decoration: none; }
#commentform p					{ margin-bottom: 15px; }
#commentform input.defaultText	{ display: block; background: #0b1217; border: 1px solid #0b1217; padding: 10px; color: #869097; font-size: 0.8em; width: 570px; text-transform: uppercase; letter-spacing: 2px; height: 9px; }
#commentform input.activeText	{ text-transform: none; letter-spacing: 0px; font-size: 0.9em; height: 12px; padding-bottom: 7px; }
#commentform textarea			{ display: block; background: #0b1217; border: 1px solid #0b1217; padding: 10px; color: #869097; width: 570px; line-height: 19px; height: 150px; overflow: auto; }
#commentform input.submit		{ display: block; background: #0b1217; border: 1px solid #0b1217; padding: 8px 0px; color: #869097; font-size: 0.9em; width: 120px; margin: 0px auto; text-transform: uppercase; letter-spacing: 2px; outline: none; cursor: pointer; }

/*------ Sidebar ------*/

#sidebar						{ width: 315px; margin-bottom: 60px; float: right; font-size: 1.25em; }

/*--- Search box ---*/
.searchbox						{ width: 287px; height: 40px; padding: 22px 0px 10px 28px; border-bottom: 1px solid #011419; background: url(images/sortby_bg.png) repeat; }
.searchbox form					{ height: 30px; overflow: hidden; }
.searchbox #s					{ display: block; background: #0b1217; border: 1px solid #0b1217; padding: 11px 11px 0px 11px; height: 18px; color: #869097; text-transform: uppercase; letter-spacing: 2px; font-size: 0.8em; width: 197px; float: left; outline: none; }
.searchbox #searchsubmit		{ float: left; display: block; }

/*--- Ads ---*/
.ads							{ width: 287px; padding: 28px 0px 28px 28px; background: url(images/sidebarbg-tall.png); margin-bottom: 25px; } 
.ads img						{ display: block; float: left; margin: 0px 10px 10px 0px; }

/*--- Highest Rated Sites ---*/
.rated							{ width: 315px; background: url(images/sidebarbg-tall.png); padding-bottom: 1px; margin-bottom: 25px; }
.rated h4						{ background: url(images/sortby_bg.png); border-bottom: 1px solid #011419; color: #869097; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-size: 0.8em; padding: 30px 0px 27px; }
.rated ul						{ margin: 28px; border-top: 2px dotted #242628; }
.rated li						{ border-bottom: 2px dotted #242628; text-transform: uppercase; letter-spacing: 1px; padding: 10px 0px; font-size: 0.9em; }
.rated li a						{ color: #426f7c; text-decoration: none; display: block; float: left; }
.rated li a:hover				{ text-decoration: underline; }
.rated li span					{ text-align: right; color: #aaa; font-size: 1em; display: block; float: right; width: auto; }

/*--- Friends ---*/
.friends						{ width: 315px; background: url(images/sidebarbg-tall.png); padding-bottom: 1px; margin-bottom: 25px; }
.friends h4						{ background: url(images/sortby_bg.png); border-bottom: 1px solid #011419; color: #869097; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-size: 0.8em; padding: 30px 0px 27px; }
.friends ul						{ margin: 28px; border-top: 2px dotted #242628; }
.friends li						{ border-bottom: 2px dotted #242628; text-transform: uppercase; letter-spacing: 1px; padding: 10px 0px; font-size: 0.9em; }
.friends li a					{ color: #426f7c; text-decoration: none; }
.friends li a:hover				{ text-decoration: underline; }


/*------ Footer ------*/
#footer_wrap					{ width: 100%; background: #0b1824 url(images/footerbg.gif) repeat-x top; }
#footer							{ width: 1080px; margin: 0px auto; padding: 65px 0px 0px; }

.col							{ width: 310px; margin: 0px 25px 25px; float: left; color: #aaa; font-size: 1.15em; line-height: 18px; display: inline; }
.col a							{ color: #aaa; text-decoration: none; }
.col a:hover					{ text-decoration: underline; }
.col p							{ margin-bottom: 15px; }
.col p a						{ color: #88b1b8; font-weight: bold; }

.col h4							{ width: 310px; font-size: 0.01em; text-indent: -9999px; height: 16px; border-bottom: 1px solid #131f2b; padding-bottom: 15px; margin-bottom: 15px; }
.col h4.categories				{ background: url(images/categories.gif) no-repeat; }
.col h4.colors					{ background: url(images/colors.gif) no-repeat; width: 306px; }
.col h4.about					{ background: url(images/aboutwpi.gif) no-repeat; }

.col .cat_list					{ margin-bottom: 15px; }
.col .cat_list li				{ float: left; width: 155px; padding: 8px 0px; border-bottom: 1px solid #131f2b; color: #4c5760; }
.col .cat_list li.noborder		{ border: none; }

.col ul.colors li				{ display: inline; }
.col ul.colors a				{ display: block; height: 17px; width: 17px; float: left; margin: 0px 9px 10px 0px; }
.col ul.colors a.no				{ margin-right: 0px; }
.col ul.colors a:hover			{ height: 15px; width: 15px; border: 1px solid #aaa; }
.col ul.colors .red				{ background: #c00000; }
.col ul.colors .orange			{ background: #e66006; }
.col ul.colors .yellow			{ background: #e6d406; }
.col ul.colors .green			{ background: #4ba700; }
.col ul.colors .blue			{ background: #0057c3; }
.col ul.colors .purple			{ background: #7500e2; }
.col ul.colors .pink			{ background: #e525f1; }
.col ul.colors .black			{ background: #000; border: 1px solid #222; margin-top: -1px; }
.col ul.colors a:hover.black	{ width: 17px; height: 17px; }
.col ul.colors .grey			{ background: #7a7a7a; }
.col ul.colors .white			{ background: #fff; }
.col ul.colors .brown			{ background: #5a4028; }
.col ul.colors .rainbow			{ background: url(images/rainbow.gif) no-repeat center; }
.col ul.colors a:hover.rainbow	{ background-position: -3px -3px; }

p.credits						{ clear: both; border-top: 1px solid #131f2b; margin: 0px 25px 0px; padding: 30px 0px 50px; color: #343e49; font-size: 1.25em; }
p.credits .left					{ display: block; float: left; width: auto; }
p.credits .left a				{ color: #343e49; text-decoration: none; }
p.credits .left a:hover			{ color: #4f5d6d; }
p.credits .right				{ display: block; float: right; width: auto; text-align: right; }
p.credits .right a				{ color: #343e49; text-decoration: none; margin-left: 25px; }
p.credits .right a:hover		{ color: #4f5d6d; }