/*
Theme Name: elvante.com
Theme URI: http://www.elvante.com/
Description: The elvante.com theme.
Author: James Powell
Author URI: http://www.elvante.com/

The CSS, XHTML and design is copyright James Powell for more information regarding this design please contact me. */

/* CSS Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;font: 100% 'Helvetica', 'Arial', 'Geneva', 'Tahoma' sans-serif;}
body {background-color: #F1F1F1;}
p {color: #000000;font-family: 'Helvetica', 'Arial', 'Geneva', sans-serif;font-size: 13px;font-size-adjust: none;font-stretch: normal;font-style: normal;font-variant: normal;font-weight: normal;line-height: normal;margin: 0;padding: 13px 0 0;text-align: left;text-decoration: none;}
body {line-height: 1; margin-bottom: 10px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
.clear{clear: both;}
.spacer{height: 10px;}
b{font-weight: bold;}

/* Give Floats some blockage */
/* :after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} */

a:link{color:#2359A3;}
a:visited{color: purple;}
a:hover{color:#2350A3;text-decoration: underline;}


#header{height: 60px;background: url(images/header.gif) repeat-x;}
#header .navigation{height: 40px; width: 805px;margin: auto; padding-top: 20px;}
#header .navigation ul{}
#header ul.navigation li{float: left; margin: 0 10px;}
#header ul.navigation li.title{margin-top: -4px;}
#header ul.navigation li h1 a{letter-spacing: -1px; font-size: 35px;color: white;font-style: italic;}
#header ul.navigation li.divider{width:75px; height: 1px;}
#header ul.navigation li img{}
#header ul.navigation li.text{margin-top: 10px; font-size: 15px}
#header ul.navigation li a:visited{color: #dedede;}
#header ul.navigation li#selectedblue.text a{color:#71b4d3;}
#header ul.navigation li#selectedgreen.text a{color:#8ad371;}
#header ul.navigation li#selectedred.text a{color:#d37171;}
#header ul.navigation li#selectedpurple.text a{color:#bd71d3;}
#header ul.navigation li#selectedyellow.text a{color:#d3cd71;}
#header ul.navigation#blue li.text a:hover{color:#71b4d3;} 
#header ul.navigation#green li.text a:hover{color:#8ad371;} 
#header ul.navigation#red li.text a:hover{color:#d37171;} 
#header ul.navigation#purple li.text a:hover{color:#bf71d3;} 
#header ul.navigation#yellow li.text a:hover{color:#d3cd71;} 

#header ul.navigation li a{text-decoration: none; color: #dedede;}

#imagewrapper{ border-color: #71b4d3; border-bottom-width: 1px; border-style: solid; border-top-width: 1px; height: 30px;background:url(images/imagewrapper.jpg) repeat-x ;}
#imagewrapper2{ border-color: #98d371; border-bottom-width: 1px; border-style: solid; border-top-width: 1px; height: 30px;background:url(images/imagewrapper-green.jpg) repeat-x ;}
#imagewrapper #image{width: 850px; margin: auto;height: 30px; background: url(images/image.jpg) no-repeat;}
#imagewrapper2 #image2 {width: 850px; margin: auto;height: 30px; background: url(images/site-green.jpg) no-repeat;}
#imagewrapper3{ border-color: #d37371; border-bottom-width: 1px; border-style: solid; border-top-width: 1px; height: 30px;background:url(images/imagewrapper-red.jpg) repeat-x ;}
#imagewrapper3 #image3{width: 850px; margin: auto;height: 30px; background: url(images/site-red.jpg) no-repeat;}
#imagewrapper4{ border-color: #c671d3; border-bottom-width: 1px; border-style: solid; border-top-width: 1px; height: 30px;background:url(images/imagewrapper-purple.jpg) repeat-x ;}
#imagewrapper4 #image4{width: 850px; margin: auto;height: 30px; background: url(images/site-purple.jpg) no-repeat;}
#imagewrapper5{ border-color: #d0d371; border-bottom-width: 1px; border-style: solid; border-top-width: 1px; height: 30px;background:url(images/imagewrapper-yellow.jpg) repeat-x ;}
#imagewrapper5 #image5{width: 850px; margin: auto;height: 30px; background: url(images/site-yellow.jpg) no-repeat;}
#imagewrapper #image #text{float: right;margin-top: 55px; margin-right: 100px; color: #fefefe;}
#imagewrapper #image #text h1{font-size: 30px;}
#imagewrapper #image #text h2{font-size: 18px; font-style: italic; color: #c2e6f7;}

#wrapper{width: 800px;margin: auto;}
#wrapper #content{margin-top: 10px;}
#wrapper #content .site{margin-bottom: 10px;height: 330px; padding-bottom:0px;}
#wrapper #content .site .logo{height: 120px; background: #123445;}
#wrapper #content .site #mtnt.logo{background:url(images/mactricksandtips.jpg) no-repeat; }
#wrapper #content .site #ilma.logo{background:url(images/ilovemacapps.jpg) no-repeat;}
#wrapper #content .site #ilia.logo{background:url(images/iloveiphoneapps.jpg) no-repeat;}
#wrapper #content .site h1{float: right; margin-top: 40px}
#wrapper #content .site h1 a{font-size: 35px; color:#3f3f3f; margin-right: 150px; text-decoration: none;}
#wrapper #content .site h2{}
#wrapper #content .site .text{padding:20px 10px 10px 10px; background:url(images/sitebody.jpg) repeat-y;}
#wrapper #content .site .text p{ padding: 20px; line-height: 20px;}
#wrapper #content .site .text a{float: right; font-size: 15px; text-decoration: none; margin-right: 50px;}
#wrapper #content .site .footer{background:url(images/sitefooter.jpg) no-repeat; height: 120px; margin-top: -95px; width: 800px;}

#wrapper #content #topbit{background:url(images/content-top.jpg) no-repeat; height: 80px; }
#wrapper #content #topbit h1{font-size: 30px; padding: 25px 0 0 50px; color:#4d4d4d;}
#wrapper #content #mainbody{background:url(images/sitebody.jpg) repeat-y; }
#wrapper #content #mainbody p{padding: 10px 20px 10px 20px;}
#wrapper #content #mainbody form p{font-size: 15px;}
#wrapper #content #mainbody form input{width: 300px; margin-left: 20px;}
#wrapper #content #mainbody form input#button{width: 60px;float: left; margin-top: 30px;}
#wrapper #content #mainbody form textarea{width: 400px; margin-left: 20px;}
#wrapper #content #footer2{background:url(images/sitefooter.jpg) no-repeat; margin-top: -50px; height: 120px;width: 800px; margin-bottom: 20px; }
#wrapper #content #mainbody ul li{list-style-position: outside; list-style-type: circle; font-size: 13px; margin-left: 40px;}
#wrapper #content #mainbody h3{padding-left: 20px; padding-top: 10px;}

#wrapper #content.blog {width: 590px; float: left; padding-right: 30px;}
#wrapper #content #mainbody.blog .post {width: 590px;}
#wrapper #content.blog #mainbody .post:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#wrapper #content.blog #mainbody .post .right {width: 400px; float: right; padding-top: 30px}
#wrapper #content.blog #mainbody .post .left {width: 160px; float:left; padding-top: 30px; padding-left: 30px;}
#wrapper #content.blog #mainbody .post .left a{ text-decoration: none;}
#wrapper #content.blog #mainbody .post .left p{padding: 10px 0;}
#wrapper #content.blog #mainbody .post .right p{padding: 10px 20px 10px 0; font-size: 14px; line-height: 17px;}
#wrapper #content.blog #mainbody .post .right h2{font-size: 20px; margin-bottom: 15px;}
#wrapper #content.blog #mainbody .post .right h2 a{color: black; text-decoration: none;}
#wrapper #content.blog #topbit{background:url(images/content-top2.jpg) no-repeat; height: 80px; }
#wrapper #content.blog #mainbody{background:url(images/sitebody2.jpg) repeat-y; }
#wrapper #content.blog #footer2{background:url(images/sitefooter2.jpg) no-repeat; margin-top: -50px; height: 120px;width: 590px; margin-bottom: 20px; }
#comments{padding: 20px;}
#comments #respond{margin-bottom: 10px;}

#wrapper #content #future{margin-left: 10px;margin-top: -50px}
#wrapper #content #future h2{}
#wrapper #content #future ul{margin-top: 10px;}
#wrapper #content #future ul li{}
#wrapper #content #future ul li a{text-decoration: underline;color: black;margin-left: 10px;}

#wrapper #content.blog #comments{clear: both;}

#sidebar {width: 180px; float: right;height: 200px;padding-top: 35px;margin-bottom: 20px;}
#sidebar h3{width: 180px; min-height: 20px; font-size: 15px;text-decoration: underline;padding-bottom: 10px;}
#sidebar p{padding: 0 0 8px 0;}
#sidebar img{margin-right: 10px; margin-bottom: -3px;}
#sidebar #twitter_div{font-size: 13px;min-height: 100px;}
#sidebar #twitter_div ul li {margin-bottom: 10px;}
#sidebar #twitter_div ul li span{color:#595959;}
#sidebar #twitterimg{background: url(images/twitterlogo.png) no-repeat;float: right;width: 50px; height: 50px;margin-top: -28px}
#sidebar a{font-size: 13px;text-decoration: none;}
#sidebar li{list-style: none;}
#sidebar .vert{width: 125px;height: 125px; background: #123bbb;margin-bottom: 15px; margin-left: 10px;}

#wrapper #footer{width: 225px; height: 20px; margin: auto;}
#wrapper #footer ul{}
#wrapper #footer ul li{float: left;margin-bottom: 30px;}
#wrapper #footer ul li a{ font-size: 11px; text-decoration: none; margin: 0 5px 20px 5px;}

#bottom-bit{position: fixed; left: 0; bottom: 0; width: 100%; height: 45px; background: url(http://www.ilovemacapps.com/content/themes/ilovemacapps/images/bottombit.gif) repeat-x;}
#bottom-bit #center{width: 960px; height: 45px; margin: auto; background:url(http://www.ilovemacapps.com/content/themes/ilovemacapps/images/rss-bit.png) 550px 0 no-repeat; padding-top: 3px;}
#bottom-bit #center p{color: white; font-size: 16px; float: left;}
#bottom-bit #center form{float: left; margin: 10px 0 0 10px;}
#bottom-bit #center a{text-decoration: none; color: #2359A3;}

#comments h3{font-size: 20px;}
#comments ol.commentlist{margin-bottom: 25px;}
#comments ol.commentlist .comment-bodyalt{background-color: #fbfbfb;min-height: 70px;}
#comments ol.commentlist .comment-bodyauthcomment{background-color: #ffffe8;min-height: 70px;}
#comments ol.commentlist .comment-body{min-height: 70px;}
#comments ol.commentlist .comment-numberalt{float: right; font-size: 35px; padding: 15px;}
#comments ol.commentlist .comment-number{float: right;font-size: 35px;padding: 15px;}
#comments ol.commentlist .comment-numberauthcomment{float: right;font-size: 35px;padding: 15px;}
#comments ol.commentlist .comment-info{font-size: 12px;padding-left: 10px;}
#comments #commentform .input-text{font-size: 15px; padding: 10px 0 10px 0;}
#comments #commentform .input{margin: 0;width: 400px;}
#comments #commentform .textarea{margin: 0;width: 400px;}
#comments #commentform .guidelines{font-size: 12px; margin-bottom: 10px;}
#comments form#commentform div p.comment-guidelines {padding-left: 0 !important; padding-top: 10px;}
form#commentform p{padding-left: 0 !important;}