/* Theme Name: JJSurma Theme URI: http://jjsurna.mangoco.info Description: JJ Surma WordPress theme. Version: 1.0 Author: BEC Media - office@becmedia.ro Tags: */ body { background: #333 url('images/bk.jpg'); background-repeat:repeat-x; background-position: top left; font-family: Arial, sans-serif; font-size:12px;} a{color:#0066CC; text-decoration:none;} a:hover{text-decoration:underline;} .entry { padding-bottom: 10px;} #wrapper { width:941px; float:left; color:#000; position:absolute; left:50%; top:0px; margin-left:-470px;} #toplinks { float:left; height:28px; padding-left:700px; padding-top:12px; background-color:#000; text-align:right} #toplinks a.home { display:block; width:45px; height:15px; background:url('images/toplinks.jpg'); background-repeat:no-repeat; background-position: -180px 0px; float:left;} #toplinks a.contact { display:block; width:60px; height:15px; background:url('images/toplinks.jpg'); background-repeat:no-repeat; background-position: 0px 0px; float:left;} #toplinks a.dot { display:block; width:15px; height:15px; background:url('images/toplinks.jpg'); cursor:default; background-repeat:no-repeat; background-position: -60px 0px; float:left;} #toplinks a.login { display:block; width:60px; height:15px; background:url('images/toplinks.jpg'); background-repeat:no-repeat; background-position: -120px 0px; float:left;} #toplinks a:hover.contact { background-position: 0px -16px; float:left;} #toplinks a:hover.login { background-position: -120px -16px; float:left;} #toplinks a:hover.home { background-position: -180px -16px; float:left;} #header { width:941px; height:157px; float:left; background-image:url('images/header.jpg');} #header #text{width:485px; height:27px; float:left; position:relative; left:0px; top:62px;} #header #text div {height:27px; float:left; background: url('images/header_text.jpg') no-repeat 0px 0px; display:none; } #header #text #t_A { width:25px; background-position: 0px; } #header #text #t_A_premium_voice { width:167px; background-position: 0px } #header #text #t_premium_voice { width:139px; background-position: -27px } #header #text #t_for_tv { width:64px; background-position: -167px } #header #text #t_radio { width:56px; background-position: -233px } #header #text #t_film { width:41px; background-position: -290px } #header #text #t_and { width:40px; background-position: -328px } #header #text #t_new_media { width:117px; background-position: -366px } #page-top {width:941px; height:12px; margin-top:10px; float:left; background-image:url('images/page-top.jpg'); background-position: bottom; background-repeat:no-repeat;} #page { width:941px; float:left; background-image:url('images/page-bk-strip.jpg'); background-repeat:repeat-x; background-position: top left; background-color:#d7d7d7} #page-left {width:230px; float:left;} #page-left #flashPlayer { float:left; padding-left:17px;} #page-middle {width:519px; float:left; background-image:url('images/page-bk.jpg'); background-repeat:repeat-x; background-position: top left;} #page-middle h1 { margin :0px; padding: 0px;} #page-right {width:175px; float:left; background-repeat:no-repeat; background-position: top left;} #page-right h2{font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#444 } #page-right #ourclients {background:url('images/ourclients.jpg') no-repeat top left; width:100%; float:left; height:30px;} #content {width:471px; margin-left:24px; float:left; margin-right:24px; margin-top:10px;} #content #whatpeoplesay { background-image:url('images/whatpeoplesay.jpg'); background-repeat:no-repeat; background-position: top left; width:100%; height:25px; } #content #feedback { width:461px; float:left; overflow:hidden; padding:10px; background-image:url('images/quote_top_white.jpg'); background-position:top left; background-repeat:no-repeat;} #content #feedback li { font-size:12px; color:#444; float:left; margin:0px; } #content #feedback li p{ min-height:75px; background-image:url('images/quote_sep.jpg'); background-position:bottom center; background-repeat:no-repeat; } #content #feedback li p span{display:block; color:#222;text-align:right; font-weight:bold; margin:0px; padding:10px; } #content #feedback #uparrow { width:28px; height:8px; display:block; float:left; background:url('images/arrow_ud_sm.gif'); background-position:2px 0px; background-repeat:no-repeat; outline: none; -moz-outline:none; } #content #feedback #dnarrow { width:28px; height:8px; display:block; margin-top:250px; float:left; background:url('images/arrow_ud_sm.gif'); background-position:-23px 0px; background-repeat:no-repeat; outline: none; -moz-outline:none; } #content #feedback .feedback_content { width:420px; height:270px; margin-top:10px; overflow:hidden; float:left; } #sidebar {width:100%; float:left;} #sidebar #cuparrow { width:28px; height:25px; display:block; float:left; margin-left:70px; background:url('images/arrow_ud.gif'); background-position:0px 0px; background-repeat:no-repeat; outline: none; -moz-outline:none;} #sidebar #cdnarrow { width:28px; height:25px; display:block; float:left; margin-left:70px; background:url('images/arrow_ud.gif'); background-position:-28px 0px; background-repeat:no-repeat; outline: none; -moz-outline:none;} #sidebar #clients_showcase { width:100%; height:250px; margin-bottom:5px; overflow:hidden; float:left} #sidebar #clients_showcase img { border:1px solid #aaa; height:78px; } #footer { width:925px; height:30px; padding:8px; float:left; background-image:url('images/footer.jpg'); color:#777; background-repeat:no-repeat; background-position: top left;} #social { float:left; position:relative; left:210px; margin-bottom: 10px;} #social a.youtube { background: url(images/youtube.jpg) no-repeat; display: block; height: 47px; width: 47px; float: left; margin-right: 5px; } #social a.twitter { background: url(images/twitter.jpg) no-repeat; display: block; height: 47px; width: 47px; float: left; margin-right: 5px;} #social a.facebook { background: url(images/facebook.jpg) no-repeat; display: block; height: 47px; width: 47px; float: left; margin-right: 5px;} #social a.voiceover { background: url(images/voiceover.jpg) no-repeat; display: block; height: 47px; width: 47px; float: left; margin-right: 5px;} #social a.myspace { background: url(images/myspace.jpg) no-repeat; display: block; height: 47px; width: 47px; float: left; margin-right: 5px;} #social a.linkedin { background: url(images/linkedin.jpg) no-repeat; display: block; height: 47px; width: 47px; float: left; margin-right: 5px;} .clear { clear: both;} .success { color: #156A93 !important; font-weight: bold;} #text { float: left; margin-left: 20px;} #link { float: left; width: 380px;} ul#widgets {margin:0px; padding:0px; list-style:none} ul#widgets li {padding:0px; margin;0px;}