/*
Theme Name: Web Art Academy
Theme URI: webartacademy.com
Description: Web Art Academy WP theme
Version: 1.0
Author: vladimir.london@gmail.com
Tags: Web, Art, Academy
*/

/* RESET */
* { margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-family: inherit; vertical-align: baseline; }
:focus, :active { outline: 0; }
input::-moz-focus-inner { border : 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: '' ''; }
input { overflow: visible; }

a { text-decoration: none; color: #000; }
a:hover { color:#ea2900; }

body { color: #252525; font-family: Arial, sans-serif; font-size: 13px; border-top:5px solid #000; background: url(images/bg.png) 0 0px repeat-x; }
#header { height: 214px; width: 970px;  margin:auto; background: url(images/header.jpg) top center no-repeat;}
#header a.logo { float: left; display: inline-block; width:176px; height:176px; margin: 10px 24px 23px 10px; }
#header .title { color:#000; font-family: Georgia; font-weight:normal; font-size:43px; color:#fff; padding-top: 32px; }
#header span { font-size:21px; margin-top: 5px; display: block; color:#cbcbcb; }
#header ul#menu { margin-top: 38px; float: left; width: 769px; margin-left:-15px; }
#header ul#menu li { display: inline; }
#header ul#menu li a { font-family: Georgia; font-size: 17px; padding: 20px 15px; display: inline-block; }

hr { clear:both; width:100%; height:1px; font-size:0; background: url(images/hrbg.png) repeat-x; }

#testimonialBox { margin-bottom:19px; padding: 12px; background:url(http://art-fame.com/wp-content/uploads/2010/09/comment-bg.png) repeat-x; background-color:#f7f7f7; border: double #CCCCCC; }
#testimonialName { font-size:15px; color:#b70000; font-family:Georgia; margin-bottom:7px; display: inline;}
#testimonialText { margin-top:12px; margin-bottom:12px; }
#testimonialNoStar { font-size:11px; color:#b70000; font-family:Arial; }
#testimonialBy { font-size:11px; color:#929292; font-family:Arial; display: inline;}
#testimonialStars { margin-left:12px; margin-bottom:-3px; }

#bonusBox { margin-bottom:19px; padding: 12px; background-color:#ffffff; border: double #CCCCCC; }
#bonusTitle { color:#000; font-size:23px; margin-bottom: 21px; font-weight:normal; font-family: Georgia; display: inline; }
#bonusFree { color:#079d00; font-size:21px; margin-bottom: 21px; font-weight:bold; font-family: Georgia; display: inline; }
#bonustSubtitle { font-size:16px; color:#333333; font-family:Georgia; }
#bonusDownload a { color:#079d00; font-size:19px; margin-bottom: 21px; font-weight:bold; font-family: Georgia; display: inline; }
#bonusDownload a:hover { color:#ea2900; text-decoration: underline; }

#benefitsTick { background-image:url(http://webartacademy.com/images/small-tick.png); background-repeat:no-repeat; background-position: top left; padding-left:30px; min-height:30px; height:auto !important; height:30px; font-size:16px; color:#333333; font-family:Georgia; margin-bottom:21px; padding-top:-15px; line-height:19px;}


#bookTick { width:33px; height:23px; display: inline;}
#bulletText { font-size:16px; color:#333333; font-family:Georgia; margin-left:5px; margin-top:-6px; display: inline; }
#bulletText2 { font-size:16px; color:#333333; font-family:Georgia; margin-left:5px; margin-bottom:21px;}
#redBold { color:#ce0024; font-size:16px; font-family:Georgia; margin-left:5px; margin-top:-6px; font-weight:bold; display: inline;}
#greenBold { color:#14a101; font-size:16px; font-family:Georgia; margin-left:5px; margin-top:-6px; font-weight:bold; display: inline;}

#top { width:970px; margin:auto; }
#top .title { color:#000; padding-left: 10px; line-height: 70px; font-size: 32px; font-family:Georgia; font-weight:normal; }
#top form { float: right; width: 221px;  }
#top form a { margin: 10px 5px; display:block; text-align: right; font-size:15px; font-family:Georgia; }
#top form input.text { height:21px;width: 110px; border:solid 1px #ccc; padding:0 10px; font-size: 13px; }
#top form input.submit { border:solid 1px #ccc; background:#fff; font-size: 13px; height: 21px; width:40px; cursor: pointer; }
#top form input.submit:hover { background:#ea2900; color: #fff; border-color:#ea2900;  }

#heroLayer { background: #ffffff no-repeat center 0; }
#heroLayer .center { width:970px; height: 400px; margin:auto; }
#heroLayer #hero { overflow: hidden; float:left; margin: 35px 0 25px 10px; width: 640px; height: 340px; background: #ffffff; }
#heroLayer #subscription { overflow:hidden; float: left; width: 276px; height: 340px; margin:35px 0 0 42px; #888; }

#content { width:970px; margin:auto; background:url(images/bg-vertical-line.png) 670px 0 repeat-y; overflow: hidden; }
#contentWideColumn { width:970px; margin:auto; }

#paging a { font-size:17px; color:#383838; font-family:Georgia;}
#paging div.prev { float:left; margin: 20px 0 30px 10px;  }
#paging div.next { float:right; margin: 20px 10px 30px 0; }

#doubleCol { margin:30px 0 0 10px; width: 640px; float: left; }
#doubleCol h2 { color:#000; font-size:25px; margin-bottom: 30px; font-weight:normal; font-family: Georgia; }
#doubleCol h3 { color:#000; font-size:23px; margin-bottom: 30px; font-weight:normal; font-family: Georgia; }
#doubleCol h4 { color:#000; font-size:19px; margin-bottom: 20px; font-weight:normal; font-family: Georgia; }
#doubleCol h3 a { color:#ea2900; }
#doubleCol h3 a:hover { text-decoration: underline; }
#doubleCol p { margin-bottom: 20px; }
#doubleCol .subscriptionWrap { margin: 70px 0; }
#doubleCol .subscriptionWrap .subscription {  width: 276px; height: 340px; margin: auto; border: solid 1px #888; background:#fff; }
#doubleCol p a { color:#ea2900; }
#doubleCol p a:hover { text-decoration: underline; }
#doubleCol ul.info { margin: -20px 0 20px 0; background:#f9f9f9; width:100%; line-height:24px; color:#666; overflow: hidden; }
#doubleCol ul.info li { display:block; line-height: 24px; float: left; padding-right: 5px; }
#doubleCol ul.info li a { color:#666; }
#doubleCol ul.info li a:hover { text-decoration:underline; }
#doubleCol ul.info li.date { padding-left: 28px; background:url(images/calendar.png) 6px 2px no-repeat; }
#doubleCol ul.info li.tags { padding-left: 28px; background:url(images/tags.png) 6px 2px no-repeat; }
#doubleCol ul.info li.share { padding-left: 28px; background:url(images/bookmark.png) 6px 3px no-repeat; }
#doubleCol ul.info li.share a { position: relative; }
#doubleCol ul.info li.share a span { position: absolute; top:25px; left:0; width:1px; height:1px;}
#doubleCol ul.info li.comments { padding-left: 28px; background:url(images/comments.png) 6px 2px no-repeat; }
#doubleCol #paging a { margin-top:-10px; }
#doubleCol #paging a:hover { text-decoration: underline; }

/* Wide column Page Start */
#wideColumn { margin:30px 0 0 10px; width: 950px; float: left; }
#wideColumn h2 { color:#000; font-size:25px; margin-bottom: 30px; font-weight:normal; font-family: Georgia; }
#wideColumn h3 { color:#000; font-size:23px; margin-bottom: 30px; font-weight:normal; font-family: Georgia; }
#wideColumn h4 { color:#000; font-size:19px; margin-bottom: 20px; font-weight:normal; font-family: Georgia; }
#wideColumn h3 a { color:#ea2900; }
#wideColumn h3 a:hover { text-decoration: underline; }
#wideColumn h4 a { color:#ea2900; }
#wideColumn h4 a:hover { text-decoration: underline; }
#wideColumn p { margin-bottom: 20px; }
#wideColumn p a { color:#ea2900; }
#wideColumn p a:hover { text-decoration: underline; }
#wideColumn ul.info { margin: -20px 0 20px 0; background:#f9f9f9; width:100%; line-height:24px; color:#666; overflow: hidden; }
#wideColumn ul.info li { display:block; line-height: 24px; float: left; padding-right: 5px; }
#wideColumn ul.info li a { color:#666; }
#wideColumn ul.info li a:hover { text-decoration:underline; }
#wideColumn ul.info li.date { padding-left: 28px; background:url(images/calendar.png) 6px 2px no-repeat; }
#wideColumn ul.info li.tags { padding-left: 28px; background:url(images/tags.png) 6px 2px no-repeat; }
#wideColumn ul.info li.share { padding-left: 28px; background:url(images/bookmark.png) 6px 3px no-repeat; }
#wideColumn ul.info li.share a { position: relative; }
#wideColumn ul.info li.share a span { position: absolute; top:25px; left:0; width:1px; height:1px;}
#wideColumn ul.info li.comments { padding-left: 28px; background:url(images/comments.png) 6px 2px no-repeat; }
#wideColumn #paging a { margin-top:-10px; }
#wideColumn #paging a:hover { text-decoration: underline; }
/* Wide column Page End */

/* Buttons List Start */
#buttonsList { width: 970px; margin-top:-30px; }
#buttonsList span { font-size:21px; margin-top: 5px; display: block; color:#cbcbcb; }
#buttonsList ul#menuButton { margin-top: 5px; float: left; width: 769px; color:#ea2900;}
#buttonsList ul#menuButton li { display: inline; color:#ea2900;}
#buttonsList ul#menuButton li a { font-family: Georgia; font-size: 17px; padding: 20px 15px; display: inline-block; color:#ea2900;}
#buttonsList ul#menuButton li a:hover { text-decoration: underline; }
/* Buttons List End */

#singleCol { margin-top:35px; width: 280px; margin-left:40px; float: left; background:reds;}
#singleCol h3 { color:#000; font-size:18px; font-weight:normal; }
#singleCol hr { background-position: center center; height: 39px; }
#singleCol img { background: #888; }
#singleCol img.left { float: left; margin: 0 15px 10px 0; }
#singleCol p { margin-bottom: 15px; }
#singleCol a { color:#ea2900; }
#singleCol a:hover { text-decoration: underline; }
#singleCol ul { margin-bottom: 30px; }
#singleCol ul a { text-transform: uppercase; }
#singleCol #tweet { margin: 0; }
#singleCol #tweet ul { margin:0; }
#singleCol #tweet .twitterTime { display: block; }

#tripleCol { width:970px; margin:auto; overflow: hidden; }
#tripleCol .post { margin: 35px 0 25px 10px; overflow:hidden;}
#tripleCol .image { width: 640px; min-height:1px; float: left; }
#tripleCol .image img { background: #888; }
#tripleCol .text { float: left; width: 300px; margin-left: 20px; }
#tripleCol h3 { margin-bottom:15px; font-size: 21px; font-family:Georgia; color:#000; font-weight: normal; }
#tripleCol h4 { margin-bottom: 10px; }
#tripleCol h4 a { font-size:18px; color:#ea2900; font-weight:normal; }
#tripleCol h4 a:hover { text-decoration: underline; }
#tripleCol h5 { margin-bottom: 15px; font-size: 19px; font-family:Georgia; font-weight:normal; color:#000;}
#tripleCol p {}

#footer { margin-top: 20px; padding: 16px 0 18px 0; border-top: solid 4px #ea2900; width: 100%; clear:both; background:#292929; overflow: hidden; }
#footer .center { width: 970px; margin: auto; background: url(images/footer-line-bg.png) 140px 0 repeat-y; overflow: hidden; }
#footer #f1 { float:left; width: 130px; margin: 0 15px 0 10px; }
#footer #f1 a { display:block; width: 100px; height: 100px; background: url(images/logo2.png) no-repeat; overflow:hidden; text-indent:-99em; }
#footer #f2 { float:left; width: 345px; }
#footer #f3 { float:left; width: 220px; }
#footer #f4 { float:left; width: 220px; }
#footer h6 { font-family: Georgia; font-size:16px; color:#808080; font-weight: normal; margin-bottom: 10px; }
#footer ul { width: 50%; float: left; }
#footer ul li { margin-bottom: 3px; }
#footer ul a { font-family: Georgia; font-size: 14px; color: #c9c9c9; }
#footer ul a:hover { text-decoration: underline; }

#registeredAddress { background:#000; text-align:center; padding-top:17px; margin-bottom:-7px; font-size: 12px; color: #4e4e4e; line-height:10px;}

#copy { clear:both; background:#000; text-align:center; }
#copy a { color:#7e7e7e; line-height:46px; }
#copy a:hover { color: #fff; }

#commentform input { border: solid 1px #666; font-size: 13px; padding: 5px 10px; margin-right: 10px; }
#commentform textarea { border: solid 1px #666; font-size: 13px; padding: 5px 10px; }