/*
Theme Name: Ultra
Theme URI: http://wpexplorer.com
Description: Business style theme.
Author: WPExplorer.com
Author URI: http://www.wpexplorer.com
Version: 2.4


/************************************************************************************
Reset Browser A Bit &Clear Floats
************************************************************************************/
*{margin:0; padding:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
a img, 
a{outline:0; border:0}
caption, th, td{ text-align:left;  font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
.clear{clear:both}

/************************************************************************************
WordPress Elements 
************************************************************************************/
.aligncenter{display:block; margin:0 auto}
.alignright{float:right; margin:0 0 1em 1em}
.alignleft{float:left; margin:0 1em 1em 0}
.floatleft{float:left}
.floatright{float:right}
img.aligncenter, img.alignright, img.alignleft{border:1px solid #DDD; text-align:center; background:#F3F3F3; padding:4px}

.textcenter{text-align:center}
.textright{text-align:right}
.textleft{text-align:left}

.wp-caption{border:1px solid #DDD; text-align:center; background:#F3F3F3; padding-top:4px; margin:10px}
.wp-caption img{margin:0; padding:0; border:none}
.wp-caption .wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}

/************************************************************************************
Body
************************************************************************************/
body{font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.8em;  color:#555; background:#EBECEB}

/************************************************************************************
HTML Elements
************************************************************************************/
a{color:#06F; text-decoration:none}
a:hover{text-decoration:underline}
p{margin:0 0 15px}
strong{font-weight:700}
em{font-style:italic}
small{}
pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word}
hr{}
blockquote{border-left:2px solid #CCC; margin:20px; padding:0 0 0 20px}

/************************************************************************************
Default Headings
************************************************************************************/
h1, h2, h3, h4, h5, h6{font-family: Arial, Helvetica, sans-serif; color:#333; line-height:130%; font-weight:100; padding:0; margin:0; text-transform:capitalize}
h1{font-size:28px; margin:0 0 30px 0}
h2{font-size:21px; margin:30px 0 20px 0}
h3{font-size:18px; margin:30px 0 20px 0}
h4{font-size:16px; margin:20px 0 10px 0}

/************************************************************************************
Main Wrap &Container
************************************************************************************/
#wrap{margin:20px auto 0 auto; width:980px; background:#FFF}
#container{padding:20px 0}

/************************************************************************************
Header
************************************************************************************/
#header{min-height:40px; position:relative; padding:20px}
#header-logo{width:600px; text-align:left}
#header-description{text-transform:capitalize; font-size:12px;}

#header-logo h1, #header-logo h2{font-weight:700; font-size:30px; margin:0}
#header-logo a{color:#2C2C2C}

/************************************************************************************
Main
************************************************************************************/
#main{float:left; width:700px; background:#FFF; padding:0 0 0 20px}
#main-full-width{margin:0 20px}

/************************************************************************************
Homepage
************************************************************************************/
#homepage-text{margin:0 20px}
#homepage-boxes{margin:0 0 0 10px}
.homepage-box{width:280px; margin:0 20px 25px 0; padding:0 10px; float:left}
.homepage-box img{margin:0 0 10px 0}

.homepage-box h2{padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #EEE}

/************************************************************************************
Entries
************************************************************************************/
.entry{float:left; width:100%; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #ECECEC}
.entry-featured-image{height:140px; width:140px; background: #000; float:left; margin:0 20px 0 0;}
.entry-featured-image a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}
.entry-meta{margin:0 0 5px; font-size:11px; color:#999}
.entry-meta a{color:#999}
.entry-meta a:hover{color:#3872A5}
.entry-read-more{font-size:11px; font-weight:700}

.entry-title{margin:0 0 5px; font-size:21px; font-weight:100}
.entry-title a{color:#2C2C2C}

/************************************************************************************
Breadcrumbs 
************************************************************************************/
#breadcrumbs{list-style:none; margin:10px 0 0; border-bottom:1px solid #EEE; height:35px; line-height:35px; font-size:12px}
#breadcrumbs li{display:inline}

/************************************************************************************
Post
************************************************************************************/
#post{width:130%; margin:0 0 10px}
#post ul, #main-post ol{margin:10px 0 10px 20px}
#post-meta{margin:0 0 20px; font-size:11px; color:#999}
#post-featured-image{}

#post h1{font-weight:100;margin:0 0 10px}

/************************************************************************************
Post navigation
************************************************************************************/
#post-navigation{height:35px; line-height:35px; font-size:12px}
#post-navigation-left{float:left}
#post-navigation-right{float:right}

/************************************************************************************
Post Category
************************************************************************************/
#post-category{margin:10px 0; font-size:12px}
#post-category h3{font-size:20px; margin:0 0 15px}

/************************************************************************************
Post Tags
************************************************************************************/
#post-tags{margin:10px 0; font-size:12px}

#post-tags-header{font-size:20px; margin:0 0 15px}

/************************************************************************************
Post Author
************************************************************************************/
#post-author{margin:10px 0; font-size:12px}
#post-author .avatar{float:left; padding:2px; background:#FFF; border:1px solid #EEE; margin:0 15px 10px 0}
#post-author-meta{padding:10px 0 0 0; margin:0; font-size:11px}

#post-author h3{font-size:20px; margin:0 0 15px}

/************************************************************************************
Post Related Posts
************************************************************************************/
#related-posts{margin:10px 0; font-size:12px}
#related-posts img{float:left; margin:0 15px 10px 10px; padding:2px; border:1px solid #CCC}
#related-posts a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
#related-posts ul{list-style:none; margin:0 10px 0 0}
#related-posts ul li{min-height:60px; margin:0 0 20px 0}

#related-posts h3{font-size:20px; margin:0 0 20px}
#related-posts h4{font-size:12px; margin:0 0 5px 0}
#related-posts h4 a{color:#333}



/************************************************************************************
Portfolio
************************************************************************************/
#portfolio-description{border-bottom:1px dotted #CCC; margin:0 20px 30px}
#portfolio-page{margin:0 0 0 10px}
.portfolio-item{width:280px; float:left; margin:0 20px 30px 0; padding:0 10px}
.thumb-wrap{height:160px;width:200px;background:#000;margin:0 0 15px;}
.portfolio-item a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
.single-portfolio-img{margin:0 0 20px}

.portfolio-item h2{font-size:18px; margin:0 0 10px}

/************************************************************************************
Author Page
************************************************************************************/
#author-page{min-height:100px}
#author-page .avatar{float:left; margin:0 15px 0 0}

#author-page-posts-title{}

/************************************************************************************
Archives - Category Pages &Tag pages -------------------------- */
#archive-title h1{}

/************************************************************************************
Sidebar
************************************************************************************/
#sidebar-right{float:right; width:250px; font-size:12px; padding:0 20px 0 0}
#sidebar-right ul{list-style:none; margin:0}
#sidebar-right li{margin:5px 0}
.sidebar-right-box{margin:0 0 30px}

#sidebar-right h4{font-size:18px; color:#222; font-weight:normal; margin:0 0 20px; padding:0 0 5px; border-bottom: 1px solid #EEE }

/************************************************************************************
Pagination
************************************************************************************/
#pagination{clear:both; padding:0 0 20px; position:relative; font-size:11px; line-height:13px; text-shadow:1px 1px 1px #FFF}
#pagination span, #pagination a{display:block; float:left; margin:2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#666; background:#EEE}
#pagination a:hover{background:#D7D7D7}
#pagination .current{padding:6px 9px 5px 9px; background:#D7D7D7}

/************************************************************************************
Copyright
************************************************************************************/
#social{position:absolute; bottom:10px; right:20px; margin:0; list-style:none}
#social li{float:left; margin:0 0 0 6px}

/************************************************************************************
Copyright
************************************************************************************/
#copyright{background:#1B3872; width:960px; margin:0 auto 20px auto; position:relative; padding:10px; color:#999; font-size:10px; border-top:1px solid #333}
#copyright p{margin:0}
#copyright a{color:#999}
#copyright a:hover{color:#FFF}
#back-to-top{position:absolute; right:10px; bottom:10px; font-size:11px}

/************************************************************************************
Phone Number
************************************************************************************/
#phone-number{position:absolute; right:21px; top:25px}

/************************************************************************************
Search
************************************************************************************/
#search-wrap{position:absolute; right:26px; top:45px; width:250px}
#search-input{width:225px; height:25px; line-height:25px; border:1px solid #CCC; padding:0 25px 0 5px; color:#999}
#search:focus{color:#333}
#search-submit{display:block; background:url('images/search-icon.png') no-repeat; height:15px; width:15px; position:absolute; top:6px; right:0; display:block; cursor:pointer; text-indent:-9999px; outline:none; bordeR:none}

/************************************************************************************
Menu Wrap
************************************************************************************/
#primary-menu{margin:0 20px; min-height:3em; font-size:12px; position:relative; z-index:99; border-bottom:1px solid #CCC; border-top:1px solid #CCC}

/************************************************************************************
Important Menu Styles | Best To Only Edit Paddings
************************************************************************************//
.sf-menu{float:left}
.sf-menu a{padding:1em; text-decoration:none}
.sf-menu a:hover{text-decoration:none}
.sf-menu a, .sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/color:#666}
.sf-with-ul a, 
.sf-menu li a:hover{background:#EEE;text-shadow:1px 1px 1px #FFF;}
.sf-menu li li a{padding:0.8em 1em}
.sf-menu li{background:#FFF}
.sf-menu li li{border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC}
.sf-menu li ul{border-bottom:1px solid #CCC}
.sf-menu li:hover, .sf-menu li.sfHover, 
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{outline:0}

/************************************************************************************
Essential Menu Styles | DO NOT EDIT
************************************************************************************/
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu{line-height:1.0}
.sf-menu ul{position:absolute; top:-999em; width:15em}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; position:relative; text-decoration:none !important}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:0; top:3em; z-index:99}
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{left:15em; top:0}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{left:15em; top:0}

/************************************************************************************
Slider Layout
************************************************************************************/
#slider-wrap{width:940px; margin:0 auto 30px auto}
#slider{z-index:5; width:100%; height:300px; margin:0 auto 10px auto; position:relative; background:#FFF url('images/loading.gif') no-repeat 50% 50%}
#slider img{position:absolute; top:0; left:0; display:none}
#slider a{border:0}
.nivoSlider{position:relative}
.nivoSlider img{position:absolute; top:0px; left:0px}

/************************************************************************************
Image With Link
************************************************************************************/
.nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none}

/************************************************************************************
Slider Slices
************************************************************************************/
.nivo-slice {display:block; position:absolute; z-index:5; height:100%; }
.nivo-box { display:block; position:absolute; z-index:5; }

/************************************************************************************
Caption Styles
************************************************************************************/
.nivo-caption{position:absolute; left:0; bottom:0; background:#000; opacity:0.8; width:100%; z-index:89}
.nivo-caption p{color:#FFF; padding:10px; margin:0}

/************************************************************************************
Direction nav styles (e.g. Next &Prev)
************************************************************************************/
.nivo-directionNav a{position:absolute; top:43%; z-index:99; display:block; width:47px; height:60px; text-indent:-9999px; border:0; cursor:pointer}
.nivo-prevNav{background:url('images/left-arrow.png') no-repeat; left:15px}
.nivo-nextNav{background:url('images/right-arrow.png') no-repeat; right:15px}
.nivo-prevNav:hover{background-position:0 -60px}
.nivo-nextNav:hover{background-position:0 -60px}