/*

Theme Name: Senyorita

Theme URI: http://joolu.com/senyorita

Description: Clean and Minimalistic Good for bussines and or Personal Porttfolio. Equiped with tons of features and options to suit you're needs.

Author: Jonathan

Author URI: http://joolu.com

Version: 1.0

*/



@import url(css/comments.css);



body{

margin:0px;

font-family: 'Helvetica Neue', Arial, Helvetica, Arial, sans-serif;

font-size:12px;

background:#eeeeee;

color:#666666;

}







a{

transition: all 1s ease;

-moz-transition: all 1s ease;

-webkit-transition: all 1s ease;

-o-transition: all 1s ease;

}



a:hover{

transition: all 1s ease;

-moz-transition: all 1s ease;

-webkit-transition: all 1s ease;

-o-transition: all 1s ease;

}







/* Grids */



.one-fourth{width:195px; float:left; margin-left:20px; margin-right:20px;}











/* Miscs */

.clr {clear:both; padding:0; margin:0;}



.spacing-header{

width:960px;

height:50px;

margin:0 auto; 

background:#FCFCFC;

border-top:5px solid #2A2A2A;

}



.spacing-header input{float:right;}



.full{

width:100%; 

padding-top:10px; 

padding-bottom:10px; 

background:#2A2A2A;

}



.full2{

width:960px; 

padding-top:10px; 

padding-bottom:10px; 

background:#2A2A2A; 

margin:0 auto;

border-top:1px solid #363636;

}



.margin{

width:960px; 

margin:0 auto;

}



.margin-2{

width:940px;

padding-left:10px;

padding-right:10px;

margin:0 auto; 

background:#FCFCFC;

}



.separator{

width:900px; 

height:1px; 

border-top:1px solid #DDDDDD; 

margin:0 auto; 

background:url(images/title-border2.png) repeat-x

}





.ornaments{

background:url(images/blog.png) no-repeat center top; 

padding-top:20px; 

margin-top:20px;

}









/* Spacing */

.spacing-10{width:100%; height:10px;}

.spacing-20{width:100%; height:20px;}

.spacing-30{width:100%; height:30px;}

.spacing-40{width:100%; height:40px;}

.spacing-50{width:100%; height:50px;}

.spacing-60{width:100%; height:60px;}

.spacing-70{width:100%; height:70px;}

.spacing-80{width:100%; height:80px;}

.spacing-90{width:100%; height:90px;}

.spacing-100{width:100%; height:100px;}



.alignleft { float: left; margin-right:20px; margin-bottom:20px; }

.alignright { float: right; margin-left:20px; }

.aligncenter {

	margin-left: auto;

	margin-right: auto;

	display: block;

	clear: both;

}







#login-nav{

margin:0px; padding:0px; list-style:none; 

float:right; margin-right:20px; font-size:9px; 

text-transform:uppercase; background:#2A2A2A; color:#DDDDDD; 

padding-left:10px; padding-bottom:5px; padding-top:5px;

border-radius: 0px 0px 10px 10px; 

-moz-border-radius: 0px 0px 10px 10px;

-webkit-border-radius: 0px 0px 10px 10px;

-o-border-radius: 0px 0px 10px 10px;

}

#login-nav li{float:left; margin-right:10px;}



#login-nav a{color:#DDDDDD; text-decoration:none}

#login-nav a:hover{color:#FFFFFF;}



#login-nav img{margin-right:5px;}





/* Logo */

#logo{

height:50px;

width:130px; 

float:left; 

margin-left:20px; 

margin-right:20px;

}



#logo img{border:none;}













/* Navigation Menu */

#nav{

padding-left:0px;

padding-right:0px; 

padding-top:10px; 

padding-bottom:10px;

margin-right:20px;

float:right;

font-size:9px;

list-style:none;

font-family:Verdana, Arial, Helvetica, sans-serif;

text-transform:uppercase;

}



#nav a{

color:#DDDDDD; 

text-decoration:none;

}



/* The Menu list */

#nav li{

float:left; 

margin-left:30px;

}



#nav li a:hover{

color:#FFFFFF;

}





/* The Sub Menu */

#nav ul{

background:#2A2A2A;

width:190px;

visibility:hidden;

list-style:none;

margin:0px;

padding:0px;

margin-left:-20px;

padding-top:25px;

padding-bottom:15px;

position: absolute;

z-index: 99999;

}



/* Sub Menu Effects */

#nav ul{

opacity:0;

-moz-opacity:0;

-webkit-opacity:0;

-o-opacity:0;



transition: opacity 0.6s;

-moz-transition: opacity 0.6s;

-webkit-transition: opacity 0.6s;

-o-transition: opacity 0.6s;

}



#nav li:hover > ul{visibility:visible;}

#nav li:hover > ul{

opacity:1;

-moz-opacity:1;

-webkit-opacity:1;

-o-opacity:1;

}



/* The Submenu Styling and Positioning */

#nav ul li{

background:#2A2A2A; 

float:left; 

width:150px; 

margin:0px; 

padding-left:20px; 

padding-right:20px;

padding-top:15px; 

padding-bottom:10px; 

list-style:square inside; 

list-style:url(images/nav-style.png) inside

 }



#nav ul li a{

transition: padding-left 0.6s;

-moz-transition: padding-left 0.6s;

-webkit-transition: padding-left 0.6s;

-o-transition: padding-left 0.6s;

}



#nav ul li a:hover{

padding-left:10px; 

width:180px;

}

















/* Welcome Message */

#welcome{

background:#FCFCFC;

width:920px; 

padding-left:20px;

padding-right:20px;

margin:0 auto; 

padding-top:30px;

padding-bottom:30px;



line-height:1.6em; 

text-align:center;

font-size:20px;

color:#666666;

font-family:Georgia, "Times New Roman", Times, serif;

font-style:italic;

}















/* Slider Style */

#slider{

width:960px; 

height:300px;

margin:0 auto; 

background:#FBFBFB;

border-bottom:5px solid #f2f2f2;

border-top:5px solid #f2f2f2;

}



#slider img{

width:960px; 

height:400px;

}











/* Home Page Content */

.homecontent{

padding-left:20px; 

padding-right:20px;

}









/* Recent Blog and Portfolio */

.index-recent{

margin-bottom:20px; 

height:145px;

}





.index-recent img{

width:185px; 

border:5px solid #DDDDDD;

margin-top:0px; 

margin-bottom:15px;

transition: opacity 0.5s;

-moz-transition: opacity 0.5s;

-webkit-transition: opacity 0.5s;

-o-transition: opacity 0.5s;

opacity:1;

}



.index-recent img:hover{

transition: opacity 0.5s;

-moz-transition: opacity 0.5s;

-webkit-transition: opacity 0.5s;

-o-transition: opacity 0.5s;

 opacity:0.6;

border:5px solid #AAAAAA;

 }



.index-recent h4{

margin-top:0px; 

margin-bottom:15px;

font-size:12px;

text-align:center;

}



.index-recent a{

color:#444444; 

text-decoration:none;

}



.index-recent p{

margin-top:0px; 

margin-top:15px; 

color:#666666; 

line-height:18px; 

font-size:12px

}



.index-recent span{

padding:5px; 

padding-left:10px; 

padding-right:10px; 

background:#2a2a2a; 

color:#DDDDDD; 

margin:0px; 

font-size:11px; 

font-weight:bold; 

text-transform:uppercase;

}





















/* Featured Items */

.features{margin-bottom:20px;}



.features h2{

text-align:center; 

color:#666666; 

margin-top:5px; 

margin-bottom:8px;

font-size:16px;

}



.features p{

line-height:1.6em; 

text-align:center; 

color:#666666; 

margin-top:0px;

}



.features img{

margin-left:67px; 

margin-right:67px;

}







/* page Header */

#page-header{

background:#F5F5F5; 

padding-top:20px; 

padding-bottom:15px; 

color:#999999; 

border-bottom:2px solid #ededed; 

border-left:1px solid #ededed; 

border-right:1px solid #ededed;

}



#page-header h2{

padding-left:20px; 

font-size:25px; 

color:#666666; 

margin-bottom:5px; 

margin-top:0px; 

font-family:Georgia, "Times New Roman", Times, serif; 

font-style:italic; font-weight:normal;

}



#page-header a{

color:#999999; 

text-decoration:none; 

font-family:Verdana, Arial, Helvetica, sans-serif; 

font-size:9px; 

text-transform:uppercase;

}



#page-header a:hover{color:#666666;}



#page-header span{font-size:9px;}



#page-header ul{margin:0px; margin-left:20px; padding:0px; list-style:none; width:585px;}

#page-header li{float:left; margin-right:10px;}



#page-header input{float:right;}

#page-header form{padding-top:10px;}



#page-header-con{width:585px; float:left; margin-right:20px;}



.header-search{

margin-left:0px; 

margin-right:0px; 

height:22px; 

border:0px; 

outline:none; 

padding-left:10px; 

padding-right:10px; 

width:80px; 

font-size:11px; 

color:#999999; 

border:1px solid #EFEFEF;

}



.header-search{

border-radius: 13px 0px 0px 13px;  

-moz-border-radius: 13px 0px 0px 13px;

-webkit-border-radius: 13px 0px 0px 13px;

-o-border-radius: 13px 0px 0px 13px;



transition: width 0.5s;

-moz-transition: width 0.5s;

-webkit-transition: width 0.5s;

-o-transition: width 0.5s;

}





.header-search:hover{width:230px;}

.header-search:focus{width:230px;}





.header-submit{

margin-right:20px; 

margin-left:0px;

height:25px; 

background:#2A2A2A url(images/search.png); 

border:0px; 

width:30px; 

line-height:20em;

cursor:pointer

}



.header-submit{

border-radius: 0px 13px 13px 0px;  

-moz-border-radius: 0px 13px 13px 0px; 

-webkit-border-radius: 0px 13px 13px 0px; 

-o-border-radius: 0px 13px 13px 0px; 

}





.blog-one-col{

width:585px; 

margin-bottom:40px;



}



.blog-one-col h2{

margin-bottom:15px; 

margin-top:0px; 

color:#444444; 

font-weight:bold; 

font-size:16px

}



.blog-one-col a{color:#555555; text-decoration:none;}

.blog-one-col a:hover{color:#000000;}



.blog-one-col p{color:#666666; line-height:21px;}



.blog-one-col img{

width:575px;

height:250px;

border:5px solid #EEEEEE;

margin-bottom:20px;

}



.blog-one-col img{

transition: opacity 0.5s;

-moz-transition: opacity 0.5s;

-webkit-transition: opacity 0.5s;

-o-transition: opacity 0.5s;

opacity:1;

}



.blog-one-col img:hover{

opacity:0.8;

-o-opacity:0.8;

-webkit-opacity:0.8;

-moz-opacity:0.8;

border:5px solid #AAAAAA;

}





/* Blog Container */

#blog-container{width:585px; float:left; margin-left:20px; margin-right:20px;}



/* Single Page Container */

#single{width:585px; float:left; margin-left:20px; margin-right:20px;}



/* Full Page Container */

#single-full{width:900px; margin-left:20px; margin-right:20px;}

#single-full input{float:right;}



/* Entry for texts, images, and all other elements */

.entry-header{font-size:20px; margin-top:0px; margin-bottom:15px;}

.entry-header a{color:#555555; text-decoration:none;}

.entry-header a:hover{color:#000000;}



.entry-meta{

list-style:none; 

padding:0px;

margin:0px; 

margin-bottom:15px; 

font-size:9px; 

text-transform:uppercase; 

color:#c3c1c1;

}



.entry-meta a{

font-size:9px; 

text-transform:uppercase; 

color:#c3c1c1; 

text-decoration:none

}



.entry-meta li{float:left; margin-right:10px;}



.entry-meta span{font-size:10px; color:#999999 }





.entry-meta li img{

margin-right:10px; 

height:9px; 

width:9px; 

border:none; 

background:none; 

margin:0px; 

padding:0px; 

margin-right:5px;

}





.entry img{border:none;}

.entry p{line-height:20px; margin-bottom:20px; margin-top:0px;}

.entry a{color:#666666; text-decoration:none; font-weight:bold}

.entry a:hover{color:#333333; text-decoration:none;}

.entry blockquote{background:url(images/quote.png) left top no-repeat; padding-left:30px;}

.entry ul{list-style:square;}

.entry h1,h2,h3,h4,h5,h6{margin-top:0px;}



.wide-entry p{line-height:23px;}

.wide-entry img{border:none;}















/* Portfolio */

#portfolio-container{width:705px; float:left;}



.portfolio-box{margin-bottom:40px;}

.portfolio-box img{width:185px; border:5px solid #DDDDDD;

margin-bottom:10px;

transition: opacity 0.5s;

-moz-transition: opacity 0.5s;

-webkit-transition: opacity 0.5s;

-o-transition: opacity 0.5s;

opacity:1;

 }

.portfolio-box img:hover{

transition: opacity 0.5s;

-moz-transition: opacity 0.5s;

-webkit-transition: opacity 0.5s;

-o-transition: opacity 0.5s;

 opacity:0.6;

border:5px solid #AAAAAA;

 }

 

.portfolio-box h4{margin-top:0px; margin-bottom:10px;}



.portfolio-box p{margin-top:0px; margin-bottom:0px; line-height:1.6em; font-size:11.5px;}



.portfolio-box a{color:#444444; text-decoration:none;}

.portfolio-box a:hover{color:#111111;}





/* Portfolio Description */



#portfolio-desc span{padding:5px; padding-left:10px; padding-right:10px; background:#2a2a2a; color:#DDDDDD; margin:0px; margin-bottom:30px; font-size:11px; font-weight:bold; text-transform:uppercase;}

#portfolio-desc p{line-height:1.6em; font-size:11.5px; margin-top:20px;}









/* Portfolio Sidebar contains info about a certain portfolio */

.portfolio-sidebar{width:275px; float:left; margin-left:20px; margin-right:20px;}

.portfolio-sidebar h2{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; margin:0px; margin-bottom:30px;}

.portfolio-sidebar a{text-decoration:none; color:#AAAAAA;}

.portfolio-sidebar a:hover{text-decoration:none; color:#777777;}



/* Custom Field Styling */

.post-meta{list-style:none; padding:0px; padding-top:20px; padding-bottom:20px; margin:0px; margin-bottom:30px; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;}

.post-meta li{margin-bottom:10px;}



.post-meta-key{font-weight:bold; margin-right:5px;}



.portfolio-entry{width:585px; margin-left:20px; margin-right:20px; float:left}

.portfolio-entry img{width:585px;}







/* Blog Widget Container */

#widget-container{width:275px; float:left; margin-left:20px; margin-right:20px;}



.widget-box{width:275px; margin-bottom:40px; font-size:11px; border-bottom:1px solid #DDDDDD; padding-bottom:20px}

.widget-box h2{margin:0px; margin-bottom:10px; font-size:13px; font-weight:bold; text-transform:uppercase}



.widget-box ul{margin:0px; padding:0px; list-style:none;}

.widget-box li{padding-top:5px; padding-bottom:5px; list-style:square inside; padding-left:20px;}



.widget-box p{line-height:17px;}



.widget-box a{color:#707070; text-decoration:none;}

.widget-box a:hover{color:#000000}



.widget-box label{display:none;}



.widget-box #s{

margin-left:0px; 

margin-right:0px; 

height:22px; 

border:0px; 

outline:none; 

padding-left:10px; 

padding-right:10px; 

width:140px; 

font-size:11px; 

color:#999999; 

border:1px solid #EFEFEF;

}



.widget-box #s{

border-radius: 13px 0px 0px 13px;  

-moz-border-radius: 13px 0px 0px 13px;

-webkit-border-radius: 13px 0px 0px 13px;

-o-border-radius: 13px 0px 0px 13px;



transition: width 0.5s;

-moz-transition: width 0.5s;

-webkit-transition: width 0.5s;

-o-transition: width 0.5s;

}



.widget-box #searchsubmit{

margin-right:20px;

margin-left:0px; 

height:25px; 

background:#2A2A2A; 

border:0px; 

cursor:pointer; 

color:#FFFFFF; 

padding-left:10px; 

padding-right:10px; 

font-size:10px; 

font-weight:bold; 

text-transform:uppercase

}



.widget-box #searchsubmit{

border-radius: 0px 13px 13px 0px;  

-moz-border-radius: 0px 13px 13px 0px; 

-webkit-border-radius: 0px 13px 13px 0px; 

-o-border-radius: 0px 13px 13px 0px; 

}



/* Tag Cloud */

.widget-box .tagcloud a{color:#707070; background:#CCCCCC; padding:5px; clear:both; margin-bottom:5px; display:inline-block;}



.widget-box .tagcloud a:hover{color:#333333;}











/* Pagination */

.pagination { clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; text-shadow:none; margin:0 auto;}

.pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#707070; background: #DADADA; font-weight:bold;}

.pagination a:hover{color:#FFFFFF; background: #555555; }

.pagination .current{padding:6px 9px 5px 9px; background: #555555; color:#FFFFFF; }









/* Contact Form */



#email,#subject,#msg{

border:2px solid #F3F3F3; padding:5px; width:40%; outline-style:none;

font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;

font-size:12px; color:#999999; margin-right:20px; margin-bottom:20px;

}

#msg{width:505px;}



#email:hover{border:2px solid #CCCCCC}

#subject:hover{border:2px solid #CCCCCC}

#msg:hover{border:2px solid #CCCCCC}







/* Footer Widget */

#footer-widget{

width:960px;

margin:0 auto;

background:#222222;

padding-top:30px;

padding-bottom:20px;

border-bottom:1px solid #181818;

}



#footer-widget p{

margin-top:0px; 

line-height:1.8em

}



#footer-widget h2{

color:#eeeeee; 

margin-top:0px; 

font-size:13px; 

font-weight:bold; 

text-transform:uppercase

}



#footer-widget ul{

width:195px; 

list-style:square inside; 

padding:0px; 

margin:0px; 

margin-top:20px;

}



#footer-widget li{

padding-bottom:10px;

padding-top:10px; 

width:195px;

border-bottom:1px dotted #333333

}





#footer-widget li a{color:#A7A7A7; text-decoration:none;}

#footer-widget li a:hover{color:#FFFFFF;}



#footer-widget .tagcloud a{

color:#707070; 

background:#2A2A2A; 

padding:5px; 

clear:both; 

margin-bottom:5px; 

display:inline-block; 

text-decoration:none;

}



#footer-widget .tagcloud a:hover{color:#CCCCCC;}



#footer-widget-container{width:940px; margin:0 auto;}













/* Footer Copyright Notice */

#footer-info{

font-size:11px;

padding:10px;

padding-left:0px;

margin-left:30px;

float:left;

color:#999999;

}











/* Footer Social Media */

#footer-social{float:right; margin-right:30px;}

#footer-social ul{list-style:none; padding:0px; margin:0px;}

#footer-social li{float:left; margin-left:5px;}







#footer-social img:hover{

-moz-transform: scale(1.2) rotate(30deg);

-webkit-transform: scale(1.2) rotate(30deg);

-o-transform: scale(1.2) rotate(30deg);

transform: scale(1.2) rotate(30deg);

}