@charset "utf-8";

 /*  
Theme Name: PureSimple.net
Theme URI: http://www.puresimple.net
Description: Custom theme for PureSimple.net
Version:2.0
Author: Bernardo Farah
Author URI: http://www.puresimple.net
*/

* {padding:0;border:0;margin:0;}
*:focus {outline:none;}

/*TEXT*/
a {color:#94d941;text-decoration:none;}
a:hover	{color:#FFF;}
p {margin-bottom:10px;font-size:12px;line-height:1.5em;}
h1, h2, h3, h4 {color:#94d941;font-weight:normal;font-family:'Trebuchet MS';text-transform:uppercase;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}

/*FUNCTIONS*/
.alignleft {float:left;padding-right:5px;}
.alightright {float:right;padding-left:5px;}
.clearboth {clear:both;}
.clearleft {clear:left;}
.clear {clear:both;}

/*MAIN*/
body {background:url(images/bg.png) repeat-x top #1f1f1f;}
#wrapper {width:730px;margin:0 auto;padding:25px 0;font-family:Verdana, Arial, Helvetica, sans-serif;color:#EEE;}
#logo a	{width:100%;height:88px;display:block;text-align:center;margin:0 0 15px;}
#main {background:#2c2c2c;width:670px;padding:30px 30px 0;}
#footer {background:url(images/bottom.png) bottom repeat-x #2c2c2c;height:150px;width:100%;}

/*PREVIEW BOX*/
#preview {height:226px;width:670px;position:relative;padding-bottom:20px;}
#preview span {height:226px;width:670px;background:url(images/preview.png) no-repeat;position:absolute;top:0;left:0;z-index:5;}
#preview ul, #preview form {position:absolute;right:0;top:0;width:190px;padding:10px;z-index:10;list-style:none;margin:0;}
#preview ul li a {display:block;background:#000;height:45px;width:190px;margin-bottom:9px;}
#preview .ui-tabs-selected a {position:relative;left:-10px;background:url(images/selected.png) left top no-repeat;padding-left:10px;}
#preview .ui-tabs-panel, #preview #home {width:460px;height:221px;padding:5px 0 0;position:absolute;left:0;top:0;}
#preview div.thetext {position:absolute;z-index:0;background:url(images/transblack.png) repeat;bottom:0;width:450px;padding:5px 10px 0;}
#preview div.thetext h1 {margin:0;}
#preview div.thetext p {font-size:12px;position:relative;margin:0 0 10px;}
.ui-tabs-hide {display:none;}
.ui-tabs-panel:before {font-size:11px;padding:7px;font-family:'Trebuchet MS';color:#94d941;text-transform:uppercase;}
.digital:before	{content:url(images/digitalart.png);}
.photography:before	{content:url(images/photography.png);}

/*PREVIEW CONTACT*/
#preview label {font-size:11px;display:block;margin:0 0 2px;color:#CCC;}
#preview input, #preview textarea {padding:2px;background:#444;border:1px solid #777;color:#AAA;margin:0 0 7px;width:180px;font-size:12px;}
#preview input:focus, #preview textarea:focus {border:1px solid #8F8F8F;color:#BFBFBF;}
#preview textarea {margin:0 0 2px;height:80px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;overflow:auto;}
#preview #submit {background:none;border:none;width:50px;font-size:12px;padding:0;text-align:left;}
#preview #submit:active {outline:1px dotted #999;}

/*ABOUT*/
.about {font-size:12px;padding:0 0 20px;}
.about span {font-size:11px;color:#AAA;}
.about ul {padding:5px 0 0;font-size:11px;}
.about ul li {list-style:none;float:left;padding:0 45px 0 0;}

/*RECENT*/
.title {padding:0 0 5px;}
.recent {padding:0 0 25px;list-style:none;width:500px;float:left;}
#recent-preview	{width:490px;height:100px;margin-left:10px;}
#recent-preview ul {float:left;list-style:none;width:130px;margin:0 0 0 -7px;padding:0;}
#recent-preview ul p {font-size:10px;margin-bottom:5px;color:#CCC;}
#recent-preview ul li a:before {content:url(images/bullet.png);}
#recent-preview ul li a {font-size:12px;display:block;color:#AAA;line-height:1.5em;height:1.5em;}
#recent-preview ul li a:hover {color:#FFF;}
#recent-preview div a.highslide {display:block;position:relative;height:85px;width:85px;left:160px;}
#recent-preview div p {float:right;width:220px;padding:0 10px;font-size:11px;margin:0;}
#recent-preview div p span {display:block;margin-top:10px;}
#recent-preview a.highslide span {display:block;height:85px;width:85px;background:url(images/thumbs.png);position:absolute;}
#recent-preview a.highslide.sale span{background-image:url(images/thumbssale.png);}

/*TUTORIALS*/
#tutorials {float:right;width:140px;padding:0 0 25px;}
#tutorials ul {float:left;list-style:none;width:130px;margin:0 0 0 3px;padding:5px 0 0;}
#tutorials ul p	{font-size:10px;margin-bottom:5px;color:#CCC;}
#tutorials ul li a:before {content:url(images/bullet.png);}
#tutorials ul li a {font-size:12px;display:block;color:#AAA;line-height:1.5em;height:1.5em;}
#tutorials ul li a:hover {color:#FFF;}

/*NAV*/
#nav {list-style:none;padding:20px 20px 0;text-transform:uppercase;font-size:14px;display:block;float:left;clear:left;margin:0;}
#nav li	{float:left;position:relative;}
#nav li a {display:block;padding:0 10px;text-decoration:none;color:#111;float:left;}
#nav li:hover a	{color:#AAA;}

/*CONTACT*/
#contact {float:right;font-size:11px;padding:20px 30px 0;color:#CCC;}

/*FEATURED*/
#featured-preview {width:670px;font-size:12px;position:relative;height:226px;}
#featured-preview span {position:absolute;background:url(images/preview2.png);width:670px;height:226px;z-index:5;}
#featured-preview .text {position:absolute;left:0;padding:8px 10px;width:190px;z-index:10;color:#FFF;margin:0;}
#featured-preview small p {font-size:11px;display:block;padding:10px 0 0;color:#E5E5E5;margin:0;}

/*PORTFOLIO*/
#portfolio, #tuts {margin-top:20px;position:relative;}
#portfolio ul, #tuts ul {list-style:none;margin:15px 0 0;width:670px;padding:0;}
#portfolio ul li, #tuts ul li {float:left;width:210px;height:160px;margin:0 0 20px 20px;}
#portfolio ul li.nomargin, #tuts ul li.nomargin {margin:0;}
#portfolio ul li a,	#tuts ul li a {position:relative;width:210px;height:160px;color:#FFF;}
#portfolio a span.thumb, #tuts a span.thumb {position:absolute;background:url(images/bigthumb.png);z-index:5;height:160px;width:210px;}
#portfolio .sale a span.thumb{background-image:url(images/bigthumbsale.png);}
#portfolio a img, #tuts a img {position:absolute;}
#portfolio a span.snip, #tuts a span.snip {position:absolute;z-index:2;padding:5px 10px 10px;width:190px;height:145px;background:url(images/blacktrans.png);ackground:#2c2c2c;font-size:11px;display:none;margin:0;}
#portfolio a span.snip p, #tuts a span.snip p {font-size:11px;}
#portfolio a span strong, #tuts a span strong {font-size:13px;display:block;text-transform:uppercase;font-weight:normal;font-family:'Trebuchet MS';color:#94d941;}

/*PORT-NAV*/
div#archnav	{width:50%;margin:0 auto;padding:7px 0 20px;clear:both;}
div#archnav div a {font-size:11px;padding:5px 5px 0;display:block;}

.highslide-credits{visibility:hidden !important;display:none !important;}
#hsId12{display:none !important;visibility:hidden !important;}