/*   
Theme Name: Hardcore Webstar
Theme URI: http://www.hardcorewebstar.com
Description: Hardcore Webstar fucking amazing, attitude theme.
Author: Hardcore Webstar
Author URI: http://www.hardcorewebstar.com
Tags: pink, black, grey, variable content, blog 2 columns, widgets.
*/

/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/* HARDCORE WEBSTAR */
body {background: #000 url(http://images.hardcorewebstar.com/base.gif) repeat-x 0px -440px; color: #CCC; font: 12px Arial, "Tahoma", Times, serif;}

#wrapper {margin: 0 auto 0 auto; width: 960px; overflow: hidden;}
#header  {height: 70px;}
#logo	 {float: left; padding: 18px 0 0 11px;}

/* menu */
.menu 	 	 {margin: 30px 23px 0 0; background: url(http://images.hardcorewebstar.com/menu.gif) no-repeat; width: 476px;	height: 39px; float: right;}
.menu ul li	 {display: inline;}
.menu ul li a {height: 39px;	float: left; color: #FFF; text-indent: -9999px;}

.menu ul .page-item-3 a {width: 96px; margin-right: 5px;}
.menu ul .page-item-4 a {width: 62px; margin-right: 5px;}
.menu ul .page-item-5 a {width: 128px; margin-right: 5px;}
.menu ul .page-item-6 a {width: 92px; margin-right: 5px;}
.menu ul .page-item-7 a {width: 78px;}

.menu ul .page-item-3 a:hover {background: url(http://images.hardcorewebstar.com/menu.gif) no-repeat 0px -39px;}
.menu ul .page-item-4 a:hover {background: url(http://images.hardcorewebstar.com/menu.gif) no-repeat -101px -39px;}
.menu ul .page-item-5 a:hover {background: url(http://images.hardcorewebstar.com/menu.gif) no-repeat -168px -39px;}
.menu ul .page-item-6 a:hover {background: url(http://images.hardcorewebstar.com/menu.gif) no-repeat -301px -39px;}
.menu ul .page-item-7 a:hover {background: url(http://images.hardcorewebstar.com/menu.gif) no-repeat -398px -39px;}

.menu ul a.page-item-3-current {background: url(http://images.hardcorewebstar.com/menu.gif) no-repeat 0px -39px!important;}
.menu ul a.page-item-4-current {background: url(http://images.hardcorewebstar.com/menu.gif) no-repeat -101px -39px!important;}
.menu ul a.page-item-5-current {background: url(http://images.hardcorewebstar.com/menu.gif) no-repeat -168px -39px!important;}
.menu ul a.page-item-6-current {background: url(http://images.hardcorewebstar.com/menu.gif) no-repeat -301px -39px!important;}
.menu ul a.page-item-7-current {background: url(http://images.hardcorewebstar.com/menu.gif) no-repeat -398px -39px!important;}

/* widescreen */
#widescreen 			  {width: 960px; height: 373px; position: relative;}
#widescreen .text 		  {position: absolute; top: 110px; right: 72px; width: 350px;}
#widescreen .dots 		  {position: absolute; bottom: 11px; right: 39px; display: none;}
#widescreen .dots ul li   {float: left;}
#widescreen .dots ul li a {width: 6px; height: 6px; background: url(http://images.hardcorewebstar.com/dots.png) no-repeat; display: block; margin: 3px;}

/* content */
#content 			{min-height:500px; height:auto !important; height:500px; position: relative;}
#content .col_left  {float: left; width: 480px; margin-top: 110px;}
#content .col_right {float: left; width: 480px; margin-top: 110px;}
#content .box 		{width: 450px; height: 150px; margin: 0 auto 70px auto;}
#content .box .icon {float: left; margin-right: 10px;}
#content .box .text {text-align:justify;}
#content .box h2 a  {color: #FFF!important;}
#content .box h2 a:hover {text-decoration:none;}
#content .box p a  {color: #CCC!important; display: block;}
#content .box p a:hover {text-decoration:none;}
#content .feed   {position: absolute; top: 50px; right: 10px;}

/* footer */
#bottom {background: #141414 url(http://images.hardcorewebstar.com/base.gif) repeat-x; height: 420px; padding-top: 20px; margin-top: 50px; width: 100%;}
#footer {background: url(http://images.hardcorewebstar.com/footer.png) no-repeat; width: 900px; height: 381px; margin: 0 auto 0 auto; font-size: 11px;}

#footer a:link,
#footer a:visited,
#footer a:active {text-decoration: none; color: #b2b1b1;}
#footer a:hover  {text-decoration: none; color: #FFF;}


#footer h3 {font: 25px Georgia, "Times New Roman", Times, serif; margin-bottom: 20px; color: #FFF;}
#footer ul li {padding: 0 5px 0 5px; line-height: 17px; border-bottom: 1px solid #333; padding: 3px;}
/*#footer ul li a {display: block;}*/
#footer ul li.last {border: none;}

#footer .box_left,
#footer .box_center,
#footer .box_right {width: 245px; height: 349px; float: left; /*border: 1px solid red; background-color:#FFFFFF; */  padding: 10px 20px 0 20px; margin: 21px 0 0 0; /*background-color:#FFFFFF; filter:alpha(opacity=40); -moz-opacity:.40;opacity:.40; padding: 10*/}
#footer .box_center {margin: 21px 22px 0 22px;}

#bottom .copyright {margin: 0 auto 0 auto; text-align: right; width: 900px; font-size: 10px; margin-top: 13px;}
#bottom .copyright img {float: left; margin-top: -4px;}
#bottom .copyright a {color: #CA3080; text-decoration: none;}
#bottom .copyright a:hover {color: #CA3080; text-decoration: underline;}


/* links */
#content a:link,
#content a:visited,
#content a:active {text-decoration: none; color: #CA3080;}
#content a:hover  {text-decoration: underline; color: #CA3080;}

/* headings */
h1 {color: #FFF; font: 23px "Georgia", serif, Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px;}
h2 {color: #FFF; font: 20px "Georgia", serif, Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px;}
h3 {font: 25px Georgia, Times New Roman, Times, serif; margin-bottom: 20px; color: #FFF;}
p {font: 12px/18px Arial, "Tahoma", serif, Verdana, Arial, Helvetica, sans-serif; color: #B2B1B1; padding-bottom: 15px;}

/* heading links */
h1 a {color: #FFF!important;}


/* SUBPAGE */
.subpage 		{background: #212121 url(http://images.hardcorewebstar.com/base_blog.gif) repeat-x 0px -440px;}
.subpage_content {margin: 50px 60px 20px 60px; overflow: hidden;}

.subpage_content .work {float: left; border: 2px solid #2D2C2C; width: 250px; height: 200px; margin: 0 13px 30px 13px; background: #141414 url(http://images.hardcorewebstar.com/footer.png) no-repeat -5px -100px;}

.subpage_content h1 {margin-bottom: 30px; border-bottom: 1px solid #303030; padding-bottom: 10px;}
.subpage_content .row {margin-bottom: 40px;}
.subpage_content .row .left {float: left;}
.subpage_content .row .left img {margin: 0 20px 0 20px;}
.subpage_content .screenshot {border: 4px solid #000000;}


.clear {clear: both; margin: 10px 0 10px 0;}

/*  BLOG  */
.blog_content {float: left; width: 652px; overflow:hidden; margin-top: 68px;}
.blog_sidebar {float: right; width: 272px; overflow:hidden; margin-top: 68px;}


/* post */
.post 		   {float: left; width: 652px; margin-bottom: 40px;}
.post .header  {width: 598px; background: url(http://images.hardcorewebstar.com/blog_box.gif) repeat; overflow: hidden; padding: 36px 27px 0 27px; position: relative;}
.post .content {background-color: #141414; border-left: 1px solid #2D2C2C; border-right: 1px solid #2D2C2C; padding: 0px 27px 0 27px; overflow: hidden;}
.post .footer  {width: 652px; height: 56px; background: url(http://images.hardcorewebstar.com/blog_box.gif) 0px -116px; float: left;}

.post .header h1	 {width: 94%;}
.post .ccount  	     {text-decoration: none!important; color: #333333; font: 20px Arial, Helvetica, sans-serif; font-weight: bold; width: 43px; height: 38px; background: url(http://images.hardcorewebstar.com/blog_box.gif) no-repeat -544px -172px; color: #333333; text-align: center; padding-top: 6px; position: absolute; top: 20px; right: 27px;}
.post .info	  	     {border-top: 1px solid #303030; border-bottom: 1px solid #303030; height: 17px; color: #FFFFFF; padding: 3px 0 0 0; margin: 0 0 30px 0; font-size: 11px;}
.post .info .date    {height: 16px; float: left; display: block; background: url(http://images.hardcorewebstar.com/blog_box.gif) no-repeat -636px -172px; padding-left: 22px;}
.post .info .author  {height: 16px; float: left; display: block; background: url(http://images.hardcorewebstar.com/blog_box.gif) no-repeat -636px -188px; padding-left: 22px; margin-left: 10px;}
.post .addthis 		 {padding: 30px 0 0 0; overflow: hidden; height: 24px;}
.post .addthis img   {float: left;}
.pages_nav .left  {float: left;}
.pages_nav .right {float: right;}

/* sidebar */
.sidebar		 {float: right; width: 272px;}
.sidebar .header  {width: 218px; height: 26px; background: url(http://images.hardcorewebstar.com/blog_box.gif) no-repeat 0px -172px; overflow: hidden; padding: 36px 27px 0 27px;}
.sidebar .content {width: 216px; background-color: #141414; border-left: 1px solid #2D2C2C; border-right: 1px solid #2D2C2C; padding: 0 27px 0 27px; overflow: hidden;}
.sidebar .footer  {width: 272px; height: 56px; background: url(http://images.hardcorewebstar.com/blog_box.gif) no-repeat -272px -172px; float: left;}

.sidebar .content .search {height: 27px; border-top: 1px solid #2D2C2C; border-bottom: 1px solid #2D2C2C; padding: 9px 0 9px 0; margin: 11px 0 0 0; overflow: hidden;}
.sidebar .content .search input {float: left; width: 183px; height: 21px; padding: 4px 2px 0 3px; border: 1px solid #2D2C2C;}
.sidebar .content .search input.button {display: block; border: none; width: 26px; height: 27px; background: url(http://images.hardcorewebstar.com/blog_box.gif) no-repeat -587px -172px; cursor: pointer;}

.sidebar .content .blogroll {margin: 30px 0 0 0;}
.sidebar .content .blogroll ul li {background: url(http://images.hardcorewebstar.com/blog_box.gif) no-repeat -544px -214px; padding-left: 10px; line-height: 20px;}
.sidebar .content .blogroll ul li a {color: #CCCCCC!important;}
.sidebar .content .tagcloud {margin: 30px 0 0 0;}	

/* subscribe */
.subscribe		    {float: right; width: 272px; margin-top: 30px;}
.subscribe p 		{margin: 10px 0 10px 0;}
.subscribe .header  {width: 218px; height: 26px; background: url(http://images.hardcorewebstar.com/blog_box.gif) no-repeat 0px -172px; overflow: hidden; padding: 36px 27px 0 27px;}
.subscribe .content {width: 216px; background-color: #141414; border-left: 1px solid #2D2C2C; border-right: 1px solid #2D2C2C; padding: 0 27px 0 27px; overflow: hidden;}
.subscribe .footer  {width: 272px; height: 56px; background: url(http://images.hardcorewebstar.com/blog_box.gif) no-repeat -272px -172px; float: left;}

/* subscribe form */
.subscribe .content .row label   {float: left; width: 50px; height: 21px; padding: 6px 2px 0 3px;}
.subscribe .content .row input   {width: 150px; height: 21px; padding: 4px 2px 0 3px; border: 1px solid #2D2C2C; margin-bottom: 6px;}
.subscribe .content input.button {display: block; float: right; border: none; width: 26px; height: 27px; background: url(http://images.hardcorewebstar.com/blog_box.gif) no-repeat -272px -228px; cursor: pointer; margin: 0 3px 0 0;}

/* comments */
.comments  {/*background-color: #1f1f1f; border: 1px solid #2D2C2C;*/ border-top: 1px solid #2D2C2C; width: 540px; padding: 50px 27px 20px 27px; margin-top: 60px;}
.comments .comment {background-color: #1f1f1f; border: 1px solid #2D2D2D; padding: 25px; margin-top: 20px;}
.comments .comment .user  {font: 12px/18px Arial, "Tahoma", serif, Verdana, Arial, Helvetica, sans-serif; color: #B2B1B1; font-weight: bold;}
.comments .comment .user span {color: #FFFFFF;}
.comments .author  {background-color: #200915;}
.comments_rss {width: 24px; height: 24px; background: url(http://images.hardcorewebstar.com/blog_box.gif) no-repeat -272px -255px; display: block; float: right;}

.comments #respond {border-top: 1px solid #2D2C2C; padding-top: 40px; margin-top: 60px;}
.comments #respond span {color: #CA3080;}
.comments #respond #author,
.comments #respond #email,
.comments #respond #url {width: 183px; height: 21px; padding: 4px 2px 0 3px; border: 1px solid #2D2C2C;}
.comments #respond #comment {border: 1px solid #2D2C2C; font: 12px Arial, Helvetica, sans-serif; padding: 4px 2px 0 3px; line-height: 18px;}
.comments #respond #comment {width: 100%;}

/* iletisim */
#iletisim 			{float: left; width:300px;}
#iletisim div label {float: left; width: 200px; height: 21px; padding: 6px 2px 0 3px; clear: both;}
#iletisim .text 	{font: 12px Arial, Helvetica, sans-serif; width: 183px; height: 21px; padding: 4px 2px 0 3px; border: 2px solid #000000;}
#iletisim textarea  {font: 12px Arial, Helvetica, sans-serif; width: 278px; height: 150px; border: 1px solid #2D2C2C; padding: 4px 2px 0 3px; border: 2px solid #000000;}

#iletisim #code {float: left;}
#iletisim img {float: left;}

#iletisim .button {float: left; margin-top:20px;}


/* LIGHTBOX */
#lightbox 		{position: absolute; left: 0;	width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img {border: none;}

#outerImageContainer 	  {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer		 	  {padding: 10px;}
#loading			 	  {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%;	text-align: center;	line-height: 0;}
#hoverNav				  {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a 		 	  {outline: none;}
#prevLink, #nextLink	  {width: 49%; height: 100%; background: transparent url(http://images.hardcorewebstar.com/lightbox/blank.gif) no-repeat; display: block;}
#prevLink 				  {left: 0; float: left;}
#nextLink 				  {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(http://images.hardcorewebstar.com/lightbox/prev.gif) left 50% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(http://images.hardcorewebstar.com/lightbox/next.gif) right 50% no-repeat;}

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText {color: #FF9834; font-weight:bold; text-decoration: none;}
#nextLinkText {padding-left: 20px;}
#prevLinkText {padding-right: 20px;}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {padding-top: 5px;}

/*** END : added padding when navbar is on top ***/

#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;}
#imageData {padding:0 10px;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose {width: 66px; float: right;  padding-bottom: 0.7em;}
#imageData #helpDisplay {clear: left; float: left; display: block;}

#overlay {position: absolute; top: 0; left: 0; z-index: 90;	width: 100%; height: 500px;	background-color: #000;	filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {height: 1%;}