/*
Theme Name: aers
Theme URI: http://www.artworkmonger.net
Description: <a href="http://www.artworkmonger.net/portfolio">aers theme</a> is based on neowster.com's Digital Statement.
Version: 2.0
Author: Andrei Flavius Tatar
Author URI: http://www.artworkmonger.net
Tags: fixed width, two columns, widgets, widget ready, black, gray, red, right sidebar, twitter, valid CSS, valid XHTML, completely dynamic navbar, based on the pages created by the user.

  aers is an advanced, widget ready, free and easy to use WordPress theme with two columns, completely dynamic navbar, based on the pages created by the user.
  It was designed and built by the owner of neowster.com and modified by Andrei Flavius Tatar: http://www.artworkmonger.net
*/

/*+++++++ BODY +++++++*/
* { margin: 0px; padding: 0px; text-decoration:none; }
body { font-family: Arial; font-size: 12px; color: #4d4b4c; background: #767676 url('images/bg.png') top left repeat-x; }
ul li {list-style:none;}
ol li {list-style-position: inside}

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h3 { padding:10px 0 10px 0; font-size:14px;}
a:link {  text-decoration: none; color: #006699; border: 0px;}
a:active {color : #006699; border: 0px;}
a:visited { color :#006699 ; border: 0px;}
a:hover	{ color:#56bdea; border: 0px;}
a:focus { outline: none;}
.clear { clear: both; }
/*#overlay_contact {display: none; height: 300px; width: 300px;}*/
#overlay_contact{display: none;}

/*+++++++ MAIN +++++++*/
#top-wrap {width: 975px; height: 40px; margin:auto; background: url(images/topwrap.gif) top left no-repeat;}
#wrapper { width: 950px; margin:auto; background-color: #ffffff;}
#frame,#content{ width: 955px; margin:auto; }
#content {position: relative; float: left; margin-top: 5px; margin-left: -10px;}
#photo { width: 915px; padding: 0 0 0 20px; }
#content h1 {font-size: 140%; color: #ffffff; text-indent: 2%; font-weight: normal; margin: 20px 0 15px 0;}
#main {float: left; position: relative; height: 528px; width: 705px; min-height: 528px; background: url('images/main.png') top left no-repeat;}
#overlay_0 {float: left; position: relative; height: 193px; width: 366px; top: 20px; left: 10px; background: url('images/overlay.png') top left no-repeat; font-family: verdana; font-size: 130%; color: #ffffff; padding-left: 10px; line-height: 140%; display: none;}
#overlay_1 {float: left; position: relative; height: 193px; width: 366px; top: 313px; left: 10px; background: url('images/overlay.png') top left no-repeat; font-family: verdana; font-size: 130%; color: #ffffff; padding-left: 10px; line-height: 140%; display: none;}
#overlay_2 {float: left; position: relative; height: 193px; width: 366px; top: 20px; left: 10px; background: url('images/overlay.png') top left no-repeat; font-family: verdana; font-size: 130%; color: #ffffff; padding-left: 10px; line-height: 140%; display: none;}
.overlay_content {float: left; position: relative; width: 336px; text-align: justify; left: 5px;}
.overlay_content a, .overlay_content a:visited {color: #ff6600;}
.overlay_content a:hover {text-decoration: underline;}
#paypalbadge {position: relative; float:right; margin-top: 20px; margin-right:15px;}
#next {float: right; position: absolute; width: 50px; height: 50px; top: 460px; right: 20px;}
#next a, #next a:visited {float: right; position: relative; width: 50px; height: 50px; background: url('images/next.png') top left no-repeat; cursor: hand; cursor: pointer;}
#next a:hover {background-position: -50px;}

/*+++++++ PANEL +++++++*/
#top-panel{color: #fff; width: 100%; text-align: right; position:absolute; top: 0; right:0;font-size: 10px;background:#3b3b3b;border-bottom:3px solid #3b3b3b; border-left:3px solid #3b3b3b; padding: 2px 5px;margin:0;}
#top-panel a {color: #8BDBFF}
#top-panel ul li {display: inline; padding:0}
#top-panel label, #top-panel input { font-size: 9px}
#top-panel label {padding-left: 5px}
#sub-panel a{float:right; margin-right: 5px; color:#FFF; text-decoration:none; font-size: 10px;font-weight:bold;background:#777;}
#sub-panel a span{padding: 2px 5px; display:block; border-left: 2px solid #3b3b3b; border-right: 2px solid #3b3b3b; border-bottom: 2px solid #3b3b3b /*background:url(img/sub-right.png) right bottom no-repeat;*/}

/*+++++++ INFOBAR +++++++*/
#infobar { height: 30px; width: 950px; line-height: 30px; font-size: 10px; margin: 0 auto; color: #fff;}
#infobar a {color: #8bdbff}
#infobar a:hover {text-decoration: underline;}
#browse {float: left; position: relative; height: 25px; width: 550px; background:url(images/sitemap.gif) no-repeat 0 6px; margin-left: 3px; padding-left: 22px; margin-top: 5px;}
#rss {float: right; margin-right: -8px; width: 360px; margin-top: -3px;}
#rss p {text-align:right;}

/*+++++++ HEADER+++++++*/
#header {display:block; width: 915px; height: 85px; margin: 0 auto;}
#pattern {position: relative; background: url('images/pattern.png'); background-position: right; background-repeat: no-repeat; width: 950px; height: 143px; z-index: 9; margin-left: -20px; crop: left;}
#logo {float:left; position: relative; height: 118px; width: 450px; margin: 15px 0 0 -20px; crop: left; z-index: 10;}
#logo h1 a {padding: 10px 0 0 0; font-size: 24px; color: #666}
#searchbox { float:right; width: 140px; background: url('images/search.png') no-repeat; height: 23px; margin-right: 0px; z-index: 11; margin-top: 2px;}
#searchbox #s { float: right; margin: 4px 0 0 5px; border: 0; font-size: 100%; width: 118px; background: none; color:#999999;}
#searchbox #go { float: right; border-left: 1px solid #ccc}

/*+++++++ NAVIGATION+++++++*/
#nav{display: block; background: url(images/navbg.gif) left repeat-x; width: 915px; height: 52px; margin: 0 auto; border-bottom: 1px solid #e6e6e6}
#nav, #nav ul {list-style: none}
#nav li{float: left;list-style:none}
#nav li a { display:block;font-weight:bold; color:#fff; padding:6px 15px;}
#nav li a:hover {background: #ff6600}
#nav .current_page_item {color: #fff;}
#cat{float: left; clear: both}
#cat li a{ color: #333; font-size: 0.9em}
#cat li a:hover {color:#fff}
/*#nav li ul {height:80px; left:-999em; position:absolute; width:100%; z-index:999; font-size: 0.9em;font-weight: bold; margin-left: 50px}
#nav li li a {background: none;color: #006699; border-right: 1px solid #666; margin-top: 5px; padding: 1px 10px}
#nav li li a:hover{background: none; text-decoration:underline}*/

.nav {float: left; position: relative; border-left: 1px solid #767676; color: #767676; z-index: 12; padding-left: 10px; left: 30px; top: 30px; width: 15%;}
.nav a, .nav a:visited {color: #767676; font-size: 100%;}
.nav a:hover {color: #ffffff;}
#phone_no {float: right; position: relative; width: 480px; top: 50px; font-size: 130%; color: #767676; z-index: 15; letter-spacing: 5px;}
#phone_no a, #phone_no a:visited {color: #767676; margin-right: 0;}
#phone_no a:hover {color: #ec1c0c;}

.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}
.clearfloat {display:inline-block}
.clearfloat {display:block}
#nav a:hover, #nav a:active, #home .on, .photo {background: #ff6600}
#subnav {position:relative; margin: 0 10px 5px; padding-bottom: 10px; font-size: 0.8em; border-bottom: 1px dotted #ccc}
#subnav ul {display: inline}
#subnav li a{float: left; padding: 1px 5px; margin-right:15px; background: #3b3b3b; border-left: 3px solid #8BDBFF; color: #fff }
#subnav a:hover {border-left: 3px solid #ff6600}
.find_more {float: right; font-size: 80%;}

#page_navigation {float: left; position: relative; padding-top: 15px; padding-left: 10px;}
#page_navigation .pagenav {display: block; border-right: 1px dotted #bfbfbf;}
#page_navigation .page_item a {display: block; color: #df0404; width: 100%; text-align: left; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px dotted #d0d0d0; font-family: tahoma;}
#page_navigation .page_item a:hover {color: #006699;}
/*#page_navigation ul {padding-left: 10px;}*/
/*#page_navigation .current_page_item a, #page_navigation .current_page_item a:visited {padding: 0; border: none;}
#page_navigation .current_page_item a:hover {padding-left: 5%;}
#page_navigation .current_page_parent a, #page_navigation .current_page_parent a:visited {padding: 0; border: none;}
#page_navigation .current_page_parent a:hover {padding-left: 10px;}*/
#page_navigation .h2_format .page_item a, .h2_format .page_item a:visited {padding: 0; border: none;}
#page_navigation .h2_format .page_item a:hover {padding-left: 4%;}
#page_navigation ul {}
#page_navigation li {display: block; width: auto; margin-right: 5%;}
/*#child_align {padding-left: 10px;}*/
#gallery_align {float: left; position: relative; width: 100%; padding-bottom: 10px;}
.product_widgets .textwidget {width: 350px; text-align: center;}

/*+++++++ DEVELOPER'S AREA +++++++*/

#left_table {float:left; width: 252px; height: 240px; clear: left; font-size: 12px; line-height:100%; margin: 0; margin-left: 18px;}
#right_table {float: right; width: 242px; height: 240px; font-size: 12px; line-height:100%; margin: 0;}
.l_table_heading {width: 222px; border-bottom: 1px dotted #c0c0c0; text-align: center; font-size: 14px; font-weight: bold;}
.r_table_heading {width: 222px; border-bottom: 1px dotted #c0c0c0; text-align: center; font-size: 14px; font-weight: bold;}
.l_table_footer, .l_table_subheading {margin-top: 5px; padding: 2px 0 2px 5px; font-weight: bold; color: #333; background: #fff; width: 217px;}
.r_table_subheading {margin-top: 5px; padding: 2px 0 2px 5px; font-weight: bold; color: #ff0000; background: #fff; width: 217px;}
.table_links_container {padding: 2px 0 2px 10px; line-height: 100%; font-size: 12px; background: #dedede; width: 212px; margin-top: 1px; color: #333;}
.l_table_footer {color: #ff0000;}
.table_footer_left {font-size: 10px; color: #333; font-weight: normal;}
.except {color: #000;}

/*+++++++ ENTRY +++++++*/
#left, #left_pages {float: left; width: 570px; padding-left: 10px;}
.entry {text-align: left; width: 550px; padding:0 10px; margin-bottom:10px; line-height:140%; margin-top: 5px; font-size: 120%;}
.entry ol li {}
.no_style {list-style-image: none;}
.related-post { width: 530px; padding: 10px; margin: 0 10px}
.related-post h3 {font-size: 90%;}
.related-post { border: 1px solid #AACCEE; background:#EBF3FB}
.related-post ul {border-top: 1px solid #e6e6e6; margin-bottom: 5px;}
.related-post ul li {padding: 5px 0px; border-bottom: 1px solid #e6e6e6}
.content a { border-bottom: 1px dotted #ccc}
.entry h2 {font: bold 22px/28px "Myriad Pro", "Myriad Set", "Myriad Apple", Myriad, "Helvetica Nueue", Arial, Verdana, sans-serif; letter-spacing: -1px; margin-bottom: 10px;}
.pages_title {background: url('images/title_bullet.gif') left no-repeat; background-position: 10px; padding: 10px 10px 5px 50px; background-color: #e8e8e8; text-align: left; border-bottom: 1px solid #d0d0d0;}
.entry h2 a {color:#222222; }
.entry h2 a:hover {color:#999999;}
.entry p {padding-bottom:10px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li {padding-left: 20px; background: url(images/bullet.gif) left no-repeat}
.entry img {margin:0 10px 10px 10px;}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left ;}
.custom_image img{float:left; padding:3px; margin:7px 10px 15px 0; border: 2px solid #e6e6e6; height:90px; width: 90px}
.subcontrol {margin-bottom: 10px;padding:5px; font-size: 11px; font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6}
.tags, .allinfos {padding:5px 0px 5px 25px; background: #FFF8AF url(images/tag.gif) left no-repeat; font-size: 11px; font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6}
.allinfos {background: #F2f2f2; padding: 5px; margin-bottom: 10px}
.share, .comments_rss, .reply {float: right; padding-left: 20px}
.reply {background: url(images/comments.gif) left no-repeat; margin-left:10px}
.comments_rss {background: url(images/feed.gif) left no-repeat; margin-left:10px; position:relative; top: 10px}
span.date { background:url(images/date.gif) no-repeat; padding-left:20px; }
span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; }
span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; }
.navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }

/*+++++++ SIDEBAR +++++++*/
#sidebarbottom { float:right; width: 360px; margin-right: 10px; clear: right;}
#right {float:right; width: 355px; margin-right: 17px}
#topsidebar { width: 330px; padding:0 10px; border:1px solid #dadada; background:#fff; margin-bottom:10px}
#lsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c;}
#rsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c; }
#lsidebar { float:left; width:135px; padding:5px; border:1px solid #dadada; background:#fff;}
#rsidebar { float:left; width:170px; padding:5px 10px 5px 10px; border:1px solid #dadada; background:#fff; margin-left:11px;}
#sidebarbottom ul{ margin:10px auto 20px;}
#sidebarbottom ul li{}
#sidebarbottom ul li ul{}
#sidebarbottom ul li ul li{display:block; background:url(images/sidebullet.gif) no-repeat 0 0; padding-left:24px; padding-bottom:5px; border-bottom:1px dotted #dadada;}
#sidebarbottom p{padding:0 5px;}
#indexsidebar {float: right; position: relative; width: 220px; top: 10px; text-align: center; border: 1px solid #dadada; margin-bottom: 10px; margin-right: -2px;}
#indexsidebar h2 {background: #ebf3fb; padding: 5px 10px;}
#tagcloud_cumulus {float: right; position: relative; height: 248px; width: 234px; margin-right: -18px;}
#intro {text-align: justify; padding: 5% 4px 5% 4px; line-height: 150%;}
#home_widgets .textwidget {margin-top: -50px;}
#home_widgets li {list-style-type: none;}
.h2_format, .widgettitle {background-color: #e9e9e9; height: 20px; padding-top: 7px; padding-left: 10px;}
.widget_container {float: left; position: relative; width: 100%; border: 1px solid #e8e8e8;}
.widget_text {float: left; position: relative; width: 97%; padding: 5px; text-align: justify;}
.widget {width: 100%; clear: left; padding: 10px 0 0 0;}
.widget .widgettitle {width: 102%;}
.widget ul {padding: 10px 0 0 10px;}
.widget ul li {padding: 2px;}
.clear_widget {float: left; position: relative; padding: 10px; width: 100%;}
.clear_left {clear: left;}

/*+++++++ ADMIN +++++++*/
#about {width: 350px; border:1px solid #ffd1af; background:#fff8af; margin-bottom:10px; }
#about h2 {padding: 5px 10px;}
#author-box {margin: 10px;margin-top: 0px; font-size: 11px; text-align: justify;}
#author-box .avatar {float: left; padding: 3px; border: 1px solid #ccc; background: #fff; margin: 3px 10px 0 0}

/*+++++++ COMMENTS +++++++*/
.commentlist li{padding-top: 5px; border-bottom:1px dotted #e6e6e6; list-style: none}
.avatar img {float:left}
.ctext {margin-left: 70px}
.trackbacks a {color: #006699; border-bottom: 1px dotted #e6e6e6;}
.user {font-weight: bold; font-size: 14px; padding-top:10px;}
.author {background: #FFF8AF; padding-right: 10px;}
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada; height:200px; width:550px;}

/*+++++++ FOOTER +++++++*/
#footbg {width: 100%;}
#footwrap {margin: auto; width: 950px; height: 140px; background: url(images/footer.png) top left repeat-x}
#footwrap a, #footwrap a:visited {color: #ffffff;}
#footwrap a:hover {color: #767676;}
.footer-links { float: left; width:300px; margin-right: 37px; color: #888; margin-top:15px;}
.footer-links-r { float: right; width:300px; color: #888; margin-top:15px;}
.footer-links h2, .footer-links-r h2 { color: #fff; background-color: #3b3b3b; font-size: 1.2em; padding:5px 10px; }
.footer-links ul {margin-bottom:15px;}
.footer-links ul li {margin-top:1px;}
.footer-links a, .footer-links a:visited, .footer-links-r a, .footer-links-r a:visited {display: block; height:18px; background-color: #2e2e2e; color: #ccc; padding: 5px 10px;}
.footer-links a:hover, .footer-links-r a:hover {background: #4b4b4b; color: #56bdea;}
#copyright {padding: 10px 0 10px 0; font-size: 10px; text-align: right; width: 950px; margin-left: auto; margin-right: auto;}
#copyright a {color: #8bdbff}
#copyright a:hover {text-decoration: underline;}
#copyright ul{display:inline}
#copyright ul li {float:right; padding-left: 10px}
.link_container {float: left; position: relative; clear: right; margin-left: 2%; width: 200px;}
.link_container li {padding-top: 2%;}
#rss_icon {float: left;	position: relative;	height: 64px; width: 64px; padding: 25px 0 0 70px; background: url('images/rss.png') left no-repeat;}
#twitter_icon {float: left;	position: relative;	height: 64px; width: 64px; padding: 25px 0 0 70px; background: url('images/twitter.png') left no-repeat;}
#rss_icon_text {width: 30px; height: 50px; float: right; margin-top: 5px; padding-top: 2%;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left; padding-left:30px; padding-bottom:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}
#myGallery {margin-top: 10px;}

/**************** Flickr *********************/
#flickr {float: left}
#flickr img, #more img {margin:50px 25px 0px 0; border: 3px solid #e6e6e6; width: 60px; height: 60px;}
#more {float: right}
#more img {width: 59px; margin-right: 0}

/**************** Twitter *********************/
#twitter { width: 350px; border:1px solid #dadada; background:#fff; margin-bottom:10px; }
#twitter h2 {background: #EBF3FB; padding: 5px 10px;}
#twitter ul li {margin-top: 10px; margin-left: 25px; padding:0 10px 0px 0px; list-style-type: disc}

/**************** Feedstats *********************/
#feedstats {float:right;width: 92px;height: 25px; font-size: 10px; background:url(images/feedstats.gif) no-repeat;}
#feedstats a{position:relative; top: 3px; right: 12px; width: 50px; color: #000; float: right}
#feedstats a:hover {background: none;}