/*
Theme Name: Ergun Tercan Custom Theme
Theme URI: http://erguntercansalon.com
Description: Custom theme, built on Starkers: The totally nude Wordpress theme. Phwoar! (Based on Twenty Ten)
Version: 3.0
Author: Jason Ackerman
Author URI: http://madlabmg.com
Tags: starkers, naked, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. */

body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; color: #fff; }
a:link, a:visited { color: #d82129; text-decoration: none; border: none; }
a:hover, a:active { border-bottom: 1px dotted white; }


ul.partner-logos li div.textwidget a:hover{ border-width: 0 !important; }

#header h1 { text-indent: -9999px; height: 0; }

#content h2 { font-size: 1.35em; text-transform: uppercase; font-weight: normal; margin: 0; padding: 0; color: #d82129;}

#content h2.tk-brevia { font-size: 1.75em; color: #fff;}

#content h3 { margin: 5px 0; }

#content p { line-height: 1.75em; margin: 5px 0; }

ul.nav_menu { width: 247px; }
ul.nav_menu li { font-family: "brevia-1","brevia-2",sans-serif; list-style-type: none; margin: 0 0 10px 0; height: 26px; width: 247px; background: #000 url(style/images/menu_bg.png) repeat-y; padding: 8px 0 0 10px; }
ul.nav_menu li a { font-size: 14px; text-transform: uppercase; color: #fff; height: 26px; width: 247px; display: block; }
ul.nav_menu li a:hover, ul.widget-area li a:hover { color: #f00; border: none;}

#footer { font-size: 11px; }
#footer p { padding: 10px 0; }

ul.footer-menu li { display: inline; margin: 0 5px; }

div#sidebar h3.widget-title { font-family: "brevia-1","brevia-2",sans-serif; font-size: 16px; font-weight: normal;}

ul li { line-height: 1.75em; }

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


body { background: #000 url(style/images/background.jpg) repeat; color: #fff; }

#container { width: 960px; height: 100%; min-height: 100%; background: #000; min-height: 800px; margin: 0 auto;}

#header { width: 100%; height: 110px; background: #000 url(style/images/head_logo.png) no-repeat; margin-bottom: 15px; }

a.home_link { display: block; text-indent: -9999px; width: 300px; height: 110px; float: left;}
a.home_link:hover { border: none; }

a.book_link { display: block; text-indent: -9999px; width: 300px; height: 50px; float: right; background: transparent; }
a.book_link:hover { border: none; }

#sidebar { width: 305px; min-height: 400px; float: left; padding-left: 15px;}

#content { width: 590px; min-height: 400px; float: right; padding: 0 25px; text-align: justify;}

#footer { width: 100%; height: auto; clear: both; padding-top: 25px; background: #000 url(style/images/foot_bg.png) repeat-x; text-align: center; }

ul.footer-menu, ul.partner-logos { clear: both; margin: 0 auto; height: auto; width: 850px;}
ul.partner-logos li { float: left; width: 140px;}
ul.partner-logos li div.textwidget a img { width: 138px; }

#socialLinksContainer a img { width: 45px; height: 45px;}

#top_call { width: 400px; float: right; height: 110px; text-align: right; margin-right: 15px;}
span.map-pin { font-size: 11px; }
#top_call h2 { text-indent: -9999px; background: url(style/images/top_callout.png) top right no-repeat; height: 47px;}

/* Blog */

.post { padding-bottom: 20px; border-bottom: 1px dotted white; }
.post_meta { font-size: 12px; margin-top: 15px; }
.author_meta { font-size: 12px; font-style: italic; }
.comment_box { border-top: 1px dotted white; padding: 10px 0; margin: 10px 0; }
ol.comment_list li { padding: 10px; border: 1px solid white; margin: 10px 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.form-allowed-tags { display: none; }
#commentform p input, #commentform p textarea{ display: block; }