/*

Theme Name:		SAA Blog Theme

Theme URI:		http://www.ssaubc.com

Description:    WordPress theme for SSA UBC

Version:		1.0

Author:			Agustian Hermanto

Author URI:		http://www.rakit.ca

*/


/*Reset*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0;}

/*Basic Layout*/

body {background: url(images/bg-main.jpg) no-repeat fixed center #4e4c3f; color: #fff; font-family: tahoma, georgia; width: 100%; height: 100%;}
#wrapper {width: 921px; margin-left: auto; margin-right: auto;}

img {border: none;}
#container img {padding: 10px;}
p {padding: 10px;}
a {color: #fff; outline: none;}
.alignleft {float: left; position: relative;}
.alignright {float: right; position: relative;}
blockquote {border-left: 5px solid #ccc; margin-left: 1.5em; padding-left: 5px;}
.orange {color: #ff9900;}
.orange-large {color: #ff9900; font-size: 120%;}
.clear {clear: both;}

/*Header*/

#header {background: url(images/bg-header.png) no-repeat center; width: 921px; height: 260px;}
#logo {width: 111px; height: 163px; position: relative; left: 750px; top: 25px; background-image: url(images/logo.png);}
#top-navi {position: relative; top: 60px; text-align: center;}
#top-navi li {display: inline; list-style: none; font-size: 24px; margin-left: 25px; font-family: georgia;}
#top-navi ul li a {text-decoration: none; padding: 2px; font-size: 100%;}
#top-navi ul li:hover a {-moz-border-radius: 3px; -webkit-border-radius: 3px;}
#top-navi ul li:hover a:hover {background: #ffcc33; color: #222222; font-weight: bold;}
#top-navi ul li a:active {background: #cc9933; color: #000;}
/*Container*/

#container {margin-top: 30px; width: 900px; margin-left: auto; margin-right: auto;}

	/*Wide entry*/
.wide-entry {margin-left: auto; margin-right: auto; margin-top: 30px; padding: 10px;}
.wide-entry .top-entry {background: url(images/bgTop-wideentry.png) no-repeat center; height: 50px;}
.wide-entry .post-entry {background: url(images/bgMid-wideentry.png) repeat-y center; padding: 5x;}
.wide-entry .bot-entry {background: url(images/bgBot-wideentry.png) no-repeat center; height: 26px;}

/*Left Container*/

#left-container {float: left; position: relative; margin-left: 20px;}

.entry {width: 644px; margin-bottom: 20px;}
.top-entry {background: url(images/bgTop-entry.png) no-repeat center; height: 50px;}
.post-entry {background: url(images/bgMid-entry.png) repeat-y center; padding: 5px;}
.bot-entry {background: url(images/bgBot-entry.png) no-repeat center; height: 26px;}
.post-title a {text-decoration: none; color: #fa9e46; font-size: 100%;}
.post-title a:hover, a:active {text-decoration: none; color: #fa9e46; font-size: 100%;}
.post-title {font-size: 180%; color: #fa9e46; text-align: center;}
.author {float: right; position: relative; font-size: 70%; font-style: italic; top: 6px; right: 20px; color: #d4d1cd;}
	
	/*Posting layout*/
#left-container ul, ol{list-style-position: inside; margin-left: 1.5em; padding-left: 5px; text-indent: -1em;}
#left-container h1, h2, h3 {padding-left: 10px;}
#left-container .post-entry a:hover {color: #fa9e46; text-decoration: underline;}
#left-container .post-entry a, a:active {text-decoration: none; color: #000;}

/*Right Container*/

#right-container {float: right; position: relative; margin-right: 25px;}
#sidebar {margin-left: auto; margin-right: auto; width: 178px;}
#right-container a:hover {color: #fa9e46; text-decoration: underline;}
#right-container a, a:active {text-decoration: none; color: #000; font-size: 65%;}
#right-container ul, ol{list-style-position: inside; margin-left: 1.5em; padding-left: 5px; text-indent: -1em;}
#right-container h1, h2, h3 {padding-left: 10px;}
#right-container img {border: none; display: block;}

#top-sidebar {background: url(images/bgTop-side.png) no-repeat center; height: 17px;}
#entry-sidebar {background: url(images/bgMid-side.png) repeat-y center;}
#bot-sidebar {background: url(images/bgBot-side.png) no-repeat center; height: 15px;}

.side-wrapper {margin-left: auto; margin-right: auto; width: 143px;}
.topside-post {background: url(images/bgTop-sidePost.png) no-repeat center; height: 6px; width: 143px;}
.side-post {background: url(images/bgMid-sidePost.png) repeat-y center; width: 143px;}
.botside-post {background: url(images/bgBot-sidePost.png) no-repeat center; width: 143px; height: 8px;}
.mission-statement {background: url(images/header-missionstate.png) no-repeat center; width: 143px; height: 41px; margin-top; 25px;}
.latest-news {background: url(images/header-latestnews.png) no-repeat center; width: 143px; height: 26px; margin-top: 25px;}

/*Footer*/

#footer {text-align: center; font-size: 90%;  background-color: #e5882f; margin-top: 25px; padding-top: 10px; padding-bottom:25px; position: relative; bottom: 0; clear: both;}