/*
Theme Name: AT1987
Theme URI: http://www.at1987.com/
Description: Theme for AT1987 site. Based on Arras Theme.
Author: Apirak T.
Author URI: http://www.at1987.com/
Template: arras
Version: 0.2
*/

/* globals */
a, a:link, a:visited					{ color: #0066CC; text-decoration: none; }
a:hover									{ color: #114477; }
.entry-content a:visited				{ color: #B85B5A; text-decoration: none; }
.entry-title, .entry-title a:link, .entry-title a:visited, h5, h5 a:link, h5 a:visited		{ color: #333333; text-decoration: none; }
.entry-title a:hover, h5 a:hover		{ color: #0066CC; text-decoration: none; }

/* structure */
#wrapper				{ min-height: 100%; position: relative; padding: 0; }
#main					{ background: #FFFFFF; border-top: 1px solid #d3d1c7; border-right: 1px solid #d3d1c7; border-bottom: none; border-left: 1px solid #d3d1c7; padding: 10px 0 0 0; width: 984px; }

/* Header */
#header					{ background: #F0F0F0; border-bottom: none; }
#branding				{ width: 984px; margin: 0 auto; padding: 0; background: #3371A3; border-left: 1px solid #D3D1C7; border-right: 1px solid #D3D1C7; }
.logo					{ max-width: 590px; float: left; font-weight: 700; font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; text-transform: none; padding: 30px 0 34px 30px; }
.blog-name				{ font-size: 32px; letter-spacing: 1px;  }
.blog-description		{ line-height: 1.2em; font-size: 12px; color: #FFFFFF; font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif; text-decoration: none; font-weight:400; }

/* top menu */
#top-menu  { background: #F0F0F0; border-bottom: none; }
#top-menu-content .sf-menu  { text-transform: uppercase; margin: 0 20px 2px 2px; }
#top-menu-content  { height: 25px; padding: 3px 0; background: #464646; border-left: 1px solid #D3D1C7; border-right: 1px solid #D3D1C7; }
#top-menu .sf-menu a  { display: block; text-decoration: none; padding: 7px 10px 8px; color: #FFF; font-size: 10px; border-right: none; }

/* main navigation */
#nav  { background: #F0F0F0; min-width: 990px; }
#nav-content  { margin: 0 auto; width: 984px; background: #3371A3; border-left: 1px solid #D3D1C7; border-right: 1px solid #D3D1C7;  }
#nav .sf-menu a  { display: block; text-decoration: none; padding: 8px 12px 11px; color: #FFFFFF; font-size: 14px; }
#menu-main-menu { padding-left: 20px; }

/* Menus */
.sf-menu, .sf-menu *  { list-style: none; margin: 0; padding: 0; }
#top-menu-content, #nav-content  { margin: 0 auto; width: 984px; }
#top-menu-content .sf-menu  { float: right; line-height: 1.1; }
.quick-nav  { float: right; list-style: none; margin: 0 30px 0 10px; padding: 0; }

/* sidebar */
.main-aside 			{ width: 300px; padding: 0 15px 0 0; float: right; position: relative; }
.widgetcontainer		{ border: none; background: repeat-x #FFF; line-height: 1.4em; }
.widgettitle			{ color: #333; font-size: 12px; font-weight: 700; margin: -10px -10px 10px; padding: 5px 10px; background: none; border-bottom: none; }

/* featured slideshow */
.featured  { margin: 10px 10px 20px 0; overflow: hidden; }
#controls  				{ position: relative; float: left; z-index: 90; top: 90px; left: 30px; }
#featured-slideshow		{ border: 5px solid #333; margin: 0 30px 0 30px; }	

/* Bottom Content */
#bottom-content-1, #bottom-content-2  { display: none; }
/*#bottom-content-1  { list-style: none; float: left; width: 300px; margin: 0 10px 0 20px; overflow: hidden; padding: 0; }*/
/*#bottom-content-2  { list-style: none; float: left; width: 300px; margin: 0 10px 0; overflow: hidden; padding: 0; }*/

/* Tapestries */
.navigation  { margin: 0 30px 20px 30px; text-align: left; }
.home-title	 { text-transform: none; font-weight: 700; font-size: 22px; padding: 0 3px 8px 6px; border-bottom: 1px solid #CCC; margin: 0 35px 10px 30px; color: #333 }
.posts-default  { margin: 0 0 20px 30px; }
.posts-quick  { margin: 0 35px 10px 30px; padding: 0; }
.posts-line  { margin: 0 35px 10px 30px; padding: 10px; line-height: 1.4em; }

/* single post */
.single .post, #main .single-post	{ margin: 0 10px 15px 0; padding: 0 30px; background: #FFF; border: 1px solid #FFF; }
.single .post .entry-info, .single-post .entry-info	{ color: #848485; font-size: 11px; text-transform: uppercase; border-bottom: none; }
.single-post .entry-info a:link, .single-post .entry-info a:visited	{ color: #0066CC; text-decoration: none; }
.single-post .entry-info a:hover	{ color: #114477; text-decoration: underline; }
#main .single .post .tags, #main .single-post .tags { color: #848485; border-top: none; line-height: 1.5em; }
#main .single .post .tags, #main .single-post .tags { margin: 0; padding: 0; }
.single .post .entry-comments, .single-post .entry-comments  { float: right; padding: 3px 3px 3px 17px; margin-top: 20px; background: url(images/comments.gif) no-repeat 3px 6px #3371A3; display: inline-block; color: #FFF; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.module-title	{ line-height: 1em; color: #333; font-size: 12px; font-weight: 700; margin: 0 10px 0 20px; padding: 7px 10px; background: none; border: none; display: block; }
.feed-title, #reply-title	{ line-height: 1em; color: #333; font-size: 12px; font-weight: 700; margin: 0 10px 0 0; padding: 7px 10px; background: none; border: none; display: block; }

/* wp-pagenavi */
.wp-pagenavi  { margin: 0 120px 0; font-size: 12px; }
.wp-pagenavi span.pages  { border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 8px; }

/* comments */
#commentlist  { list-style: none; padding: 10px 10px 0; margin: 0 10px 0 20px; }
#commentlist  { background: #FFFFFF; border: none; }
.navigation a  { background: none; color: none; text-decoration: none; padding: 5px 0; margin: 0; border: none; display: inline-block; }
.wp-pagenavi a  { background: none; color: #000; text-decoration: none; padding: 5px 8px; margin: 0; border: 1px solid #D3D1C7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; }
#commentlist .reply a:hover, .comments-navigation a:hover, .navigation a:hover, .read-more:hover, .wp-pagenavi a:hover  { background: #F0F0F0; color: #000; }
.comments-navigation span.current, .wp-pagenavi span.current  { background: #F0F0F0; color: #000; text-decoration: none; padding: 5px 8px; margin: 0; border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.comments-navigation	{ background: #FFFFFF; padding: 0 10px 10px; border:none; }
.nocomments				{ background: #FFF; border: none; padding: 15px 10px; margin: 0 10px 10px 20px; font-size: 12px; }
#commentform, #commentsform { background: #FFF; border: none; margin-right: 10px; padding: 10px; }
.pingbacks				{ background: #FFF; border: none; padding: 15px 10px 15px 50px; margin: 0 10px 20px 0; }
#respond 	{ width: 640px; padding-left: 20px; }

/* search results */
.search-results h1      { color: #333; font-size: 22px; font-weight: 700; margin: 0 35px 20px 30px; padding: 10px 10px 8px 0; background: none; border: none; border-bottom: 1px solid #CCC; }
.search-results h2      { color: #333; font-size: 22px; font-weight: 700; margin: 0 35px 20px 30px; padding: 10px 10px 8px 0; background: none; border: none; }
/*.search-results h2      { color: #333; font-size: 22px; font-weight: 700; margin: 0 10px 0 0; padding: 6px 10px 6px 30px; background: none; border: none; }*/

/* author template */
.author-posts-title, .author-content h1, .archive-title { font-family: Helvetica, Arial, sans-serif; text-transform: none; font-weight: 700; font-size: 22px; padding: 10px 10px 8px 0; border-bottom: 1px solid #CCC; margin: 0 35px 20px 30px; color: #333; }

/* footer */
#footer				{ background: #FFFFFF; border-top: none; border-bottom: 1px solid #D3D1C7; border-left: 1px solid #D3D1C7; border-right: 1px solid #D3D1C7; margin: 0 auto 20px; width: 984px; padding-top: 10px; padding-bottom: 40px; }
#footer .widgetcontainer	{ padding: 5px 0 10px; margin-right: 0; float: left; }
#footer .footer-message	{ margin: 0; padding: 10px 30px 0; }
.footer-sidebar-container  { margin: 10px 30px 10px; }
#footer-sidebar-1, #footer-sidebar-2, #footer-sidebar-3		{ width: 300px; }
#footer-sidebar-1, #footer-sidebar-2		{ margin: 0 12px 0 0; }

/* Twitter Facebook Social Share support */
.bottomcontainerBox { float:left; padding-left:30px; height:30px; width:100%; }

/* Twitter Facebook Social Share support */
.yarpp-related { padding:11px 0 0 30px; }