/* Theme Name: Alpha Description: This theme and several hundred of others are available for free download at Wordpress Templates. Author: ChiQ Author URI: http://www.wpthemedesigner.com/ */ * { margin: 0; padding: 0; } body { text-align: center; font: 12px Verdana; color: #333333; background: #ffffff url(images/header.gif) repeat-x 0 0;; } a { text-decoration: none; color: #FF9F00; } img { border: 0; } .break { font-size: 0; width: 0; height: 0; clear: both; } .alignleft { float: left; margin: 4px 10px 5px 0; } .alignright { float: right; margin: 4px 0 5px 10px; } .hidden { display: none; } .noimage img { display: none; } #wrapper { width: 946px; margin: auto auto; text-align: left; } /** BEGIN header **/ #header { padding-bottom: 10px; } #header ol { list-style-type: none; height: 30px; float: left; padding-left: 1px; background: url(images/divider.gif) no-repeat 0 0; } #header ol li { float: left; text-transform: uppercase; height: 30px; padding-right: 1px; background: url(images/divider.gif) no-repeat right 0; font-size: 0.9em; } #header ol li a { color: #333333; display: block; padding: 8px 10px 9px; } #header ol li a:hover { background-color: #333333; color: #FF9F00; } #header form { float: right; width: 220px; height: 22px; background: url(images/search.gif) no-repeat 0 0; margin-top: 3px; } #header input { border: 1px solid #ffffff; width: 180px; margin: 2px 7px 0 2px; float: left; } #header button { width: 25px; height: 22px; text-indent: -9999px; border: 0; background-color: transparent; } #header h1 { clear: both; text-transform: uppercase; font-size: 2em; float: left; padding: 30px 0 20px; } #header h1 a { color: #333333; } #header p { float: right; padding: 16px 100px 15px 10px; background: url(images/avatar.gif) no-repeat 96% 0; margin-top: 20px; } #header ul { clear: both; background: url(images/navigation.gif) no-repeat 0 0; height: 32px; list-style-type: none; padding: 0 10px; } #header ul li { float: left; font-weight: bold; text-transform: uppercase; font-size: 0.9em; padding-left: 1px; background: url(images/navdivide.gif) no-repeat 0 3px; } #header ul li.f { background: none; } #header ul li a { color: #333333; display: block; padding: 10px 12px; } #header ul li a:hover { color: #FF9F00; } /** END header **/ /** BEGIN home **/ #home { clear: both; border-top: 4px solid #333333; border-bottom: 4px solid #333333; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; margin: 0 8px; } #home #featured { float: left; width: 67%; } #home #featured h2 { color: #FF9F00; text-transform: uppercase; font-size: 0.8em; background: url(images/bullet.gif) no-repeat 10px 12px; padding: 10px 10px 10px 25px; border-width: 0 1px 1px 0; border-color: #E1E1E1; border-style: solid; } #home #featured .content { padding: 10px; border-right: 1px solid #e1e1e1; background-color: #EEEEEE; font-size: 0.9em; } #home #featured img { float: left; background-color: #ffffff; padding: 4px; border: 1px solid #DDDDDD; margin: 0 10px 5px 0; } #home #featured h3 a { color: #6699CC; font-size: 18px; font-weight: normal; } #home #featured .date { color: #808080; font-size: 0.9em; padding: 5px 0; } #home #featured p { margin-bottom: 5px; } #home #featured .details { border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; height: 30px; font-size: 0.8em; } #home #featured .details .readmore { float: left; margin: 8px 15px 0; font-weight: bold; } #home #featured .details .r { float: right; padding: 8px 8px 0; } #home #featured .details .r a { font-weight: bold; margin-right: 10px; } #home #featured .details .r .comments a { padding-left: 14px; background: url(images/comments.gif) no-repeat 0 2px; } #home #popular { float: right; width: 33%; } #home #popular h2 { color: #FF9F00; text-transform: uppercase; font-size: 0.8em; background: url(images/bullet.gif) no-repeat 10px 12px; padding: 10px 10px 10px 25px; border-bottom: 1px solid #e1e1e1; } #home #popular ul { list-style-type: none; padding: 20px 20px 10px; } #home #popular ul li { border-bottom: 1px dotted #CCCCCC; padding: 5px 0; } #home #popular ul li a { color: #6699CC; } #home #popular ul li a:hover { } /** END home **/ /** BEGIN content **/ #content { clear: both; margin-left: 8px; width: 65.5%; float: left; border-width: 0 1px 1px; border-style: solid; border-color: #e1e1e1; padding: 10px 0; } #content .post { font-size: 0.9em; width: 46.5%; float: left; margin-left: 15px; height: 275px; } #content .post h2 { font-size: 1.6em; font-weight: normal; } #content .post h2 a { color: #7294C6; } #content .post .date { color: #897C81; font-size: 0.9em; padding-top: 5px; } #content .post img { border: 4px solid #CCBEC3; float: left; margin: 0 10px 5px 0; height: 67px; width: auto; } #content .post p { line-height: 1.3em; margin-bottom: 10px; } #content .post .details { border-width: 1px 0; border-style: dotted; border-color: #BEC6C0; clear: both; padding: 5px; height: 15px; } #content .post .details .comments a { color: #3A413C; text-transform: uppercase; float: left; } #content .post .details .readmore { text-transform: uppercase; float: right; } /** END content **/ /** BEGIN sidebar **/ #sidebar { margin-right: 4px; width: 299px; float: right; padding-top: 10px; } #sidebar .box { width: 277px; border-width: 0 1px 1px; border-style: solid; border-color: #e1e1e1; padding: 10px; clear: both; margin-bottom: 15px; } #sidebar .box ul { list-style-type: none; } #sidebar .box ul li { border-bottom: 1px dotted #CCCCCC; padding: 6px 8px; } #sidebar .box ul li a { color: #333333; } #sidebar .box ul li a:hover { color: #6699CC; } #sidebar .box img { margin: 5px; border: 1px dashed #BDBDBD; } #sidebar .video { padding: 10px 0 10px 5px; width: 292px; } #sidebar .video img { border: 0; } #sidebar #mixed { width: 299px; height: 90px; background: url(images/mixed.gif) no-repeat 0 0; } #sidebar #mixed a { color: #6699CC; font-weight: bold; } #sidebar #mixed .rss { padding: 17px 0 0 84px; display: block; } #sidebar #mixed .email { padding: 16px 0 0 42px; display: block; } #sidebar #mixed input { margin: 8px 10px 0 20px; border: 1px solid #ffffff; float: left; width: 222px; } #sidebar #mixed button { float: left; text-indent: -9999px; width: 30px; height: 24px; border: 0; margin-top: 5px; background-color: transparent; } #sidebar #lists { list-style-type: none; border-bottom: 1px solid #333333; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; height: 33px; } #sidebar #lists li { float: left; font-weight: bold; font-size: 0.9em; border-left: 1px solid #e1e1e1; } #sidebar #lists li a { color: #333333; padding: 10px 8px; display: block; } #sidebar #lists li a:hover { color: #FF9F00; } #sidebar h2 { font-size: 0.9em; padding: 10px 8px; border-bottom: 1px solid #333333; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; } #sidebar .l { width: 49%; float: left; } #sidebar .r { width: 49%; float: right; } #sidebar .divided { } #sidebar .divided ul { list-style-type: none; border-width: 0 1px 1px; border-style: solid; border-color: #e1e1e1; margin-bottom: 15px; } #sidebar .divided ul li { border-top: 1px dotted #cccccc; padding: 6px 8px; } #sidebar .divided ul li a { color: #333333; } #sidebar .divided ul li a:hover { color: #6699cc; } #sidebar .divided h2 { font-size: 1em; } /** END sidebar **/ /** BEGIN footer **/ #footer { clear: both; background: url(images/footer.gif) repeat-x 0 20px; padding: 40px 0 0; font-size: 0.8em; color: #808080; height: 50px; } #footer div { width: 946px; margin: auto auto; text-align: left; } #footer .l { float: left; } #footer .r { float: right; } #footer a { color: #6699cc; } /** END footer **/ /** BEGIN misc **/ #list3 a { color: #333333; } #list3 a:hover { color: #FF9F00; } #content .single { padding: 10px; font-size: 0.9em; } #content .single h2 { padding-bottom: 15px; } #content .single h2 a { color: #6699CC; } #content .single p { margin-bottom: 10px; } #content .single h3 { margin-bottom: 5px; font-size: 1.3em; } #content .single ul { padding-left: 15px; margin-bottom: 10px; } #content .single ul li { padding: 2px 0; } #content .single ol { padding-left: 20px; margin-bottom: 10px; } #content .single ol li { padding: 2px 0; } #content .single blockquote { font-style: italic; padding: 10px; background-color: #EEEEEE; border-width: 1px 0; border-style: solid; border-color: #E3E3E3; margin-bottom: 10px; } #content .single .details { clear: both; border-width: 1px 0; border-style: dotted; border-color: #B5B5B5; text-transform: none !important; line-height: 1.6em; padding: 5px 0 !important; } #content .single .details a { margin: 0 !important; font-weight: bold; } #content .single .details .l { float: left; width: 35%; margin-bottom: 0 !important; } #content .single .details .r { float: right; width: 55%; margin-bottom: 0 !important; } #content .single { border-bottom: 0 !important; } #content .single h2 { font-size: 1.5em !important; text-transform: none !important; font-size: 1.5em; } #comments { padding: 0 10px 20px; font-size: 0.9em; } #comments h2 { margin: 10px 0; font-size: 1.5em; } #comments p { margin-bottom: 10px; line-height: 1.5em; } #comments form { padding-top: 20px; } #comments form p { margin-bottom: 5px; } .commentdetails { margin-top: 25px; } .commentauthor { margin-bottom: 5px !important; font-weight: bold; } .commentdate { font-size: 0.8em; margin-bottom: 5px; color: #909090; } .required { color: #ff0000; } .sdetails { clear: both; font-size: 0.8em; padding-top: 20px; } .sdetails p { margin-bottom: 5px !important; color: #909090; } .sdetails a { color: #909090; } .sdetails a:hover { color: #282828; } #respond { padding-top: 20px; } #postnav { font-size: 0.9em; padding: 20px; } /** END misc **/