/* +----------------------------------------------------------------------+
// | CSS Version 2,3                                                                  |
// +----------------------------------------------------------------------+
// | @Author: Mauricio Poveda <mauricio@poveda.co.cr>               |
// +----------------------------------------------------------------------+
// | @Copyright (c) 2009 Mauricio Poveda                                    |
// +----------------------------------------------------------------------+
// | @Date 29/April/2010                                                           |
// +----------------------------------------------------------------------+
//
*/

body{width:960px;margin:0 auto;padding:0;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#000}
h1,h2,h3,ul,p{margin:0;padding:0}
a{color:#000;text-decoration:none}
a:active{outline:none}
a:focus{-moz-outline-style:none}
ul{list-style:none}
abbr,acronym{color:#666;border:0 none}
img{border:0 none}
p{font-size:0.9em;margin:0 0 7px 0;padding:0}

#DIVheader{height:110px/*140*/;width:900px/*960*/;padding:30px 30px 0 30px}
#DIVheader a.logo{height:51px;width:46px;margin-left:3px;background:transparent url(../images/parafernalia-logo.png) 0 top no-repeat;display:block;text-indent:-9999px}
#DIVheader a.logo:hover{background-position:0 bottom}
#DIVheader h1{font-size:2em;font-weight:normal;letter-spacing:-1px}
#DIVheader h1 a:hover{color:#00ADFF}
#DIVheader h2{font-size:1em;font-weight:normal;letter-spacing:0}

#DIVmain{width:900px/*960*/;padding:20px 30px 30px 30px}

#DIVmainSide{width:200px/*200*/;float:left}
#DIVmainSide ul{}
#DIVmainSide ul li a{font-size:2.5em;letter-spacing:-1px;line-height:0.8em}
#DIVmainSide ul li a:hover{color:#00ADFF}
#DIVmainSide div{width:200px;margin-top:25px}
#DIVmainSide div h1{font-size:1em;letter-spacing:-1px}
#DIVmainSide div h2{font-size:0.9em;letter-spacing:-1px;color:#666}
#DIVmainSide div p{font-size:0.9em;letter-spacing:-1px;color:#666}
#DIVmainSide div a:hover{color:#00ADFF}
#DIVmainSide div a.socialNets{height:20px;width:20px;float:left;display:block;margin-right:3px;text-indent:-9999px}
#DIVmainSide div a.tumblr{background:url(../images/social-networks.png) 0 0 no-repeat}
#DIVmainSide div a.tumblr:hover{background-position:0 bottom}
#DIVmainSide div a.twitter{background:url(../images/social-networks.png) -20px 0 no-repeat}
#DIVmainSide div a.twitter:hover{background-position:-20px bottom}
#DIVmainSide div a.facebook{background:url(../images/social-networks.png) -40px 0 no-repeat}
#DIVmainSide div a.facebook:hover{background-position:-40px bottom}

#DIVmainContent{width:700px/*700*/;float:left}
#DIVmainContent > h1{color:#666}
#DIVmainContent img.myPic{float:right;margin-left:10px}
#DIVmainContent a{color:#00ADFF}
#DIVmainContent a:hover{text-decoration:underline}

#DIVmainContent fieldset{border:0 none}
#DIVmainContent legend{font-weight:bold}
#DIVmainContent label{display:block}
#DIVmainContent form p{background:#EBEBEB;padding:5px;width:400px;}
#DIVmainContent form p:hover{background:#9ADDFD}
#DIVmainContent form input{border:0 none;width:400px}
#DIVmainContent form textarea{border:0 none;width:400px}
#DIVmainContent form input[value="submit"]{background:#EBEBEB;cursor:pointer;width:70px;height:25px}
#DIVmainContent form input[value="submit"]:hover{background:#9ADDFD}


#DIVwebGallery{}
#DIVwebGallery > div{width:700px;margin-bottom:50px}
#DIVwebGallery > div h1{font-size:1.5em;margin-bottom:10px}
#DIVwebGallery > div > div{width:180px/*190*/;float:right;margin-top:-370px;margin-left:10px}
#DIVwebGallery > div > div h2{color:#00ADFF;font-size:1em;font-weight:bold}
#DIVwebGallery > div > div p{color:#666;font-size:0.8em;margin-bottom:10px}
#DIVwebGallery > div > div a{background:url(../images/launch-arrow.png) right 4px no-repeat;padding-right:10px;font-size:0.8em}
#DIVwebGallery > div > div a:hover{background:none;color:#00ADFF}
#DIVwebGallery a.screenShot{height:370px;width:510px;display:block}
 a.cromaki{background:url(../images/cromaki.jpg) 0 top no-repeat}
 a.cromaki:hover{background-position:0 bottom}
 a.doylesroom{background:url(../images/doylesroom.jpg) 0 top no-repeat}
 a.doylesroom:hover{background-position:0 bottom}
 a.doylebrunson{background:url(../images/doyle-brunson.jpg) 0 top no-repeat}
 a.doylebrunson:hover{background-position:0 bottom}
 a.doylescasino{background:url(../images/doyles-casino.jpg) 0 top no-repeat}
 a.doylescasino:hover{background-position:0 bottom}
 a.hoyt{background:url(../images/hoyt-corkins.jpg) 0 top no-repeat}
 a.hoyt:hover{background-position:0 bottom}
 a.unique{background:url(../images/unique-web.jpg) 0 top no-repeat}
 a.unique:hover{background-position:0 bottom}
 a.entropica{background:url(../images/entropica-web.jpg) 0 top no-repeat}
 a.entropica:hover{background-position:0 bottom}
 a.la506{background:url(../images/la506-web.jpg) 0 top no-repeat}
 a.la506:hover{background-position:0 bottom}
 a.howell{background:url(../images/eh-web.jpg) 0 top no-repeat}
 a.howell:hover{background-position:0 bottom}
 a.greenphoto{background:url(../images/greenphoto-web.jpg) 0 top no-repeat}
 a.greenphoto:hover{background-position:0 bottom}
 a.art1581{background:url(../images/15-81-web.jpg) 0 top no-repeat}
 a.art1581:hover{background-position:0 bottom}
 a.decopack{background:url(../images/decopack-web.jpg) 0 top no-repeat}
 a.decopack:hover{background-position:0 bottom}
 a.ejobs{background:url(../images/ejobs-web.jpg) 0 top no-repeat}
 a.ejobs:hover{background-position:0 bottom}
 

/*General Clases*/
.black{color:#000}
.clear{clear:both}
.error{color:red}