/* maqueta partes principales */



body {

font-size: 11px;

font-family: "Trebuchet MS", Arial, Sans-Serif;

/*
background: #bfe0df url(http://www.bunquer.com/blog/wp-content/themes/violinesth-forever/images/lineas.png);

background:
url(http://www.bunquer.com/blog/pompas1.png) repeat-x fixed -120% 0,
url(http://www.bunquer.com/blog/pompas2.png) repeat-x fixed 20% 0,
url(http://www.bunquer.com/blog/pompas3.png) repeat-x fixed 80% 0,
url(http://www.bunquer.com/blog/wp-content/themes/violinesth-forever/images/lineas.png);
*/

background-image:url(http://www.bunquer.com/blog/wp-content/themes/violinesth-forever/images/bg_body.png);
background-repeat:repeat-x;
background-color:#fff;

color: #333;

width:100%;

}



#page {
width:1100px;
margin:0 auto;

/*
-moz-box-shadow: 0 0 80px #7BC5C8;
-webkit-box-shadow: 0 0 80px #7BC5C8;
box-shadow: 0 0 80px #7BC5C8;
-moz-border-radius: 0 0 15px 15px;
-webkit-border-radius: 0 0 15px 15px;
border-radius: 0 0 15px 15px;
border-top: 5px solid #009AB3;
*/

}



#content { 
border-left:1px solid #d4e9e9;
border-right:1px solid #d4e9e9;
font-size: 1.2em;
margin-left:40px;
width:500px;
}



.narrowcolumn .entry, .widecol .entry { 
line-height: 1.4em;
} 



#headerimg { 
margin:0;
padding:0;
} 



.narrowcolumn .postmetadata { text-align: left; }



.thread-alt { background-color: #f8f8f8; }



.thread-even { background-color: white; }



.depth-1 { 

border: 1px solid #ddd; 

-moz-border-radius: 8px;

-khtml-border-radius: 8px;

-webkit-border-radius: 8px;

border-radius: 8px;

} 



.even, .alt { border-left: 1px solid #ddd; }



.narrowcolumn .alt{

font-size: 12px;

background:#e0f2f2;

border: none;

-moz-border-radius: 5px;

-khtml-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}


.leftcol {
float: left;
}

.leftcol #sidebars {
width:300px;
*margin-left:10px;
}


#footer {

width: 90%;

border-top: solid 1px #d4e9e9;

}





small {



	font-family: Arial, Helvetica, Sans-Serif;



	font-size: 1.2em;



	line-height: 1.5em;



}







h1, h2, h3 { font-family: 'Trebuchet MS', Helvetica, Arial, Sans-Serif; }







h2, h3 { font-weight: bold; }



h1 {



	font-weight: normal;



	font-size: 3em;



	text-align: left;



display:none;



}







#title .description {



	font-size: 1.2em;



	text-align: left;



	padding-right:20px;



	padding-top:7px;



	float:right;







}







.topsearch{



	margin: 0;



	padding-top: 0px;



}


.topsearch input {
    border: 2px solid #009AB3;
    color: #CCCCCC;
    width: 200px;
    height: 20px;
    background-color: #D4E9E9;
    -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.topsearch input:hover {
    border: 2px solid #000000;
}




h2 { font-size: 1.6em; }







h2.pagetitle { font-size: 1.6em; }







h3 { font-size: 1.3em; }







#title h1, #title h1 a, #title h1 a:hover, #title h1 a:visited {



	text-decoration: none;



	color: #000000;



}







#title .description {



	text-decoration: none;



	color: #000000;



	font-size:0px;



	font-weight:bold;



	text-align:right;



}







h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #000000; }







h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite { text-decoration: none; }







.entry p a:visited { color: #b85b5a; }







.commentlist li, #commentform input, #commentform textarea, .entry input, .entry textarea{



	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;



}







#commentform input, #commentform textarea,.entry input, .entry textarea {



	border: solid 1px #ccc;



	-moz-border-radius: 8px;



	-khtml-border-radius: 8px;



	-webkit-border-radius: 8px;



	border-radius: 8px;



}







#commentform input:hover, #commentform textarea:hover, .entry input:hover, .entry textarea:hover {



	border: solid 1px #000;



}







.commentlist li ul li { font-size: 1em; }







.commentlist li { font-weight: bold; }







.commentlist li .avatar {



	margin-top: 0;



	float: right;



	border: 1px solid #eee;



	padding: 2px;



	background: #fff;



}







.commentlist cite, .commentlist cite a {



	font-weight: bold;



	font-style: normal;



	font-size: 1.1em;



}







.commentlist p {



	font-weight: normal;



	line-height: 1.5em;



	text-transform: none;



}







#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }







.commentmetadata { font-weight: normal;	}







small, .nocomments, .postmetadata, blockquote, strike { color: #777; }







code { font: 1.1em 'Courier New', Courier, Fixed; }







acronym, abbr, span.caps {



	font-size: 0.9em;



	letter-spacing: .07em;



}







a, h2 a:hover, h3 a:hover {



	color: #6fa09f;



	text-decoration: none;



}







a:hover {



	color: #009ab3;



	text-decoration: underline;



}







#wp-calendar #prev a, #wp-calendar #next a {



	font-size: 9pt;



}






#wp-calendar th {



	font-style: normal;



	text-transform: capitalize;



}







/* End Typography & Colors */







/* Begin Structure */



body {
margin: 0 auto;
padding: 0;
}


#header {
margin: 0 auto;
margin-top:0px;
padding: 0;

}


#headerimg {
margin: 0;
height: 255px;
width: 100%;
background:url(http://www.bunquer.com/blog/wp-content/themes/violinesth-forever/images/el_blog_de_mar.png) no-repeat;
}







#title {



	background: #bfe0df;



	margin: 0;



}







#header ul {



	margin-top:0px;



	margin-right: 14px;



	margin-left:20px;



	float: right;



	list-style: none;



}







#header ul li {



	-moz-border-radius-bottomleft: 6px;



	-khtml-border-bottom-left-radius: 6px;



	-webkit-border-bottom-left-radius: 6px;



	border-bottom-left-radius: 6px;



	-moz-border-radius-bottomright: 6px;



	-khtml-border-bottom-right-radius: 6px;



	-webkit-border-bottom-right-radius: 6px;



	border-bottom-right-radius: 6px;



	float: left;



}



#header ul li a {



	font-color:#000;



	font-weight: normal;



	display: block;



	line-height: 30px;



	padding: 0 10px;



	font-size: 12px;



	text-decoration:none;



}







#header ul li a:hover {



	background: #000;



	color: #fff;
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-bottom-left-radius: 6px;



	-webkit-border-bottom-left-radius: 6px;



	border-bottom-left-radius: 6px;



	-moz-border-radius-bottomright: 6px;



	-khtml-border-bottom-right-radius: 6px;



	-webkit-border-bottom-right-radius: 6px;



	border-bottom-right-radius: 6px;



}



#header ul li a:visted {color: #000;}



#header .page_item{



	font-color: #000;



	background: #fff;



	margin-left:8px;



	filter:alpha(opacity=60);



	-moz-opacity:.60;



	opacity:.60;



}



#header .current_page_item, #header li .current_page_item{



	color: #fff;



	background: #000;



	margin-left:8px;



}



#header .current_page_item a{



	color: #fff;



}



.narrowcolumn {
float: left;
padding: 0 20px 30px 20px;
width: 550px;
}







.wcolumn {



	float: left;



	padding: 0 20px 30px 45px;



	width: 700px;



}







.post {
margin: 0 0 40px;
text-align: justify;
border-bottom:5px dotted #CCC;
}







.post hr { display: block; }







.narrowcolumn .postmetadata {



	padding-top: 5px;



	line-height:18px;



}







.postmetadata { clear: both; }







.clear { clear: both; }







#footer {



	padding: 0;



	margin: 0 auto;



	clear: both;



}







#footer p {



	margin: 0;



	padding: 10px 0;



	text-align: left;



	font-size: 12px;



	font-family: Verdana;



}







/* End Structure */







/*	Begin Headers */



h1 {



	padding: 15px 30px 15px;



	margin: 0;



}







h2 { margin: 30px 0 0; }







h2.pagetitle {



	margin-top: 30px;



	text-align: center;



	padding-bottom: 10px;



	border-bottom: solid 1px #FFEFD5;



}







h3 {



	padding: 0;



	margin: 30px 0 0;



}







h3.comments {



	padding: 0;



	margin: 40px auto 20px ;



}







/* End Headers */







/* Begin Images */



p img {



	padding: 0;



	max-width: 100%;



}







/*	Using 'class="alignright"' on an image will (who would've



	thought?!) align the image to the right. And using 'class="centered',



	will of course center the image. This is much better than using



	align="center", being much more futureproof (and valid) */







img.centered {



	display: block;



	margin-left: auto;



	margin-right: auto;



}







img.alignright {



	padding: 4px;



	margin: 0 0 2px 7px;



	display: inline;



}







img.alignleft {



	padding: 4px;



	margin: 0 7px 2px 0;



	display: inline;



}







.alignright { float: right; }







.alignleft { float: left; }







/* End Images */







/* Begin Lists







	Special stylized non-IE bullets



	Do not work in Internet Explorer, which merely default to normal bullets. */







html>body .entry ul {



	margin-left: 0px;



	padding: 0 0 0 30px;



	list-style: none;



	padding-left: 10px;



	text-indent: -10px;



}







html>body .entry li { margin: 7px 0 8px 10px; }







.entry ul li:before {



	/*content: "\00BB \0020";*/



}







.entry ol {



	padding: 0 0 0 35px;



	margin: 0;



}







.entry ol li {



	margin: 0;



	padding: 0;



}







.postmetadata ul, .postmetadata li {



	display: inline;



	list-style-type: none;



	list-style-image: none;



}







#sidebars{



	float: left;



	margin: 0 auto;



	width: 190px;



}







#sidebars .submenu, #sidebars #submenu{



	margin-left: -40px;



	margin-top: 0;



	font-size: 10px;



}







#sidebars .submenu li, #sidebars #submenu li{



	font-size: 11px;



	line-height: 25px;



	list-style:none;



}







#sidebars .children{



	margin: 0 auto;



	padding: 0;



}







.submenu li div {



	padding-left: 20px;



}



.submenu ul li ul {



	margin-top: 20px;



	padding-top:20px;



	padding-left: 20px;



}



#sidebars .submenu ul li, #sidebars #submenu li { border-bottom: 0px solid #e8f3f2; }



#sidebars .submenu li.current,#sidebars #submenu li.current{



	padding-left: 8px;



	font-weight: bold;



	margin-left:-20px;



}







#sidebars #submenu li ul {



	margin-top: 0 !important;



	margin-left: -16px 0 !important;



}







#sidebars .submenu li p{



	background: #fff;



	border: solid 1px #00657f;



	padding: 8px;



	font-weight: normal;



	margin-top: 20px;



	margin-left: 30px;



	line-height:18px;



	-moz-border-radius: 5px;



	-khtml-border-radius: 5px;



	-webkit-border-radius: 5px;



	border-radius: 5px;



}







#sidebars #submenu li ul li {



	border: none;



	line-height: 18px;



}







#sidebars h4,

#sidebars h2

{

font-size: 17px;

line-height:normal;

font-weight: 400;

color: #009ab3;

padding-left:25px;

margin:30px 0 10px 20px;

height:30px;

list-style: none;

background: url(http://www.bunquer.com/imagenes/ico_star.png) left top no-repeat;

}





/* End Entry Lists */











/* Begin Form Elements */



#searchform {



	margin: 10px auto;



	padding: 5px 3px;



	text-align: left;



}







#sidebar #searchform #s {



	width: 108px;



	padding: 2px;



}







#sidebar #searchsubmit {



	padding: 1px;



}







.entry form { /* This is mainly for password protected posts, makes them look better. */



	text-align:left;



}







select { width: 130px; }







#commentform input {



	width: 170px;



	padding: 5px;



	margin: 5px 5px 1px 0;



}







.entrytitle{



	text-align:left;



}







#commentform {
text-align:left;
margin: 5px 0 0 0;
background: #e0f2f2;
padding: 10px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}







#commentform textarea {



	width: 98%;



	padding: 5px;



}







#respond:after {



	content: "."; 



	display: block; 



	height: 0; 



	clear: both; 



	visibility: hidden;



}







#commentform #submit {
margin: 0 0 5px auto;
float: right;
background: #fff;
cursor: pointer;
border-width: 1px;
border-style: solid;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-khtml-box-sizing: content-box;
box-sizing: content-box;
}



/* End Form Elements */







/* Begin Comments*/



.alt {



	margin: 0;



	padding: 10px;



}







.commentlist {



	padding: 0;



	text-align: justify;



}







.commentlist li {



	margin: 15px 0 10px;



	padding: 5px 5px 10px 10px;



	list-style: none;



}







.commentlist li ul li { 



	margin-right: -5px;



	margin-left: 10px;



}







.commentlist p { margin: 10px 5px 10px 0; }







.children { padding: 0; }







#commentform p { margin: 5px 0;	}







.nocomments {



	text-align: center;



	margin: 0;



	padding: 0;



}







.commentmetadata {



	margin: 0;



	display: block;



}







/* End Comments */







/* Begin Calendar */



#wp-calendar {
empty-cells: show;
margin: 0 auto;
width: 255px;
*margin-top:32px;
padding-top:32px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
text-decoration: none;
display: block;
background-color: #e7f7f7;
-moz-border-radius-bottomleft: 6px;
-khtml-border-bottom-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
}

#wp-calendar a:hover {
background-color: #d4e9e9;
display: block;
-moz-border-radius-bottomleft: 6px;
-khtml-border-bottom-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
}

#wp-calendar caption {
display:none;
text-align: center;
}


#wp-calendar td {
/*padding: 3px 0; */
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff;
border:1px solid #ccc;
}

#calendar_wrap {
background:url(http://www.bunquer.com/imagenes/bg_calendar.jpg) no-repeat;
background-position:10px -10px;
height:283px;
}


/* End Calendar */











/* Begin Various Tags & Classes */



acronym, abbr, span.caps { cursor: help; }







acronym, abbr {	border-bottom: 1px dashed #999;	}







blockquote {



	margin: 15px 30px 0 10px;



	padding-left: 20px;



	border-left: 5px solid #ddd;



}







blockquote cite {



	margin: 5px 0 0;



	display: block;



}







.center { text-align: center; }







.hidden { display: none; }







hr { display: none; }







a img {	border: none; }







.navigation {



	display: block;



	text-align: center;



	margin-top: 30px;



	padding-bottom: 30px;



}



/* End Various Tags & Classes*/







/* Captions */



.aligncenter,



div.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



}







.wp-caption {



	border: 1px solid #ddd;



	text-align: center;



	background-color: #f3f3f3;



	padding-top: 4px;



	margin: 10px;



	-moz-border-radius: 3px;



	-khtml-border-radius: 3px;



	-webkit-border-radius: 3px;



	border-radius: 3px;



}







.wp-caption img {



	margin: 0;



	padding: 0;



	border: 0 none;



}







.wp-caption p.wp-caption-text {



	font-size: 11px;



	line-height: 17px;



	padding: 0 4px 5px;



	margin: 0;



}



/* End captions */







#ap{



	padding-left: 50px;



}



.photo{



	margin: 35px 15px 0 0;



	padding: 5px;



	background: #fff;



	filter:alpha(opacity=75);



	-moz-opacity:.75;



	opacity:.75;



}



.reply{



	font-size: 10px;



}







.cancel-comment-reply, .cancel-comment-reply a{



	text-decoration: none;



	font-size: 12px;



	text-align:right;



	padding: 5px;



}



#content span.postmetadata a {

font-size: 20px;

line-height:normal;

font-weight: 400;

color: #666;

text-align:left;

}



#sidebars .submenu li a.rsslink { background: url(images/rss-ico.png) no-repeat left 2px; padding-left: 20px; margin-right: 5px; }



.textwidget {

text-align:center;

margin:0 auto;

position:relative;

left:0px;

}



table #flickr_badge_wrapper {

border:medium none;

margin-left:45px;

color: #666;

}



table #flickr_badge_wrapper img {

border:1px solid #ccc;

-moz-box-shadow:1px 1px 10px #ccc;

-webkit-box-shadow:1px 1px 10px #ccc;

}

#linkwithin_logo_0, #linkwithin_logo_1, #linkwithin_logo_2, #linkwithin_logo_3, #linkwithin_logo_4, #linkwithin_logo_5, #linkwithin_logo_6, #linkwithin_logo_7, #linkwithin_logo_8, #linkwithin_logo_9, #linkwithin_logo_10, #linkwithin_logo_11, #linkwithin_logo_12, #linkwithin_logo_13, #linkwithin_logo_14 {
display:none;
}

ul li.cat-item a {
font-size: 12px !important;
background:#e7f7f7;
border: none;
padding:0 0 0 10px;
margin:5px 0 5px 0;
-moz-border-radius: 10px 0 10px 0;
-webkit-border-radius: 7px;
border-radius: 10px 0 10px 0;
display:block;
text-decoration:none;
}


ul li.cat-item a:hover {
background:#d4e9e9;
}

#title {
display:none;
}

#headerimg ul {display:none;}


div.textwidget p {
text-align:left;
border:1px solid #D4E9E9 !important;
}

#searchform input {
background:#D4E9E9;
border:1px solid #3A9AB3;
border-radius:5px;
}

#searchsubmit {
background:#3A9AB3 !important;
margin-top: 5px !important;
color:#D4E9E9 !important;
border-radius:15px !important;
}