/*   
Theme Name: Boutique
Description: A delightful theme by Dellustrations
Author: Wendell Fernandez
Author URI: http://dellustrations.com
Version: 1.0
*/

/* Global  */

* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/17px Arial,sans-serif; color: #555; text-align: left; background: #252525; padding-top: 35px; }

/* Links */

a { color: #a9a9a9; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { display: block; font-size: 0; line-height: 0; border: 1px solid #c4c4c4; padding: 9px; background: #fff; }
a.hover img { border: 5px solid #c4c4c4; padding: 5px; background: #fff; }

/* Forms */

input, select, textarea { font-family: "Trebuchet MS", Arial, sans-serif; }

/* Misc */

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 960px; }

/* Headings */

h2 { font: 32px "Times New Roman", Times, serif; color: #337cae; }

/* Header */

#header {}
#top-bar { height: 39px; line-height: 39px; padding: 0 5px; color: #656565; background: #191714 url(images/header-bg.gif) no-repeat 0 0; }
#top-bar a { color: #337cae; padding: 0 5px; }
#top-bar a:hover { color: #64c0ff; }
#top-bar .subscribe { float: right; display: inline; }
#top-bar ul li {display:inline; list-style:none;  margin:0 5px 0 0; }
#top-bar ul li ul {display:none;}
h1#logo { height: 84px; background: url(images/logo-bg.gif) repeat-x 0 0; padding: 32px 0 0 29px; }
h1#logo a { display: block; height: 54px; width: 312px; background: url(images/logo.gif) }
#navigation { height: 45px; background: url(images/nav-bg.gif) repeat-x 0 0; }
#navigation ul { list-style: none outside; padding: 8px 0 0 8px; }
#navigation li { float: left; display: inline; height: 29px; line-height: 29px; margin-right: 3px }
#navigation li.last { margin-right: 0; }
#navigation li a,
#navigation li a span { float: left; display: inline; height: 29px; padding-left: 10px; background-position: 0 0; color: #919191; }
#navigation li a span { padding-left: 0; padding-right: 10px;  background-position: right 0; }
#navigation ul.sf-menu li a:hover,
#navigation ul.sf-menu li a:hover span { background-image: url(images/nav-states.gif); text-decoration: none; color: #fff; }
#navigation li a.clicked,
#navigation li a.clicked span { background-position: 0 bottom }
#navigation li a.clicked span { background-position: right bottom; }
#content { background: url(images/content-bg.gif) repeat-y 0 0; padding: 0 0 30px 20px; }

/* Drop Down Menus */

.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:12em;}
.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;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:-10px; top:2.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:-10px; 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:-10px; top:0;}
.sf-menu {float:left; margin-bottom:4px;}
.sf-menu a {text-decoration:none; }
.sf-menu a, .sf-menu a:visited  {color:	#13a;}
.sf-menu li {}
.sf-menu li li {background: url(images/nav-bg.gif) repeat-x 0 0;}
.sf-menu li li li {}
.sf-menu li:hover,  .sf-menu a:hover  {}
#navigation .sf-menu li li a:hover {background:none;}

/* Main Content*/

#main { float: left; display: inline; width: 578px; }
.post { padding: 20px 0 5px; border-bottom: 1px dotted #6e6e6e; }
.post p { padding-bottom: 15px; }
.post .postmetadata { color: #a9a9a9; font-size: 11px; padding-bottom: 10px; } 

.post h2.title { margin-bottom: 10px; }
.post h2.title a { color: #337cae; }
.post h2.title a:hover {color: #6baad3; text-decoration:none;}
.post .postlinks a, .postlinks span { float: left; display: inline; line-height: 32px; padding: 0 10px; font-weight: bold; color: #fff; background: #337cae; margin: 0 10px 15px 0; }
.post .postlinks a:hover { background: #0c5587; text-decoration: none; }
.post h1,.post h2,.post h3,.post h4,.post h5,.post h6 {font-family:"Times New Roman", Times, serif; color: #337cae; margin-bottom:15px; font-weight:normal;}
.post h1 {font-size:36px;}
.post h2 {font-size:32px;}
.post h3 {font-size:28px;}
.post h4 {font-size:24px;}
.post h5 {font-size:20px;}
.post h6 {font-size:16px;}
.post ol, .post ul {margin:0 0 15px 20px;}
.post ol li, .post ul li {line-height:22px;}
.post blockquote {background:#f3f3f3; padding:20px; font-style:italic; margin-bottom:15px; font-size:15px;}
.post blockquote p {padding:0;}
.single-page {border:none;}
.pages{margin-top:10px;}
.pages a {display: inline; padding: 8px 10px; background: #337CAE ; color: #fff; margin:0 10px 0 0; font-size:14px; font-weight:bold; }
.pages a:hover {background: #65a6d1 ; text-decoration:none; }
.page-nav { line-height: 32px; padding-top: 10px; }
.page-nav .links { float: right; display: inline; }
.page-nav .links a { float: left; display: inline; padding: 0 12px; background: #85aac4; color: #fff;margin-left: 5px; }
.page-nav .links a:hover,
.page-nav .links a.active { background: #337cae; text-decoration: none; }
.box-sponsors { padding: 0px 0; border-bottom: 1px dotted #6e6e6e; }
.box-sponsors .head { height: 31px; background: #0c0c0c; padding: 10px 0 0 12px; }
.box-sponsors .h-related-posts { height: 18px; width: 280px; background: url(images/h-related-posts.gif) no-repeat 0 0; }
.box-sponsors .h-our-sponsors { height: 23px; width: 198px; background: url(images/h-our-sponsors.gif) no-repeat 0 0; }
.box-sponsors .wrapper { background: #252525 url(images/box-sponsors-border.gif) repeat-y 271px 0; min-height: 230px; border-top: 1px solid #424242; }
.box-sponsors .column { float: left; display: inline; width: 271px; padding: 0 2px 0 0;  }
.box-sponsors .column ul { list-style: none outside; }
.box-sponsors .column li { background: url(images/from-blog-bg.gif) repeat-x 0 0; height: 31px; line-height: 31px; padding: 0 14px; }
.box-sponsors .column li a { color: #ababab; }
.box-sponsors .column li.last { background: none; }
.box-sponsors .sponsors { float: left; display: inline; width: 263px; padding: 3px; }
.box-sponsors .sponsors a img { background: #181818; border-color: #3f3f3f; }
#comments { padding: 20px 0; }
.comment { padding: 20px 0 5px; height: 100%; border-bottom: 1px dotted #6e6e6e; }
.commentlast {border:none;}
.comment .avatar { float: left; display: inline;  margin-right: 10px; }
.comment .avatar img { padding: 4px; }
.comment .avatar:hover img { padding: 2px; border-width: 3px; }
.comment .text { float: left; display: inline; width: 470px; }
.comment .text p { padding-bottom: 15px; }
.comment .text p strong a { color: #668e33; }
.comment .text p small { font-size: 11px; display: block; }
#post-comment {}
#post-comment h2 { padding-bottom: 23px; }
#post-comment .field { float: left; display: inline; height: 30px; width: 239px; background-repeat: no-repeat; background-position: 0 0; margin-bottom: 10px; }
#post-comment .name { background-image: url(images/name-field.gif)}
#post-comment .mail { background-image: url(images/mail-field.gif)}
#post-comment .website { background-image: url(images/website-field.gif)}
#post-comment .field input { border: 0; background: transparent; margin: 7px 0 0 40px; width: 190px; }
#post-comment label { float: left; display: inline; line-height: 30px; margin-left: 15px; font-size: 11px; color: #717171; }
#post-comment textarea { height: 222px; width: 554px; padding: 10px; font-size: 13px; background: url(images/comment-txtarea.gif) no-repeat 0 0; border: 0; overflow: auto; }
#post-comment .button, input.form-button { display: block; width: 117px; height: 32px; background: #337cae; text-align: center; font-weight: bold; color: #fff; border: 0; margin: 10px 4px 0 auto; }
p.sorry{margin:20px 0; font-size:16px;}
p.approval{background:#ffffc1; padding:10px;}
h2.reply {margin-bottom:20px;}

/* Sidebar */

#sidebar { float: right; display: inline; width: 340px; }
#sidebar .cnt { padding: 20px; height: 100%; }
#search { background: #e1e1e1; padding: 10px; }
#search .field { float: left; display: inline; height: 33px; width: 205px; background: url(images/search-field.gif) no-repeat 0 0; }
#search .field input { border: 0; background: transparent; font-weight: bold; color: #555; margin: 8px 0 0 10px; width: 185px; }
#search .button { float: left; display: inline; height: 33px; width: 115px; border: 0; background: url(images/button-search.gif) no-repeat 0 0; }
#search .button:hover { background-position: 0 bottom; }
#sidebar .head { line-height: 36px; background: #e1e1e1; border-bottom: 1px solid #fff; padding: 0 10px; }
#sidebar .head h2 { font: bold 16px/36px Arial, sans-serif; color: #337cae; }
.rss-feeds { padding: 8px 0 17px 24px;}
.rss-feeds a img { border: 0; padding: 0; background: none; }
.sponsor a { float: left; display: inline; height: 145px; width: 145px; overflow: hidden; margin-bottom: 10px; background: red; }
.sponsor a img { height: 125px; width: 125px; display: block; overflow: hidden; }
.sponsor a.last { margin-bottom: 0; }
.sponsor a.first { margin-right: 10px; }
#tabs {padding:20px; height:100%;}
#tabs .recent ul li a {color:#dedede;}
#tabs .recent ul li a:hover {color:#0d97f5;}
#tabs ul.nav li  { float: left; display: inline; height: 31px; line-height: 31px; background: #838383; padding: 0 10px; color: #efefef; font-weight: bold; margin-right: 2px; }
#tabs ul.nav li:hover,
#tabs ul.nav li.active { background: #252525; text-decoration: none; }
#tabs ul.nav li.active a {color:#fff;}
#tabs ul.nav li a {color:#a9a9a9;}
#tabs ul.nav li a:hover {color:#0d97f5;}
.cnt ul { list-style: none outside; }
.cnt ul li { border-bottom: 1px dotted #6e6e6e; line-height: 29px; }
.cnt ul li.last { border: 0; }
.cnt ul li a { color: #555;}
.from-blog ul { list-style: none outside; }
.from-blog ul li { line-height: 30px; height: 31px; background: url(images/from-blog-bg.gif) repeat-x 0 0; padding: 0 15px; }
.from-blog ul li a:hover { text-decoration: none; color: #0d97f5; }
.social a { float: left; display: inline; margin: 0 12px 12px 0; }
.social a.last { margin-right: 0; }
.social a img { border: 0; padding: 0; background: none; }
.social a:hover img { border: 0; padding: 0; background: none; }
.author a.fl { margin-right: 20px; }
.author .info p { padding-bottom: 15px; }
.author .info a { font-weight: bold; color: #5da107; }
#tags {background: #252525; padding:10px;}

/* Pages */

#page { padding: 15px 0 0 0; }
#page h2 { padding: 0 0 15px 0; }
#page p { padding-bottom: 15px; }

/* Footer */

#footer { line-height: 54px; background: #000; font-size: 11px; color: #494949; padding: 0 20px; }
#footer a { color: #7c7c7c; }

/* Tooltips */
#easyTooltip{z-index:20; font-size:17px; padding:5px; border:1px solid #ccc; background:#4d4d4d; color:#fff; }

/* Wordpress development by Brian Fegter - http://twitter.com/bfegter */