/*
Theme Name: Brownsuit (ABDC)
Author: Alexia Bautista
Author URI: http://alexiabautista.com
*/

/* Import Stylesheets
-----------------------------------------------------------*/
/*-- @import url("stylesheets/master.css"); --*/
@import url("functions/stylesheets/style-options.php");
@import url("stylesheets/reset.css");

/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }

/* Body, Alignment & Links 
------------------------------------------------------------ */
body { 
	background: url(images/bg_bluespecks.png) repeat top left; color: #555; font-family: "Georgia", serif; font-size: .9em; line-height: 1.8em; }
p { 
	font-size: 100%; }
a:link, 
a:visited { /* burnt orange */
	color: #e99d53; }
a:hover { 
	color: #555; text-decoration: none; }
.alignright { 
	margin: 0 0 10px 15px; }
.alignleft { 
	margin: 0 15px 10px 0; }
img.alignleft {
	float:left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #ddd; }
img.alignright {
	float:right; margin: 0 0 10px 10px; padding: 5px; border: 1px solid #ddd; }
.noborder { 
	background: none; border: none; padding: 0; }
.wp-caption p { /* dark blue */
	color: #3f4d78; }

/* COLOUR LEGEND 
-------------------- */
.orange 	{ color: #e99d53; }
.darkblue { color: #3f4d78; }
.grey			{ color: #ddd; }
.darkgrey	{ color: #555; }
.peach 		{ color: #fcfce7; }
.white 		{ color: #fff; }
.twitterblue { color: #437bb5; }

/* BASIC STRUCTURE
------------------------------------------------------------ */
#headwrap { 
	background: url(images/bg_brownblue2.png) top left repeat-x; height: 372px; margin:0; padding-top: 25px; }
#wrapper { 
	background: transparent; margin: 0 auto; text-align: left; width: 960px; }
#content { 
	float: left; margin-bottom: 10px; width: 590px; }
#sidebar {
	float: right; margin-bottom: 10px; width: 350px; }
#footer { 
	border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; clear: both; padding: 20px; }
.clear:after, 
li.comment:after, 
#sidebar ul li:after { 
	clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div.skip-content { 
	display: none; }


/* HEADER TITLES
---------------------------------------*/
#header { 
	background: transparent url(images/AB_logowhite150.png) top left no-repeat; height: 150px; }
h1#title, 
div#title { 
	float: left; font-size: 4em; font-weight: normal; letter-spacing: -2px; 
	margin: 95px 0 10px 60px; position: relative; text-transform: capitalize; }
h1#title a:link, h1#title a:visited, 
h1#title a:hover, div#title a:hover {  
	color: #fff; text-decoration: none; }
div#title a:link, div#title a:visited { 
	color: #fff; }
h2, h3, h4 { 
	color: #51515e; font-weight: bold; margin-bottom: 12px; }
h2 { 
	font-size: 180%; }
h3 { 
	font-size: 140%; }
h4 { 
	font-size: 100%; font-family: Geneva, sans-serif; font-weight: normal; 
	border-bottom: 1px dashed #ddd; color: #aaa; text-transform: uppercase; }

/* NAVIGATION
---------------------------------------*/
#navigation { 
	font-size: 130%; margin: -15px 0 40px 0; }
#nav, 
#nav ul { 
	float: right; position: relative; }
#nav a { 
	border: 1px solid transparent; color: #bca189; display: block; 
	font-style: italic; margin: 5px 10px 10px 10px; text-transform: lowercase; text-decoration: none; }
#nav li:hover a { 
	color: #e99d53; }
/* NAV - dropdowns 
----------------------*/
#nav li { 
	float: left; }
#nav ul { 
	font-weight: normal; left: -999em; position: absolute; width: 100px; z-index: 99999;  margin-left: -10px; }
#nav li li { 
	background: #fff; border-width: 0 1px 1px 1px; border-color: #fff; border-style: solid; width: 130px;}
#nav li li a { 
	color: #e99d53; }
#nav li ul ul { 
	margin-left: 250px; }
#nav li li:hover { /*dropdown highlight*/
	background: #fff; } 
#nav li ul li:hover a, 
#nav li ul li li:hover a, 
#nav li ul li li li:hover a, 
#nav li ul li li li:hover a { 
	color: #3b332c; }
#nav li.sfhover a { 
	color: #e99d53; }
#nav li:hover li a, 
#nav li li:hover li a, 
#nav li li li:hover li a, 
#nav li li li li:hover li a { 
	color:#e99d53; }
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul, 
#nav li.sfhover ul ul ul ul { 
	left:-999em; }
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul, 
#nav li li li li.sfhover ul { 
	left:auto; }
#nav li:hover, 
#nav li.sfhover { 
	color: #e99d53; }
#nav li.current_page_parent a, 
#nav li.current_page_ancestor a, 
#nav li.current-cat-parent a, 
#nav li.current-cat a, 
#nav li.current_page_item a  { 
	color: #fff; }

/* POST-BOX styling
-------------------------------------- */
.post-box {
	padding: 20px; }
/* Twitter */
.post-box.twitter {
	background: rgba(255, 255, 255, 0.7) url(images/twitterbird.png) bottom left no-repeat; border: 3px solid #fff;
	font-family: "Georgia", serif; line-height: 1.5em; min-height: 75px;  
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;	}
#twitter_update_list {
	font-size: 110%; font-family: "Georgia", serif; line-height: 1.4em; font-style: italic; padding-left: 60px; 
	list-style-type: none; list-style-position: inside; }
h4.twitter, a:link.twitterblue, a:visited.twitterblue { 
	color: #437bb5; }
	h4.twitter { text-transform: none; } 

.post-box, 
.alert-box { 
	background: #fff; margin-bottom: 20px; 
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.post-box.transparent {
	background: transparent; border: 3px solid #fff; }
.alert-box .entry { 
	padding: 10px 0; }

/* POST-BOX : headers
---------------------------------------*/
.post-header h1 a:link, 
.post-header h1 a:visited, 
.post-header h2 a:link, 
.post-header h2 a:visited  { 
	color: #000; }
.post-header h1 a:hover, 
.post-header h2 a:hover { 
	color: #555; text-decoration: none; }
.post-box a:hover {
	color: #555; }
.post-box ul.recentposts,
.post-box ul.email {
	font-size: 120%; }
	
/* POST-BOX : archives heat map 
---------------------------------------*/
ul.heatmap {
	margin:0; padding:10px 0 30px 0; }
ul.heatmap li {
	margin:0; padding:0; display:inline; }
ul.heatmap a:hover { 
	color: #555; text-decoration: none; }

/* POST-BOX: meta
---------------------------------------*/
.meta { 
	color: #ccc; font-weight:normal; padding: 10px 20px 0 0; text-transform: lowercase; }
.alert-box .meta { /* peach */
	background: #fcfce7; }
.meta span { 
	color: #aaa; }
.meta a:link, 
.meta a:visited { 
	color: #666; }
.meta a:hover { 
	color: #555; }

/* POST-BOX : tags
---------------------------------------*/
div.tags { 
	background: url(images/tags.png) no-repeat 0 1px; margin: 10px 0 20px 0 ;padding-left: 25px; }
div.tags a { background: #f9f9f9; color: #aaa; font-style: italic; padding: 3px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div.tags a:hover { background: #eee; color: #555; }

/* POST-BOX : entry
---------------------------------------*/
.entry { 
	}
.entry a:link, 
.entry a:visited, 
.alert-box a:link, 
.alert-box a:visited { 
	text-decoration: none; }
.entry a:hover, 
.alert-box a:hover { 
	text-decoration: none; }
.entry p { 
	margin-bottom: 10px; }
.entry p.notice { 
	background-color: #fffbcc; border: 1px solid #f8f4c7; padding: 15px; }
.entry h2, 
.entry h3, 
.entry h4 { 
	font-weight: normal; padding: 20px 0 15px 0; }
.entry h3, p
.entry h4 { 
	padding: 15px 0 10px 0; text-transform: uppercase; }
/* blockquote and code styling 
----------------------------------------*/
pre {
  margin: 10px 0; padding: 1em 10px; overflow: auto; background-color: #f3f3f3; color: #555; }
code { 
  padding: 2px 3px; font-family: "Courier New", sans-serif; background-color: #f3f3f3; color: #555; }
pre code { 
	}
blockquote {
  margin: 20px 0; padding: 10px;
  font-style: italic; font-size: 130%; background: #fafafa; color: #aaa; }
.entry ul, .c-body ul { 
  margin: 0 0 10px 20px; list-style-type: disc; }
.entry ul li, .c-body ul li { 
	margin: 10px 0 0 0; }
.entry ol, .c-body ol { 
  margin: 0 0 15px 20px; list-style-type: decimal; }
.entry ol li, .c-body ol li { margin: 10px 0 0 0; }
.entry ol li ol li, .c-body ol li ol li { 
  list-style-type: lower-roman; }
p.note {
  float: left; margin: 20px 0 0 30px; font-style: italic; color: #777; }

/* PORTFOLIO 
--------------------------*/
.portfolio { 
	float: left; margin: 0 10px 10px 0; }
.portfolio img { 
	border: 1px solid #ccc; max-height: 130px; padding: 5px; }
.caption2 { 
	width: 100px; }

/*Post Footer
---------------------------------------*/
div.post-footer { 
	border-top: 1px dashed #eee; font-size: 80%; line-height: 1.5em; padding-top: 5px; width: 100%; }
div.comments {   
	width: 110px; position: relative; }
div.comments a, 
div.comments div {   
	background-color: #fff; border-bottom: 1px solid #eee; border-right: 1px solid #eee; display: block; float: left; height: 40px; text-align: left; width: 80px; }
div.comments a strong, 
div.comments div strong { 
	color: #888; font-weight: bold; left: 36px; line-height: 30px; top: 5px; opacity: .7; position: absolute; }
div.comments a:hover strong { 
	opacity: 1; color: #555;  }
/*date and category*/
div.category { 
	border: none; color: #ccc; float: right; max-width: 400px; text-align: right; text-transform: uppercase; }
div.category a { 
	color: #e99d53; }
div.category a:hover, 
div.tags a:hover { 
	color: #555; text-decoration: none; }

/* PAGINATION : Older / Newer
---------------------------------------*/
.pagination {
	}
.pagination div a:link, .pagination div a:visited { 
	border: 1px solid #dedede; background: #c8dae0; color: #555; padding: 5px 10px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
/*rgba pagination and comment links
---------------------------------------*/
.pagination div a:link, .pagination div a:visited, div.comment-number span a:link, div.comment-number span a:visited {
  text-decoration: none; }
.pagination div a:hover, div.comment-number span a:hover { 
	border: 1px solid #dedede; background: #bed0d7; color: #555; }


/* ARCHIVES : list
---------------------------------------*/
img.archive-comment {
  float: right; margin: 0 30px 10px 0; }
div.entries { 
  margin: 30px 0; }
.entries ul {
  clear: both; margin: 0; border-bottom: 1px solid #dedede; }
.entries ul li {
	border-top: 1px solid #dedede; }
.entries ul li a {
  background: #fafafa; display: block; margin: 0; padding: 7px 0; }
.entries ul li a:hover {
  background-color: #fff; text-decoration: none; }
.entries span {
  display: block; text-align: right; }
.entries span.archdate, .entries a:hover span.archdate  {
  float: left; margin-right: 3em; padding-left: .5em; width: 3em; color: #888; }
.entries span.comments_number {
  float: right; margin-right: 30px; width: 3em; color: #999; } 

/*Sidebar
------------------------------------------------------------ */
#sidebar li {
	}
#sidebar-image, 
#sidebar .widget {
	background: #fff; padding: 20px; margin-bottom: 20px; 
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
	}
#sidebar-image { 
  line-height: 0; margin-bottom: 10px; padding: 10px; }
#sidebar-image { 
	} 
#sidebar-image p { 
	margin-bottom: 15px; line-height: 1.6em; }
#sidebar .widget { 
	margin-bottom: 20px; }
#sidebar h2.widgettitle { 
	color: #90a28c; letter-spacing: -1px; text-align: left; }
/*#sidebar a { 
	color: #e99d53; padding: 3px; }
#sidebar a:hover  { 
	background: #fff9e0; color: #555; }*/
#sidebar ul li.widget ul { 
	/*margin: 0 10px 20px 10px;*/ }
#sidebar ul li.widget ul li ul { 
	margin-left: 5px; }
#sidebar ul li.widget ul li { 
	padding: 7px 0 0 0; }
#sidebar ul li.widget ul li ul li { 
  margin-left: 5px; padding-top: 3px; }
#sidebar ul li.widget ul#recentcomments li a {
  background: none; }
#sidebar div.textwidget { 
	margin: 20px 10px; }
#sidebar li.widget div.textwidget ul { 
	}
#sidebar div.textwidget p { 
	margin: 10px 0; }
#sidebar div#calendar_wrap { 
	color: #ddd; margin: 20px 10px; }
#sidebar table#wp-calendar { 
	width: 251px; }
#sidebar table#wp-calendar caption { 
	color: #3f4d78; font-weight: bold; text-align: left; padding-bottom: 10px; }
#sidebar li.widget_tag_cloud div, 
#sidebar li.widget_search form, 
#sidebar li.widget_akismet div#akismetwrap, 
#sidebar li.widget select { 
	margin: 20px 30px; }
	
/* SOCIAL ICONS ---------------------- */
.iconic { background: transparent; padding:0; margin: 0;}
.iconic img, .iconic img a { border: none; padding: 0; margin-right:5px; } 


/* SEARCH : input box
---------------------------------------*/
#search_form input { 
  background: #fff; border: 2px solid #ccc; border-bottom: 1px solid #eee; border-right: 1px solid #eee; color: #555; 
  font-family: "Georgia", serif; font-size: 1.6em; font-style: italic; font-weight: normal; padding: 5px 2px; width: inherit; }
#search_form input:focus { 
	background: #efefef; }
#search_form input#searchsubmit { 
	padding: 2px 5px; }
/* SEARCH : focus and submit
---------------------------------------*/
#search_form input#s {  
	background: #fafafa; color: #ccc; font-size: 1.6em; padding: 5px; width: 96%; }
#search_form input#s:focus { 
	background: #fff; color: #555; }
#search_form input#searchsubmit { 
	margin: 0 0 0 5px; }


/* COMMENTS
--------------------------------------------- */
/* Top - # of Comments and Leave Comment button
----------------------------------------------*/
div#comments { 
	margin-bottom: 20px; }
div.comment-number { 
	clear: both; }
div.comment-number h3 {
	color: #fff; }
div.comment-number span a:link, 
div.comment-number span a:visited { 
	color: #e99d53; float: right; font-size: 150%; padding: 3px 8px; 
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
div.comment-number span a:hover {
	color: #555; }
/* COMMENTS : Body
--------------------------*/
.comment-box { 
  border: 3px solid #fff; margin: 5px 0; padding: 20px; background: rgba(255, 255, 255, 0.6) ;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
ul.children { 
	clear: both; margin: 10px 0 0 96px; }
/* COMMENTS : Gravatars 
--------------------------*/
div.c-grav {
	float: left; margin: 10px 0; width: 50px; }
div.c-grav img { 
	border: 3px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div.c-body { /* the actual comment text */ 
	float: right; width: 480px; }
ul.children div.c-body { 	
	width: 428px; }
ul.children ul.children div.c-body { 
	width: 328px; }
div.c-body p, div.c-body span.c-permalink {  
	margin: 10px 0; }
/* COMMENTS : basic header 
---------------------------*/
.c-head  { 
  border-bottom: 1px dashed #fff; color: #555; 
  font-weight: bold; text-align: right; text-transform: lowercase; }
.c-head span,
.c-head a:link, .c-head a:visited,
.c-head a:hover { 
  color: #555; text-decoration: none; }
div.reply, 
div.cancel-comment-reply { 
	float: right; }
div.reply { 
	padding: 10px 0; }
div.reply a:link, div.reply a:visited { 
	color: #777; font-size: .9em; text-transform: capitalize; }
div.reply a:hover { 
	color: #13293e; text-decoration: none; }
/* COMMENTS : admin header 
---------------------------*/
.c-head.admin-comment { 
	border-bottom: 1px dashed #fff; color: #437bb5; font-weight: bold; text-transform: lowercase;  }
.c-head.admin-comment span,
.c-head.admin-comment a:link, 
.c-head.admin-comment a:visited,
.c-head.admin-comment a:hover { 
	color: #437bb5; font-weight: bold; }

/* LEAVE COMMENT form
---------------------------------------*/
div#respond { 
	color: #9fafb5; font-size: 120%; background: rgba(255, 255, 255, 0.6); border: 3px solid #fff; clear: both; margin-bottom: 30px; padding: 20px; 
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
h5#postcomment { 
	color: #9fafb5; font-size: 160%; float: right; letter-spacing: -1px; margin-bottom: 20px;  }
form#commentform { 
	clear:both; }
form#commentform label.comment-field { 
	display: block; margin: 10px 0 5px 0; }
form#commentform label span { 
	color: #999; }
input.text-input, form#commentform textarea { 
	font-size: 110%; width: 490px; padding: 5px; border: 1px solid #fff; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
input#author, input#email, input#url { 
	width: 350px; }
form#commentform input#submit {
	padding: 5px; width: 150px; }
div#comments-rss {  
	}
div#comments-rss a { 
	display: block; color: #e99d53; padding: 0 0 0 21px; text-decoration: none; background: url(images/rss-small.png) top left no-repeat; }
p.subscribe-to-comments, p.comments-rss { 
	}
p.comments-rss a { 
	padding: 0 0 0 19px; background: url(../images/feed-icon.png) no-repeat 0 .15em; }
.submitbutton { 
	color: #e99d53; font-size: 100%; text-transform: uppercase; 
	background: #fff; height: 40px; width: 100px; margin: 20px 0; border: none; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* COMMENTS : Pingbacks/Trackbacks
---------------------------------------*/
h3.pinghead { 
	color: #555; margin-top: 10px; }
ol.pinglist { 
	list-style-type: decimal; list-style-position: inside; margin-left: 20px; }
ol.pinglist a {
	color: #555; }
ol.pinglist a:hover {
	text-decoration: underline; }

/* FOOTER
---------------------------------------*/
/* Footer Columns
#footer div.widget { 
	float: left; height: inherit; margin-left: 20px; position: relative; width: 150px; }
#footer div.widget_tagcloud { 
	padding-right: 20px; width: 550px; }
#footer img { 
	background: #fff; border: 1px solid #eee; padding: 10px; }
#footer div:first-child { 
	margin: 0; }
#footer div.widget h2 { 
	color: #555; margin: 0 0 10px 3px; }
#footer div.widget p , 
#footer a { 
	font-size: 100%; line-height: 1.8em; margin: 0 0 15px 0; }
#footer a:link, 
#footer a:visited { 
	color: #e99d53; padding: 3px; }
#footer a:hover  { 
	background: #fff9e0; color: #555; }
---------------------------------------*/
/* Copyright
---------------------------------------*/
#copyright { 
	border-top: 2px solid #fff; color: #fff; clear:both;  height: 30px; 
	margin: 20px 0 20px 0; padding-top: 5px; }
#copyright a:link, 
#copyright a:visited { 
	color: #fff; }
#copyright a:hover { 
	color: #555; text-decoration: none; }
.copyright-notice {
	float: left; }
.copyright-wordpress {
	float: right; }