/*
Theme Name: ePolk
Author: ePolk.com
Author URI: http://epolk.com
Version: 1.0.0
Description: Custom theme for Wordpress
*/

/* Universal Styles */
body { color:#fff; font:14px/20px 'Open Sans', sans-serif; background:#000; background-image:url('images/bckgnd.jpg'); background-repeat: repeat-y; background-position: left top; }
a { color:#FFDD00; }

/* Header */
#header { background:#000; }
.logo { background:url('/wp-content/uploads/epolk-logo.png') no-repeat; width:220px; height:70px; margin:10px; }
#content header h1 { font-style:italic; }
#content header h1:after { content:"..."; }

/* Main Menu */
.nav, .btn-link, .popup-holder .open { background:#CC0000; padding-left:200px !important; }
#nav { font-size:14px; line-height:25px; font-weight:bold; }
#nav li { margin-right:3%; }
#nav a { color:#fff; padding:0 23px; }
#nav a:hover { color:#bbb; text-decoration:none; }

/* Sub Menu */
#nav .drop ul { width:200px; padding:1px 21px 8px; background:#333; }
#nav .drop a { color:#fff; }

/* Flash Header */
#epolk-e { background:#fff; height:100px !important; }

/* Content */
#main { padding:0 !important; }
.main-holder { background:none; max-width:100%; padding:0 !important; }
#content { display:inline-block; width:70%; padding:30px 50px; }
#sidebar { display:inline-block; width:30%; max-width:180px; float:left; background:#CC0000; padding:30px 10px; }
#sidebar label { display:none; }
#sidebar select, #sidebar option { max-width:100%; font-size:10px; height:26px; }
#sidebar option { font-size:10px; height:20px;}

/* Contact Form */
.wpcf7-form { max-width:100%; width:100%; }
.wpcf7-form input { border:0; padding:10px 1.5% !important; width:97%; }
.wpcf7-form textarea { border:0; padding:1.5%; height:70px; width:96.5%; }
.wpcf7-form input[type="submit"] { width:100px; color:#fff; background:#555; border-radius:3px; text-transform:uppercase; font-size:14px; font-family:"Open Sans", Arial; }
.wpcf7-form input[type="submit"]:hover { cursor:pointer; background:green; loat:left; }
.sweetcaptcha { float:left; width:350px; margin-right:20px !important; }

/* Post Archives */
.type-post { margin-bottom:30px !important; padding-bottom:20px !important; border-bottom:1px solid #444; display:block; }
.type-post:nth-child(5) { border-bottom:none !important; }
.type-post .info { color:#999; }
.type-post .content { color:#eee; }
.type-post h2 { margin:0 }
.title h2 a { color:#f0f0f0; line-height:22px; }
.type-post .meta { display:none; }
.type-post .attachment-post-thumbnail { float:left; margin-right:10px; width:150px; }

/* Category Archives */
.post-archive .post { margin-bottom:30px !important; padding-bottom:20px !important; border-bottom:1px solid #444 !important; display:block; }
.post-archive .info { color:#999; }
.post-archive .content { color:#eee; }
.post-archive h2 { margin:0 }
.post-archive .title h2 a { color:#f0f0f0; line-height:22px; }
.post-archive .type-post .meta { display:none; }
.post-archive .type-post .attachment-post-thumbnail { float:left; margin-right:10px; width:150px; }

/* System Status */
.system-status { background:#000; padding:10px 10px 15px; margin:10px 0; border-radius:5px; color:#fff; text-align:center; }
.system-status h3 { border:1px solid #ccc !important; background:green; color:#fff; font-size:13px; font-style:normal; font-weight:bold; padding:5px 0; border-radius:5px; margin:0 -15px 10px ; }

/* Widgets */
#sidebar h3 { border-bottom:1px dotted #ccc; padding-bottom:5px; }
#sidebar a { color:#fff; }

/* Widgets - Post List */
#sidebar .widget { margin-bottom:20px; }
#sidebar .widget_recent_entries_from_category li { list-style-type:none; list-style-position:outside; margin-bottom:10px; }

/* Facebook */
#header .widget_facebook_likebox { height:80px; overflow:hidden; margin:10px 0 0 !important; }
#footer .widget_facebook_likebox { display:none; height:30px; text-align:center; margin-left:50px;}

/* Domain Search */
.domain-search input[type="text"] { border:none; padding:3px 5px; width:65%; }
.domain-search input[type="submit"] { border:none; padding:2px 5px; width:25%; }

/* Support Buttons */
.support-buttons a { background:#fff; padding:7px; border-radius:7px; box-shadow:1px 3px 5px #000; width:90%; display:block; margin:10px 0 !important; height:38px; border:3px solid #fff; color: #3980FE !important; text-decoration:none !important; font-size:13px; font-weight:bold; font-family:Verdana; vertical-align:middle !important; display:table-cell; text-align:center; }
.support-buttons a:hover { border:3px solid #ccc; }
.support-buttons img { float:left !important; margin-right:10px; }
.support-session img { margin-top:5px; }

/* Support Articles */
.support-categories { padding:20px; border-radius:5px; margin-bottom:10px; width:40%; float:left; margin-right:1%; background:#f7f7f7; }
.support-categories h1 { color:#333; }
.support-categories .category-title { font-weight:bold; color:#DB0000; text-transform:uppercase; }
.support-posts-list li { list-style-type:none; margin:10px 0 0 10px;}
.support-posts-list li a { color:#333; }
.support-posts-list li a:before { content:"\00BB" " "; }

/* Support Requests List */
.support-request-list a { background:#fff; padding:15px; width:180px; max-width:100%; border-radius:7px; display:inline-block; margin-right:20px; }
.support-request-list .entry-title { background:#444; color:#fff; text-align:center; padding:3px; font-size:16px; }
.support-request-list .entry-content { color:#000; padding:5px 5px 0; text-align:center; }
.support-request-list .entry-content p { margin:0; }
.support-request-list a:hover { text-decoration:none !important; }
.support-request-list a:hover{ box-shadow:0 0 10px 3px #aaa; }

/* Meta and Comments */
.meta, #comments, .content .info { display:none; }

/* Columns */
.one-column { width:100%;  }
.two-column { width:49% !important; display:inline-table; margin-bottom:10px !important; }
.two-column:nth-child(odd) { margin-right:0; }
.two-column:nth-child(even) { margin-right:1% !important; }

/* Employee Rates */
.employee-rates-table { width:500px; border-collapse:collapse; }
.employee-rates-table tr:nth-child(odd) { background:#222; }
.employee-rates-table td { padding:5px 10px; border:none; }

/* Post Navigation */
#content .navigation .next { float:right; width:50% !important; text-align:right;}
#content .navigation .previous { float:left; width:50% !important; }

/* Footer */
#footer { height:1%;	font-size:13px; line-height:24px; color:#fff; border-left:200px solid #CC0000; }
.bottom-footer { text-align:right; }
.top-footer { color:#dbdbdb; }

@media only screen and (max-width:900px) {
  .nav { padding-left:5% !important; }
  #nav li { margin-right:5%; }
  .support-categories { width:90%; margin-right:0; float:none; padding:20px 5% !important; margin-bottom:10px !important;}
}

@media only screen and (max-width:767px) {
  body { background-image:none; }
  #content header { background:#CC0000; }
  #content header h1 { margin:10px; padding:10px 0;}
  #epolk-e { display:none; }
	#sidebar { display:block; background:#CC0000 !important; padding:10px !important; }
	#sidebar .widget { border-bottom:1px solid #ccc !important; }
	#sidebar .widget:last-child { border-bottom:none !important; }
	.system-status { background:#CC0000; }
	#sidebar h3 { border-bottom:none; margin:0; }
	#sidebar .post-list_li { padding-bottom:20px !important; }
	.system-status { border-radius:0; text-align:left !important; }
	.system-status h3 { border:none !important; background:none; color:inherit; font-size:16px; padding:0; border-radius:0; margin:0; text-transform:none !important; }
  .support-buttons a { width:95%; display:block; height:30px; padding:7px 0 0 5px; }
  .support-buttons img { clear:none !important; float:left !important; margin:0 10px 0 0 !important; display:block; }
  .support-session img { margin-top:-3px !important; }
  #footer { border:none; }
  .bottom-footer { text-align:center; }
  #header .widget_facebook_likebox { display:none; }
  #footer .widget_facebook_likebox { display:block; }
}

@media only screen and (max-width:435px) {
  .two-column { width:100% !important; display:block !important;}
  .wpcf7-form .two-column input[type="text"], .wpcf7-form .two-column input[type="email"] { width:97% !important; }
  .sweetcaptcha { padding:4% !important; width:92%; }
}