 /*  

Theme Name: dazz.es	

Theme URI: http://www.dazz.es/

Description: It's the main theme of the site www.dazz.es, developed on the theme Twilight by justskins.

Version: 1.0

Author: dazz

Author URI: http://www.dazz.es/

*/



body {

font:12px "verdana", Calibri, "lucida sans","Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

color:#e2e2e2;

background:#27393d;

margin:0;

padding:0;

}



p {

margin:0;

padding:0 0 15px;

}



h1 {

height:60px;

font:lighter 2.4em/1.2em Calibri,"Myriad Pro","Lucida Grande", Sans-Serif;

color:#FFF;

margin:0;

padding:30px 0 0 50px;

}



h1 a,h1 a:visited {

color:#FFF;

text-decoration:none;

}



h1 a:hover {

color:#DDF1FF;

text-decoration:none;

border:none;

background:none;

}



h2 {

color:#83C21F;

width:100%;

font:18px "Lucida Sans Unicode", Calibri,"Myriad Pro","Lucida Grande", Sans-Serif;

padding-bottom:1px;

border-bottom:dotted thin #375055;

margin:0 0 2px;

}



h2 a,h2 a:visited {

color:#fc7431;

text-decoration:none;

}



h2 a:hover {

color:#83C21F;

text-decoration:none;

}



h3 {

font:normal 140%/100% Calibri,"Myriad Pro","Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

color:#1CA2DE;

margin:10px 0 5px;

}



h4 {

font:normal 130%/100% Calibri, "Myriad Pro","Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

color:#758d38;

margin:10px 0 5px;

}



#wrapper {

border-top:20px solid #49c0f0;

position:relative;

}



#page {

width:980px;

margin:0px auto;

}



#topbar {

background:#83C21F;

width:100%;

height:50px;

border-bottom:20px solid #ff7400;

}



#header {

background:url(images/headerbg.jpg) repeat-x;

text-align:center;

height:157px;

width:100%;

position:relative;

margin:0 auto;

}



#headerimg {

background:url(images/header.jpg) no-repeat center;

color:#FFF;

margin-top:10px;

height:173px;

position:relative;

}



#headerimg .description {

position:absolute;

top:70px;

color:#FFF;

font-size:14px;

}



#navi {

width:770px;

text-align:center;

line-height:normal;

margin:0 auto;

}



#nav {

list-style:none;

padding-left:5px;

float:left;

}



#nav li {

float:left;

white-space:nowrap;

margin:0 3px;

}



#nav .page_item a {

color:#FFF;

background:#A2D157;

display:block;

text-decoration:none;

font:bold 12px Calibri, Arial, Helvetica, sans-serif;

line-height:25px;

padding:0 70px 0 10px;

}



#nav li:hover {

background:#FFF;

}



#nav li.current_page_item {

color:#163240;

text-decoration:none;

}



#nav .current_page_item a,#nav .current_page_item a:visited {

color:#666;

text-decoration:none;

background:#E3F7C3;

}



#search {

float:right;

background:#83C21F;

width:220px;

text-align:center;

margin:10px;

padding:0 70px 0 10px;

}



#searchform {

margin:0;

}



#searchform br {

display:none;

}



#searchform #s {

width:130px;

height:20px;

border:2px solid #49c0f0;

background:#fff;

margin-right:2px;

color:#333;

font-weight:400;

padding:3px 5px 0;

}



#searchform input {

background:#A2D157;

border:none;

height:25px;

font:12px Calibri, "Myriad Pro",Arial, Helvetica, sans-serif;

color:#FFF;

vertical-align:middle;

}



#tagcloud {

background-color:#F0F8FF;

padding:10px;

}



#content {

float:left;

width:540px;

overflow:hidden;

padding:0 0 7px 5px;

}



.post-content a {

font:Calibri,"Myriad Pro";

}



#content img {

border:6px solid #27393d;

margin:2px;

}



.post {

clear:both;

padding-top:35px;

margin-bottom:20px;

}



.post h2 {

padding-left:10px;

}



.post-date {

padding-left:10px;

float:left;

}



.post-month {

font-size:11px;

text-transform:uppercase;

color:#FFF;

text-align:center;

display:block;

line-height:11px;

padding-top:2px;

margin-left:-3px;

}



.post-day {

font-size:18px;

text-transform:uppercase;

color:#999;

text-align:center;

display:block;

line-height:18px;

padding-top:7px;

margin-left:-3px;

}



.post-tag {

background:url(images/tag.png) no-repeat left center;

padding-left:20px;

float:right;

}



.post-cat {

background:url(images/tag.png) no-repeat left center;

padding-left:20px;

float:left;

}



.post-comments {

background:url(images/mini-comments.png) no-repeat left center;

padding-left:20px;

float:right;

}



.post-calendar {

padding-left:10px;

padding-bottom:10px;

float:right;

}



.post-content {

clear:both;

background:#375055;

padding:2px 8px;

}



.post-info {

height:15px;

padding-top:3px;

color:#1CA2DE;

font:12px Calibri, "Myriad Pro","Trebuchet MS", "Tahoma", sans-serif;

}



.post-content blockquote {

background:#27393d;

border-right:4px solid #30454a;

border-bottom:4px solid #30454a;

padding-top:8px;

padding-left:8px;

padding-right:8px;

}



.navigation {

clear:both;

padding:10px 0;

}



.previous-entries a {

float:left;

padding-left:18px;

background:url(images/mini-nav-left.gif) no-repeat left center;

}



.next-entries a {

float:right;

padding-right:18px;

background:url(images/mini-nav-right.gif) no-repeat right center;

}



#comments,#respond {

border-bottom:1px #CDCDCD;

clear:both;

padding:10px 0 5px;

}



.commentlist {

padding-left:30px;

line-height:130%;

margin:10px 0;

}



.commentlist li {

margin-bottom:5px;

background:#30454a;

padding:10px 10px 0;

}



.commentlist li.comentariuadmin {

background-color:#3a545a;

border:1px solid #567c84;

}



.commentlist cite,.commentlist cite a,.commentlist cite a:visited {

font-style:normal;

font-size:120%;

}



.commentlist small {

margin-bottom:5px;

display:block;

font-size:87%;

}



#commentform {

margin-top:10px;

font:110% Calibri, Arial, Helvetica, sans-serif;

}



#commentform p {

margin:0;

padding:6px 0;

}



#commentform label {

color:#787878;

font-size:87%;

}



#commentform input {

width:200px;

background:#FFF;

border:1px #D0D0BF;

margin-top:3px;

padding:3px;

}



#commentform textarea {

width:485px;

height:115px;

border:1px solid #dbefc1;

margin-top:3px;

padding:2px;

}



#commentform textarea:focus,#commentform input[type="text"]:focus {

background:#fff;

}



#commentform #submit {

background:#384f55;

font:bold 12px Calibri, Arial, Helvetica, sans-serif;

color:#fff;

float:left;

width:144px;

height:28px;

cursor:pointer;

}



#sidebars {

overflow:hidden;

float:right;

width:415px;

margin-left:20px;

}



#sidebar {

float:left;

width:190px;

color:#4b6b72;

overflow:hidden;

padding:5px 10px 20px 5px;

margin-top:45px;

}



#sidebar h2,#sidebar .sidebartitle {

font:lighter 1.5em/1em Calibri, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

color:#375055;

border-bottom:none;

margin-bottom:5px;

margin-top:5px;

}



#sidebar a,#sidebar a:visited {

color:#4b6b72;

text-decoration:none;

}



#sidebar li a:hover {

color:#fffae4;

text-decoration:none;

}



.widget {

padding:10px;

}



#sidebar ul li {

list-style:none;

border:none;

margin:0;

padding:4px;

}



#sidebar ul li ul {

margin:0;

padding:0;

}



#sidebar ul li ul li {

border-bottom:1px #CDCDCD;

padding:2px 0;

}



#sidebar ul li ul li ul li {

border:none;

padding:1px 0 1px 10px;

}



#sidebar2 {

float:right;

overflow:hidden;

background:#27393d;

width:190px;

color:#4b6b72;

padding:5px 10px 5px 0px;

margin-top:45px;



}



#sidebar2 h2,#sidebar2 .sidebartitle {

font:lighter 1.5em/1em Calibri, "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

color:#375055;

border-bottom:none;

margin-bottom:5px;

margin-top:5px;

}



#sidebar2 a,#sidebar2 a:visited {

color:#4b6b72;

text-decoration:none;

}



#sidebar2 li a:hover {

color:#fffae4;

text-decoration:none;

}





#sidebar2 ul li {

list-style:none;

border:none;

margin:0;

padding:4px;

}



#sidebar2 ul li ul {

margin:0;

padding:0;

}



#sidebar2 ul li ul li {

border-bottom:1px #CDCDCD;

padding:2px 0;

}



#sidebar2 ul li ul li ul li {

border:none;

padding:1px 0 1px 0px;

}



li#ctc {

color:#344c51;

}



ul.list-page li ul div,li.widget_pages ul li ul li {

background:url(images/bullet-orange.gif) no-repeat left center !important;

padding-left:0px !important;

}



div.widget_recent_comments li {

background:url(images/mini-recent-comments.gif) no-repeat !important;

padding-left:10px !important;

}



li.widget_calendar td {

padding:1px 5px;

}



.textwidget {

padding-top:7px;

}



#footerbg {

clear:both;

background:#27393d;

padding-bottom:20px;

}



#footer {

width:920px;

font-size:95%;

color:#4b6b72;

line-height:130%;

margin:0 auto;

}



#footer a,#footer a:visited {

color:#4b6b72;

}



#footer h4 {

font:normal 146%/100% Calibri, "Trebuchet MS", Tahoma, Arial;

color:#4b6b72;

border-bottom:1px #4b6b72;

margin:10px 0 5px;

}



.footer-recent-comments {

width:250px;

float:left;

margin-left:20px;

}









.footer-recent-comments ul {

list-style:none;

margin:0;

padding:0;

}



.footer-recent-posts {

width:250px;

float:left;

margin-left:10px;

}



.footer-meta {

width:190px;

float:right;

margin-left:10px;

}





#credits {

color:#375055;

text-decoration:none;

line-height:20px;

padding:10px;

}



.loginout {

background:url(images/mini-loginout.gif) no-repeat left center;

padding-left:18px;

padding-bottom:2px;

margin-left:8px;

}



.center {

text-align:center;

}



img.center,img[align="center"] {

display:block;

margin-left:auto;

margin-right:auto;

}



img.alignleft,img[align="left"] {

float:left;

margin:2px 10px 5px 0;









}



.alignright {

float:right;

}



img.alignright,img[align="right"] {

float:right;

margin:2px 0 5px 10px;

}



.clear {

clear:both;

}



hr.clear {

clear:both;

visibility:hidden;

margin:0;

padding:0;



}



#flickr ul {



list-style:none;

}















#flickr li {

display:inline;

}



#flickr h2 {

font-family:Arial, Helvetica, sans-serif;

font-size:20px;

margin-top:20px;

}



#flickr img {

border:solid 3px #375055;

margin:2px;

padding:2px;

}



#flickr img:hover {

border:solid 3px #97df24;

background-color:#ccc;

margin:2px;

padding:2px;

}



.rounded {

display:block;

}



.rounded * {

clear:both;

display:block;

height:1px;

overflow:hidden;

font-size:.01em;

background:#375055;

}



.rounded1 {

margin-left:3px;

margin-right:3px;

padding-left:1px;

padding-right:1px;

border-left:1px solid #2d4247;

border-right:1px solid #2d4247;

background:#334a4f;

}



.rounded2 {

margin-left:1px;

margin-right:1px;

padding-right:1px;

padding-left:1px;

border-left:1px solid #283b3f;

border-right:1px solid #283b3f;

background:#334b50;

}



.rounded3 {

margin-left:1px;

margin-right:1px;

border-left:1px solid #334b50;

border-right:1px solid #334b50;

}



.rounded4 {

border-left:1px solid #2d4247;

border-right:1px solid #2d4247;

}



.rounded5 {

border-left:1px solid #334a4f;

border-right:1px solid #334a4f;

}



.roundedfg {

background:#375055;

}



a,a:visited {

color:#1CA2DE;

text-decoration:none;

}



a:hover,.navigation a,.navigation a:visited {

color:#83C21F;

}



img,.commentlist img,#sidebar a:hover {

border:none;

}



h2 .chrondate,#credits a {

color:#375055;

}



form,#sidebar ul {

margin:0;

padding:0;

}



#nav .page_item a:hover,#nav .current_page_item a:hover {

background:#CFF690;

color:#666;

border:none;

}



.footer-recent-comments ul li,.footer-recent-posts ul li {

background:url(images/mini-footer-icon.gif) no-repeat 5px 9px;

border-bottom:1px dashed #4b6b72;

padding:5px 0 5px 20px;

}



.footer-recent-posts strong,.footer-meta strong {

font-size:107%;

line-height:135%;

font-weight:700;

}



.footer-recent-posts ul,.footer-meta ul {

list-style:none;

font-size:92%;

line-height:110%;

margin:0;

padding:0;

}



.alignleft,#flickr {

float:left;

}



#tagcloudfooter {

background:#375055;

padding:2px 10px 10px 10px;

}
