/* Theme Name: Aubogasta Theme URI: http://www.antisocialmediallc.com/2009/07/aubogasta/ Description: This theme is a modification of "Projection Template" that was designed by Template World for Smashing Magazine. Our wordpress version is a two-column theme with a moveable sidebar (left or right). Includes theme-options to display an icon in the top right of the header that links to your twitter page, add your google analytics to your footer, place an ad or other content in your sidebar as well as in the gray rounded box in the top right, and setup feedburner if using feedburner. You also have the option of using a graphic for your site title instead of text. Version: 1.0.1 Author: antisocialmediallc.com Author URI: http://antisocialmediallc.com Tags: blue, two-columns, fixed-width, right-sidebar,theme-options License: GPL */ /* CSS Document */ body { margin:0px; padding:0px; background-image:url(images/bg.jpg); background-repeat:repeat-x; background-color:#7DA6C4; font-family: Arial, verdana, Helvetica, sans-serif; font-size:80%; } h1,h2,h3,h4,h5,h6,span { margin:0px; padding:3px 0px 3px 0px; } h1 {font-size:160%;} h2 {font-size:130%;} h3 {font-size:120%;} h4 {font-size:110%;} h5 {font-size:100%;} h6 {font-size:90%;} a:link { color: #9CC7E7; text-decoration:none; } a:visited { color: #9CC7E7; text-decoration:none; } a:link:hover, a:visited:hover { color: #9CC7E7; text-decoration:underline; } .clear { clear:both; overflow:hidden;} .alignleft { float:left; margin-right:10px; } .alignright { float:right; margin-left:10px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignleft { float:left; margin-right:10px; background:#f2f2f2; padding:5px; max-width: 250px; } img.alignright { float:right; margin-left:10px; background:#f2f2f2; padding:5px; max-width: 250px; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; background:#f2f2f2; padding:5px; max-width: 500px; } html>body .alignleft { width: auto; height: auto; max-width:250px; } html>body .alignright { width: auto; height: auto; max-width:250px; } html>body .aligncenter { width: auto; height: auto; max-width:500px; } img, a:link img, a:visited img {border:0;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre, code {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} pre { overflow:auto;} dl {margin:0 0 1.5em 0;} dl dt {font-style:italic; padding:3px 0px 3px 0px;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;background:#EAEAEC; border-right:1px solid #ffffff; } th, td {padding:4px 10px 4px 5px;} tr.even td {background:#F8F8F8; border-right:1px solid #ffffff; } tfoot {font-style:italic;} caption {background:#F8F8F8;} label {font-weight:bold;} fieldset { padding:1.4em;margin:0 0 1.5em 0;border:1px solid #E4E5E6; } textarea { width:100%;} blockquote { background: #f2f2f2; margin: 0px 25px 15px 25px; padding: 10px 20px 0px 15px; border-top: 1px solid #eeeeee; border-right: 1px solid #dddddd; border-left: 1px solid #eeeeee; border-bottom: 1px solid #dddddd; } ul,ol { margin:0;padding:0; } #main { width:904px; float:none; margin:0 auto; padding:0px; } #contentbg { width:904px; float: left; margin:0px; padding:0px; background-image:url(images/contenttxtbg.jpg); background-repeat: repeat-y; } #pagecontent { width:904px; float: left; margin:0px; padding:0px; } #contenttxtblank { width:866px; float: left; margin:0px; padding:0 0 40px 38px; background-image:url(images/contentbg.jpg); background-repeat:no-repeat; } #menu { width:828px; height:30px; float: left; margin:0px; padding:0px; overflow:hidden; } #menu ul { width:788px; height:30px; float: left; margin:0px; padding:0 0 0 50px; display:block; } #menu ul li { height:30px; float: left; margin:0px; padding:0px; display:block; } #menu ul li { background-image:url(images/menusap.jpg); background-repeat:no-repeat; padding-left:10px; padding-right:10px; } .page_item a, .pageitem a:visited,.current_page_item a:hover,.current_page_item a:visited { height:22px; float: left; margin:0px; padding:5px 11px 0 11px; font-size:10px; font-weight:bold; color:#c5c5c5; text-align:center; text-decoration:none; text-transform:uppercase; } .page_item:hover a, .pageitem a:visited:hover, .current_page_item a { height:22px; float: left; margin:0px; padding:5px 11px 0 11px; font-size:10px; font-weight:bold; color:#9BBDD6; text-align:center; text-decoration:none; text-transform:uppercase; background-image:url(images/menuover.jpg); background-repeat:no-repeat; background-position:center bottom; } /*------------------------------------------------------LOGO HEADER---------------------------------------------END--------------------------------------------------------------------------------*/ #logo { padding-left:10px; clear:both; margin-top:50px; height:90px;} #logo .tagline { color:#ffffff; font-style:italic; padding-left:10px;} #logo h1 { color:#ffffff; text-transform:uppercase; font-size:30px; width:390px; } #logo h1 a { color:#ffffff; text-transform:uppercase; font-size:30px; width:390px; } #twitter { position:absolute; top:45px; left:830px; } /*------------------------------------------------------UNDER LOGO---------------------------------------------END--------------------------------------------------------------------------------*/ #wheelaround { } #wheelaround .wheelaroundleft { float:left; padding:10px; width:250px; margin-top:20px; } #wheelaround .wheelaroundleft h2 { color:#3C3C3C;} #wheelaround .wheelaroundleft img { float:left; margin-right:10px; } #wheelaround .wheelaroundleft .rsssignup { text-align:center;} #wheelaround .wheelaroundleft .rsssignup a { font-weight:bold; color:#D94AA7; font-size:14px; text-decoration:underline;} #wheelaround .wheelaroundleft p.rsstext { width:250px;} #wheelaround .wheelaroundright { float:left; width:229px; height:229px; background: transparent url(images/adbg.png) no-repeat; margin-left:325px;} #wheelaround .wheelaroundright .contentspace { padding:0; width:200px; margin:10px auto;} #wheelaround .wheelaroundright h2 { } /*------------------------------------------------------MENU---------------------------------------------END--------------------------------------------------------------------------------*/ #contentleft { width:565px; float:left; margin:0px 30px 0px 0px; padding:0px; } #thepost { width:585px; margin:5px 0px 20px 0px; clear:both; } #thepost.sticky .leftheading { width:565px; height:auto !important; min-height:51px; margin:0 0 0px 0; padding:0 0 0 0px; font-size:14px; color:#13819a; background: #C2DFF1 url(images/leftheadingsticky.jpg) no-repeat; } .sticky .leftheading h2 { width:500px; margin:0px; padding:15px 0px 10px 58px; font-size:medium; font-weight:bold; color:#000000; } .sticky .leftheading h2 a { width:500px; margin:0px; padding:15px 0px 10px 0px; font-size:medium; font-weight:bold; font-weight:normal; color:#000000; } #thepost .thepostbottom { background:#98C5E4 url(images/thepostbottom.jpg) no-repeat; height:7px; } #thepost .thepostcontent { width:535px; background:#ffffff; padding:15px; } #thepost .leftheading { width:565px; height:auto !important; min-height:51px; margin:0 0 0px 0; padding:0 0 0 0px; font-size:14px; color:#13819a; background: #C2DFF1 url(images/leftheading.jpg) no-repeat; } #thepost .leftheading h2 { width:500px; margin:0px; padding:15px 0px 10px 58px; font-size:medium; font-weight:bold; color:#000000; } #thepost .leftheading h2 a { width:500px; margin:0px; padding:15px 0px 10px 0px; font-size:medium; font-weight:bold; font-weight:normal; color:#000000; } .thecontententry ul, .thecontententry ol { margin:10px 0px 10px 30px;clear:both; } .thecontententry ul li { list-style:square; padding:3px 0px 3px 0px; } .thecontententry ol li { list-style-type: decimal; padding:3px 0px 3px 0px; } .thecontententry ol ol li { list-style-type: lower-roman; padding:3px 0px 3px 0px; } .thecontententry img { margin-bottom:10px; } ul#list404 { margin-left:20px; } ul#list404 li{ list-style:square; padding:3px 0px 3px 0px;} #thepost .thepostcontentexcerpt { width:535px; background:#ffffff; padding:15px; height:auto !important; min-height:175px; } #thepost .thepostcontentexcerpt img { float:left; margin-right:10px; } #thepost .thepostcontentexcerpt p { margin-top:0; } #thepost .thepostcontentexcerpt .readfull { float:right; text-transform:uppercase; font-size:12px; } ol.commentlist{ margin: 10px 0 20px; padding: 0; list-style: none; font-size: 12px; line-height: 20px; } ol.commentlist p{ margin-bottom:10px; line-height: 20px; } ol.commentlist cite{ font-style: normal; font-weight: bold; } ol.commentlist li{ padding: 20px 10px 10px 10px; } ol.commentlist li.alt{ padding: 10px 10px 0 10px !important; background:#f2f2f2; } #comment {clear:both; width: 500px; margin:0 auto;} #comment textarea { width:500px; } ol.commentlist .comment-meta{ font-size:0.8em; } ol.commentlist li .avatar { float:left; border: 1px solid #000; margin-right: 10px; } ol.commentlist li{ margin:10px 0 10px; padding:15px 10px 10px; } ol.commentlist li .even{ background:#ffffff; } .commentlist li ul li { margin-left:10px; margin-right:-5px; } ol.commentlist li .reply { padding:0 0 5px 0; } #respond p{ margin-bottom:10px; line-height: 20px; } .bnavigation { width:500px; margin-bottom:15px; float:left; padding:10px; } .bnavigation a { color: #000000; font-size: 1em; font-weight: bold; } .paginav { width:500px; margin-bottom:15px; float:left; padding:10px; } .paginav a { color: #000000; font-size: 1em; font-weight: bold; } .th{ border: 1px solid #eeeeee; float: right; padding: 5px; background-color: #FFFFFF; margin: 0 0 5px 10px; } table#wp-calendar { border-collapse: collapse; margin: 0 auto; padding: 0px; width:90%; } table#wp-calendar a { color:#000000; } table#wp-calendar caption { font-weight: normal; font-size:11px; line-height:1.5em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; } table#wp-calendar th { width: 26px; font-size:11px; line-height:1.5em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; } table#wp-calendar td { width: 26px; 1.5em; color: #999; text-align: center; } table#wp-calendar td#next, table#wp-calendar td#prev { width: 78px; font-size:10px; letter-spacing: 1px; text-transform: uppercase; } .gravatar { float:left; border: 1px solid #000; margin-right: 10px; } /*-----------------------------------------------------CONTENTLEFT-------------------------------------------------------------------------------------------------------------END----------*/ #contentright { width:229px; float:left; margin:0px; padding:0px; } #contentright ul { list-style:none; } #contentright ul li { list-style:none; } /* The Sidebar*/ #contentright .mootabsblock { width:225px !important; height:auto !important; min-height:265px; float:left; display: block; margin-top:10px; } #contentright .subscribeblock { padding:5px; margin-bottom:10px; } #contentright .subscribeblock .subscribeblockincontent { padding:5px; } #subbox { clear:both; width:150px; padding:5px; margin:0 auto; float:none; display:block; border:1px solid #729CBB; } #subbutton { width:160px; padding:5px; margin:3px auto; float:none; display:block; text-align:center; background:#E6E5E6; border:1px solid #dddddd; } #contentright .subscribeblock .subscribeblockincontent img.rss { float:left; margin-right:10px;} #contentright .subscribeblock .subscribeblockincontent h2 { padding-bottom:10px; } #contentright .subscribeblock .subscribeblockincontent p { padding:5px; } #contentright .mootabs_title{ font-size: 12px; width: 100%; float:left; margin-top:5px; } #contentright .mootabs_title li{ float: left; display:inline; font-size: 11px; line-height: 34px; background:#C1DDF1; color:#000000; font-weight: normal; font-size: 11px; margin:0px 2px 0px 5px !important; padding:0px 5px !important; cursor: pointer; } #contentright .mootabs_title li:hover, #contentright .mootabs_title li.active{ background:#f2f2f2; text-decoration: none; } #contentright .mootabs_panel { display: none; clear: none; float:left; height:auto !important; } #contentright .mootabs_panel.active { display: block; float:left; } #contentright .mootabs_panel ul{ width: 219px !important; padding:5px !important; margin:5px 0px 0px !important; min-height:203px; } .list1 li,.list2 li, .list3 li{ padding: 6px 10px 6px 10px; border-bottom:1px solid #e9e9e9; background:#f2f2f2; color:#000000; } .list1 li a,.list2 li a,.list3 li a,.list4 li a, .list5 li a{ color: #000000; font-size: 12px; } .list3 li { background: url(images/ico-mostcomm.gif) no-repeat left center !important; } .list5 li{ border-bottom: 1px solid #eee; padding:6px 0px; } .widget { margin:0px auto; width:225px !important; display: block; background:#ffffff; } .widgetinside { padding:10px; background:#ffffff; } .widget h2 { padding: 5px; } .widget ul { margin:0 0 10px 0; padding:5px 0; border:none !important; } .widget ul li { border-bottom: 1px solid #eee; padding:3px 0 3px 5px; margin:0px; } .widget ul li a { color: #000000; } /*- Nav / Dropdowns-*/ .widget li ul li { background:transparent url(images/cathi.png) no-repeat; padding:3px 0px 0px 13px; border:none; } .widget select { border:1px solid #eee; width:100%; margin:15px 0 0 0; padding:5px; } .widgettop { background:#98C5E4 url(images/widget-top.jpg) no-repeat; height:14px; width:225px; margin:0 auto; } .widgetbottom { background:#98C5E4 url(images/widget-bottom.jpg) no-repeat; height:14px; margin-bottom:10px; width:225px; margin:0 auto 10px auto; } #tagcloud { float:left; width:225px; padding-top:10px; } .sidebarad { margin:0 auto; width:160px; display:block; } #search { width:229px; height:82px; float:left; margin:0px; padding:0px; background-image:url(images/searchbg.png); background-repeat:no-repeat; } #searchblank { width:179px; height:56px; float:left; margin:0px; padding:22px 0 0 50px; } #searchinput { width:103px; height:22px; float:left; margin:0px; padding:0px; } .searchinput { width:97px; height:18px; float:left; margin:0px; padding:4px 0 0 6px; font-size:10px; color:#070808; } #searchbutton { width:51px; height:21px; float:left; margin:1px 0 0 10px; padding:0px; color:#0000000; } .search { width:51px; height:18px; float:left; margin:0px; padding:3px 0 0 0; font-size:10px; color:#000000; text-align:center; text-decoration:none; } .search:hover { width:51px; height:18px; float:left; margin:0px; padding:3px 0 0 0; font-size:10px; color:#070808; text-align:center; text-decoration:none; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------FOOTER-------------------------------------------------------------------------------------END---------------------*/ #footerbg { width:904px; height:117px; margin:0px; float:left; padding:0px; background:url(images/footerbg.jpg) no-repeat; color:#ffffff; } #copyrights { width:904px; height:13px; float: left; margin:35px 0 0 0; padding:0px; font-size:10px; color:#ffffff; text-align:center; } #validation { width:534px; float: left; margin:5px 0 0 0; padding:0 0 0 370px; } #designedby { width:904px; height:13px; float: left; margin:5px 0 0 0; padding:0px; font-size:10px; font-weight:normal; color:#ffffff; text-align:center; } .designedby { font-size:10px; font-weight:normal; color:#ffffff; text-align:center; text-decoration:none; } .designedby:hover { font-size:10px; font-weight:normal; color:#faf56d; text-align:center; text-decoration:none; }