/*  
Theme Name: Architec
Theme URI: http://www.templatepanic.com/article/architec-wordpress-theme
Description: Architec is a simple and clean Wordpress Theme with two column layout and widget ready.
Author: http://www.thestuccocompany.com/
Author URI: Building Forums

Terms of Use:

YOU ARE NOTE ALLOWED TO DELETE THE CREDITS! This theme is released for free under the GNU General Public License 2.5 (GPL), requiring that the credits will stay intact. Thank you for using my WordPress Theme.

- DO NOT REMOVE any of the links in the footer!
- You are free to share, to copy, distribute and transmit this theme.
- This theme is distributed for free. You are not allowed to sell this theme.
Thanks for using this theme.
*/


/* ---------------- GENERAL ---------------- */


body { font-family: Verdana, 'Trebuchet MS', Tahoma, Arial, sans-serif; font-size: 13px; color: #000000; line-height: 140%; margin: 0px; padding: 0px; background: url(img/bg-big-blue.jpg) no-repeat top center; background-attachment: fixed; }

#container { width: 840px; margin: 0 auto; }

a:link, a:visited { text-decoration: underline; color:#305cb5; }
a:hover { text-decoration: none; }

small { font-size: 85%; }
small a:link, small a:visited { text-decoration: none; }
small a:hover { text-decoration: underline; }

h1, h2, h4, h5, h6 { margin:0; padding: 0px; font-family: Georgia, Verdana; font-weight: normal; }

h1 { font-size: 220%; color: #f1f1f1; padding: 50px 10px 0 20px; }
h1 a:link, h1 a:visited, h1 a:hover { color: #f1f1f1; text-decoration: none; }

.description { font-size: 100%; font-weight:normal; padding: 10px 10px 0 20px; font-style:italic; color: #f9f9f9;}

h2 { font-size: 160%; color: #222; margin-top: 20px; }
h2 a:link, h2 a:visited { color: #222; text-decoration: none; }
h2 a:hover { color: #444; text-decoration: none; }

h3, h4, h5 { font-size: 100%; color: #666; font-weight: normal; }

ul{ list-style-type: square;}
ul ul { list-style-type: disc;}
ul ul ul{ list-style-type: none;}

label {	font-size: 100%; }


p img { padding: 4px; border:none;}

img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;}

.alignright { float: right;}
.alignleft { float: left;}


/* ---------------- LAYOUT ---------------- */


#header { margin: 0 auto; padding: 0px; width: 100%; clear: both; background: url(img/header-blue.jpg) no-repeat center top; height: 198px;}

#option ul {float: left; margin: 0; padding: 0 0 0 20px; width: 50%; }
#option ul li {list-style-type: none; float: left; display: block; color: #f1f1f1; }
#option img { border: 1px solid #fff; margin: 3px 2px 0 2px; }

#sidebar { margin: 0 0 0 588px; padding:10px 0 0 0; width:235px; }
#content { float:left; width: 550px; margin: 0 auto; padding:0 0 0 10px;}


/* ---------------- TAB ---------------- */


#tab { padding: 0; white-space: nowrap; margin-top: 25px; float: left; font-size: 95%; }

#tab img { display: block;}
#tab a { font-size: 90%; padding-right: 20px; padding-left: 20px; }

ul.menu { float: left; margin: 0; padding: 0 0 0 10px; list-style-type: none; }
ul.menu li { float: left; }
ul.menu li a { float: left; display: block; height: 28px; padding: 3px 15px 0 15px; line-height: 24px; color: #fff; }
ul.menu li a:link, ul.menu li a:visited { color: #f1f1f1; text-decoration: none; }
ul.menu li a:hover, ul.menu li a:active { color: #f1f1f1; text-decoration: none; background: url(img/tab-hover-blue.jpg) repeat-x left top; }

ul.menu li.current_page_item a:link,
ul.menu li.current_page_item a:visited,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_item a:active { color: #555; text-decoration: none; background: url(img/tab-hover-blue.jpg) repeat-x left top; }


/* ---------------- NAVIGATION ---------------- */


#nav { font-size: 80%; padding: 5px 0px 15px 10px; color: #666666; }
#nav a:link, #nav a:visited { color: #666666; }
#nav a:hover { text-decoration:underline; }

.navigation { font-size: 90%; padding: 5px 20px 45px 20px; }


/* ---------------- POST ---------------- */


.pagetitle { padding: 0px 0px 10px 10px; color: #A0A0A0;}
.pagetitle h2 { padding: 30px 0px 5px 0px; font-size: 120%; }
.post {	padding: 0px 0px 10px 10px;}
.post h3 { padding: 30px 0px 5px 0px;}

.relatedposts { width: 520px; float: left; color: #666; margin: 5px auto; padding: 0 20px 5px 20px; font-size: 12px; }


/* ---------------- SIDEBAR ---------------- */


#sidebar { }
#sidebar ul a:link, #sidebar ul a:visited { color:#444; margin: 0; padding: 0;}
#sidebar ul { list-style: none; margin: 0; padding: 0;}
#sidebar p { margin-top: 0px; }

#sidebar a:link, #sidebar a:visited { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sidebar li { line-height:150%; margin: 0 0 0 10px; padding: 0 0 0 5px; list-style-type: circle; }

/* fix for browsers that don't need the hack */
html>body #sidebar li {border-bottom: none;}

.sidebar1 { margin: 0px; padding: 0px 0px 10px 0px; }
.sidebar1 h2 { margin: 0; padding: 10px 0 0 0px; height: 40px; }

#sidebar img { display: block; padding:0; margin:0; border: none; }
#sidebar img a, #advert img a:link, #advert img a:hover { border:none; }


/* ---------------- FOOTER ---------------- */


#footer { background: url(img/footer-blue.jpg) bottom center no-repeat; height: 57px; clear: both; font-size: 90%; padding: 0px; margin: 0px; }
#footer p { color: #c5c5c5; margin-left: 10px; padding-top: 15px; line-height: 120%; text-align: center; }
#footer a, #footer a:link { text-decoration: none; color: #f1f1f1; }
#footer a:hover { text-decoration: underline; }


/* ---------------- COMMENTS ---------------- */


.commentlist li, #commentform input, #commentform textarea {font-size: 100%; }
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a { font-weight: normal;font-style: normal;}
.commentlist p {font-weight: normal; line-height: 130%;text-transform: none;}
#commentform p {padding: 0 10px 0 20px; }

.commentmetadata {font-weight: normal;}

h3.comments {padding: 0 10px 0 10px; margin: 40px 10px 20px 10px;}

#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 10px;}
#commentform textarea {	width: 100%; padding: 2px;}
#commentform #submit { margin: 0;float: right;}