/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  width: 840px;
  margin:0 auto;
}


/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 0px;
  margin-right: 20px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}


.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}


body {
  background:#fff;
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#555;
}


p{margin:0;}

/* =============================== */
/* ========== sidebar ========== */
/* =============================== */
.sidebar{ height:100%; border-right:solid 1px #ddd; padding:40px 40px 40px 0; position:fixed; margin-left:0; }
 

/* =============================== */
/* ========== header ========== */
/* =============================== */
.header{ margin-top:85px; margin-bottom:85px;}



/* =============================== */
/* ========== logo ========== */
/* =============================== */
#mainlogo{ margin-bottom:30px; text-align:center;}



/* =============================== */
/* ========== content ========== */
/* =============================== */
.main{ position:absolute; margin-left:220px; line-height:1.7em; padding-bottom:40px;}

/* =============================== */
/* ========== links ========== */
/* =============================== */
a{ color:#F1CE41; text-decoration:none;}
a:hover{ color:#777; text-decoration:none;}
a:active{outline: none;}
a:focus{border:none;}
.btn{ color:#FFF; background:url(../images/bgbtn.png) top repeat-x #F1CE41; padding:5px 10px 5px 10px;display:inline-block; margin-top:10px; padding:3px 15px 3px 15px; font-size:11px;}
.btn:hover{ color:#FFF; background:url(../images/bgbtn.png) top repeat-x #333; padding:5px 10px 5px 10px;display:inline-block; margin-top:10px; padding:3px 15px 3px 15px; font-size:11px;}

img{border:none;}
*:focus { outline: none }




::-moz-selection{
background:#F1CE41; color:#FFF;
}
::selection{
background:#F1CE41; color:#FFF;
}


/* =============================== */
/* ========== heading ========== */
/* =============================== */
h1, h2, h3{margin-bottom:10px;}
h3, h4, h5, h6{margin-bottom:12px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-family:Anton, Arial, Helvetica, sans-serif; margin-top:0;}
h1 {font-size:28px; line-height:30px;}
h2 {font-size:26px; line-height:27px;}
h3 {font-size:24px; line-height:24px;}
h4 {font-size:18px; line-height:22px;}
h5{font-size:14px; line-height:20px;}
h6 {font-size:12px; line-height:19px;}
h1.tagline{margin:0; padding:0; font-size:18px; color:#aaaaaa;}


/* =============================== */
/* ========== main menu ========== */
/* =============================== */
.mainmenu{ }
.mainmenu ul{margin: 0;padding: 0;list-style-type: none;font-family:Anton; margin-bottom:30px;} 
.mainmenu ul li{position: relative;}
.mainmenu ul li a{display: block;overflow: auto; text-decoration: none; padding:0; font-size:28px; margin-bottom:-8px; margin-right:10px; overflow:hidden;}
.mainmenu ul li a:link, .mainmenu ul li a:visited, .mainmenu ul li a:active{color: #CCC;}
.mainmenu ul li a.selected{ background:url(../images/plus.png) right center no-repeat; color: #F1CE41; margin-left:-40px; padding-left:40px;}
.mainmenu ul li a:hover{color: #F1CE41;}
.mainmenu ul li ul{position: absolute;width: 170px;top: 0;font-weight: normal;visibility: hidden;}
.mainmenu ul li ul{text-align:left; border:solid 1px #CCC; }
.mainmenu ul li ul li ul{text-align:left; border:solid 1px #CCC;}
.mainmenu ul li ul li ul li ul{text-align:left;}
.mainmenu ul li.active{}
.mainmenu ul li.active a{ color:#F1CE41;}
.mainmenu ul li ul li{background:#FFF; border-bottom:solid 1px #EAEAEA;}
.mainmenu ul li ul li a{ font-size:14px; padding:10px;  margin-bottom:0; margin-right:0;}
.mainmenu ul li ul a.selected{ margin-left:0; padding-left:10px; background:url(../images/plus.png) 140px center no-repeat;}
.mainmenu ul .rightarrowclass{ float:right;  display:none; padding-top:20px; }
.mainmenu ul li ul .rightarrowclass{ display:none; float:right; padding-top:8px;}



/* =============================== */
/* ========== span color ========== */
/* =============================== */
.black{color:#333;}
.idcolor{ color:#F1CE41;}


/* =============================== */
/* ======== social-icons ======== */
/* =============================== */
#social-icons{text-align:right;}
#social-icons img{margin-right:5px;}


/* =============================== */
/* ========== blockquote ========== */
/* =============================== */
blockquote{ margin:20px; padding:15px 0 0 15px; font-style:italic; background:url(../images/quote.png) top left no-repeat; font-size:14px; line-height:1.4em;}
blockquote.pos-left{ float:left; width:50%; margin:10px 20px 5px 0;}
blockquote.pos-right{ float:right; width:50%; margin:10px 0 5px 20px;}
.sidebar blockquote{margin-left:0;}


/* =============================== */
/*              code               */
/* =============================== */
code{background:#fff; padding:5px; display:block; margin-bottom:10px; border:solid 1px #ddd; color:#333;}
code:hover{background:#fff; border:solid 1px #F1CE41;}

/* ========================================== */
/* 					page
/* ========================================== */
.page{text-align:left; font-size:11px; color:#999;}
.blogpage{margin-top:40px;}
.page a:hover{ padding:4px 8px 4px 8px; margin-right:5px; background:#F1CE41; color:#FFF;}
.page a{ padding:4px 8px 4px 8px; margin-right:5px; background-color:#CCC; color:#FFF; text-decoration:none;}
.page .active a{background:#F1CE41; color:#FFF; }


/* ========================================== */
/* ========== portfolio (homepage) ========== */
/* ========================================== */
#portfolio{margin:0; padding:0;}
#portfolio li{margin:0; padding:0; list-style:none; margin-bottom:40px; width:600px; height:614px; }
#portfolio li .frame{ z-index:10; position:absolute; width:600px; height:614px; background:url(../images/frame-pic.png) top left no-repeat;}
#portfolio li .square{ z-index:10; position:absolute; width:600px; height:614px; background:url(../images/frame-pic-2.png) top left no-repeat;}
#portfolio li .title{position:absolute; width:620px; margin-top:290px; z-index:15;color:#FFF;}
#portfolio li .title h1{ margin:0; padding:0; padding:6px 20px 10px 20px; float:right; text-align:right; background:#F1CE41;  font-size:36px;}
#portfolio li .btnquit{position:absolute; width:46px; height:46px; margin-left:575px;  margin-top:290px; z-index:28;color:#FFF;background:url(../images/cross.png) center no-repeat #F1CE41;  display:none; border-radius:36px; -webkit-border-radius:36px;}
#portfolio li .btnquit:hover{background:url(../images/cross.png) center no-repeat #333;}
#portfolio li .clickarea{ width:600px; height:614px; display:block; position:absolute; z-index:26; cursor:pointer;}
#portfolio li .info{ display:none; padding:120px; position:absolute; z-index:27;}
#portfolio li .bginfo{ display:none; background:url(../images/dotwhite90.png); width:600px; height:614px; position:absolute; z-index:5;}

/* =============================== */
/* ========== deco-line  ========== */
/* =============================== */
.deco-line{ height:5px;background:#F1CE41;}


/* =============================== */
/* ========== gallery  ========== */
/* =============================== */
.pf_gallery{list-style-type:none; padding:0; margin:0; width:700px;}
.pf_gallery li{padding:0; margin-right:20px; margin-bottom:20px; width:140px; float:left; list-style:none; padding-bottom:20px;}
.pf_gallery li img{ margin-bottom:10px; width:140px; height:140px;}
.pf_gallery li.nomargin{margin-right:0;}
.pf_gallery h5{margin-bottom:0px;}
.pf_gallery .pf-text{ font-style:italic; color:#999;}



/* =============================== */
/* ========== totop  ========== */
/* =============================== */
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(../images/ui.totop.png) no-repeat left top;
}
#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline:none;
}


/* ========================================= */
/* 				SPACE & LINE
/* ========================================= */
.clear{ clear:both; background:none;}
hr{ height:40px; border:none; clear:both; background:url(../images/line.png) center repeat-x;} 


/* ========================================= */
/* 				TABLE
/* ========================================= */
table{ width:100%; border-collapse:collapse;}
thead{background:url(../images/bg-table-header.png) top repeat-x; background:#D3D3D3;}
thead td{padding:10px;border:solid 1px #DDD;}
tbody td{ padding:10px;border:solid 1px #DDD;}
thead{font-weight:bold;}


/* =============================== */
/*             contact             */
/* =============================== */

.contact_form_holder{}
#contact label{ display:block; width:120px; float:left;}
#contact input{ display:block; margin-bottom:10px; padding:5px;border:solid 1px #CCC; width:85%;}
#contact input:focus{ border:solid 1px #F1CE41;}
#contact textarea{ padding:5px; border:none; border:solid 1px #CCC; width:85%;height:100px; margin-bottom:10px;}
#contact textarea:focus{border:solid 1px #F1CE41;}
#contact input.btn{ color:#FFF; background:#F1CE41; padding:3px 10px 3px 10px; margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px;border:none; width:60px;}
#contact input.btn:hover{background:#333; color:#FFF;}
#contactform { font-size: 12px; width:300px;}
#contactform input, #contactform textarea {width:100%;font-family:inherit;font-size:12px;padding:5px;}
#contactform textarea {height:100px;}
#send {width:100px !important;font-size: 12px;border:1px solid black;}
#btnsubmit { text-align:right; } 
.btn{border:none;}
.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks {border:solid 1px #ccc;  background:#fff; padding:10px; margin-top:10px; font-weight:bold;}
.error { margin-top:-31px; width:31px; height:31px; background:url(../images/icon-error.png) top left no-repeat; color: #FFF; font-size:11px; float:right;}


/* =============================== */
/* 				images
/* =============================== */
.pic_left{ float:left; margin:0 20px 20px 0;}
.pic_right{ float:right; margin:0 0 20px 20px;}
.pic_blog_read{margin-bottom:15px;}



/* ========================================= */
/* 					Blog
/* ========================================= */
#bloglist{ margin-top:-10px; margin:0; padding:0;}
#bloglist li{margin-bottom:40px; list-style:none; border: solid 1px #DDD; padding:20px; background:url(../images/dotwhite50.png)}
#bloglist li:hover{border: solid 1px #F1CE41;}
#bloglist li .date{background:url(../images/icon-calendar.png) left center no-repeat; padding-left:24px;}
#bloglist li .by{background:url(../images/icon-user.png) left center no-repeat; padding-left:24px;}
#bloglist li .cat{background:url(../images/icon-folder.png) left center no-repeat; padding-left:24px;}

/*#bloglist h1{ background:#CF2929; display:inline-block; padding:10px 10px 10px 51px; margin-left:-51px;}
#bloglist h1 a{color:#FFF;}*/
.blog-header{ border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; font-size:11px; padding:6px 0 6px 0; margin:15px 0 10px 0;}
.blog-header span{ display:inline-block; margin:0 20px 0 20px;}
.blog-header span.date{margin-left:0;}
.blog-header .comment-count{float:right; margin-right:0px;}
.pic-blog{margin:10px 0 10px 0;}
.blogpost{padding-bottom:20px;border-bottom:dotted 2px #ccc; margin-bottom:20px;}
.blogpost.first{padding-top:0px;}
.blogpost.read{ background:none; padding-top:0px; padding-bottom:40px;}
.blogpost.read .info{ margin-bottom:0px;}
.blogpost .blog_post_date{ width:50px; float:left; background:url(../images/bgdate.png) top left no-repeat; padding:5px 0 5px 0;}
.blogpost .right{ width:550px; float:left; padding-left:10px;font-size:10px; color:#888; margin-bottom:10px;}
.blogpost .date{ font-size:26px; text-align:center; padding-top:4px; color:#FFF}
.blogpost .month{ font-size:12px; text-align:center;color:#FFF;}
.blogpost h2{ margin-bottom:5px; margin-top:5px;}
.blogpost h2 a{color:#333;}
.blogpost .pix{ padding:0 20px 10px 0;}
.blogpost .text{ padding:0 0px 20px 0;}
.blogpost .info{ display:block;background:url(../images/lines-3.png) top right no-repeat; padding-top:1px; font-size:11px;}
.blogpost .info span{display:inline-block; background:url(../images/hlines.png) right repeat-y; padding-right:10px; padding-left:10px; padding-top:2px;}
.blogpost .info span.postedby{padding-left:0px;}
.blogpost .btn{float:right;}
.read .info { margin-bottom:-5px;}
.blogsmall .thumb{float:left; margin-right:10px; margin-top:5px; display:block;}
.blogsmall .date{ display:block; font-size:11px; color:#999;}
.blogsmall li{border-bottom:solid 1px #DDD; padding:10px 0 17px 0;}
.blogsmall li.first{padding-top:0px;}
.bloglist{ list-style:none; }
.bloglist li{margin-top:20px;}
.bloglist .l{display:block; float:left; margin-right:20px; width:200px;}
.bloglist .r{display:block; float:left; width:326px;background:url(../images/line1.png) top repeat-x; padding-top:7px;}
.bloglist .r .date{display:inline-block; float:left; font-size:11px;padding-bottom:7px;}
.bloglist .r .comment-count{display:inline-block; float:right; text-align:right;font-size:11px; padding-bottom:7px;}
.bloglist .r h2{color:#CF2929;}
.bloglist .r .text{ background:url(../images/line1.png) top repeat-x; padding-top:10px;}

#blogread{ margin-top:-10px; margin:0; padding:0;}
#blogread{margin-bottom:40px; list-style:none; border: solid 1px #DDD; padding:20px; background:url(../images/dotwhite50.png)}
#blogread .date{background:url(../images/icon-calendar.png) left center no-repeat; padding-left:24px;}
#blogread .by{background:url(../images/icon-user.png) left center no-repeat; padding-left:24px;}
#blogread .cat{background:url(../images/icon-folder.png) left center no-repeat; padding-left:24px;}

#bloglist li img, #blogread img{margin:10px 0 10px 0;}


.map{margin-bottom:20px; border:solid 1px #CCC;}



/* ========================================= */
/* 				MESSAGE BOX
/* ========================================= */
.msgbox{ display:block; padding:20px 20px 20px 70px;font-size:12px; margin-bottom:0px; margin-bottom:10px; font-weight:bold;}
.msg-success{ background:url(../images/msg-icon-success.png) 20px center no-repeat #E5EAD4; border:solid 1px #C2CC99; 
border-left:solid 4px #C2CC99;}
.msg-warning{ background:url(../images/msg-icon-warning.png) 20px center no-repeat #F4E8BC; border:solid 1px #E0C252; 
border-left:solid 4px #E0C252;}
.msg-error{ background:url(../images/msg-icon-error.png) 20px center no-repeat #FCD8DC; border:solid 1px #F8B1C7; 
border-left:solid 4px #F8B1C7;}
.msg-info{ background:url(../images/msg-icon-info.png) 20px center no-repeat #CCDFE8; border:solid 1px #92BACB; 
border-left:solid 4px #92BACB;}
.special{font-size:12px; line-height:1.6em; padding:20px; background:url(../images/pattern-9.png) #ddd; width:502px;border-radius:10px; -webkit-border-radius:10px; border:solid 1px #ccc;  -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);}
.msg{background:#FFF; border:solid 1px #ddd; text-align:center; padding:20px; font-size:15px; font-weight:bold;} 







/* ========================================= */
/* 					TABS
/* ========================================= */
#tab-content .list-wrap { }
#tab-content ul { list-style: none; }
#tab-content ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#tab-content ul li a:hover { background: #F1CE41; color: white; }
#tab-content ul li:last-child a { border: none; }
#tab-content .nav { overflow: hidden; margin-bottom:0px; margin-left:-40px; }
#tab-content .nav li {  float: left; margin: 0 5px 0 0;}
#tab-content .nav li.last { margin-right: 0; }
#tab-content .nav li a { display: block; padding: 5px 10px 5px 10px; background: #F1CE41; color: white; font-size: 14px; text-align: center; border: 0; }
#tab-content li a.current,#tab-content li a.current:hover { background-color: #EAEAEA !important; color: black; font-weight:bold;}
#tab-content .nav li a:hover, #tab-content .nav li a:focus { background: #333;}
.tab-content{display:none; background:#EAEAEA; }
.tab-content .inner{padding:20px;}




/* ========================================= */
/* 				GET IN TOUCH
/* ========================================= */
.btn-contact{ position:fixed; margin-top:300px; }
.btn-contact a{background: #F1CE41; display:block; padding:8px;}
.btn-contact a:hover{background:url(../images/dotblack30.png); display:block; padding:8px;}









/* ========================================= */
/* 				TEAM LIST
/* ========================================= */
.teamlist{margin:0; padding:0; list-style:none; width:640px;}
.teamlist li{width:193.33px; float:left; margin-right:20px; text-align:center;}
.teamlist li:hover{background:url(../images/dotblack5.png);}
.teamlist li h5{text- letter-spacing:1px; font-size:15px; margin-bottom:5px;}
.teamlist .position{font-style:italic;}



/* ========================================= */
/* 				BLOG COMMENT
/* ========================================= */
/* blog comments */
#comment-list{margin-top:40px;}
.comment-list{list-style-type:none; padding:0; margin: 0; margin-bottom:20px;}
.comment-list ol{list-style-type:none; padding:30px 0 0 90px; margin:0; border-bottom:dashed 1px #ccc;}
.comment-list li ol{list-style-type:none; padding:20px 0 0 90px; margin:0; border-bottom:dashed 1px #ccc;}
.comment-list li{position:relative;padding:20px 0 30px 0; border-top:dashed 1px #ccc; min-height:70px;}
.comment-list li li{position:relative;padding:10px 0 20px 0;}
.avatar{position:absolute;top:10; left:0;}
.comment{margin:0 0 0 90px; padding:0; padding:10px 0 0 0;}
.comment span{display:block;}
.comment-list h5{margin-bottom:0px;}
.comment-list .comment-date{font-size:11px; color:#999;}
.comment .btn{margin-top:10px;}
.comment-info{float:left; width:100px;}
.comment-data{float:right; width:480px;}
.comment-date{font-size:11px; color:#aaa;}

/* comment form */
#respond{padding:20px; border:solid 1px #ddd; background:url(../images/dotblack5.png); margin-top:20px;}
#respond label{ display:block;}
#respond input{ display:block; margin-bottom:10px; padding:5px; border:none; border:solid 1px #ccc;}
#respond input:focus{border:solid 1px #999;}
#respond textarea{ padding:5px; border:solid 1px #ccc; width:98%;}
#respond textarea:focus{border:solid 1px #F1CE41;}
#respond input.button{ color:#FFF; background:#F1CE41; padding:3px 10px 3px 10px; margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px;border:none;}
#contact input.btn:hover{background:#333; color:#FFF;}
#respond input.button:hover{background:#333; color:#fff;}
#respond .text{width:50%;}

#comment h5{margin-bottom:0px;}

#footer{ border-top:solid 1px #CCC; padding-top:10px; font-size:11px; margin-top:40px;}
#footer .omega{ text-align:right; }











.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination span{
}
 
.pagination a:hover{
color:#fff;
background: #F1CE41;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #F1CE41;
color:#fff;
}


/* ========================================== */
/* 					page
/* ========================================== */
.page{text-align:left; font-size:11px; color:#999;}
.blogpage{margin-top:40px;}
.page a:hover{ padding:4px 8px 4px 8px; margin-right:5px; background:#F1CE41; color:#FFF;}
.page a{ padding:4px 8px 4px 8px; margin-right:5px; background-color:#CCC; color:#FFF; text-decoration:none;}
.page .active a{background:#F1CE41; color:#FFF; }



.one_third{width:193px; float:left; margin-right:20px;}
.two_third{width:406px; float:left; margin-right:20px;}
.last{ margin-right:0;}


/* button override */
.rounded{border-radius:5px; -webkit-border-radius:5px;}
.big,.big:hover{font-size:20px; padding:5px 9px 5px 9px;}
.bigger,.bigger:hover{font-size:24px; padding:7px 10px 7px 10px;}
.biggest,.biggest:hover{font-size:32px; padding:10px 15px 10px 15px;}

.border{border:solid 1px #ccc; background:#FFF; padding:5px;}


/* images align */
.pic-left{float:left; margin:20px 20px 20px 0;}
.pic-right{float:right; margin:20px 0 20px 20px;}
.pic-center{}