/*
Theme Name: original-2
Theme URI: http://designdisease.com/
Version: 1.0
Author: Elena Gafita
Author URI: http://designdisease.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/


/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { background: #e4e0cc; font: normal 12px "Verdana", sans-serif; margin: 0px; padding: 0px; color:#393b3e; }
input, button, textarea, select {  font: normal 12px/12px "Verdana", sans-serif; color:#2d3538; vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}


a:link { text-decoration: none; color : #2390cf; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #2390cf; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #2390cf; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #993333; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; color:#000; }

#bg { width: 984px; margin: 0 auto; margin-top: 40px; }

.con { width: 984px; float: left; }


/* Header 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header { width: 594px; height: 100px; position: relative; background: #fff; }
.header h1 { font: bold 45px  Century Gothic, sans-serif; letter-spacing: -2px; float: left; padding: 0px; margin: 5px 0 0 0;}
.header h1 a, .header h1 a:visited, .header .LogoText h1 a:hover { color:#2390cf; text-decoration: none; }

.header-date { position: absolute; top: 5px; right: 0px; background: url(images/header-date.png) no-repeat; width: 105px; height: 42px; padding: 10px 10px 10px 30px;}
.header-date .day { font: normal 18px/18px 'Arial'; letter-spacing: -1px; text-transform: uppercase; color:#a1946e; padding-bottom: 10px; padding-top: 2px;}
.header-date .all { font: normal 10px/10px 'Arial'; text-transform: uppercase; color:#a1946e;}

.menu { float: left; width: 594px; padding-bottom: 10px; margin-bottom: 40px; border-bottom: solid 1px #cfcec2;}
.menu ul { border-left: 1px solid #978a8a; float: left;}
.menu li { float: left; padding: 0; border-right: 1px solid #978a8a; letter-spacing: -1px; }
.menu li a, .menu li a:visited { float: left; color: #663333; font: bold 14px/14px 'Arial'; padding: 3px 7px;}
.menu li a:hover { color:#fff; background: #663333; text-decoration: none;}
.menu .current_page_item a, .menu .current_page_item a:visited { color:#fff; background: #663333; text-decoration: none;}


.topmenu { position: absolute; top: -37px; left: 0px;}
.topmenu li { display: inline; font: bold 10px/10px 'Verdana', sans-serif; float: left; }
.topmenu li a { padding-left: 3px; margin-right: 1px; background: url(images/topmenu-left.png) no-repeat left top; float: left;}
.topmenu li a span { padding: 4px 5px 6px 2px; display: block; background: url(images/topmenu-right.png) no-repeat right top; float: right; }
.topmenu li a span { float: none; color: #234669;}
.topmenu li a:hover span { color: #234669;}
.topmenu li a:hover { background-position: 0% -20px; color:#993333; text-decoration: none;}
.topmenu li a:hover span { background-position: 100% -20px; color:#993333;}

.topmenu .current_page_item a { background: url(images/topmenu-left.png) no-repeat left bottom; color:#993333; }
.topmenu .current_page_item a span { background: url(images/topmenu-right.png) no-repeat right bottom; color:#993333; }

/* Side Left 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SL-all { width: 634px; float: left; background: url(images/sl-top.png) no-repeat top; padding-top: 7px;}
.SL { width: 594px; background: #fff url(images/sl-bottom.png) no-repeat bottom; padding: 10px 20px 20px 20px; }


.title { font-size: 26px; line-height: 26px; letter-spacing: -1px;}


/* Post Feature
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post-f { float: left; width: 280px; min-height: 600px; height:auto !important; height:600px; }
.post-f h3 { font-size: 14px; text-transform: uppercase; color:#a4afb4; letter-spacing: -1px; border-bottom: solid 1px #c1cad0; padding:0px 0px 5px 0px; margin: 0px 0px 5px 0px; background:url(images/top-story-ico.png) no-repeat left top; padding-left: 18px;}

.post-f .post-head { border-bottom: solid 1px #e4e3dd; padding-bottom: 10px;}
.post-f .post-head h2 { font-size: 28px; line-height: 28px; letter-spacing: -1px;}
.post-f .post-head h2 a, .post-f .post-head h2 a:visited, .post-f .post-head h2 a:hover { color:#2390cf; text-decoration: none;}
.post-f .post-time { font-size: 9px; font-weight: bold; color:#999; }

.post-f .post-cat { background: #f4f2e9; padding: 3px 5px; font-size: 9px; color:#000;}
.post-f .post-cat a, .post-f .post-cat a:visited, .post-f .post-cat a:hover { color:#000; text-decoration: underline;}

.post-f .post-con { padding: 10px 0px; }
.post-f .post-con p { font: normal 12px/17px 'Verdana'; padding: 5px 0px;}

.post-f .post-det { font-size: 10px; font-weight: bold; }
.post-f .post-det li { display: inline; margin-right: 5px;}
.post-f .post-det .post-com { background: url(images/post-com-ico.png) no-repeat left center; padding-left: 13px; }
.post-f .post-det .post-more { background: url(images/post-more-ico.png) no-repeat left center; padding-left: 10px; }


/* Post Index
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
h3.recent { font-size: 14px; text-transform: uppercase; color:#a4afb4; letter-spacing: -1px; border-bottom: solid 1px #c1cad0; padding:0px 0px 5px 0px; margin: 0px 0px 5px 0px; background:url(images/recent-entries-ico.png) no-repeat left top; padding-left: 18px;}
div.recententries {  float: right; width: 280px; }

.post-i { border-bottom: solid 1px #ced1d3; margin-bottom:15px; padding-bottom:10px; }
.post-i h3 { font-size: 14px; text-transform: uppercase; color:#a4afb4; letter-spacing: -1px; border-bottom: solid 1px #c1cad0; padding:0px 0px 5px 0px; margin: 0px 0px 5px 0px; background:url(images/recent-entries-ico.png) no-repeat left top; padding-left: 18px;}

.post-i .post-head h2 { font-size: 21px; line-height: 19px;  }
.post-i .post-head h2 a, .post-i .post-head h2 a:visited { color:#777; text-decoration: none;}
.post-i .post-head h2 a:hover { color:#2390cf; text-decoration: none;}

.post-i .post-time { font-size: 9px; font-weight: bold; color:#999; }

.post-i .post-cat { padding: 3px 0px; font-size: 9px; color:#999;}
.post-i .post-cat a, .post-i .post-cat a:visited, .post-i .post-cat a:hover { color:#999; text-decoration: underline;}

.post-i .post-con { padding: 5px 0px; }
.post-i .post-con p { font: normal 11px/14px 'Verdana'; padding: 5px 0px;}

.post-i .post-det { font-size: 10px; font-weight: bold; }
.post-i .post-det li { display: inline; margin-right: 5px;}
.post-i .post-det .post-com { background: url(images/post-com-ico.png) no-repeat left center; padding-left: 13px; }
.post-i .post-det .post-more { background: url(images/post-more-ico.png) no-repeat left center; padding-left: 10px; }

/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { padding: 15px 0px;}

.post .post-head { border-bottom: solid 1px #e4e3dd; padding-bottom: 5px;}
.post .post-head h2 { font-size: 26px; line-height: 26px; letter-spacing: -1px;}
.post .post-head h2 a, .post .post-head h2 a:visited, { color:#000033; text-decoration: none;}
.post .post-head h2 a:hover { color:#993333; text-decoration: none;}

.post .post-head h3 { font-size: 26px; line-height: 26px; letter-spacing: -1px; font-weight: normal;}
.post .post-head h3 a, .post .post-head h3 a:visited, .post .post-head h3 a:hover { color:#000033; text-decoration: none;}
.post .post-head h3 a:hover { color:#993333; text-decoration: none;}

.post .post-time { font-size: 10px; font-weight: bold; color:#999; }

.post .post-cat { padding: 3px 0px; font-size: 11px; color:#666;}
.post .post-cat a { color:#666; text-decoration: underline;}

.post .post-con { padding: 5px 0px; }
.post .post-con p { font: normal 12px/18px 'Verdana'; padding: 5px 0px;}
.post .post-con img { margin-bottom: 10px; }
.post .post-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post .post-con ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post .post-con ul { padding: 5px 0px; margin: 0px; }
.post .post-con ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url(images/content-li.gif) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post .post-con blockquote { padding: 10px; margin: 0px; color:#333; background: #f2f2f2;}
.post .post-con blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 17px;}
.post .post-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}

.post .post-det { font-size: 10px; font-weight: bold; }
.post .post-det li { display: inline; margin-right: 5px;}
.post .post-det .post-com { background: url(images/post-com-ico.png) no-repeat left center; padding-left: 13px; }
.post .post-det .post-more { background: url(images/post-more-ico.png) no-repeat left center; padding-left: 10px; }


/* Post Page
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post-page { padding: 15px 0px;}
.post-page h2 { font-size: 26px; line-height: 26px; letter-spacing: -1px; font-weight: normal; padding-bottom: 10px;}
.post-page { font: normal 12px/18px 'Verdana'; }
.post-page p { font: normal 12px/18px 'Verdana'; padding: 8px 0px;}




/* Comment List
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
.com-list {}
.com-list h3 { font-size: 19px; font-weight: normal; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #ccc; letter-spacing: -1px;}

.com-entry { background: url(images/com-top.png) no-repeat left top; margin-bottom: 20px; }
.com-entry-bot { background: url(images/com-bottom.png) no-repeat left bottom; padding: 10px 0px;}

.com-con { padding: 10px 110px 10px 20px; font-size: 12px; line-height: 17px; border-left: solid 1px #ccc; border-right: solid 1px #ccc; position: relative;}
.com-name { font: bold 14px/14px 'Arial'; letter-spacing: -1px;}
.com-avt { position: absolute; top: 10px; right: 20px; }
* html .com-avt { right: 45px;}
.com-avt img { border: 1px solid #ccc;}
.com-date { font-size: 11px; color: #999; margin-bottom: 10px; }
.com-date a, .com-date a:visited, .com-date a:hover { color: #999; text-decoration: underline; }


/* Comment Form
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */		
.com-form { background: url(images/com-form-top.png) no-repeat left top; padding-top: 10px; }
.com-form-bottom { background: #ededed url(images/com-form-bottom.png) no-repeat left bottom; padding: 10px 20px 20px 20px;}

.com-form h3 { font-size: 19px; font-weight: normal; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #ccc; letter-spacing: -1px;}
.com-form p { padding: 0px;}
.com-form label { display: block; padding: 6px 0px; font-size: 11px;}
.com-form a { color: #cccccc; text-decoration: underline; }
.com-form input { background: #fff; border: 1px solid #999; padding: 4px; margin-right: 10px; font-size: 12px; }
.com-form textarea { background: #fff; border: 1px solid #999; padding: 4px; margin-right: 10px; }
.com-form textarea { width: 250px; height: 120px; margin-right: 0; }
.com-form button { cursor: pointer; display: block; width: 102px; height: 24px; background: #faf9f6 url(images/post-comment.png) no-repeat; border: none; text-indent: -1000em;}




/* Side Right 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR-all { width: 340px; float: right; background: #663333 url(images/sr-bottom.png) no-repeat bottom; padding-bottom: 5px;}
.SR { width: 320px; float: right; background: url(images/sr-top.png) no-repeat top; padding: 10px 10px 0px 10px;}

.SR h3 { padding: 0px; margin: 0px;}
.SR a, .SR a:visited { color:#fff; text-decoration: none; }
.SR a:hover { color:#ffffcc;}

.SR .syn-all { background: #fce8b4 url(images/syn-top.png) no-repeat top; margin-bottom: 10px;}
.SR .syn { background: url(images/syn-bottom.png) no-repeat bottom; padding: 10px;}
.SR .syn h3 { color:#4d1d11; font-size: 18px; letter-spacing: -1px; text-transform: lowercase; border-bottom: solid 1px #d9caa3; padding: 0px 0px 5px 0px; margin-bottom: 5px; }
.SR .syn ul { background: url(images/ul-rss.png) no-repeat left; padding-left: 30px;}
.SR .syn li { padding: 1px 0px; font-size: 10px;}
.SR .syn li a, .SR .syn li a:visited { color:#003366; text-decoration: underline;}
.SR .syn li a:hover { color:#000033;}

.SR .search-all { background: #f6d681 url(images/search-top.png) no-repeat top; margin-bottom: 10px;}
.SR .search { background: url(images/search-bottom.png) no-repeat bottom; padding: 10px; overflow: hidden;}
.SR .search h3 { color:#4d1d11; font-size: 18px; letter-spacing: -1px; text-transform: lowercase; padding-bottom: 5px;}
.SR .search input { border: solid 1px #dfbf69; background: #fff; padding: 5px; font: normal 12px/14px 'Verdana';}
.SR .search button { background: none; border: none; padding: 0px; margin: 0px; width: 58px; height: 26px;}

.SR .photo-all { background: #3399cc url(images/photo-top.png) no-repeat top; margin-bottom: 10px;}
.SR .photo { background: url(images/photo-bottom.png) no-repeat bottom; padding: 10px; overflow: hidden;}
.SR .photo h3 { color:#fff; font-size: 18px; letter-spacing: -1px; text-transform: lowercase; padding-bottom: 10px;}
.SR .photo li { list-style-type: none; display: inline; padding: 0px; margin: 0px 8px 8px 0px; border-bottom: none;}
.SR .photo li a img { border: solid 4px #046291; width: 44px; height: 44px;}
.SR .photo li a:visited img { border: solid 4px #046291; width: 44px; height: 44px;}
.SR .photo li a:hover img { border: solid 4px #5cb7e5;}

/* Recent
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .recent-all { background: #a57360 url(images/recent-top.png) no-repeat top; margin-bottom: 10px; color:#fff;}
.SR .recent { background: url(images/recent-bottom.png) no-repeat bottom; padding: 10px; font-size: 11px; }
.SR .recent .tabs { padding-bottom: 10px; border-bottom: solid 1px #bf8f7c; width: 300px; float: left; }
.SR .recent .tabs li { display: inline; font: bold 12px/12px "Arial", sans-serif; float: left; }
.SR .recent .tabs li a { padding: 0px 0px 0px 2px; margin-right: 5px; background: url(images/tab-left.png) no-repeat left top; float: left;}
.SR .recent .tabs li a span { padding: 4px 9px 5px 6px; display: block; background: url(images/tab-right.png) no-repeat right top; float: right; }
.SR .recent .tabs li a span { float: none; color: #fff;}
.SR .recent .tabs li a:hover span { color: #3b98d2;}
.SR .recent .tabs li a:hover { background-position: 0% -21px; color:#fff; text-decoration: none;}
.SR .recent .tabs li a:hover span { background-position: 100% -21px; color:#fff;}
.SR .recent .tabs li .on { background: url(images/tab-left.png) no-repeat left bottom; color:#fff; }
.SR .recent .tabs li .on span { background: url(images/tab-left.png) no-repeat right bottom; color:#fff; }

.SR #r-tags { display: none; font-family: "Trebuchet MS"; line-height: 20px;}
.SR #r-posts li { padding: 3px 0px; border-bottom: solid 1px #bf8f7c;}
.SR #r-com { display: none; }
.SR #r-com li { padding: 3px 0px; border-bottom: solid 1px #bf8f7c;}


/* Adv - Google
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .adv-all { background: #a57360 url(images/recent-top.png) no-repeat top; margin-bottom: 10px;}
.SR .adv { background: url(images/recent-bottom.png) no-repeat bottom; padding: 10px; }


/* Adv - Square
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .square-all { background: #a57360 url(images/recent-top.png) no-repeat top; margin-bottom: 10px;}
.SR .square { background: url(images/recent-bottom.png) no-repeat bottom; padding: 20px; }

/* Widget */
.SR .widget-box { background:#a57360 url(images/recent-top.png) no-repeat top; margin-bottom: 10px;}
.SR .widget { background: url(images/recent-bottom.png) no-repeat bottom; padding: 10px; }
.SR .widget h3 { color:#4d1d11; font-size: 18px; letter-spacing: -1px; text-transform: lowercase; padding-bottom: 5px;}
/* Extra 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.ex-all { width: 634px; float: left; background:#663333 url(images/ex-top.png) no-repeat top; padding-top: 7px; margin: 10px 0px;}
.ex { width: 594px; float: left; color:#aabacb; background: url(images/ex-bottom.png) no-repeat bottom; padding: 13px 20px 20px 20px; }
.ex a, .ex a:visited { color:#dddfae; text-decoration: none;}
.ex a:hover { color:#fff; text-decoration: none;}

.ex .panel { float: left; width: 180px;}
.ex .panel h3 { color:#fff; font-size: 18px; font-weight: normal; text-transform: lowercase;}
.ex .panel ul { border-top: solid 1px #714d4d;}
.ex .panel li { font-size: 11px; border-bottom: solid 1px #714d4d; padding: 4px 0px;}



/* Footer 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { width: 1024px; color:#756457;  height:40px; }
.footer p { font-size: 9px; padding-left: 20px; padding: 10px; margin: 0px; }
.footer p a, .footer p a:visited, .footer p a:hover { color:#756457; text-decoration: underline;}